.elementor-2752 .elementor-element.elementor-element-2bffb5e{--display:flex;--background-transition:0.3s;--padding-top:10px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-2752 .elementor-element.elementor-element-20082b1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:10px 10px;--background-transition:0.3s;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:45px;--padding-right:45px;}.elementor-2752 .elementor-element.elementor-element-20082b1.e-con{--order:99999 /* order end hack */;}.elementor-2752 .elementor-element.elementor-element-4862558{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:flex-end;--background-transition:0.3s;border-style:dashed;--border-style:dashed;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#979797;--border-color:#979797;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2752 .elementor-element.elementor-element-4862558, .elementor-2752 .elementor-element.elementor-element-4862558::before{--border-transition:0.3s;}.elementor-2752 .elementor-element.elementor-element-1bb2efa .eael-dual-header{padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}.elementor-2752 .elementor-element.elementor-element-1bb2efa .eael-dual-header i{font-size:55px;color:#4d4d4d;}.elementor-2752 .elementor-element.elementor-element-1bb2efa .eael-dual-header img{height:55px;width:55px;}.elementor-2752 .elementor-element.elementor-element-1bb2efa .eael-dual-header .eael-dch-svg-icon{height:55px;width:55px;}.elementor-2752 .elementor-element.elementor-element-1bb2efa .eael-dual-header .eael-dch-svg-icon svg{height:55px;width:55px;}.elementor-2752 .elementor-element.elementor-element-1bb2efa .eael-dual-header svg{fill:#4d4d4d;}.elementor-2752 .elementor-element.elementor-element-1bb2efa .eael-dual-header .title{color:#C40000;}.elementor-2752 .elementor-element.elementor-element-1bb2efa .eael-dual-header .title span.lead{color:#777777;}.elementor-2752 .elementor-element.elementor-element-1bb2efa .eael-dual-header .title, .elementor-2752 .elementor-element.elementor-element-1bb2efa .eael-dual-header .title span{font-family:"Noto Sans HK", Sans-serif;font-size:28px;font-weight:300;line-height:0em;}.elementor-2752 .elementor-element.elementor-element-1bb2efa .eael-dual-header .subtext{color:#FFF865;font-family:"Noto Sans HK", Sans-serif;font-size:32px;font-weight:500;line-height:1.4em;}.elementor-2752 .elementor-element.elementor-element-1bb2efa > .elementor-widget-container{padding:20px 0px 15px 0px;}.elementor-2752 .elementor-element.elementor-element-1bb2efa{width:100%;max-width:100%;}.elementor-2752 .elementor-element.elementor-element-1bb2efa.elementor-element{--align-self:flex-start;}.elementor-2752 .elementor-element.elementor-element-716695d img{max-width:20px;}.elementor-2752 .elementor-element.elementor-element-716695d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 5px 10px 0px;}.elementor-2752 .elementor-element.elementor-element-a6e9311 .elementor-heading-title{color:#4F4F4F;font-family:"Noto Sans HK", Sans-serif;font-size:20px;font-weight:500;}.elementor-2752 .elementor-element.elementor-element-a6e9311{width:initial;max-width:initial;}.elementor-2752 .elementor-element.elementor-element-a6e9311.elementor-element{--align-self:flex-start;}:root{--page-title-display:none;}body.elementor-page-2752:not(.elementor-motion-effects-element-type-background), body.elementor-page-2752 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F8F8;}@media(max-width:1220px){.elementor-2752 .elementor-element.elementor-element-2bffb5e{--padding-top:20px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-2752 .elementor-element.elementor-element-20082b1{--padding-top:0px;--padding-bottom:0px;--padding-left:45px;--padding-right:45px;}.elementor-2752 .elementor-element.elementor-element-716695d > .elementor-widget-container{padding:0px 5px 10px 0px;}.elementor-2752 .elementor-element.elementor-element-a6e9311 .elementor-heading-title{font-size:24px;}}@media(max-width:767px){.elementor-2752 .elementor-element.elementor-element-2bffb5e{--padding-top:20px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-2752 .elementor-element.elementor-element-20082b1{--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-2752 .elementor-element.elementor-element-4862558{--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--flex-wrap:nowrap;}.elementor-2752 .elementor-element.elementor-element-1bb2efa .eael-dual-header .subtext{font-size:32px;}.elementor-2752 .elementor-element.elementor-element-716695d > .elementor-widget-container{padding:0px 5px 10px 0px;}.elementor-2752 .elementor-element.elementor-element-a6e9311 .elementor-heading-title{font-size:20px;}}/* Start custom CSS */#player {
  position: relative;
  width: 100%;
  max-width: 1100px;
  height: auto;
  aspect-ratio: 16 / 9;
  margin: 0px auto;
  background: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 24px;
  overflow: hidden;
}
#player video {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
#gallery {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  justify-content: flex-start;
}
.video-item {
  width: calc(33.33% - 10px);
  position: relative;
  box-sizing: border-box;
  cursor: pointer;
  text-align: left;
  position: relative;
}

.video-item img {
  width: 100%;
  height: auto;
  display: block;
  border: none;
}
.video-title {
  margin-top: 5px;
  font-size: 14px;
  padding: 5px 10px;
  font-weight: 500;
}

#loadMoreBtn {
  display: block;
  margin: 20px auto;
  padding: 10px 20px;
  font-size: 16px;
  cursor: pointer;
  background-color: #4f4f4f;
  color: white;
  border: none;
  transition: background-color 0.3s ease;
}

#loadMoreBtn:hover {
  background-color: #656565;
}

.video-item .play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60px; /* 調整寬度 */
  height: 45px; /* 調整高度 */
  background: rgba(0, 0, 0, 0.7) url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23fff"%3E%3Cpath d="M8 5v14l11-7z"%3E%3C/path%3E%3C/svg%3E') no-repeat center center / 50%; /* 調整箭頭大小 */
  border-radius: 4px; /* 圓角 */
  cursor: pointer;
  z-index: 10;
  margin-top: -15px;
  transition: 0.5s;
  display: none;
}

.video-item::hover .play-icon {
    display: block;
}

.video-item::hover {
    background-color: #fff;
}

.play-icon-player {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60px;
  height: 60px;
  background: rgba(0, 0, 0, 0.7) url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23fff"%3E%3Cpath d="M8 5v14l11-7z"%3E%3C/path%3E%3C/svg%3E') no-repeat center center / cover;
  border-radius: 50%;
  cursor: pointer;
  z-index: 10;
  display: none;
}

.video-item:hover .play-icon {
  display: block;
}

@media (max-width: 768px) {
  .video-item {
    width: calc(50% - 10px);
  }
}

@media (max-width: 480px) {
  .video-item {
    width: 100%;
  }
}/* End custom CSS */