@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500;700;900&family=Noto+Serif+TC:wght@600&display=swap');

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	font-family: 'Noto Sans TC', sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: initial;
}

@media (max-width: 825px) {
	iframe {
		width: 100%;
		height: 220px;
	}
}

img {
	display: block;
	/*width: 100%;*/
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}

/*常用色系*/
.color-Yellow {
	color: #F4D522;
}

.color-Purple {
	color: #6723B0;
}

.color-gray {
	color: #292929;
}

/*統一字體*/
h3 {
	font-size: 16px;
	color: #292929;
}


*, a {
	font-family: 'Noto Sans TC', sans-serif !important;
	font-size: 15px;
	color: #292929;
	text-decoration: none;
	letter-spacing: 0.5px;
}

a {
	/*display: block;*/
}

*:hover {
	transition: all 0.2s ease-out;
}

.w1500 {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
	box-sizing: border-box;
}

@media (max-width: 1279px) {
	body {
		margin-top: 6rem;
	}

	.w1500 {
		padding: 0 1rem;
	}
}
/*分類標籤*/
.category {
	display: inline-block;
	background-color: #F4D522;
	font-size: 13px;
	padding: 0 6px;
}

@media (max-width: 768px) {
	.category {
		display: inline-block;
	}
}

em {
	display: block;
	background: #F4D522;
	width: 85px;
	height: 1px;
	margin: 8px 0;
}

.reporter-name {
	display: block;
	font-size: 13px;
}

	.reporter-name i {
		padding-right: 3px;
	}

.publish-date {
	display: block;
	font-size: 13px;
	color: #6A6A6A;
}

.image_sameHeight {
	height: 250px;
	overflow: hidden;
}

	.image_sameHeight > img {
		height: 100%;
		width: 100%;
		object-fit: cover;
		transition: 0.2s ease-in;
	}

	.image_sameHeight:hover > img {
		transform: scale(1.1);
	}
/*漢堡選單*/
.black_bg {
	background: rgba(0, 0, 0, 0.5);
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	display: none;
}

#menuBtn {
	display: none;
}

@media (max-width: 1279px) {
	#menuBtn {
		display: block;
		position: fixed;
		top: 16px;
		left: 10px;
		width: 41px;
		height: 41px;
		cursor: pointer;
		z-index: 101;
		padding: 0 0 0 10px;
	}

		#menuBtn span {
			display: block;
			position: absolute;
			top: 10px;
			left: 0;
			margin: 0 auto;
			right: 0;
			height: 3px;
			width: 35px;
			background: #343434;
			border-radius: 10px;
		}

		#menuBtn .line-2 {
			top: 19px;
		}

		#menuBtn .line-3 {
			top: 28px;
		}

		#menuBtn.active .line-1 {
			top: 19px;
			-webkit-transform: rotate(-45deg);
			-ms-transform: rotate(-45deg);
			transform: rotate(-45deg);
			animation-name: none;
		}

		#menuBtn.active .line-2 {
			opacity: 0;
			-webkit-transform: rotate(-45deg);
			-ms-transform: rotate(-45deg);
			transform: rotate(-45deg);
			animation-name: none;
		}

		#menuBtn.active .line-3 {
			top: 19px;
			-webkit-transform: rotate(45deg);
			-ms-transform: rotate(45deg);
			transform: rotate(45deg);
			animation-name: none;
		}
}

/*選單列*/
header {
	box-shadow: 0 0 5px rgba(0,0,0,0.3);
}

	header h1 {
		display: block;
		text-align: center;
		border-bottom: 1px solid #B1B1B1;
		padding: 2rem 0;
	}

		header h1 img {
			max-width: 260px;
			margin: 0 auto;
		}

	header .nav-link {
		display: block;
		font-size: 18px;
		color: #292929;
		font-weight: 700;
		letter-spacing: 3px;
		padding: 0.5rem 0.8rem;
	}

		header .nav-link:hover {
			color: #6723b0;
		}

.nav {
	position: relative;
}

	.nav .search {
		position: absolute;
		right: 0;
		top: 22%;
	}

		.nav .search .link-secondary {
			padding: 0.375rem 0rem;
		}

@media (max-width: 1279px) {
	header {
		display: block;
		position: fixed;
		top: 0;
		cursor: pointer;
		z-index: 100;
		width: 100%;
		background: #fff;
	}

		header h1 {
			padding: 1rem 0;
		}

			header h1 img {
				width: 200px;
			}

	.mobile_menu {
		position: fixed;
		right: -100%;
		top: 0;
		height: 100%;
		width: 100%;
		background: rgba(255,255,255,0.95);
		flex-flow: column;
		z-index: 101;
		transition: right 0.3s ease-out;
		box-sizing: border-box;
		overflow-x: hidden;
		padding: 2rem;
	}

	header .nav-item {
		width: 100%;
		border-bottom: 1px solid #939393;
		text-align: center;
	}

	header .nav-link {
		font-size: 30px;
	}

	.nav .search {
		position: initial;
		margin: 20px 0 0 0;
		width: 100%;
	}
}

header .mobile_menu.focus {
	right: 0;
}

/*hover*/
.link-style {
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(50%,transparent),color-stop(50%,#fff588 ));
	background-image: linear-gradient(transparent 50%,#fff588 0);
	background-repeat: no-repeat;
	background-size: 0 100%;
	border: none !important;
	text-decoration: none;
	-webkit-transition: background-size .25s cubic-bezier(.215,.61,.355,1);
	transition: background-size .25s cubic-bezier(.215,.61,.355,1);
	will-change: background-size;
	display: inline;
}

.link-style2 {
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(50%,transparent),color-stop(50%,#4f1376 ));
	background-image: linear-gradient(transparent 50%,#4f1376 0);
	background-repeat: no-repeat;
	background-size: 0 100%;
	border: none !important;
	text-decoration: none;
	-webkit-transition: background-size .25s cubic-bezier(.215,.61,.355,1);
	transition: background-size .25s cubic-bezier(.215,.61,.355,1);
	will-change: background-size;
	display: inline;
}

.link-style:hover {
	background-size: 100% 125%;
	-webkit-text-decoration-color: rgba(100,97,63,0);
	text-decoration-color: rgba(100,97,63,0);
}

.link-style2:hover {
	background-size: 100% 125%;
	-webkit-text-decoration-color: rgba(100,97,63,0);
	text-decoration-color: rgba(100,97,63,0);
}
/*輪播*/
.MainCarousel .carousel-indicators [data-bs-target] {
	width: 14%;
	height: 4px;
	background-color: #c1c1c1;
	opacity: 1;
}

.MainCarousel .carousel-indicators .active {
	background-color: #f4d522;
}

.MainCarousel .carousel-inner .carousel-item {
	max-height: 600px;
	overflow: hidden;
	display: flex;
    justify-content: center;
    align-items: center;
}

	.MainCarousel .carousel-inner .carousel-item img {
		transition: 0.2s ease-in;
	}

	.MainCarousel .carousel-inner .carousel-item:hover img {
		transform: scale(1.1);
	}

.MainCarousel .carousel-caption {
	position: absolute;
	right: 10%;
	bottom: 2.25rem;
	left: 10%;
	padding-top: 1.25rem;
	padding-bottom: 1.25rem;
	color: #fff;
	text-align: center;
}

	.MainCarousel .carousel-caption h3 {
		font-size: 30px;
		font-weight: 500;
		color: #fff;
		text-shadow: 0 0 4px #000;
	}




.index-Focus {
	border-top: 1px solid #6723B0;
}

	.index-Focus .container-fluid {
		padding: 0;
	}

.focus-Title {
	font-size: 40px;
	font-weight: 600;
	display: inline-block;
	border-top: 6px solid #6723B0;
	position: relative;
}
/*.focus-Title:after{
    content: "";
    position: absolute;
    left: calc(50% - 50vw);
    right: calc(50% - 50vw);
    width: 100vw;
    height:1px;
    border-top: inherit;
}*/


.index-Focus a .image {
	overflow: hidden;
}

	.index-Focus a .image img {
		transition: 0.2s ease-in;
	}

.index-Focus a:hover .image img {
	transform: scale(1.1);
}
/*YOUTUBE影片*/
.carouselMedia .carousel-indicators {
	bottom: -5%;
}

	.carouselMedia .carousel-indicators [data-bs-target] {
		width: 160px;
		height: 4px;
		background-color: #c1c1c1;
		opacity: 1;
	}

	.carouselMedia .carousel-indicators .active {
		background-color: #f4d522;
	}

.indexMedia-box {
	position: relative;
}

	.indexMedia-box a {
		display: block;
		padding-bottom: 57%;
		background-size: cover;
		background-position: center;
		padding-top: 30px;
	}

	.indexMedia-box b {
		background: url(../Images/play.png);
		background-size: cover;
		width: 70px;
		height: 49px;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		transition: background 0.15s ease-out;
	}

	.indexMedia-box a:hover b {
		background: url(../Images/play_o.png);
		background-size: cover;
	}

.indexMedia-content {
	text-align: justify;
}

	.indexMedia-content h3 {
		font-size: 30px;
		font-weight: 500;
	}

	.indexMedia-content .publish-date {
	}

.indexMedia-text {
	margin: 10px 0;
	font-size: 16px;
	line-height: 1.5;
	display: block;
}

@media (max-width: 1279px) {

	h3 {
		font-size: 22px !important;
	}

	.indexMedia-content.px-4 {
		padding: 0 !important;
	}
}

/*固定左圖*/
.index-leftNews {
	display: flex;
	position: sticky;
	max-height: 100vh;
	margin-bottom: auto;
	top: 0px;
}

	.index-leftNews a {
		display: inherit;
		position: relative;
		height: 100vh;
		overflow: hidden;
	}

	.index-leftNews img {
		width: 100%;
		height: auto;
		object-fit: cover;
		transition: 0.2s ease-in;
	}

	.index-leftNews a:hover img {
		transform: scale(1.1);
	}

	.index-leftNews .Overlay {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		padding: 2rem;
	}

		.index-leftNews .Overlay:after {
			position: absolute;
			top: 0px;
			left: 0px;
			opacity: 1;
			z-index: 1;
			width: 100%;
			height: 100%;
			content: "";
			transition: opacity 0.3s ease 0s;
			background: linear-gradient(to top, rgb(0, 0, 0), transparent 65%) 0% 0% / calc(100% + 1px) calc(100% + 1px);
		}

		.index-leftNews .Overlay h3 {
			font-size: 30px;
			font-weight: 500;
			color: #fff;
			text-shadow: 0 0 4px #000;
			position: relative;
			z-index: 2;
		}

		.index-leftNews .Overlay em {
			position: relative;
			z-index: 2;
		}

		.index-leftNews .Overlay .reporter-name, .index-leftNews .Overlay .reporter-name i, .index-leftNews .Overlay .publish-date {
			color: #fff;
			position: relative;
			z-index: 2;
		}

@media (max-width: 1279px) {
	.index-leftNews a {
		max-height: 80vh;
		margin-bottom: 3rem;
	}
}

/*右方瀑布流*/
.index-rightNews {
	display: flex;
}

@media only screen and (max-width: 768px) {
}

/*列表頁*/
.google-rightBlock {
	display: flex;
	position: sticky;
	margin-bottom: auto;
	top: 0px;
}

	.google-rightBlock a img {
		width: auto;
	}

.google-Block a {
	display: block;
	padding: 1rem;
	background: #F5F5F5;
}

	.google-Block a img {
		width: auto;
		margin: 0 auto;
	}

.page {
	text-align: center;
}

	.page .num {
		display: inline-block;
	}

		.page .num a {
			display: inline-block;
			/*padding: 2px 5px;
			min-width: 30px;
			margin: 0 2px;*/
			padding: 10px;
			min-width: 35px;
			margin: 0 4px;
			text-align: center;
			border: 1px solid #f4d522;
			transition: 0.2s ease-out;
		}

			.page .num .now, .page .num a:hover {
				background: #f4d522;
				color: #292929;
			}

	.page .last_bt, .page .next_bt {
		font-size: 1rem;
		margin: 0 4px;
	}

	.page > p {
		font-size: 12px;
		margin: 10px 0 0 0;
	}
/*內容頁*/
.News-detail {
	border-bottom: 1px solid #ccc;
}

.news-title {
	font-size: 35px;
	font-weight: 500;
	line-height: normal;
}

.news-date, .news-post {
	font-size: 14px;
	color: #7A7A7A;
	display: inline-block;
}

.news-social img, .news-social a {
	height: 15px;
	width: auto;
	display: inline-block;
	margin: 0 4px;
}

	.news-social a:nth-child(2) {
		position: relative;
		margin-left: 20px;
		background: url(../Images/facebook.svg) no-repeat;
		background-size: contain;
		width: 8px;
		height: 16px;
		transition: all 0.2s ease-out;
	}

		.news-social a:nth-child(2):hover {
			background: url(../Images/facebook_hover.svg) no-repeat;
			width: 8px;
			height: 16px;
			background-size: contain;
		}

		.news-social a:nth-child(2):before {
			content: "";
			position: absolute;
			width: 1px;
			height: 15px;
			top: 1px;
			left: -13px;
			background-color: #ccc;
		}

	.news-social a:nth-child(3) {
		position: relative;
		background: url(../Images/line.svg) no-repeat;
		background-size: contain;
		width: 16px;
		height: 16px;
		transition: all 0.2s ease-out;
	}

		.news-social a:nth-child(3):hover {
			background: url(../Images/line_hover.svg) no-repeat;
			background-size: contain;
			width: 16px;
			height: 16px;
		}

.news-content {
	border-top: 1px solid #ccc;
}

	.news-content p {
		letter-spacing: 1px;
		line-height: 30px;
		font-size: 1.05rem;
		text-align: justify;
		/* text-indent: 2em; */
		margin-bottom: 10px;
	}

	.news-content strong {
		font-weight: 600;
	}

	.news-content a {
		color: #0a6ad4;
	}

.news_tags span {
	display: inline-block;
	text-align: center;
	font-size: 14px;
	min-width: 50px;
	padding: 2px 8px;
	background: #F4D522;
	border: 1px solid #F4D522;
}

.news_tags a {
	display: inline-block;
	text-align: center;
	font-size: 14px;
	min-width: 50px;
	padding: 2px 6px;
	border: 1px solid #707070;
	color: #292929;
	margin: 2px;
}

	.news_tags a:hover {
		border: 1px solid #F4D522;
	}

.detail-focus-Title {
	position: relative;
	padding-left: 20px;
	font-size: 20px;
	font-weight: 500;
}

	.detail-focus-Title:before {
		content: "";
		position: absolute;
		width: 4px;
		height: 20px;
		background-color: #6723B0;
		left: 0;
		top: 6px;
	}

.Next-page span {
	display: inline-block;
	border: 1px solid #707070;
	padding: 2px 6px;
	margin: 0 5px 0 0;
}

.Next-page a {
	display: inline-block;
	padding-left: 10px;
	font-size: 16px;
}

	.Next-page a:hover {
		text-decoration: underline;
		color: #292929;
	}

.embed-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
}

	.embed-container iframe, .embed-container object, .embed-container embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}

@media (max-width: 1279px) {
	.news-title {
		font-size: 25px;
	}

	.Next-page a {
		padding-left: 0;
	}

	.news-content p {
		text-align: inherit;
	}
}
/*footer*/
.footer-Contact {
	padding: 0.5rem 0;
	background: #572d8d;
}

	.footer-Contact span {
		margin: 0 10px;
		display: block;
		color: #fff;
	}

		.footer-Contact span a {
			display: inline-block;
			color: #f5d100;
			font-size: 17px;
			font-weight: 500;
			transition: all 0.2s ease-out;
		}

			.footer-Contact span a:hover {
				color: #fff;
			}

@media (max-width: 768px) {
	.footer-Contact .justify-content-between {
		justify-content: center !important;
	}

	.footer-Contact .Contact {
		margin: 10px 0 0 0;
		text-align: center;
	}
}

.footer-Copyright {
	font-size: 12px;
	color: #292929;
	background: #F4D522;
	padding: 0.2rem 0;
}

.featured_img {
	margin-bottom: 15px;
}

	.featured_img > figcaption {
		color: #4d5359;
		font-size: 0.85em;
		padding: 5px;
	}

figure {
	width: 100% !important;
	margin-bottom: 15px;
	color: #572d8d;
}

	figure > figcaption {
		color: #572d8d;
	}

table.prnbcc {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

table.prnbcc th, table.prnbcc td {
	border: 1px solid #dddddd;
	background-color: #ffffff;
	text-align: center;
	vertical-align: middle;
	padding: 5px 10px;
}

table.prnbcc tr:nth-of-type(even) td {
	background-color: #f3f3f3;
}

table.prnbcc td p {
	text-align: left;
}