@charset "utf-8";

@media (min-height:912px) {
	.wrapper { height:auto; display:block; }
	.main { min-height:auto; }
}

@media (min-width:768px) { /*螢幕寬度>768時*/
	@font-face {
	  font-family:'Source Han Sans';
	  src:url('../fonts/SourceHanSansCN-Regular.woff2?2025.11.17');
	  font-weight:normal; font-style:normal; font-display:swap;
	}

	@font-face {
	  font-family:'Source Han Sans';
	  src:url('../fonts/SourceHanSansCN-Medium.woff2?2025.11.17');
	  font-weight:bold; font-style:normal; font-display:swap;
	}
}

@media (min-width:1400.5px) { /*螢幕寬度>1400時*//*電腦螢幕*/
	.wrapper { height:100%; display:flex; flex-direction:column; }
	.main { min-height:calc(40vh); }
	main { flex-grow:1; }
	.line-clamp-3xl-1 { -webkit-line-clamp:1; } /*文字限制行數*/
	.line-clamp-3xl-2 { -webkit-line-clamp:2; }
	.line-clamp-3xl-3 { -webkit-line-clamp:3; }
	.line-clamp-3xl-4 { -webkit-line-clamp:4; }
}

@media (max-width:1399.9px) { /*螢幕寬度<1400時*//*大螢幕筆電*/
	.xxl-hidden { display:none !important; }
	.line-clamp-xxl-1 { -webkit-line-clamp:1; } /*文字限制行數*/
	.line-clamp-xxl-2 { -webkit-line-clamp:2; }
	.line-clamp-xxl-3 { -webkit-line-clamp:3; }
}

@media (max-width:1199.9px) { /*螢幕寬度<1200時*//*小螢幕筆電*/
	.page-flex-left  { order:1; width:240px; margin-right:1.5rem; }
	.page-flex-right { order:2; width:calc(100% - 240px - 1.5rem); }

	.submenu-bottom, .submenu-right { display:none; }
	.xl-hidden { display:none !important; }
	.line-clamp-xl-1 { -webkit-line-clamp:1; }
	.line-clamp-xl-2 { -webkit-line-clamp:2; }
	.line-clamp-xl-3 { -webkit-line-clamp:3; }
}

@media (max-width:991.9px) { /*螢幕寬度<992時*//*平板*/
	.header-top-flex { padding:15px; }

	.header-top-flex .flex-col-logo		{ order:1; width:65%; margin-bottom:20px; }
	.header-top-flex .flex-col-trigger	{ order:2; width:35%; display:block; }
	.header-top-flex .flex-col-social	{ order:3; width:50%; justify-content: flex-start; }
	.header-top-flex .flex-col-login	{ order:4; width:50%; justify-content: flex-end; }

	.header-login-list a { width:100px; }
	.main-menu-list > li { width:calc( 100% / 7 ); }

	.page-flex-left		{ width:100%; margin-right:0; }
	.page-flex-right	{ width:100%; }

	/* ======================================
		頁首header設定
	========================================= */
	.mobile-fixed-bar { display:block; }

	.logo { max-width:300px; margin-left:0; }

	.header-social-list li { width:40px; }
	.header-social-list a { font-size:40px; }

	.main-menu { display:none; }

	.mobile-quickly-bar { display:block; }

	.submenu-bottom { display:inline-block; margin-left:5px; }

	/* ======================================
		小螢幕時選單設定
	========================================= */
	.menu-trigger { position:relative; display:block; top:2px; }

	.mobile-menu { display:block; }

	.page-overlay {
		display:none;
		position:fixed;
		z-index:9998;
		top:0;
		left:0;
		width:100%;
		height:100vh;
		background:rgba(0,0,0,0.6);
		overflow:hidden;
	}

	.page-overlay.opened { display:block; }

	body.overflow-hidden { overflow:hidden; }

	/* ======================================
		頁尾設定
	========================================= */
	.copyright { line-height:25px; }
	.qrcode-list li { width:30%; }
	.qrcode-list { text-align:center; }
    .mobile-show { display:block; }

	/* ======================================
		全頁面共同設定
	========================================= */
	.main { padding:15px; }
	.forum-iframe { overflow-y:auto; }

	.line-clamp-lg-1 { -webkit-line-clamp:1; }
	.line-clamp-lg-2 { -webkit-line-clamp:2; }
	.line-clamp-lg-3 { -webkit-line-clamp:3; }
	.lg-hidden { display:none !important; }
}

@media (max-width:767.9px) { /*螢幕寬度<768時*//*手機螢幕橫向*/
	.header-login-list a { width:90px; }

    .footer-flex-center { width:100%; margin-bottom:30px; }
	.footer-flex-right { width:100%; margin-bottom:10px; }

	.body_flex-left  { width:100%; }
	.body_flex-left.btn-topic  { margin-top:0.5rem; }
	.body_flex-right { width:100%; margin-left:0; text-align:left !important; }
	.body_flex-left.btn-topic  { order:3; }
	.body_flex-right.calendar  { order:2; }

	.md-hidden { display:none !important; }
	.line-clamp-md-1 { -webkit-line-clamp:1; }
	.line-clamp-md-2 { -webkit-line-clamp:2; }
	.line-clamp-md-3 { -webkit-line-clamp:3; }
}

@media (max-width:640px) {
}

@media (max-width:575.9px) { /*螢幕寬度<576時*//*手機螢幕直向*/
	/*.main, .heading a, .heading .title { background:#f5f5f5; }*/
	.header-top-flex .flex-col-login { width:50%; }
	.header-top-flex .flex-col-social { width:50%; }

	.header-login-list li { margin-right:15px; }
	.header-login-list a { width:80px; }

	.body_flex-left.btn-topic { margin-top:0.75rem; }
	.btn-topic a { padding:10px 15px; }

	.topic-item-y .col-12 img { margin-bottom:0.5rem; }

	.block_body { border:0 !important; }

	.sm-hidden { display:none !important; }
	.sm-show   { display:block !important; }

	.line-clamp-sm-1 { -webkit-line-clamp:1; }
	.line-clamp-sm-2 { -webkit-line-clamp:2; }
	.line-clamp-sm-3 { -webkit-line-clamp:3; }

	.img-thumbnail { padding:0; border:0; border-radius:0; background-color:transparent; }
	.pic-in-right { padding-left:0; }
	.pic-in-left { padding-right:0; }
}


@media (max-width:479.9px) {
	.header-top-flex, .main { margin-left:calc(-0.5 * var(--bs-gutter-x)); margin-right:calc(-0.5 * var(--bs-gutter-x)); }
	.main { padding:12px !important; }

	.ss-hidden { display:none !important; }
	.ss-show   { display:block !important; }

	.block-item .offer_data { font-size:1.1rem; }
	/* ======================================
		頁首header設定
	========================================= */
	.header-top-flex .flex-col-login { width:35%; }
	.header-top-flex .flex-col-social { width:65%; }

	.header-login-list a { width:50px; }
	/* ======================================
		頁尾設定
	========================================= */
	#scrolltop { right:10px; bottom:30px; }
}

@media (max-width:390px) {
	.header-social-list li { width:38px; }

	.header-login-list a { width:45px; }

	.xs-hidden			{ display:none !important; }
	.block-item .offer_data { font-size:1.05rem; }
}

@media (max-width:359.9px) {
	.header-top-flex .flex-col-login { width:100%; margin-top:20px; }
	.header-top-flex .flex-col-social { width:100%; justify-content:center; }
	.header-top-flex .header-login-list { justify-content:center; }
	.header-login-list li { margin-right:20px; }
	.header-login-list a { width:75px; height:32px; }
}

@media (max-width:326px) { /*101 ~ 115%*/
	.footer-info li						{ font-size:1rem; }
}

@media (max-width:300px) { /*116 ~ 125 %*/
	.footer-info li						{ font-size:0.95rem; }
}

@media (max-width:214px) { /*151 ~ 175 %*/
	.header-top-flex .flex-col-logo    { width:75%; }
	.header-top-flex .flex-col-trigger { width:25%; }
	.menu-trigger { width: 25px; margin-left: calc(100% - 25px); }
	.menu-trigger-txt { font-size:0.75em; }
}

@media (max-width:200px) { /*175 ~ 200 %*/
	.header-login-list a { width:45px; height:42px; }
}