/* commom Start */
body{
	padding-top:100px;/* 70px + 30px FIX for menu-bar */
	color:#000;
	font-family:Arial, "微軟正黑體", "Microsoft JhengHei", "新細明體" , PMingLiU, sans-serif;
}

.navbar-brand img{height:60px;max-width:100%;}
@media (max-width: 575px) {
	.navbar-brand{margin-right:0px;width:calc(100% - 42px);}
}

/*.center-blocks{}*/
/*.bottom-blocks{}*/
/*.footer-blocks{}*/

.block-title .h3{
	font-weight:bold;
	color:var(--brand-primary);
	margin:0px 0px 20px;
}
/* commom End */

/* headermenu Start */
.headermenu{box-shadow:0px 1px 4px rgba(0,0,0,0.2);background:linear-gradient(#FFFFFF, #EFEFEF);padding:0px;}

.headermenu .nav-link{color:#252525;white-space:nowrap;position:relative;}
.headermenu .nav-link:hover,
.headermenu .nav-link:focus{color:var(--brand-accent);}

.headermenu .dropdown-toggle:after{color:var(--brand-primary);}
@media (min-width: 1200px) {
	.headermenu .navbar-nav{height:70px;}
	.headermenu .nav-link{padding:23px 15px !important;border-left:1px solid #FFF;border-right:1px solid #DDD;}
	.headermenu .nav-link:hover,
	.headermenu .nav-link:focus{color:#FFF;background:var(--brand-primary);}
	.headermenu .nav-item:first-child .nav-link{border-left:none;}
	.headermenu .nav-item:last-child .nav-link{border-right:none;}
	.headermenu .dropdown-toggle:after{position:absolute;left:50%;top:47px;transform:translateX(-50%);}
	.headermenu .dropdown-toggle:hover:after,
	.headermenu .dropdown-toggle:focus:after{color:#FFF;}
}

.headermenu .dropdown-menu{
	min-width:200px;
	border-radius:0px;
	color:#252525;
	padding:0px;
	margin-top:0px;
	background:#EFEFEF;
	border:none;
	border-top:2px solid var(--brand-primary);
	box-shadow:0px 1px 4px rgba(0,0,0,0.2);
}
.headermenu .dropdown-menu li{border-top:1px solid #FFF;border-bottom:1px solid #DDD;}
.headermenu .dropdown-menu li:first-child{border-top:none;}
.headermenu .dropdown-menu li:last-child{border-bottom:none;}
.headermenu .dropdown-menu a{color:#252525;display:block;}
.headermenu .dropdown-menu ul{list-style-type:none;padding:0px;}
.headermenu .dropdown-menu ul li{padding:4px 16px;}
.headermenu .dropdown-menu ul li:hover{background:#DDD;}
.headermenu .dropdown-menu ul li:first-child{border-top:2px solid var(--brand-primary);}
.headermenu .dropdown-menu ul li a{padding-left:16px;}

.headermenu .dropdown-item:hover,
.headermenu .dropdown-item:focus{color:#FFF;background:var(--brand-primary);}

.headermenu .form-control{min-width:120px;}

@media (max-width: 1199px) {
	#headermenu{overflow-y:scroll;height:calc(100vh - 70px);padding-bottom:60px;}
}

/* navbar-toggler Start */
.headermenu .navbar-toggler{border-radius:0px;padding:0px;border:none;color:transparent;width:30px;height:30px;}

.headermenu .navbar-toggler-icon{
	position:relative;
	top:0px;
	width:24px;
	height:2px;
	background:transparent;
	transition:all 0.5s ease;
}
.headermenu .navbar-toggler-icon:before,
.headermenu .navbar-toggler-icon:after{
	position:absolute;
	left:0px;
	top:0px;
	content:"";
	display:inline-block;
	width:24px;
	height:2px;
	background:#737373;
	transform:rotate(45deg);
	transition:all 0.5s ease;
}
.headermenu .navbar-toggler-icon:after{transform:rotate(-45deg);}

.headermenu .navbar-toggler.collapsed .navbar-toggler-icon{top:-9px;background:#737373;}
.headermenu .navbar-toggler.collapsed .navbar-toggler-icon:before{top:8px;transform:rotate(0deg);}
.headermenu .navbar-toggler.collapsed .navbar-toggler-icon:after{top:16px;transform:rotate(0deg);}
/* navbar-toggler End */
/* headermenu End */

/* menu-bar Start */
.menu-bar{
	position:fixed;
	width:100%;
	height:30px;
	left:0px;
	top:0px;
	z-index:9999;
	background:var(--brand-primary);
	color:#FFF;
	font-size:14px;
	line-height:2.2;
}
.menu-bar a{color:#FFF;}

.menu-bar ul{margin:0px;display:inline-block;}
.menu-bar li{float:left;margin-right:10px;}
.menu-bar li:last-child{margin-right:0px;}

.menu-bar li:after{content:"|";margin-left:10px;}
.menu-bar li:last-child:after{display:none;}

.fixed-top.headermenu{top:30px;}	/* FIX */
/* menu-bar End */

/* subject Start */
.subject-block div.home-thumbnails{position:relative;z-index:1;}
.subject-block div.home-thumbnails img{position:relative;}
.subject{
	position:absolute;
	left:0px;
	top:0px;
	padding:20px;
	transition: all 0.9s;
	z-index:2;
}
.subject-title{
	color:#FFF;
	text-shadow:0px 1px 0px rgba(0,0,0,0.6),0px 1px 4px rgba(0,0,0,0.6),0px 1px 2px rgba(0,0,0,0.4);
	font-weight:bold;
	margin:0px;
	transition: all 0.9s;
}
div.home-news-loop a:hover .subject{top:40px;}
div.home-news-loop a:hover .subject-title{color:var(--brand-primary);}

.subject .sub_desc{
	color:#FFF;
	padding-right:50px;
	text-shadow:0px 1px 2px rgba(0,0,0,0.6),0px 1px 2px rgba(0,0,0,0.6),0px 1px 2px rgba(0,0,0,0.6);
}
/* subject End */

/* footer-banner Start */
.footer-link{
	display:flex;
	align-items:center;
	color:#FFF;
	text-shadow:0px 1px 4px rgba(0,0,0,0.4);
	padding:15px;
	margin-bottom:15px;
}
.footer-banner .row > [class*=col-]:nth-of-type(4n+1) .footer-link{background-color:#3DBEFF;}
.footer-banner .row > [class*=col-]:nth-of-type(4n+2) .footer-link{background-color:#00C381;}
.footer-banner .row > [class*=col-]:nth-of-type(4n+3) .footer-link{background-color:#FECE3C;}
.footer-banner .row > [class*=col-]:nth-of-type(4n+4) .footer-link{background-color:#8E3DFF;}
.footer-link:hover{color:rgba(0,0,0,0.6);text-shadow:none;}

.footer-link .h2{font-weight:bold;margin:0px;}
.footer-link .h3{font-weight:bold;margin:0px;}
@media (min-width: 1200px) {
	.footer-link .h3 {
		font-size: calc(0.4rem + 0.8vw);
	}
}
.footer-link .bi{font-size:50px;margin-right:15px;}
/* footer-banner End */

/* footer Start */
footer.footer{background:#111;color:#FFF;font-size:12px;padding:20px 0px;}
footer.footer a{color:#FFF;}
footer.footer a:hover,
footer.footer a:focus{color:#FFF;}

@media (max-width: 767px) {
	.footer-info span{display:block;}
}

footer.footer .social{margin-bottom:0px;}
footer.footer .social li{float:left;}
footer.footer .social a{
	display:inline-block;
	font-size:24px;
	color:#FFF;
	border:2px solid #FFF;
	border-radius:100%;
	width:46px;
	height:46px;
	line-height:46px;
	margin:0px 3px;
}
footer.footer .social a:hover{
	color:var(--brand-primary);
	border:2px solid var(--brand-primary);
}

@media (max-width: 767px) {
	footer.footer .social{margin-top:10px;}
}

#qr{width:50px;height:50px;border:2px solid #FFF;margin-left:5px;}
/* footer End */

/* totop Start */
#totop{
	display:none;
	position:fixed;
	bottom:100px;
	right:15px;
	width:48px;
	height:48px;
	background:rgba(255,255,255,0.9);
	color:#101010;
	border-radius:0px;
	border:1px solid #101010;
	outline:none;
	padding:0px;
	font-size:16px;
	cursor:pointer;
	z-index:99;
}
#totop:hover{background:rgba(0,0,0,0.9);color:#FFF;border:1px solid #000;}
/* totop End */

/* share-buttons Start */
ul.share-buttons{list-style:none;padding:0px;margin:0px 0px 10px;}
ul.share-buttons li{display:inline-block;width:40px;height:40px;float:left;margin:0px 3px;}
ul.share-buttons li:first-child{margin-left:0px;}
ul.share-buttons li:last-child{margin-right:0px;width:auto;height:auto;}

ul.share-buttons li a{display:inline-block;width:40px;height:40px;background-color:#FF0000;border-radius:0px;position:relative;}
ul.share-buttons li a:before{
	position:absolute;
	width:40px;
	height:40px;
	line-height:40px;
	font-family:"Font Awesome 6 Free";
	color:#FFF;
	text-align:center;
}

ul.share-buttons li.share-buttons-email a{background-color:#000;}
ul.share-buttons li.share-buttons-email a:before{content:"\f0e0";font-size:16px;line-height:42px;}

ul.share-buttons li.share-buttons-googleplus a{background-color:#DC4B38;}
ul.share-buttons li.share-buttons-googleplus a:before{content:"\f0d5";font-size:16px;line-height:42px;}

ul.share-buttons li.share-buttons-facebook a{background-color:#3C5B99;}
ul.share-buttons li.share-buttons-facebook a:before{font-family:"Font Awesome 6 Brands";content:"\f39e";font-size:20px;line-height:42px;}

/*line*/
iframe.line-it-button{
	width:40px !important;
	height:40px !important;
	padding:5px 0px 0px 5px;
	background:#06C755;
	border-radius:0px;
}
/* share-buttons End */