/* 新站補充樣式:取代舊站 JS 外掛(vticker、cycle2、masonry)後需要的最小 CSS。 */

/* 舊站載入的 bootstrap.min.css 是客製版(3.2.0 改過),與 CDN 的 3.4.1 原版不同;
   以下把差異重寫回來,main.css 以 %、固定 px 排的版面才會與舊站一致。
   (響應國家的捲動、累計數字由 home.blade.php 內的少量 inline JS 負責。) */
body { font-family: "微軟正黑體", Arial, Helvetica, sans-serif; font-size: 16px; }
h2, .h2 { font-size: 30px; line-height: 1.6; }
p { line-height: 1.65; text-align: justify; }
.img-responsive { border: 1px #fff solid; }
.container-fluid { padding-left: 1%; padding-right: 1%; }
@media (min-width: 1600px) {
  .container-fluid { width: 1560px; }
}

#copromoter .carousel-inner li, #featureStory .carousel-inner li { list-style: none; }
#copromoter .carousel, #featureStory .carousel { margin-bottom: 10px; }
#copromoter .carousel-caption-text, #featureStory .carousel-caption-text { display: block; margin-top: 6px; }

/* 活動內頁:點縮圖展開 YouTube 播放器(取代舊站 lightGallery) */
.youtube-play { display: block; position: relative; }
.youtube-play::after { content: "\25B6"; position: absolute; left: 50%; top: 50%; width: 60px; height: 60px; margin: -30px 0 0 -30px; border-radius: 50%; background: rgba(0, 0, 0, .6); color: #fff; font-size: 24px; line-height: 60px; text-align: center; }
.youtube-play:hover::after { background: rgba(200, 0, 0, .85); }
.youtube-frame { position: relative; height: 0; padding-bottom: 56.25%; background: #000; }
.youtube-frame iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border: 0; }
#event h4 { margin: 8px 0 20px; }
#event .container > .row > div { margin-bottom: 10px; }
#container .listItme img { width: 100%; }

/* 良心話漫畫:影片類作品在上方大圖區點縮圖才載入播放器 */
#headYoutubeVideo .youtube-play { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
#headYoutubeVideo .youtube-play img { width: 100%; height: 100%; object-fit: cover; }
#headYoutubeVideo .youtube-frame { position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 0; }

/* 前台投稿表單與宣言連署 iframe(M6-5) */
.submission-form { max-width: 720px; margin-bottom: 40px; }
.submission-form .required { color: #c00; }
.submission-form .alert ul { margin: 0; padding-left: 20px; }
.endorse-frame { display: block; width: 100%; height: calc(100vh - 140px); min-height: 700px; border: 0; }

/* 投稿表單 honeypot:移出畫面(非 display:none,避免被機器人略過) */
.hp-field { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }