@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');

/* commom Start */
body{padding-top:66px;color:#000;font-family:"Raleway", Arial, "微軟正黑體", "Microsoft JhengHei", "新細明體" , PMingLiU, sans-serif;}

.center-blocks{padding-top:50px;padding-bottom:50px;background:#FFF;}
.bottom-blocks{padding-top:50px;padding-bottom:50px;background:#F2F3F5;}
.footer-blocks{padding-top:50px;padding-bottom:50px;background:#FFF;}

.centerblock,
.bottomblock,
.footerblock{margin-bottom:50px;}

.centerblock-title,
.bottomblock-title,
.footerblock-title{
	font-family:"Merriweather", Arial, "微軟正黑體", "Microsoft JhengHei", "新細明體" , PMingLiU, sans-serif;
	font-weight:bold;
	color:#131E25;
	margin:0px 0px 20px;
}
.centerblock-title:first-letter,
.bottomblock-title:first-letter,
.footerblock-title:first-letter{color:#F4CA59;}

.xoops-blocks h4,
.xoops-bottom-blocks h4,
.xoops-footer-blocks h4{
	color:#131E25;
	font-weight:bold;
	font-family:"Merriweather", Arial, "微軟正黑體", "Microsoft JhengHei", "新細明體" , PMingLiU, sans-serif;
}

/* block-border Start */
.block-border{
	position:relative;
	display:inline-block;
	width:20px;
}
.block-border span{
	position:absolute;
	left:2px;
	display:inline-block;
	width:16px;
	height:2px;
	background:#F4CA59;
}
.block-border span:nth-child(1){top:0px;}
.block-border span:nth-child(2){top:-3px;}
.block-border span:nth-child(3){bottom:-5px;}

.block-border:before,
.block-border:after{
	position:absolute;
	content:"";
	width:50px;
	height:2px;
	top:50%;
	background:#F4CA59;
}
.block-border:before{left:-55px;}
.block-border:after{right:-55px;}
/* block-border End */

/* commom End */

/* subject Start */
.subject .row{color:#FFF;}
.subject .row [class*=col-]:nth-of-type(1){background:#131E25;}
.subject .row [class*=col-]:nth-of-type(2){background:#385B6F;}
.subject .row [class*=col-]:nth-of-type(3){background:#3D4B53;}
.subject .row [class*=col-]:nth-of-type(4){background:#131E25;}

.subject-link{display:block;color:#FFF;padding:15px 15px;}
.subject-link:hover,
.subject-link:focus{color:#FFF;}
.subject-link .h3{
	font-family:"Merriweather", Arial, "微軟正黑體", "Microsoft JhengHei", "新細明體" , PMingLiU, sans-serif;
	font-weight:bold;
	margin:0px 0px 10px;
}
.subject-link .h3 .bi{font-size:40px;}
.subject-txt{font-size:14px;line-height:2;color:rgba(255,255,255,0.55);}

.subject-more{
	font-family:"Merriweather", Arial, "微軟正黑體", "Microsoft JhengHei", "新細明體" , PMingLiU, sans-serif;
	font-size:14px;
	font-weight:bold;
	margin-top:20px;
	transition:all .4s ease;
}
.subject-more .bi{transition:all .4s ease;}

.subject-link:hover .subject-more,
.subject-link:focus .subject-more{color:#F4CA59;}

.subject-link:hover .subject-more .bi,
.subject-link:focus .subject-more .bi{padding-left:5px;}

@media (min-width: 992px) {
	.subject .row{height:100%;overflow:hidden;}
	.subject-link .h3{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.subject-txt{max-width:100%;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
}

@media (max-width: 1399px) {
	.subject-link .h3{margin:0px;}
	.subject-more{margin-top:0px;}
}
/* subject End */

/* marquee Start */
.marquee{background:#294780;padding:15px 0px;}
.marquee-link{color:#FFF;}
.marquee-link:hover,
.marquee-link:focus{color:#F4CA59;}
.marquee-title{font-size:15px;font-weight:bold;}
.marquee-title span{display:inline-block;background:#F4CA59;color:#1E262B;font-size:14px;padding:5px 10px;margin-right:20px;transition:all .4s ease;}
.marquee-link:hover .marquee-title span{background:#FFF;}
.marquee-txt{display:inline-block;}

@media (max-width: 991px) {
	.marquee-title span{margin-right:0px;margin-bottom:5px;}
	.marquee-txt{display:block;}
}

#marquee .owl-nav{
	margin-top:0px;
	text-align:right;
	position:absolute;
	right:0px;
	top:0px;
}
#marquee .owl-nav [class*='owl-']{color:#FFF;width:30px;height:30px;background:#294780;border:1px solid #FFF;border-radius:0px;margin:0px 5px;transition:all .4s ease;}
#marquee .owl-nav [class*='owl-']:hover{background:#F4CA59;border:1px solid #F4CA59;color:#294780;}
/* marquee End */

/* slogan Start */
.slogan{display:block;margin:50px 0px;}
.slogan .h1{
	font-family:"Merriweather", Arial, "微軟正黑體", "Microsoft JhengHei", "新細明體" , PMingLiU, sans-serif;
	font-weight:bold;
	color:#131E25;
	margin:0px 0px 20px;
}
.slogan .h1:first-letter{color:#F4CA59;}
.slogan .slogan-txt{color:#333;line-height:2;}
/* slogan End */

/* footer Start */
footer .footer{background:#294780;padding:20px 0px;}
footer .footer a{color:#FFF;}
footer .footer a:hover,
footer .footer a:focus{color:#F4CA59;}

.footer-menu{margin-bottom:0px;}
.footer-menu a{display:block;color:#FFF;padding:10px 0px;}
.footer-menu a:hover,
.footer-menu a:focus{color:#F4CA59;}

.footer-menu.infolist li:first-child a{font-weight:bold;cursor:default;}
.footer-menu.infolist li:first-child a:after{
	content:'';
	display:block;
	width:15px;
	height:2px;
	background:#FFF;
	margin:4px 0px;
}
.footer-menu.infolist li:first-child a:hover,
.footer-menu.infolist li:first-child a:focus{color:#FFF;}

.footer-menu.social li{float:left;}
.footer-menu.social li a{font-size:24px;padding:4px 7px;}
.footer-menu.social li:first-child a{padding-left:0px;}
.footer-menu.social li:last-child a{padding-right:0px;}

.footer-info{color:#FFF;line-height:2.5;margin-top:10px;}

#qr{width:50px;height:50px;border:2px solid #FFF;}

@media (max-width: 767px) {
	.footer-menu{margin-bottom:50px;}
	.footer-menu.social{margin-bottom:0px;}
}

.footer-foot{background:linear-gradient(#FFFFFF, #EFEFEF);padding:20px 0px;border-top:1px solid #DDD;font-size:12px;color:#3C3C3C;font-weight:bold;}
.footer-foot a:hover{color:#131E25;}

.footer-foot-info{color:#999;}
.footer-foot-info a{color:#999;}

.footer-foot-menu a{color:#3C3C3C;}
.footer-foot-menu li{float:left;}
.footer-foot-menu li:after{content:"|";margin:0px 10px;}
.footer-foot-menu li:last-child:after{display:none;}

@media (max-width: 767px) {
	.footer-foot-info{margin-top:10px;}
}
/* footer End */

/* totop Start */
#totop{
	display:none;
	position:fixed;
	bottom:15px;
	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:FontAwesome;
	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{content:"\f09a";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 */