@charset "utf-8";
div.title {
	color:#212121;
	text-align:center;
}
div.title>h2>span {
	color: #0866a9;
	font-size: 1.2rem;
}
div.Wtitle{ color:#fff;text-align:center;text-shadow: 0.1em 0.1em 0.2em black;}
div.Wtitle>h2>span {
	color: #fff;
	font-size: 1.2rem;
	text-shadow: 0.1em 0.1em 0.2em black;
}



div.Next{text-align: center;}
div.Next button{
	padding: 0px;
	width: 3rem;
	height: 3rem;
	border-radius: 50%;
	font-size: 1.2rem;
	text-align: center;
	line-height: .75rem;
	background: none;
	border: 2px #0866a9 solid;
	color: #0866a9
}

div.WNext{text-align: center;}
div.WNext button{
	padding: 0px;
	width: 3rem;
	height: 3rem;
	border-radius: 50%;
	font-size: 1.2rem;
	text-align: center;
	line-height: .75rem;
	background: none;
	border: 2px #fff solid;
	color: #fff;
}


/*服務項目*/
#service{
	position: relative;
	width: 100%;
	background: linear-gradient(to bottom, rgba(0,0,0,0.6) 100%, rgba(0,0,0,0.8) 100%), url(../images/service-bg.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
	}

#service .editor{color: #fff}


/*客戶案例*/
#case{background: #ededed}
dl.Caseitem figure{
 border: 1px solid #ccc;
 border-radius: .25rem;
 padding: .75rem;
 background: #fff;
}

dl.Caseitem>dd>figure>p {overflow: hidden;}
dl.Caseitem>dd>figure>p>img {
	transition: all 1s ease-out;
}
dl.Caseitem>dd>figure:hover>p>img {
	transform: scale(1.2,1.2);
}
dl.Caseitem>dd>figure{margin-bottom: 0px}
dl.Caseitem>dd>figure>figcaption {padding: .75rem 1rem;}

div.caseinfo p{color:#0866a9;margin-bottom: 0}
div.caseinfo h4 {
	font-weight: 400;
}
button.link{ padding: 0px;
	width: 3rem;
	height: 3rem;
	border-radius: 50%;
	font-size: 1.2rem;
	text-align: center;
	line-height: .75rem;
	background: #a0a0a0;
	border:1px solid #a0a0a0;
	color: #fff;}
button.link:hover{
	background: #0866a9;
	border:1px solid #0866a9;
	}

/*聯絡我們*/
#contact{
	position: relative;
	width: 100%;
	background: linear-gradient(to bottom, rgba(0,0,0,0.8) 100%, rgba(0,0,0,0.9) 100%), url(../images/contact-bg.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
	}
dl.contactInfo dd{color:#fff;padding-top: .5rem;text-shadow: 0.1em 0.1em 0.2em black}
dl.contactInfo span{color:#0866a9}
div.contacttitle h3{border-left: 3px #fff solid;padding-left: .5rem; color: #fff;text-shadow: 0.1em 0.1em 0.2em black;}
.form label{color: #fff;text-shadow: 0.1em 0.1em 0.2em black}
.Code img{width: 130px}


/*slide*/
	.jssora055 {display:block;position:absolute;cursor:pointer;}
	.jssora055 .a {fill:none;stroke:#fff;stroke-width:960;stroke-miterlimit:10;}
	.jssora055:hover {opacity:.8;}
	.jssora055.jssora055dn {opacity:.5;}
	.jssora055.jssora055ds {opacity:.3;pointer-events:none;}

	div#jssor {
		width:1920px;
		height:800px;
		margin:0 auto;
		overflow:hidden;
		visibility:hidden;
		position:relative;
		top:0px;
		left:0px;
	}
	div[data-u="loading"] {
		width:100%;
		height:100%;
		background-color:rgba(0,0,0,0.7);
		text-align:center;
		position:absolute;
		top:0px;
		left:0px;
	}
	div[data-u="loading"] img {
		width:38px;
		height:38px;
		margin-top:-19px;
		position:relative;
		top:50%;
	}
	div[data-u="slides"] {
		width:1920px;
		height:800px;
		cursor: hand;
		overflow:hidden;
		position:relative;
		top:0px;
		left:0px;
	}
	div[data-u="arrowleft"],
	div[data-u="arrowright"] {
		width:55px;
		height:55px;
		top:0px;
	}
	div[data-u="arrowleft"] {left:25px;}
	div[data-u="arrowright"] {right:25px;}
	div[data-u="arrowleft"] svg,
	div[data-u="arrowright"] svg {
		width:100%;
		height:100%;
		position:absolute;
		top:0;
		left:0;
	}