/* google fonts Start */
/* cyrillic-ext */
@font-face{
	font-family:'Raleway';
	font-style:normal;
	font-weight:100 900;
	src:url(../fonts/1Ptug8zYS_SKggPNyCAIT5lu.woff2) format('woff2');
	unicode-range:U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face{
	font-family:'Raleway';
	font-style:normal;
	font-weight:100 900;
	src:url(../fonts/1Ptug8zYS_SKggPNyCkIT5lu.woff2) format('woff2');
	unicode-range:U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* vietnamese */
@font-face{
	font-family:'Raleway';
	font-style:normal;
	font-weight:100 900;
	src:url(../fonts/1Ptug8zYS_SKggPNyCIIT5lu.woff2) format('woff2');
	unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face{
	font-family:'Raleway';
	font-style:normal;
	font-weight:100 900;
	src:url(../fonts/1Ptug8zYS_SKggPNyCMIT5lu.woff2) format('woff2');
	unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face{
	font-family:'Raleway';
	font-style:normal;
	font-weight:100 900;
	src:url(../fonts/1Ptug8zYS_SKggPNyC0ITw.woff2) format('woff2');
	unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* google fonts End */

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

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

.block-title,
.bottomblock-title,
.footerblock-title{font-weight:bold;color:#000;}

.xoops-blocks .h4,
.xoops-bottom-blocks .h4,
.xoops-footer-blocks .h4{color:#000;}
/* commom End */

/* subject Start */
.subject a{
	display:flex;
	color:#FFF;
	background:linear-gradient(var(--brand-light), var(--brand-primary));
	border-radius:5px;
	margin-bottom:20px;
	transition:all .5s;
}
.subject a:hover{background:linear-gradient(var(--brand-secondary), var(--brand-tertiary));}
.subject-icon{
	width:86px;
	height:86px;
	line-height:86px;
	background:#F5F5F5;
	border-radius:0px 0px 24px 0px;
}
.subject-icon .bi{
	display:inline-block;
	width:70px;
	height:70px;
	line-height:70px;
	background:linear-gradient(var(--brand-light), var(--brand-primary));
	border-radius:10px 10px 25px 10px;
	text-align:center;
	font-size:28px;
	transition:all .5s;
}
.subject a:hover .subject-icon .bi{background:linear-gradient(var(--brand-secondary), var(--brand-tertiary));border-radius:100%;}
.subject-content{padding:30px;}
.subject-title{font-size:22px;font-weight:bold;margin-bottom:0px;line-height:2;max-width:100%;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}
.subject-txt{max-width:100%;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}

@media (max-width: 1199px) {
	.subject a{display:block;}
	.subject-content{padding:20px;}
}
/* subject End */

/* about Start */
.about{position:relative;}
.about:after{
	position:absolute;
	content:'';
	right:500px;
	bottom:0px;
	width:600px;
	height:100%;
	transform:skewX(-40deg);
	background:#ECECEC;
	z-index:-1;
}

.about .cover{width:100%;height:100%;margin-top:-48px;}
.about .cover img{
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:50% 50%;
	clip-path:polygon(0 0, 70% 0, 100% 100%, 0% 100%);
}

.about .about-title{font-weight:bold;font-size:70px;}
.about .about-sub{font-size:30px;}
.about .about-txt{line-height:2;}

.about .about-more{position:relative;width:300px;left:calc(-50% + 150px);}
.about .about-more a{
	display:inline-block;
	width:250px;
	padding:20px 0px;
	text-align:center;
	color:#FFF;
	background:var(--brand-primary);
	transition:all 0.3s ease-in-out;
}
.about .about-more:hover a{background:var(--brand-secondary);}
.about .about-more span{
	display:block;
	position:absolute;
	right:0px;
	top:calc((100% - 1px) / 2);
	width:80px;
	height:1px;
	background:#000;
	z-index:3;
	transition-duration:.2s;
	transition:all 0.3s ease-in-out;
}
.about .about-more span:before{
	content:'';
	position:absolute;
	right:-1px;
	bottom:50%;
	width:0px;
	height:0px;
	border-style:solid;
	border-width:0px 16px 7px 0px;
	border-color:transparent transparent #000 transparent;
}
.about .about-more:hover span{right:-10px;}

@media (max-width: 991px) {
	.about .about-title{font-size:55px;}
	.about .about-sub{font-size:23px;}
}

@media (max-width: 767px) {
	.about .about-more{width:250px;left:auto;}
	.about .about-more a{width:200px;}
}
/* about End */

/* contact Start */
.contact{position:relative;padding:100px 15px;}
.contact:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background:rgba(255,255,255,0.1);
	z-index:1;
}
.contact .row > [class*=col-]{background:#FFF;z-index:2;}

.contact .contact-main,
.contact .contact-content{padding:60px 15px;}

.contact .h2{font-weight:bold;}
.contact .h5{margin:0px;}
.contact .h5:after{
	content:'';
	display:block;
	width:40px;
	height:1px;
	background:#000;
	margin:30px auto 0px;
}

.contact .contact-content{position:relative;}
.contact .contact-content:after{
	position:absolute;
	display:inline-block;
	content:'';
	left:0px;
	top:60px;
	width:1px;
	height:calc(100% - 120px);
	background:#EEE;
}

.contact .contact-more{position:relative;width:300px;margin:30px auto 0px;}
.contact .contact-more a{
	display:inline-block;
	width:250px;
	padding:20px 0px;
	text-align:center;
	color:#FFF;
	background:var(--brand-primary);
	transition:all 0.3s ease-in-out;
}
.contact .contact-more:hover a{background:var(--brand-secondary);}
.contact .contact-more span{
	display:block;
	position:absolute;
	right:0px;
	top:calc((100% - 1px) / 2);
	width:80px;
	height:1px;
	background:#000;
	z-index:3;
	transition-duration:.2s;
	transition:all 0.3s ease-in-out;
}
.contact .contact-more span:before{
	content:'';
	position:absolute;
	right:-1px;
	bottom:50%;
	width:0px;
	height:0px;
	border-style:solid;
	border-width:0px 16px 7px 0px;
	border-color:transparent transparent #000 transparent;
}
.contact .contact-more:hover span{right:-10px;}

@media (max-width: 767px) {
	.contact{padding:15px 15px;}
	.contact .contact-main,
	.contact .contact-content{padding:30px 15px;}
	.contact .contact-content{padding-top:0px;}
	.contact .contact-more{width:240px;}
	.contact .contact-more a{width:190px;}
	.contact .contact-more span{width:50px;}
}
/* contact End */

/* pagevision Start */
.pagevision{position:relative;padding:100px 15px;}
.pagevision:before{
	position:absolute;
	content:'';
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background:rgba(255,255,255,0.1);
	z-index:1;
}
.pagevision .row > [class*=col-]{color:#FFF;z-index:2;}
.pagevision .pagevision-caption{padding:60px 15px;}
.pagevision .h1{font-weight:bold;}

@media (max-width: 767px) {
	.pagevision{padding:15px 15px;}
	.pagevision .pagevision-caption{padding:30px 15px;}
}
/* pagevision End */

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

footer .footer-menu{margin-bottom:0px;}
footer .footer-menu a{display:block;font-size:14px;padding:2px 0px;}
footer .footer-menu li:first-child a{font-size:16px;font-weight:bold;padding:0px 0px 20px;cursor:default;}
footer .footer-menu .bi{color:#5C5C5C;margin-right:10px;}

footer .footer-logo{display:block;text-align:right;}

footer .social{text-align:right;}
footer .social a{display:inline-block;padding:0px 10px;}

footer .footer-border{border-top:1px solid rgba(255,255,255,0.2);margin:30px 0px;}
footer .footer-info{font-size:12px;color:rgba(255,255,255,0.5);}
footer .footer-info a{color:rgba(255,255,255,0.5);}

@media (max-width: 767px) {
	footer .footer{padding:30px 0px;}
	footer .footer-logo{text-align:left;margin-bottom:20px;}
	footer .social{text-align:center;}
	footer .footer-info{text-align:center;margin-bottom:20px;}
	footer .footer-info span{display:block;}
}
/* footer End */

/* totop:floating-list Start */
#totop{display:none;}
.floating-list{
	position:fixed;
	right:-100px;
	bottom:48px;
	width:144px;
	z-index:99;
	color:var(--brand-secondary);
	background:#FFF;
	border:1px solid #E0E5EB;
	border-right:none;
	border-bottom:none;
	transition:all .3s ease-out;
}
.floating-list:hover{right:0px;}
.floating-list li{border-bottom:1px solid #E0E5EB;}
.floating-list a{display:inline-block;padding:10px;color:var(--brand-secondary);}
.floating-list .bi{display:inline-block;width:44px;text-align:center;}

.floating-list a span{position:relative;}
.floating-list a span:after{
	content:'';
	position:absolute;
	left:0px;
	bottom:0px;
	width:100%;
	height:1px;
	background:var(--brand-secondary);
	transform:scaleX(0);
	transform-origin:bottom right;
	transition:transform .3s ease-out;
}
.floating-list a:hover span:after{
	transform:scaleX(1);
	transform-origin:bottom left;
}
/* totop:floating-list 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 */