@charset "utf-8";
/* ============================================================
   覆蓋既有樣式用。原始的 style-hcb.css 保持不動，
   要蓋掉什麼就寫在這裡，靠載入順序生效，日後好回溯。
   ============================================================ */

/* 相簿列表的封面圖：完整顯示不裁切
   原本的做法是固定框高（250~310px）＋ object-fit: cover，
   作品照都是直式 2:3，塞進橫式框就會被裁掉頭部。
   改成拿掉固定高度、讓圖片依原始比例撐開，整張完整呈現。
   只針對相簿列表（包在 .news-wrapper 裡），相簿內頁的照片格線不受影響。 */
#gallery .news-wrapper .link-style .item .image {
	display: block;
	height: auto;
}

#gallery .news-wrapper .link-style .item .image img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: fill;
	object-position: center center;
}

/* 封面不裁切之後，手機一列一本會讓頁面拉得很長（23 本相簿超過 16000px），
   改成一列兩本，照片維持完整，頁面高度反而比原本裁切版還短。
   用屬性選擇器蓋掉 bootstrap 的 col-xs-12，不必動 gallery.php 的 HTML。 */
@media (max-width: 767px) {
	#gallery .news-wrapper .link-style > div[class*="col-"] {
		width: 50%;
		float: left;
	}
}