<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">
/* ------ ­º­¶ªA°È°Ï¶ô¼Ë¦¡ ------ */
.serviceArea {
	position: relative;
}
.serviceArea .item {
padding: 0px 40px;
}
.serviceArea .item a {
	text-decoration: none;
}
.service-item {
	padding: 20px 0px;
}

.service-item .service-icon {
	width: 250px;
	/*height: 150px;*/
	line-height: 200px;
	text-align: center;
	-webkit-border-radius: 50%;
	-webkit-background-clip: padding-box;
	-moz-border-radius: 50%;
	-moz-background-clip: padding;
	border-radius: 50%;
	background-clip: padding-box;
	margin: 0 auto;
	-webkit-transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	transition: all 250ms ease-in-out;
}
.service-item .service-icon img {
	display: block;
	vertical-align: middle;
}
.service-item h3.service-title {
	text-transform: uppercase;
	font-size: 16px;
	color: #5fb8ab;
	font-weight: 600;
	margin-top: 25px;
}
.service-item:hover .service-icon {
	cursor: pointer;
	-webkit-transform: rotateY(360deg);
	-moz-transform: rotateY(360deg);
	-o-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	transform: rotateY(360deg);
}
.serviceArea .item .h3_title {
	text-align: center;
	color: #FFF;
	font-size: 1.3em;
	padding: 0px 0px 30px 0px;
}

.serviceArea .item .p {
	text-align: center!important;
	color: #FFF;
	font-size: 1.0em;
	padding: 10px 0px;
}
@media only screen and (max-width: 640px) {
.serviceArea .col-1-3 {
	display: block;
	float: none;
	width: 100%;
}
}
/* ¥|©uªá¶é */
.serviceBlock {
	width: 100%;
	margin: 70px auto;
}
.serviceBlock table {
	width: 100%;
}
.serviceBlock table td {
	width: 25%;
}
.serviceBlock table td &gt; h2 {
	padding: 0px 0px 10px 0px;
	line-height: 1;
	font-weight: normal;
	text-align: center;
}
.serviceBlock table td &gt; h6 {
	padding: 0px 0px 10px 0px;
	line-height: 1;
	font-weight: normal;
	text-align: center;
}
.serviceBlock .client {
	position: relative;
	display: block;
	width: 100%;
	text-align: center;
	padding: 0px 0px 30px 0px;
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
}
.serviceBlock .circle {
	position: relative;
	width: 320px;
	height: 320px;
	border-radius: 50%;
	margin: 0px auto;
}
.serviceBlock .logo {
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
	width: 312px;
	height: 312px;
	text-align: center;
	border: 8px solid #32585A;
	border-right-color: transparent;
	border-top-color: transparent;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	margin: 0px auto;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.25);
}
.serviceBlock .client .img {
	position: absolute;
	top: 8px;
	bottom: 0;
	left: 8px;
	right: 0;
	width: auto;
	height: auto;
}
.serviceBlock .img img {
	width: 100%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.serviceBlock .circle:hover .logo {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	cursor: default;
	background: transparent;
}
.serviceBlock .client .info {
	position: absolute;
	top: 50%;
	bottom: 0;
	left: 50%;
	right: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	margin: -45px 0px 0px -135px;
	display:none
}
.serviceBlock .client .info &gt; h3  {
	color: #FFF;
	font-size: 30px;
	padding: 15px 0px;
	margin: 0px 20px 10px 20px;
	text-align: center;
	border-bottom: 1px solid #EEE;
	cursor:pointer;
}
.serviceBlock .client .info &gt; h3 a:link{
	color: #fff;

	cursor:pointer;
	
}
.serviceBlock .client .info &gt; h3 a:visited {
	color: #fff;
	font-size: 30px;
	padding: 15px 0px;
	margin: 0px 20px 10px 20px;
	text-align: center;
	border-bottom: 1px solid #EEE;
	cursor:pointer;
	
}
.serviceBlock .client .info &gt; h3 a:hover {
	color: #B7FEB5;
	font-size: 30px;
	padding: 15px 0px;
	margin: 0px 20px 10px 20px;
	text-align: center;
	/*border-bottom: 1px solid #EEE;*/
	cursor:pointer;
	
}
.serviceBlock .client .info &gt; p {
	color: #FFF;
	font-size: 18px;
	padding: 0px;
	margin: 0px 20px 0px 20px;
	text-align: center;
	line-height: 28px;
	letter-spacing: 1px;
}
.serviceBlock p {
	text-align: center;
	letter-spacing: 1px;
}
.serviceBlock p.btn {
	margin: 20px 0px 50px 0px;
}
.serviceBlock p.btn a {
	/*box-shadow: 1px 2px 3px rgba(0,0,0,0.25);*/
	border-radius: 50px;
	border: 1px solid #F00;
	background: #FFF;
	color: #F00;
	padding: 5px 12px;
	text-shadow: none;
	-moz-transition: all 0.25s;
	transition: all 0.25s;
}
.serviceBlock p.btn a:hover {
	background: #999;
	color: #FFF;
	border: 1px solid #FFF;
}
.wrap2-col{
width: 50%;
float: left;
margin: 0px;
}
@media only screen and (max-width: 1024px) {
.wrap2-col{
width: 100%;
float: none;

}
}



@media (min-width: 768px) {


.serviceBlock .circle {

	width: 450px;
	height: 450px;
	
}
.serviceBlock .logo {
	
	width:442px;
	height: 442px;
	
}
}

/*¤uµ{®ÉÁZ*/
#bc_44.blockContent, #bc_38.blockContent, #bc_34.blockContent{
margin: 0 auto;

display: flex;



justify-content: center
}</pre></body></html>