@charset "UTF-8";
/*video-bulletin-wrap---start*/

.video-share-box.videopage {
  background-color: #f9f9f9;
  min-height: 75.7vh;
  padding-bottom: 100px;
}

.video-share-box.videopage h1 {
  padding: 20px 0;
}

.video-share-box h2 {
  text-align: center;
  padding: 60px 0px 30px;
}

.video-share-box .youtube_videos {
  width: 1215px;
  padding: 0;
  margin: auto;
  overflow: hidden;
}

.video-share-box .youtube_videos .youtube,
.video-share-box .youtube_video {
  float: left;
  margin: 0 10px 80px;
}

.videoTitle {
  margin: 8px 0px;
  font-size: 16px;
}

.video-share-box .youtube,
.video-share-box .thumb {
  width: 380px;
  height: 250px;
  cursor: pointer;
  position: relative;
  -webkit-box-shadow: 0 0.5px 2px #1d242b;
  box-shadow: 0 0.5px 2px #1d242b;
  border-radius: 10px;
}

.video-share-box .youtube_video {
  width: 380px;
  height: 250px;
}

.video-share-box .thumb,
.video-share-box .youtube_video {
  border: 0;
  outline: 0;
  border-radius: 10px;
}

.video-share-box .youtube:after {
  content: "撥放影片";
  position: absolute;
  top: 5px;
  left: 5px;
  width: 370px;
  height: 240px;
  padding: 0;
  margin: 0;
  padding: 5px;
  background: rgba(255, 255, 255, 0.1);
  text-align: center;
  line-height: 250px;
  color: transparent;
  -webkit-transition: all 0.8s ease;
  transition: all 0.8s ease;
  border-radius: 5px;
}

.video-share-box .youtube:hover:after {
  top: 110px;
  left: 110px;
  width: 165px;
  height: 40px;
  line-height: 31px;
  background: #cf4566;
  -webkit-transition: all 0.8s ease;
  transition: all 0.8s ease;
  color: #ecf0f1;
}

/*video-bulletin-wrap---end*/
@media screen and (min-width: 820px) and (max-width: 1249px) {
  .video-share-box .youtube_videos {
    width: 810px;
  }
}

@media screen and (min-width: 401px) and (max-width: 819px) {
  .video-share-box .youtube_videos {
    width: 405px;
  }
}

@media screen and (max-width: 400px) {
  .video-share-box .youtube,
  .video-share-box .thumb {
    width: 280px;
    height: 200px;
  }
  .video-share-box .youtube_video {
    width: 280px;
    height: 200px;
  }
  .video-share-box .youtube:after {
    width: 270px;
    height: 190px;
  }
  .video-share-box .youtube_videos {
    width: 300px;
  }
}






/*
     FILE ARCHIVED ON 17:19:18 十月 30, 2018 AND RETRIEVED FROM THE
     AN OPENWAYBACK INSTANCE ON 19:28:48 五月 20, 2026.
     JAVASCRIPT APPENDED BY OPENWAYBACK, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/