/* RWD 補強：與 Bootstrap 並用，覆寫 sap.css 固定寬 */

#box01.sap-shell,
.sap-shell {
	width: 100% !important;
	max-width: 1280px;
	margin-left: auto;
	margin-right: auto;
}

.to {
	overflow: hidden !important;
}

.to img,
.co4 img,
.lm img {
	max-width: 100%;
	height: auto;
}

.footer {
	min-width: 0 !important;
}

@media (max-width: 991.98px) {
	.lm,
	.co4,
	.co3,
	.co5,
	.co,
	.co2,
	.rm,
	.rm2 {
		width: 100% !important;
		max-width: 100% !important;
		float: none !important;
		min-height: 0 !important;
	}

	.nav,
	.menu {
		width: 100% !important;
		max-width: 100% !important;
		height: auto !important;
	}

	.menu li {
		float: none !important;
		width: 100% !important;
	}

	.menu div,
	.menu div a,
	.menu span {
		width: 100% !important;
		height: auto !important;
		min-height: 44px;
		line-height: 1.4 !important;
		padding-top: 10px !important;
		padding-bottom: 10px !important;
	}

	.menu ul {
		position: static !important;
		display: block !important;
		width: 100% !important;
		top: auto !important;
		left: auto !important;
	}

	.menu ul li,
	.menu ul li a {
		width: 100% !important;
		float: none !important;
	}

	.im01 {
		width: 100% !important;
		max-width: 100%;
	}
}

@media (min-width: 992px) {
	.sap-shell .row.g-0 {
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
	}

	.sap-shell .lm,
	.sap-shell .co4 {
		float: none;
	}

	/* 兩欄：最新消息 + 海報 */
	.sap-shell .lm.col-lg-7 {
		width: 58% !important;
		max-width: 58%;
		flex: 0 0 58%;
	}

	.sap-shell .co4.col-lg-5 {
		width: 42% !important;
		max-width: 42%;
		flex: 0 0 42%;
		display: flex;
		justify-content: flex-end;
	}

	.sap-shell .co4.col-lg-5 > div {
		width: 100%;
		display: flex;
		justify-content: flex-end;
	}

	/* 三欄：含右側區塊 */
	.sap-shell .lm.col-lg-4,
	.sap-shell .co4.col-lg-4 {
		width: 33.333% !important;
		max-width: 33.333%;
		flex: 0 0 33.333%;
	}

	.sap-shell .co4.col-lg-4 {
		display: block;
	}
}