/*
.body {
	background-image: url('../../file/img/bgfull.jpg');
}
*/

html, body {
  height: 100%;
  margin: 0;
}

body {
	display: flex;
  	flex-direction: column;
  	min-height: 100vh;
}

.body {
 	flex: 1; /* 內容區塊自動撐開 */
}

.m-logo {
	margin:0px 10px;
}

.dropdown:hover {
	color:yellowgreen;
}

.custom-left-border-1:before {
	left:0px;
	border-left:0px;
}

.lp-1px {
	letter-spacing: 1px;
}

.lp-2px {
	letter-spacing: 2px;
}

.article_flag {
	position: absolute;
	z-index: 1;
	background-color: goldenrod;
	padding: 4px 14px;
	top: 24px;
	letter-spacing: 1px;
	border-radius: 0px 10px 10px 0px;
	color: white;
}

.img-fluid {
	margin:15px auto;
}

.custom-svg-3 {
	bottom:10px;
}

#header .header-nav-main nav > ul > li > a {
	text-transform: unset;
}

.breadcrumb > li {
	text-transform: unset;	
}

.flex {
	display: flex;
}

.mr-2 {
	margin-right: 0.5rem;
}

.t-black {
	color:black;
}

.w-100ps {
	width:100%;
}

.w-200px {
	width: 200px;
}

.w-300px {
	width: 300px;
}

.w-400px {
	width: 400px;
}

.ml-4 {
	margin-left: 2rem;
}

.chair_lv {
	color: #04b8cd;
	border: #04b8cd 1px solid;
	padding:2px 4px;
	text-align: center;
}

.high_lv {
	color: #ffa800;
	border: #ffa800 1px solid;
	padding:2px 4px;
	text-align: center;
}

.member_lv {
	color: #56ab4a;
	border:  #56ab4a 1px solid;
	padding:2px 4px;
	text-align: center;
}

.member2_lv {
	color: #b87900;
	border: #b87900 1px solid;
	padding:2px 4px;
	text-align: center;
}

.chair_lv_bk {
	color: white;
	background-color: #04b8cd;
	padding:2px 4px;
	text-align: center;
}

.high_lv_bk {
	color: white;
	background-color: #ffa800;
	padding:2px 4px;
	text-align: center;
}

.post-meta {
	font-size: 16px!important;
}


.pagination {
	display: flex;
    flex-wrap: wrap;
    justify-content: center; /* 讓頁碼居中 */
    gap: 5px; /* 控制按鈕之間的間距 */
    overflow: hidden; /* 防止溢出 */
}

.arti_title h3 {
				color:var(--primary--200)!important;
			}

			a.dropdown-item:hover {
				color:var(--primary--200)!important;
			}

			a.dropdown-item {
				padding:3px 0px;
				font-size: 18px!important;
				transition: all 1s;
			}

a.dropdown-item:hover {
				color:var(--primary--200)!important;
			}

			a.dropdown-item {
				padding:3px 0px;
				font-size: 18px!important;
				transition: all 1s;
			}

			.new-index_banner {
				background-image: url('file/img/bg/bg1.jpg');
background-position: center right;
height: 620px;
background-repeat: no-repeat;
width: 80%;
background-size: cover;
margin: 0 auto;
background-size: 100% 100%;
background-repeat: no-repeat;
			}

			.pc_s {
				display: block
			}

			.mob_s {
				display: none;
			}

.f-w-5 {
				font-weight: 500;
			}

			.t-w {
				color:white;
			}

			.t-b {
				color:black;
			}

			.t-sd-g {
				text-shadow: 1px 1px 1px gray;
			}

			.let-s-2px {
				letter-spacing:2px; 
			}

			.let-s-4px {
				letter-spacing:4px; 
			}

			.l-h-1 {
				line-height: 1rem;
			}

			.l-h-125 {
				line-height: 1.25rem;
			}

			.l-h-15 {
				line-height: 1.5rem;
			}

			.l-h-2 {
				line-height: 2rem;
			}

			.l-h-25 {
				line-height: 2.5rem;
			}

			.fs-1 {
				font-size: 1rem;
			}

			.fs-15 {
				font-size: 1.5rem;
			}

			.fs-2 {
				font-size: 2rem;
			}

			.lh-28px {
				line-height: 28px;
			}

			.head-section {
				/*position: relative;
				top: -50px;
				z-index: 1;
				background-color: unset;*/

			}

			.main-box {
				padding:0 5%;
				margin: 0 auto;
				position: relative;
				bottom: 40px;
				z-index: 2;
			}

			.sec-box {
				margin:2% 10px;
				background-color:white;
				color:white;
				box-shadow: 5px 6px 2px lightgray;
				height: fit-content;
    			min-height: fit-content;
				border-radius: 15px 0px 0px 0px;
			}

			.box-head {
				padding:5%;
				color:white;
				border-radius: 15px 0px 0px 0px;
			}

			.col-cusmo {
				width:20%;
			}

			.col-cusmo-index {
				width:42%;
				margin:5% 1rem;
				transition: 1s all;
			}

			.col-cusmo-index:hover {
				width:35.5%;
			}

			.col-cusmo-pic {
				width:25%;
			}

			.bdw {
				border-right:white solid 1px;
			}

			.header-container {
				margin:0px 2rem;
			}

			@media (max-width: 1400px) {

				.col-cusmo-pic {
					width:15%;
				}

			}

			@media only screen and (max-width: 980px) {
  				.pc_s {
					display: none;
				}

				.mob_s {
					display: block;
				}

				.m-logo {
					height:40px;
				}

				.header-container {
					margin:0px 1rem;
				}
			}


			@media (max-width: 768px) {
  				.main-box {
					padding:0 5%;
					position: relative;
					bottom: 0px;
				}

				.box-head {
					margin-top:15px;
				}

				.col-cusmo-index {
					width:100%;
					margin:30px 1rem 0px 1rem;
				}

				.col-cusmo-index:hover {
					width:101%;
				}

				.col-cusmo-end {
					margin-bottom:30px;
				}

				.col-cusmo-pic {
					display: none;
				}

				.bdw {
					border-right:unset;
					margin-bottom:2rem;
				}

				.sec-box {
					margin-bottom:0px;
				}

				.col-cusmo {
					width:100%;
				}
			}

.menu-main {
/*text-shadow: 0 2px 4px rgba(0,0,0,0.35);
-webkit-text-stroke: 0.4px rgba(0,0,0,0.2);
color: lightseagreen!important;*/
letter-spacing: 1px!important;
}

.footer-title {
	text-shadow: 0 2px 4px rgba(0,0,0,0.35);
    -webkit-text-stroke: 0.4px rgba(0,0,0,0.2);
	color: white!important;
	letter-spacing: 1px!important;
}