@charset "utf-8";

/** banner **/
#banner {
	position:relative;
	width:100%;
	margin:0 auto;
	margin-top:70px;
}
#banner .listshow {
	float:left;
	width:100%;
	background:#000;
	margin:0 auto;
}
#banner .listshow .item {
	position:relative;
}
#banner .listshow a {
	float:left;
	width:100%;
}
#banner .listshow a:focus {
	filter:alpha(opacity=50);
	opacity:0.5;
}
#banner .listshow img {
	float:left;
	width:100%;
	height:auto;
}
#banner .listshow .slick-prev,
#banner .listshow .slick-next {
	position:absolute;
	display:block;
	font-size:0;
	width:40px;
	height:60px;
	z-index:10;
	background-image:url(../images/footer-icon.png);
    -webkit-transition:all 0.8s;
    transition:all 0.8s;
}
#banner .listshow .slick-prev:before,
#banner .listshow .slick-next:before {
	display:none;
}
#banner .listshow .slick-prev {
	left:1%;
	background-position:-200px -40px;
}
#banner .listshow .slick-next {
	right:1%;
	background-position:-240px -40px;
}
#banner .listshow .slick-prev:hover,
#banner .listshow .slick-next:hover,
#banner .listshow .slick-prev:focus,
#banner .listshow .slick-next:focus {
	background-color:rgba(0,0,0,.6);
}
#banner .slick-dots {
	position:absolute;
	width:20%;
	bottom:10px;
	text-align:center;
	margin:0 40%;
	z-index:10;
}
#banner .slick-dots li {
    display:inline-block;
	width:12px;
	height:12px;
	margin:0 6px;
	padding:0;
}
#banner .slick-dots li button {
	width:12px;
	height:12px;
	font-size:0;
	line-height:0;
	padding:0;
	margin:0;
}
#banner .slick-dots li button:before {
	display:block;
	width:12px;
	height:12px;
	font-size:0;
	line-height:12px;
	opacity:1;   
    background:rgba(0,0,0,.3);   
    transition:opacity .2s ease;
    -webkit-border-radius:50%;
	   -moz-border-radius:50%;
			border-radius:50%;
}
#banner .slick-dots li.slick-active button:before {
    background:rgba(0,0,0,1);
}
@media screen and (max-width:640px) {
	#banner .listshow .slick-prev,
	#banner .listshow .slick-next {
		height:40px;
		background-image:url(../images/footer-icon-on.png);
	}
}
@media screen and (max-width:420px) {
	#banner {		
		margin-top:55px;
	}
	#banner .listshow .item {
		height:100px;
	}
	#banner .listshow img {
		position:absolute;
		left:50%;
		top:0;
		width:428px;
		height:100px;
		margin-left:-214px;
	}
}
@media screen and (min-width:991px) {
	#banner {
		margin:0 auto;
	}	
	#banner .listshow .item {
		height:350px;
	}
	#banner .listshow img {
		position:absolute;
		left:50%;
		top:0;
		width:1494px;
		height:350px;
		margin-left:-747px;
	}
	#banner .slick-dots {
		bottom:35px;
	}
}
@media screen and (min-width:1200px) {
	#banner .slick-dots {
		bottom:60px;
	}
}
@media screen and (min-width:1200px) and (max-width:1920px) {
	#banner .listshow .item {
		height:450px;
	}
	#banner .listshow img {
		position:absolute;
		left:50%;
		top:0;
		width:1920px;
		height:450px;
		margin-left:-960px;
	}
}


/** firstSection **/
#firstSection {
	position:relative;
	width:100%;
	padding: 20px;
	box-sizing: border-box;
	margin:0 auto;
	background:url(../images/home-bg.png);
}
@media screen and (min-width:991px) {
	#firstSection {
		padding:0;
	}
}


/* ----- newsBox ----- */
#newsBox {
	position:relative;
	width:100%;
	padding:33px 35px;
	box-sizing:border-box;
	margin:0 auto;
	background:#FFF;
}
#newsBox .topHead {
	float:left;
	width:100%;
	margin:0 auto;
}
#newsBox .topHead h2 {
	float:left;
	font-family:"微軟雅黑", "Microsoft YaHei";
	color:#000;
	font-size:3.5em;
	font-weight:bold;
}
#newsBox .topHead .btn-more {
	float:right;
	display:block;
	width:35px;
	height:35px;
	font-size:0;
}
#newsBox .topHead .btn-more span {
	position:relative;
	display:block;
	float:left;
	width:17px;
	height:17px;
	vertical-align:top;
	margin:9px;
	-webkit-transition:all 0.3s ease;
	   -moz-transition:all 0.3s ease;
	     -o-transition:all 0.3s ease;
	        transition:all 0.3s ease;
}
#newsBox .topHead .btn-more span:before {
	content:"";
	position:absolute;
	display:block;
	width:17px;
	height:3px;
	top:0px;
	right:0px;
	margin:7px 0 0 0;
	background-color:#888;
}
#newsBox .topHead .btn-more span:after {
	content:"";
	position:absolute;
	display:block;
	width:3px;
	height:17px;
	top:0px;
	right:0px;
	margin:0 7px 0 0;
	background-color:#888;
}
#newsBox .topHead .btn-more:hover span:before,
#newsBox .topHead .btn-more:focus span:before {
	background-color:#8fc31f;
}
#newsBox .topHead .btn-more:hover span,
#newsBox .topHead .btn-more:focus span {
	-webkit-transform:rotate(180deg);
	   -moz-transform:rotate(180deg);
        -ms-transform:rotate(180deg);
         -o-transform:rotate(180deg);
            transform:rotate(180deg);
}
#newsBox .topHead .btn-more:hover span:after,
#newsBox .topHead .btn-more:focus span:after,
#newsBox .topHead .btn-more:hover span:before,
#newsBox .topHead .btn-more:focus span:before {
	background-color:#bf2626;
}
#newsBox .newsList ul {
	float:left;
	width:100%;
	list-style:none;
	margin-top:10px;
}
#newsBox .newsList ul li {
	float:left;
	width:100%;	
	border-bottom:1px dotted #CCC;
}
#newsBox .newsList ul li a {
    float:left;
	width:100%;
	height:100%;
	padding:14px 0;
	box-sizing:border-box;
}
#newsBox .newsList ul li time {
	color:#666;
	font-size:1.3em;
}
#newsBox .newsList ul li span {
	color:#386ac1;
	font-size:1.3em;
	font-weight:bold;
	margin-left:10px;
}
#newsBox .newsList ul li h3 {
	color:#000;
	font-size:1.9em;
	line-height:125%;
	font-weight:bold;
	text-align:justify;
	margin-top:6px;
	-webkit-transition:all 0.3s ease;
	   -moz-transition:all 0.3s ease;
	     -o-transition:all 0.3s ease;
	        transition:all 0.3s ease;
}
#newsBox .newsList ul li a.download h3,
#newsBox .newsList ul li a.link h3 {
	position:relative;
	padding-right:30px;
}
#newsBox .newsList ul li a.link h3:after {
    content:"";
	display:inline-block;
    width:20px;
    height:20px;
	margin:-3px 0 0 10px;
	vertical-align:middle;
	background:url(../images/footer-icon.png) no-repeat -210px -100px;
}
#newsBox .newsList ul li a.download h3:after {
    content:"";
    display:inline-block;
    width:20px;
    height:20px;
	margin:-3px 0 0 10px;
	vertical-align:middle;
	background:url(../images/footer-icon.png) no-repeat -235px -100px;
}
#newsBox .newsList ul li a:hover h3,
#newsBox .newsList ul li a:focus h3 {
	color:#bf2626;
}
#newsBox .newsList ul li a.link:hover h3:after,
#newsBox .newsList ul li a.link:focus h3:after,
#newsBox .newsList ul li a.download:hover h3:after,
#newsBox .newsList ul li a.download:focus h3:after {
	background-image:url(../images/footer-icon-on.png);
}
@media screen and (max-width:640px) {
	#newsBox {
		padding:25px 30px;
	}
}
@media screen and (max-width:480px) {
	#newsBox {
		padding:20px;
	}
}
@media screen and (min-width:991px) {
	#newsBox {
		float:left;
		width:50%;
		height:272.5px;
		padding:20px 25px;
		box-sizing:border-box;
		overflow:hidden;
		margin-top:-20px;
	}
	#newsBox .topHead .btn-more {
		width:17px;
		height:17px;
		margin:9PX 0;
	}
	#newsBox .topHead .btn-more span {
		margin:0;
	}
	#newsBox .newsList ul li a {
		padding:10px 0;
	}
	#newsBox .newsList ul li h3 {
		overflow:hidden;
		white-space:nowrap;
		text-overflow:ellipsis;
		margin-top:4px;
	}
	#newsBox .newsList ul li a.link h3:after,
	#newsBox .newsList ul li a.download h3:after {
		position:absolute;
		display:block;
		top:50%;
		right:0;
		margin:-10px 0 0 0;
		z-index:2;
	}
}
@media screen and (min-width:1200px) {
	#newsBox {
		padding:33px 35px;
		height:330px;
		margin-top:-40px;
	}
	#newsBox .newsList ul li a {
		padding:14px 0;
	}
	#newsBox .newsList ul li h3 {
		margin-top:8px;
	}
}


/* ----- eventBox ----- */
#eventBox {	
	width:100%;
	margin:0 auto;
	box-sizing:border-box;
}
#eventBox .listshow {
	float:left;
	width:100%;	
	margin:0 auto;
	background:#FFF;
}
#eventBox .listshow a {
	float:left;
	width:100%;
}
#eventBox .listshow a:focus {
	background:#000;
}
#eventBox .listshow a:focus img {
	opacity:0.7;
	filter:alpha(opacity=70);
}
#eventBox .listshow img {
	float:left;
	width:100%;
	height:auto;
}
#eventBox .slick-dots {
	position:absolute;
	right:15px;
	top:15px;
	width:auto;
    height:15px;
	text-align:right;
	z-index:10;
}
#eventBox .slick-dots li {
    display:inline-block;
	width:15px;
	height:15px;
	margin:0 0 0 7px;
	padding:0;
}
#eventBox .slick-dots li button {
	width:15px;
	height:15px;
	font-size:0;
	line-height:0;
	padding:0;
	margin:0;
}
#eventBox .slick-dots li button:before {
	display:block;
	width:15px;
	height:15px;
	font-size:0;
	line-height:15px;
	opacity:1;  
    border:3px solid rgba(255, 255, 255, 0.7);
	background:none;
	box-sizing:border-box;
    transition:opacity .2s ease;
}
#eventBox .slick-dots li.slick-active button:before {
    background:#FFF;
	border:none;
}
@media screen and (max-width:420px) {
	#eventBox .slick-dots {
		right:10px;
		top:10px;
	}
}
@media screen and (min-width:991px) {
	#eventBox {
		float:left;
		width:50%;
		margin-top:-20px;
	}
	#eventBox .slick-dots {
		right:20px;
		top:20px;
	}
}
@media screen and (min-width:1200px) {
	#eventBox {
		margin-top:-40px;
	}
	#eventBox .slick-dots {
		right:30px;
		top:30px;
	}
}


/* ----- productBox ----- */
#productBox {
	position:relative;
	width:100%;
	margin:50px auto 0 auto;
	z-index:1;
}
#productBox:before {
	content:"";
    display:block;
    position:absolute;
	left:50%;
	top:100%;
    width:1200px;
	height:400px;
	border-radius:100% 100% 0 0;
	background:#FFF;
	margin-top:-35%;
	margin-left:-600px;
	z-index:-1;
}
#productBox .wordBox {
	width:100%;
	text-align:center;
	margin:0 auto;
}
#productBox .wordBox h2 {
	font-family:"微軟雅黑", "Microsoft YaHei";
	color:#000;
	font-size:3.5em;
	font-weight:bold;
}
#productBox .wordBox p {
	color:#000;
	font-size:1.8em;
	font-weight:bold;
	line-height:135%;
	margin-top:15px;
}
@media screen and (max-width:640px) {
	#productBox:before {
		width:1000px;
		margin-left:-500px;
		margin-top:-45%;
	}
}
@media screen and (max-width:440px) {
	#productBox:before {
		width:800px;		
		margin-top:-75%;
		margin-left:-400px;	
	}
}
@media screen and (min-width:991px) {
	#productBox:before {
		width:2320px;
		height:1000px;
		margin-top:-220px;
		margin-left:-1160px;
	}
	#productBox .wordBox p {
		width:920px;
		line-height:160%;
		margin:20px auto 0 auto;
	}
}
@media screen and (min-width:1200px) {
	#productBox {
		margin-top:70px;
	}
	#productBox:before {
		height:600px;
		margin-top:-250px;
	}
	#productBox .wordBox p {
		width:1015px;
		margin-top:25px;
	}
}


/* ----- productList ----- */
#productList {	
	width:100%;
	margin:10px auto 30px auto;
	box-sizing:border-box;
	z-index:1;
}
#productList .listshow {
	display:block;
	width:100%;
	padding:0 20px;
	margin:0 auto;
	box-sizing:border-box;
}
#productList .listshow .item {
	display:inline-block;
	padding:0 5px;
	box-sizing:border-box;
}
#productList .listshow .item a {
	float:left;
	width:100%;
	height:100%;
	padding:20px 0;
}
#productList .listshow .item a:focus {
	box-sizing:border-box;
	outline:1px dotted #FF0000;
}
#productList .listshow img {
	width:100%;
	max-width:280px;
	height:auto;
	margin:0 auto;
}
#productList .listshow p {
	text-align:center;
}
#productList .listshow p span {
	display:inline-block;
	font-family:"微軟雅黑", "Microsoft YaHei";
	color:#000;
	font-size:1.9em;
	font-weight:bold;
	line-height:120%;
	padding:5px 20px 6px 20px;
	border:1px solid #000;
    -webkit-border-radius:50px;
	   -moz-border-radius:50px;
			border-radius:50px;
	-webkit-transition:all 0.3s ease;
	   -moz-transition:all 0.3s ease;
	     -o-transition:all 0.3s ease;
	        transition:all 0.3s ease;
}
#productList .listshow a:hover p span,
#productList .listshow a:focus p span {
	color:#FFF;
	border:1px solid #000;
	background:#000;
}
#productList .listshow .slick-prev,
#productList .listshow .slick-next {
	position:absolute;
	display:block;
	font-size:0;
	width:15px;
	height:30px;
	margin-top:20px;
	z-index:10;
	background-image:url(../images/footer-icon.png);
    -webkit-transition:all 0.8s;
    transition:all 0.8s;
}
#productList .listshow .slick-prev:before,
#productList .listshow .slick-next:before {
	display:none;
}
#productList .listshow .slick-prev {
	left:0;
	background-position:-10px -55px;
}
#productList .listshow .slick-next {
	right:0;
	background-position:-25px -55px;
}
#productList .listshow .slick-prev:hover,
#productList .listshow .slick-next:hover,
#productList .listshow .slick-prev:focus,
#productList .listshow .slick-next:focus {
	background-image:url(../images/footer-icon-on.png);
}
#productList .slick-dots {
	position:absolute;
	width:100%;
	left:0;
	bottom:-30px;
	text-align:center;
	margin:0 auto;
	z-index:10;
}
#productList .slick-dots li {
    display:inline-block;
	width:12px;
	height:12px;
	margin:0 6px;
	padding:0;
}
#productList .slick-dots li button {
	width:12px;
	height:12px;
	font-size:0;
	line-height:0;
	padding:0;
	margin:0;
}
#productList .slick-dots li button:before {
	display:block;
	width:12px;
	height:12px;
	font-size:0;
	line-height:12px;
	opacity:1;   
    background:rgba(0,0,0,.3);   
    transition:opacity .2s ease;
    -webkit-border-radius:50%;
	   -moz-border-radius:50%;
			border-radius:50%;
}
#productList .slick-dots li.slick-active button:before {
    background:rgba(0,0,0,1);
}
@media screen and (max-width:440px) {
	#productList {
		margin-bottom:0;
	}
}
@media screen and (min-width:991px) {
	#productList .listshow {
		max-width:990px;
	}
}
@media screen and (min-width:1200px) {
	#productList .listshow {
		max-width:1200px;
		padding:0 20px;
	}
}


/** serviceSection **/
#serviceSection {
	position:relative;
	width:100%;
	padding:0 20px;
	box-sizing: border-box;
	margin:45px auto 0 auto;
	z-index:1;
}
#serviceSection .statisticsBox {
	width:100%;		
	background:#F5EDE9;
}
#serviceSection .statisticsBox > ul {
	list-style:none;
}
#serviceSection .statisticsBox > ul > li {
	display:inline-block;
	width:100%;
	box-sizing:border-box;
	vertical-align:top;
}
#serviceSection .statisticsBox > ul > li.t1 {
	width:50%;
	border-right:1px dashed #ebb3af;
	margin:45px 0;
}
#serviceSection .statisticsBox > ul > li.t2 {
	width:50%;
	margin:45px 0;
}
#serviceSection .statisticsBox > ul > li.t3 {
	width:100%;
	padding:10px;
	border-top:5px solid #FFF;
}
#serviceSection .statisticsBox > ul > li.t3 dl {
	margin:35px 0;
}
#serviceSection .statisticsBox > ul > li dl {
	text-align:center;
	margin:0 auto;
}
#serviceSection .statisticsBox > ul > li dt {
	color:#cc0000;
	font-size:2.5em;
}
#serviceSection .statisticsBox > ul > li dt span {
	display:inline-block;
	font-family: "Helvetica Neue", Helvetica ;
	font-size:5rem;
	font-weight:lighter;
}
#serviceSection .statisticsBox > ul > li dd {
	font-family:"微軟雅黑", "Microsoft YaHei";
	color:#cc0000;
	font-size:2.5em;
	font-weight:bold;
	line-height:140%;
}
#serviceSection .box-L {
	float:left;
	width:50%;
}
#serviceSection .box-R {
	position:relative;
	float:left;
	width:50%;
	height:100%;
	background:#FFF;
	box-sizing:border-box;
	vertical-align:middle;
}
#serviceSection .box-R:before {
	content:"";
    display:block;
    position:absolute;
	left:-15px;
	top:50%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 15px 15px 0;
	border-color: transparent #FFF transparent transparent;
	margin:-15px 0 0 0;
}
#serviceSection .box-R ul {
	float:left;
	list-style:none;
	padding:15px 20px;
}
#serviceSection .box-R ul li {
	position:relative;
	float:left;
	width:100%;
	padding:5px 0 5px 30px;
	box-sizing:border-box;
}
#serviceSection .box-R ul li:before {
	content:"";
    display:block;
    position:absolute;
	left:0;
	top:7px;
	width:20px;
	height:20px;
	background:url(../images/footer-icon.png) -65px -55px;
}
#serviceSection .box-R ul li a {	
	color:#000;
	font-size:1.7em;
	font-weight:bold;
	line-height:125%;	
}
#serviceSection .box-R ul li a:hover,
#serviceSection .box-R ul li a:focus {
	color:#cc0000;
}
@media screen and (max-width:750px) {
	#serviceSection .box-L {
		width:40%;
	}
	#serviceSection .box-R {
		width:60%;
	}
}
@media screen and (max-width:640px) {
	#serviceSection .statisticsBox > ul > li.t3 {
		width:100%;
		padding-top:0;
	}
	#serviceSection .statisticsBox > ul > li.t3 dl {
		margin:20px 0;
	}
	#serviceSection .box-L {
		width:100%;
	}
	#serviceSection .box-R {
		width:100%;		
	}
	#serviceSection .box-R:before {
		content:"";
		display:block;
		position:absolute;
		left:50%;
		top:-15px;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 15px 15px 15px;
		border-color: transparent transparent #FFF transparent;
		margin:0 0 0 -15px;
	}
}
@media screen and (max-width:440px) {
	#serviceSection {
		margin-top:25px;
	}
	#serviceSection .statisticsBox {
		display:none;
	}
	#serviceSection .statisticsBox > ul > li.t1,
	#serviceSection .statisticsBox > ul > li.t2 {
		width:100%;
		border:none;
		padding:20px 0;
		border-bottom:1px dashed #ebb3af;
		margin:0;
	}
	#serviceSection .statisticsBox > ul > li.t3 {
		border:none;
	}
}
@media screen and (min-width:768px) {
	#serviceSection .statisticsBox {	
		background:url(../images/statisticsBox-bg.png) no-repeat;
		background-size:cover;
	}
}
@media screen and (min-width:991px) {
	#serviceSection {
		padding:0;	
	}
	#serviceSection .statisticsBox > ul > li.t1 {
		width:240px;
		margin:55px 0;
	}
	#serviceSection .statisticsBox > ul > li.t2 {
		width:200px;
		margin:55px 0;
		border-right:1px dashed #ebb3af;
	}
	#serviceSection .statisticsBox > ul > li.t3 {
		width:550px;
		border:none;
	}
	#serviceSection .statisticsBox > ul > li.t3 dl {
		margin:45px 0;
	}
	#serviceSection .box-L {
		width:190px;
	}
	#serviceSection .box-R {
		width:340px;
		min-height:200px;		
	}
	#serviceSection .box-R ul {
		padding:0;
		margin:20px 0 0 25px;
	}
}
@media screen and (min-width:1200px) {
	#serviceSection .statisticsBox > ul > li.t1,
	#serviceSection .statisticsBox > ul > li.t2 {
		width:275px;
	}
	#serviceSection .statisticsBox > ul > li.t3 {
		width:650px;
	}
	#serviceSection .box-L {
		width:250px;
	}
	#serviceSection .box-R {
		width:380px;
	}
	#serviceSection .box-R ul {
		margin:20px 0 0 40px;
	}
}
#serviceSection .inquiryBox {
	width:100%;
	text-align:center;
	margin:55px auto;
}
#serviceSection .inquiryBox h2 {
	font-family:"微軟雅黑", "Microsoft YaHei";
	color:#000;
	font-size:3.5em;
	font-weight:bold;
}
#serviceSection .inquiryBox p {
	color:#000;
	font-size:1.8em;
	font-weight:bold;
	line-height:135%;
	margin:25px auto;
}
#serviceSection .inquiryBox > ul {
	list-style:none;
	margin:-15px 0;
}
#serviceSection .inquiryBox > ul > li {
	position:relative;
	display:inline-block;
	width:100%;
	min-height:210px;
	padding:15px 0;
	box-sizing:border-box;
	vertical-align:top;
}
#serviceSection .inquiryBox > ul > li:before {
	content:"";
    display:block;
    position:absolute;
	left:50%;
	top:0;
    width:12px;
	height:20px;
	margin-top:-10px;
	background:url(../images/footer-icon.png) -45px -55px;
	-webkit-transform:rotate(90deg);
	   -moz-transform:rotate(90deg);
        -ms-transform:rotate(90deg);
         -o-transform:rotate(90deg);
            transform:rotate(90deg);
	z-index:0;
}
#serviceSection .inquiryBox > ul > li.s1:before {display:none;}
#serviceSection .inquiryBox > ul > li dl {
	position:relative;
	width:100%;	
	text-align:left;
	padding:30px 30px 30px 190px;
	box-sizing:border-box;
	margin:0 auto;
	z-index:1;
}
#serviceSection .inquiryBox > ul > li dl:before {
	content:"";
    display:block;
    position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#cbe5e9;
	border:15px solid #e1f0f2;
	box-sizing:border-box;
	-webkit-border-radius:20px;
	   -moz-border-radius:20px;
			border-radius:20px;
	z-index:-1;
}
#serviceSection .inquiryBox > ul > li dl:after {
	content:"";
    display:block;
    position:absolute;
	left:0;
	bottom:50%;
	margin-bottom:-60px;
    width:190px;
	height:120px;
	background-image:url(../images/boy-pic.png);
	z-index:0;
}
#serviceSection .inquiryBox > ul > li.s1 dl:after {background-position:0px 0px;}
#serviceSection .inquiryBox > ul > li.s2 dl:after {background-position:-190px 0px;}
#serviceSection .inquiryBox > ul > li.s3 dl:after {background-position:-380px 0px;}
#serviceSection .inquiryBox > ul > li.s4 dl:after {background-position:-570px 0px;}
#serviceSection .inquiryBox > ul > li.s5 dl:after {background-position:-760px 0px;}
#serviceSection .inquiryBox > ul > li dt span {
	display:block;
	width:100%;
	font-family:Arial;
	color:#FFF;
	font-size:1.9em;
	font-weight:bold;
	padding:5px;
	box-sizing:border-box;
	background:#268B99;
	margin:0 auto;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
			border-radius:5px;
}
#serviceSection .inquiryBox > ul > li dd {
	margin-top:7px;
}
#serviceSection .inquiryBox > ul > li dd span {
	display:block;
	color:#000;
	font-size:1.7em;	
	font-weight:bold;
	line-height:150%;
	text-align:justify;
	margin-top:5px;
}
#serviceSection .inquiryBox > ul > li dd span.stit {
	font-family: "微軟雅黑", "Microsoft YaHei";
	font-size:2.1em;
	padding:0 0 7px 0;
	border-bottom:1px dashed #666;
	margin-bottom:10px;
}
#serviceSection .inquiryBox > ul > li dd ul {
	width:100%;
	list-style:none;
	margin:0 auto;
}
#serviceSection .inquiryBox > ul > li dd ul li {
	position:relative;
	display:inline-block;
	color:#000;
	font-size:1.7em;	
	font-weight:bold;
	line-height:125%;
	text-align:left;
	padding-left:30px;
	padding-right:20px;
	box-sizing:border-box;
	margin-top:7px;
}
#serviceSection .inquiryBox > ul > li dd ul li:before {
	content:"";
    display:block;
    position:absolute;
	left:0;
	top:0;
	width:25px;
	height:25px;
	background-image:url(../images/inquiryCategory-sm.png);
	background-color:#000;
	-webkit-border-radius:100px;
	   -moz-border-radius:100px;
			border-radius:100px;
	z-index:-1;
}
#serviceSection .inquiryBox > ul > li dd ul li.ct1:before {background-position:0px 0px;}
#serviceSection .inquiryBox > ul > li dd ul li.ct2:before {background-position:-25px 0px;}
#serviceSection .inquiryBox > ul > li dd ul li.ct3:before {background-position:-50px 0px;}
#serviceSection .inquiryBox > ul > li dd ul li.ct4:before {background-position:-75px 0px;}
#serviceSection .inquiryBox .link-btn {
	width:100%;
	margin:40px auto 0 auto;
}
#serviceSection .inquiryBox .link-btn a {
	display:inline-block;
	width:180px;
	font-family:"微軟雅黑", "Microsoft YaHei";
	color:#99752e;
	font-size:1.9em;
	font-weight:bold;
	padding:12px 0 13px 0;
	border:1px solid #99752e;
	box-sizing:border-box;
	margin:0 5px;	
}
#serviceSection .inquiryBox .link-btn a span {
	position:relative;
	padding:0 30px 0 5px;
}
#serviceSection .inquiryBox .link-btn a span:before {
	content:"";
	position:absolute;
	display:block;
	width:8px;
	height:1px;
	top:50%;
	right:0px;
	margin:0;
	background-color:#99752e;
	-webkit-transform:rotate(45deg);
	   -moz-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
         -o-transform:rotate(45deg);
            transform:rotate(45deg);
}
#serviceSection .inquiryBox .link-btn a span:after {
	content:"";
	position:absolute;
	display:block;
	width:21px;
	height:1px;
	top:50%;
	right:0px;
	margin:3px 0 0 0;
	background-color:#99752e;
}
#serviceSection .inquiryBox .link-btn a:hover,
#serviceSection .inquiryBox .link-btn a:focus {
	color:#FFF;
	background-color:#99752e;
}
#serviceSection .inquiryBox .link-btn a:hover span:before,
#serviceSection .inquiryBox .link-btn a:focus span:before,
#serviceSection .inquiryBox .link-btn a:hover span:after,
#serviceSection .inquiryBox .link-btn a:focus span:after {
	background-color:#FFF;
}
@media screen and (max-width:420px) {
	#serviceSection .inquiryBox .link-btn {
		margin:35px auto -5px auto;
	}
	#serviceSection .inquiryBox .link-btn a {
		margin:5px;
	}
	#serviceSection .inquiryBox > ul > li dl {
		padding:30px 30px 140px 30px;
	}
	#serviceSection .inquiryBox > ul > li dl:after {
		left:50%;
		bottom:20px;
		width:190px;
		height:120px;
		margin-left:-95px;
		margin-bottom:0;
	}
	#serviceSection .inquiryBox > ul > li dd span {
		display:block;
		margin:0 auto;
	}
}
@media screen and (min-width:991px) {
	#serviceSection .inquiryBox ul {
		margin:0 -10px;
	}
	#serviceSection .inquiryBox > ul > li {
		width:20%;
		min-height:353px;
		padding:0 10px;
	}
	#serviceSection .inquiryBox > ul > li:before {
		left:-5px;
		top:50%;
		-webkit-transform:rotate(0deg);
		   -moz-transform:rotate(0deg);
			-ms-transform:rotate(0deg);
			 -o-transform:rotate(0deg);
				transform:rotate(0deg);
	}
	#serviceSection .inquiryBox > ul > li dl {
		width:100%;
		min-height:inherit;		
		padding:0;
		padding-bottom:120px;
	}
	#serviceSection .inquiryBox > ul > li dl:before {
		width:100%;
		height:100%;
		border:10px solid #e1f0f2;
		-webkit-border-radius:20px;
		   -moz-border-radius:20px;
				border-radius:20px;
	}
	#serviceSection .inquiryBox > ul > li dl:after {
		left:50%;
		bottom:-10px;
		width:190px;
		height:120px;
		margin-left:-95px;
		margin-bottom:0;
	}
	#serviceSection .inquiryBox > ul > li dt {
		text-align:center;
		padding-top:10px;
	}
	#serviceSection .inquiryBox > ul > li dt span {
		width: calc(100% - 20px);
		padding:10px 0;
		-webkit-border-radius:12px 12px 0 0;
		   -moz-border-radius:12px 12px 0 0;
				border-radius:12px 12px 0 0;
	}
	#serviceSection .inquiryBox > ul > li dd span {
		display:block;
		width: calc(100% - 30px);
		margin:0 auto;
	}
	#serviceSection .inquiryBox > ul > li dd span.stit {
		text-align:center;
	}
	#serviceSection .inquiryBox > ul > li dd ul {
		width: calc(100% - 40px);
	}
	#serviceSection .inquiryBox > ul > li dd ul li {
		width:100%;
		padding-right:0;
	}
}
@media screen and (min-width:1200px) {
	#serviceSection .inquiryBox ul {
		margin:0 -20px;
	}
	#serviceSection .inquiryBox > ul > li {
		min-height:340px;
		padding:0 20px;
	}
	#serviceSection .inquiryBox > ul > li dd span {
		width: calc(100% - 50px);
	}
	#serviceSection .inquiryBox > ul > li dd ul {
		width: calc(100% - 80px);
	}
}


/** invoiceSection **/
#invoiceSection {
	position:relative;
	width:100%;
	padding:50px 20px;
	box-sizing: border-box;
	margin:0 auto;
	background:#362e2b;
}
#invoiceSection .wordBox {
	width:100%;
	text-align:center;
	margin:0 auto;
}
#invoiceSection .wordBox h2 {
	font-family:"微軟雅黑", "Microsoft YaHei";
	color:#FFF;
	font-size:3.5em;
	font-weight:bold;
}
#invoiceSection .wordBox p {
	color:#FFF;
	font-size:1.8em;
	font-weight:bold;
	line-height:135%;
	margin-top:15px;
}
#invoiceSection .serviceBox {
	width:100%;
	margin:50px auto 0 auto;
}
#invoiceSection .serviceBox ul {
	display:flex;
	list-style:none;
	flex-wrap: wrap;
	box-sizing:border-box;
	border:1px dashed #FFF;
}
#invoiceSection .serviceBox ul li {
	display:inline-block;
	width:33.333%;
	border-right:1px dashed #FFF;
	border-bottom:1px dashed #FFF;
	box-sizing:border-box;
	text-align:center;
	vertical-align:top;
}
#invoiceSection .serviceBox ul li a {
	float:left;
	width:100%;
	height:100%;
	padding:25px 15px;
	box-sizing:border-box;
}
#invoiceSection .serviceBox ul li:nth-of-type(3),
#invoiceSection .serviceBox ul li:nth-of-type(6) {
	border-right:none;
}
#invoiceSection .serviceBox ul li:nth-of-type(4),
#invoiceSection .serviceBox ul li:nth-of-type(5),
#invoiceSection .serviceBox ul li:nth-of-type(6) {
	border-bottom:none;
}
#invoiceSection .inbox {
	position:relative;
	display:block;
	padding:80px 0 0 0;
	margin:0 auto;	
}
#invoiceSection .inbox:before {
	content:"";
	position:absolute;
	display:block;
	width:80px;
	height:70px;
	top:0;
	left:50%;
	margin:0 0 0 -40px;
	background:url(../images/invoiceSection-icon2.png) no-repeat;
}
#invoiceSection .sb1 .inbox:before {background-position:0 0;}
#invoiceSection .sb2 .inbox:before {background-position:-80px 0;}
#invoiceSection .sb3 .inbox:before {background-position:-160px 0;}
#invoiceSection .sb4 .inbox:before {background-position:-240px 0;}
#invoiceSection .sb5 .inbox:before {background-position:-320px 0;}
#invoiceSection .sb6 .inbox:before {background-position:-400px 0;}
#invoiceSection .inbox h3 {
	font-family:"微軟雅黑", "Microsoft YaHei";
	color:#FFF;
	font-size:2.1em;
	font-weight:bold;
}
#invoiceSection a h3 {
	color:#FFF;
}
#invoiceSection a:hover h3,
#invoiceSection a:focus h3 {
	color:#E6CB45;
}
#invoiceSection .link-btn {
	width:100%;
	text-align:center;
	margin:40px auto 0 auto;
}
#invoiceSection .link-btn a {
	display:inline-block;
	width:180px;
	font-family:"微軟雅黑", "Microsoft YaHei";
	color:#FFF;
	font-size:1.9em;
	font-weight:bold;
	padding:12px 0 13px 0;
	border:1px solid #FFF;
	box-sizing:border-box;
	margin:0 5px;	
}
#invoiceSection .link-btn a span {
	position:relative;
	padding:0 30px 0 5px;
}
#invoiceSection .link-btn a span:before {
	content:"";
	position:absolute;
	display:block;
	width:8px;
	height:1px;
	top:50%;
	right:0px;
	margin:0;
	background-color:#FFF;
	-webkit-transform:rotate(45deg);
	   -moz-transform:rotate(45deg);
        -ms-transform:rotate(45deg);
         -o-transform:rotate(45deg);
            transform:rotate(45deg);
}
#invoiceSection .link-btn a span:after {
	content:"";
	position:absolute;
	display:block;
	width:21px;
	height:1px;
	top:50%;
	right:0px;
	margin:3px 0 0 0;
	background-color:#FFF;
}
#invoiceSection .link-btn a:hover,
#invoiceSection .link-btn a:focus {
	color:#000;
	background-color:#E6CB45;
	border:1px solid #E6CB45;
}
#invoiceSection .link-btn a:hover span:before,
#invoiceSection .link-btn a:focus span:before,
#invoiceSection .link-btn a:hover span:after,
#invoiceSection .link-btn a:focus span:after {
	background-color:#000;
}
@media screen and (max-width:480px) {
	#invoiceSection .serviceBox ul li {
		width:50%;
	}
	#invoiceSection .serviceBox ul li:nth-of-type(3) {
		border-right:1px dashed #FFF;
	}
	#invoiceSection .serviceBox ul li:nth-of-type(2),
	#invoiceSection .serviceBox ul li:nth-of-type(4),
	#invoiceSection .serviceBox ul li:nth-of-type(6) {
		border-right:none;
	}
	#invoiceSection .serviceBox ul li:nth-of-type(4) {
		border-bottom:1px dashed #FFF;
	}
	#invoiceSection .serviceBox ul li:nth-of-type(5) {
		border-bottom:none;
	}
}
@media screen and (min-width:768px) {
	#invoiceSection {
		background:url(../images/invoiceBox-bg.png) no-repeat 50% 50%;
		background-size:cover;
	}
	#invoiceSection .serviceBox ul {
		margin:0;
		border-top:none;
		border-bottom:none;
	}
	#invoiceSection .serviceBox ul li {
		width:16.666%;
		border-bottom:none;
		margin:0;
	}
	#invoiceSection .serviceBox ul li:nth-of-type(3) {
		border-right:1px dashed #FFF;
	}
	#invoiceSection .serviceBox ul li a {
		padding:15px;
	}
}


/* ----- adLink ----- */
#adLink {
	position:relative;
	width:100%;
	padding:20px;
	box-sizing:border-box;
	margin:0 auto;
}
#adLink .listshow {	
	display:block;
	width:100%;
	padding:0 20px;
	margin:0 auto;
	box-sizing:border-box;
}
#adLink .listshow .item {
	display:inline-block;
	padding:0 5px;
	box-sizing:border-box;
}
#adLink .listshow .item a {
	float:left;
	width:100%;
	height:100%;	
}
#adLink .listshow .item a:focus {
	box-sizing:border-box;
	outline:1px dotted #FF0000;
	background:#000;
}
#adLink .listshow .item a:focus img {
	opacity:0.5;
}
#adLink .listshow img {
	width:100%;
	max-width:220px;
	height:auto;
	margin:0 auto;
}
#adLink .listshow .slick-prev,
#adLink .listshow .slick-next {
	position:absolute;
	display:block;
	font-size:0;
	width:15px;
	height:30px;
	z-index:10;
	background-image:url(../images/footer-icon.png);
    -webkit-transition:all 0.8s;
    transition:all 0.8s;
}
#adLink .listshow .slick-prev {
	left:0;	
	background-position:-10px -55px;
}
#adLink .listshow .slick-next {
	right:0;
	background-position:-25px -55px;
}
#adLink .listshow .slick-prev:before,
#adLink .listshow .slick-next:before {
	display:none;
}
#adLink .listshow .slick-prev:hover,
#adLink .listshow .slick-prev:focus,
#adLink .listshow .slick-next:hover,
#adLink .listshow .slick-next:focus {	
	background-image:url(../images/footer-icon-on.png);
}
@media screen and (min-width:990px) {
	#adLink {
		padding:45px 0;		
	}
	#adLink .listshow {
		max-width:990px;
	}
}
@media screen and (min-width:1200px) {
	#adLink .listshow {
		max-width:1200px;
		padding:0 25px;
	}
}



@media print {
	#banner {
		width:100%!important;
		margin:0;
	}
	#banner .listshow img {
		width:760px!important;
	}
	#adLink {
		display:none!important;
	}
	#eventBox {
		width:100%!important;		
		margin:0;
	}
	#eventBox .slick-dots {
		display:none!important;
	}
	#eventBox .listshow {
		padding:0 40px;
	}
	#eventBox .listshow img {
		width:100%!important;
	}
	#productList .slick-list {
		width:580px!important;		
	}
	#serviceSection .inquiryBox ul {
		margin:0 -15px;
	}
	#serviceSection .inquiryBox > ul > li {
		width:20%;
		padding:0 15px;
	}
	#serviceSection .inquiryBox > ul > li:before {
		left:-5px;
		top:45%;
		-webkit-transform:rotate(0deg);
		   -moz-transform:rotate(0deg);
			-ms-transform:rotate(0deg);
			 -o-transform:rotate(0deg);
				transform:rotate(0deg);
	}
	#serviceSection .inquiryBox > ul > li dl {
		width:100%;
		min-height:inherit;
		text-align:center;
		padding:0;
		padding-bottom:120px;
	}
	#serviceSection .inquiryBox > ul > li dl:before {
		width:100%;
		border:10px solid #e1f0f2;
		-webkit-border-radius:20px;
		   -moz-border-radius:20px;
				border-radius:20px;
	}
	#serviceSection .inquiryBox > ul > li dl:after {
		left:50%;
		bottom:0;
		width:190px;
		height:120px;
		margin-left:-95px;
	}
	#serviceSection .inquiryBox > ul > li dt {
		padding-top:25px;
	}
	#serviceSection .inquiryBox > ul > li dd span {
		display:block;
		width:75%;
		max-width:90px;
		margin:0 auto;
	}
	#serviceSection .inquiryBox > ul > li.s3 dd span {
		max-width:110px;
	}
	#invoiceSection .serviceBox {
		margin:30px auto 0 auto;
	}
	#invoiceSection .serviceBox ul {
		display:block;
		border:1px dashed rgba(255,255,255,.5);
		border-bottom:none;
	}
	#invoiceSection .serviceBox ul li {
		display:inline-block;
		width:50%!important;
		padding:25px 0;
		border:none;
		border-bottom:1px dashed rgba(255,255,255,.5);
		vertical-align:middle;
	}
	#invoiceSection .serviceBox ul li.sb1,
	#invoiceSection .serviceBox ul li.sb2 {
		min-height:219px;
	}
	#invoiceSection .serviceBox ul li.sb1,
	#invoiceSection .serviceBox ul li.sb3 {
		border-right:1px dashed rgba(255,255,255,.5);
	}
	#invoiceSection .inbox {
		width:200px;
		min-height:70px;
		text-align:left;
		padding:0 0 0 90px;
	}
	#invoiceSection .serviceBox ul li.sb1 .inbox {
		margin-top:18px;
	}
	#invoiceSection .inbox:before {
		top:50%;
		left:0px;
		margin:-35px 0 0 0;
	}
}