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

@media (max-width: 1199px) {
	body{padding-top:90px;}
}


.center-blocks .titleblock,
.bottom-blocks .titleblock,
.footer-blocks .titleblock{color:#0078C8;}
/*
.center-blocks{}
.bottom-blocks{}
.footer-blocks{}
*/

.ui-widget.ui-widget-content{z-index:999 !important;}
/* commom End */

/* titleblock Start */
.titleblock{font-size:70px;font-weight:bold;line-height:1;margin:100px auto;width:800px;max-width:100%;position:relative;z-index:2;}
.titleblock-sub{padding-left:145px;color:#0078C8;}

.titleblock .more{display:flex;position:absolute;right:0px;top:0px;}
.titleblock .more .txt{
	display:inline-block;
	font-size:15px;
	color:#0078C8;
	background-color:#FFF;
	border:2px solid #0078C8;
	border-radius:20px;
	height:38px;
	line-height:38px;
	padding:0px 15px;
	margin-right:10px;
	transition:all 0.5s;
}
.titleblock .more:hover .txt{color:#FFF;background-color:#0078C8;}

.titleblock .more .arrow{
	position:relative;
	display:inline-block;
	font-size:15px;
	color:#0078C8;
	width:38px;
	height:38px;
	line-height:38px;
	border:2px solid #0078C8;
	background-color:#FFF;
	border-radius:20px;
	text-align:center;
	transition:all 0.5s;
}
.titleblock .more:hover .arrow{color:#FFF;background-color:#0078C8;}

.titleblock .more .arrow:before,
.titleblock .more .arrow:after{
	position:absolute;
	content:'';
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	margin:auto;
	width:100%;
	height:100%;
	border-radius:50%;
	-webkit-transform-origin:center;
	transform-origin:center;
	z-index:0;
}
.titleblock .more .arrow:before{
	background-color:rgba(125,0,0,0.12);
	-webkit-animation:btn_bg 1.2s ease infinite;
	animation:btn_bg 1.2s ease infinite;
	display:block;
	z-index:-1;
}
.titleblock .more .arrow:after{
	-webkit-animation:btn_line 1.2s 0.3s ease infinite;
	animation:btn_line 1.2s 0.3s ease infinite;
	opacity:1;
	border:1px solid rgba(125,0,0,0.25);
}

@media (max-width: 991px) {
	.titleblock{font-size:30px;text-align:center;margin:50px auto;}
	.titleblock-sub{padding-left:0px;}
	.titleblock .more{position:static;justify-content:center;margin:30px 0px;}
}

@-webkit-keyframes btn_bg{
	0%{
		opacity:1;
		-webkit-transform:scale(1);
				transform:scale(1);
	}
	80%{
		opacity:0.1;
		-webkit-transform:scale(1.8);
				transform:scale(1.8);
	}
	100%{
		opacity:0;
		-webkit-transform:scale(1.85);
				transform:scale(1.85);
	}
}
@keyframes btn_bg{
	0%{
		opacity:1;
		-webkit-transform:scale(1);
				transform:scale(1);
	}
	80%{
		opacity:0.1;
		-webkit-transform:scale(1.8);
				transform:scale(1.8);
	}
	100%{
		opacity:0;
		-webkit-transform:scale(1.85);
				transform:scale(1.85);
	}
}

@-webkit-keyframes btn_line{
	0%{
		opacity:1;
		-webkit-transform:scale(1);
				transform:scale(1);
	}
	50%{
		opacity:0.1;
		-webkit-transform:scale(1.8);
				transform:scale(1.8);
	}
	100%{
		opacity:0;
		-webkit-transform:scale(2.05);
				transform:scale(2.05);
	}
}
@keyframes btn_line{
	0%{
		opacity:1;
		-webkit-transform:scale(1);
				transform:scale(1);
	}
	50%{
		opacity:0.1;
		-webkit-transform:scale(1.8);
				transform:scale(1.8);
	}
	100%{
		opacity:0;
		-webkit-transform:scale(2.05);
				transform:scale(2.05);
	}
}
/* titleblock End */

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

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

.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;}

@media (max-width: 767px) {
	.footer-menu{margin-bottom:50px;}
	.footer-menu.social{margin-bottom:0px;}
}
/* 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 */

/* toline Start */
button#toline{
	border:0px;
	padding:0px;
	position:fixed;
	right:54px;
	bottom:110px;
	font-size:28px;
	color:rgba(50, 180, 32, 0.99);
}
#toline i.bi {
  position: absolute;
  opacity: 0;
  animation: chat-line-loop 4s forwards cubic-bezier(.4,0,1,1) .6s infinite;
}
@keyframes chat-line-loop {
	0% {
		opacity:0;
		transform:scale(1) rotate(0) translate(0)
	}
	2.5% {
		opacity:1;
		transform:scale(1.3) rotate(-4deg) translate(-2px)
	}
	5% {
		transform:scale(1.3) rotate(4deg) translate(2px)
	}
	7.5% {
		transform:scale(1.3) rotate(-4deg) translate(-1px)
	}
	10% {
		transform:scale(1.3) rotate(4deg) translate(1px)
	}
	12.5% {
		transform:scale(1.3) rotate(-4deg) translate(-1px)
	}
	15% {
		transform:scale(1.3) rotate(4deg) translate(1px)
	}
	17.5% {
		opacity:1;
		transform:scale(1.3) rotate(-4deg) translate(-1px)
	}
	22.5%,
	to {
		opacity:0;
		transform:scale(1) rotate(0) translate(0)
	}
}
.overlapping{mix-blend-mode:luminosity;}
.overlapping .bi{color:rgba(233, 233, 233, 1.00);}
@media (min-width: 1199px) {
	button#toline{
		font-size:58px;
		right:72px;
		bottom:144px;
	}
}
/* toline 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:100%;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:#A6A9AC;}
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:100%;
}
/* share-buttons End */

/* mymodal_search Start */
#mymodal_search form{position:fixed;left:0px;top:50%;transform:translateY(-50%);}
#mymodal_search .modal-header{border-bottom:none;}
#mymodal_search .modal-content{background:rgba(255,255,255,0.8);}
#mymodal_search .form-control{font-size:60px;border-radius:0px;border:none;background:transparent;color:#000;}
#mymodal_search .form-control:focus{box-shadow:none;}
#mymodal_search .form-control::-moz-placeholder {color:#000;}
#mymodal_search input::-webkit-input-placeholder{color:#000;}
#mymodal_search .btn{font-size:60px;border:none;}
@media (max-width: 767px) {
	#mymodal_search .form-control{font-size:40px;}
	#mymodal_search .btn{font-size:40px;}
}
/* mymodal_search End */