@charset "UTF-8";

/* ===== 跑馬燈 ===== */
.marquee-wrapper {
	width: 100%;
	color: #0061c3;
	padding: 8px 0;
	margin-top: -15px;		/* 與上方區塊保持一點間距 */
	overflow: hidden;
	white-space: nowrap;
	box-sizing: border-box;
	font-size: 16px;
}

/* 登入頁的跑馬燈接在 header 之下，不需要往上收 */
.marquee-wrapper.login {
	margin-top: 0;
}

.marquee-content {
	display: inline-block;
	padding-right: 80px;
	padding-left: 100%;		/* 讓文字從最右側螢幕外開始跑 */
	animation: marquee-move 25s linear infinite;
}

.marquee-wrapper.login .marquee-content {
	animation-duration: 35s;
}

.marquee-content a {
	color: inherit;
}

.marquee-content a::before,
.marquee-content .announcement-title::before {
	content: "\2022";		/* 清單圓點 */
	color: #000;
	margin-right: 8px;		/* 圓點與文字之間的距離 */
	margin-left: 30px;		/* 各項目之間的間距 */
}

/* 滑鼠移上去時暫停，方便閱讀公告 */
.marquee-wrapper:hover .marquee-content {
	animation-play-state: paused;
}

@keyframes marquee-move {
	0% {
		transform: translate3d(0, 0, 0);
	}
	100% {
		transform: translate3d(-100%, 0, 0);
	}
}

/* ===== 彈跳視窗 ===== */
.announcement-popup.popout.popout_s {
	width: 90vw !important;
	max-width: 900px !important;
	height: 650px;
	max-height: 90vh;
	padding: 2.25em 2em 1.75em;
	box-sizing: border-box;
	grid-template-rows: auto minmax(0, 1fr) auto;
}

.announcement-popup.popout.popout_s .swal2-title {
	align-items: flex-start;
	padding-right: 2rem;
}

.announcement-popup.popout.popout_s .swal2-title::before {
	flex: 0 0 24px;
}

.announcement-popup.popout.popout_s .swal2-html-container {
	font-size: 1.15em;
	line-height: 1.9;
	margin: 0.5em 0;
	padding: 10px 0 0;
	min-height: 0;
	max-height: none;
	overflow-y: auto;
}

/* 登入後首頁的公告清單彈跳視窗 */
.announcement-popup.popout:not(.popout_s) .swal2-html-container {
	padding: 10px 10px 0;
}

/* ===== 公告內容 ===== */
.announcement-content {
	text-align: left;
	color: #000;
}

.announcement-content > :first-child {
	margin-top: 0;
}

.announcement-content > :last-child {
	margin-bottom: 0;
}

.announcement-content p {
	margin: 1em 0;
	padding: 0;
	overflow: visible;
}

.tfbar .announcement-content p {
	color: inherit;
	text-decoration: none;
	word-break: normal;
}

.announcement-content ul,
.announcement-content ol {
	margin: 1em 0;
	padding-left: 40px;
}

.announcement-content ul { list-style-type: disc; }
.announcement-content ul ul { list-style-type: circle; }
.announcement-content ul ul ul { list-style-type: square; }
.announcement-content ol { list-style-type: decimal; }
.announcement-content ol ol { list-style-type: lower-latin; }
.announcement-content ol ol ol { list-style-type: lower-roman; }

.announcement-content li {
	display: list-item;
	margin: 0;
	padding: 0;
}

.announcement-content em,
.announcement-content i {
	font-style: italic;
}

.announcement-content a {
	text-decoration: underline;
}


@media (max-width: 768px) {
	.announcement-content [style*="margin-left"] {
		margin-left: 1.5em !important;
	}
}

/* CKEditor fontSize 外掛的字級 */
.announcement-content .text-tiny { font-size: 0.7em; }
.announcement-content .text-small { font-size: 0.85em; }
.announcement-content .text-big { font-size: 1.4em; }
.announcement-content .text-huge { font-size: 1.8em; }

/* RWD版面調整 */
@media (max-width: 480px) {
	.marquee-wrapper {
		font-size: 14px;
	}

	.announcement-popup.popout,
	.announcement-popup.popout.popout_s {
		width: 86vw !important;
		margin: 0 auto;
		padding: 1.5em 1em 1em;
	}

	.announcement-popup.popout.popout_s .swal2-title {
		font-size: 1.2em;
	}

	.announcement-popup.popout .swal2-html-container,
	.announcement-popup.popout.popout_s .swal2-html-container {
		font-size: 0.95em;
		line-height: 1.7;
	}

	.announcement-popup.popout:not(.popout_s) .swal2-html-container {
		padding: 10px 0 0;
	}

	.announcement-popup.popout:not(.popout_s) .formbox.formbor {
		padding: 8px 10px 10px;
		margin: 0 0 10px;
		border-radius: 8px;
	}
}