@charset "utf-8";
/* CSS Document */



/*----- 關於我們 -----*/
.aboutBox {
	line-height: 2.0;
}

.aboutBox figure {
	margin: 60px 0;
	text-align: center;
}

.serviceArea {
	padding: 100px 0;
	background: #eee;
	line-height: 2.0;
}

.serviceTitle {
	width: 44%;
	display: inline-block;
	font-size: 46px;
	color: #0a3667;
	font-weight: 500;
	padding: 0 2% 0 48px;
	letter-spacing: 3px;
	vertical-align: middle;
	font-family: 'Noto Sans TC', "微軟正黑體", "新細明體", sans-serif;
}

.serviceTitle span {
	font-size: 32px;
	color: #2b8cc9;
	font-weight: 300;
	line-height: 1.3;
	letter-spacing: 1.5px;
	display: block;
	font-family: 'Oswald', 微軟正黑體, 新細明體, sans-serif;
}

.serviceBox {
	width: 54%;
	display: inline-block;
	vertical-align: middle;
}

.subheading {
	font-size: 17px;
	color: #fff;
	font-weight: bold;
	padding: 10px 15px;
	margin-bottom: 18px;
	letter-spacing: 1px;
	display: inline-block;
	background: #3a579b;
}

.serviceArea figure {
	margin-top: 75px;
}



/*----- 服務流程 -----*/
.processTitle {
	font-size: 46px;
	color: #0a3667;
	font-weight: 500;
	margin-bottom: 50px;
	letter-spacing: 3px;
	position: relative;
	font-family: 'Noto Sans TC', "微軟正黑體", "新細明體", sans-serif;
}

.processTitle span {
	font-size: 28px;
	color: #2b8cc9;
	font-weight: 300;
	line-height: 1.4;
	letter-spacing: 1.5px;
	display: block;
	font-family: 'Oswald', 微軟正黑體, 新細明體, sans-serif;
}

.processTitle:after {
	content: " ";
	display: block;
	width: 120px;
	height: 1px;
	background: #6f86bb;
	position: absolute;
	bottom: 30px;
	left: 410px;
}

.processBox {
  margin-left: -4%;
  margin-right: -4%;
}

.processBox .col-sm-6 {
	padding-left: 4%;
	padding-right: 4%;
}



/*----- 塑膠射出 & 模具開發 -----*/
.articleTitle {
	font-size: 22px;
	color: #1e7cc2;
	font-weight: 500;
	margin-bottom: 20px;
	line-height: 1.7;
	font-family: 'Noto Sans TC', "微軟正黑體", "新細明體", sans-serif;
}

ul.dotList {
	list-style: none; 
}

ul.dotList li {
	padding-left: 25px;
	line-height: 2.0;
	position: relative;
}

ul.dotList li:before {
    content: "•";
	position: absolute;
	left: 3px;
	top: 0;
	font-size: 22px;
    color: #4368c0;
	line-height: 1.3;
}

ol.numList {
	padding-left: 24px;
	line-height: 2.0;
}

ol.numList > li {
	padding-left: 2px;
	position: relative;
	list-style-type: decimal;
}

.ctaBox {
	padding: 30px 40px;
	border: 5px solid #506caf;
	text-align: center;
}

a.ctaBtn {
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	width: 200px;
	margin: 0 auto;
	margin-top: 40px;
	display: block;
	padding: 10px 0 11px;
	letter-spacing: 1px;
	text-align: center;
	border: 1px solid #506caf;
	background-color: #506caf;
	position: relative;
}

a:hover.ctaBtn, 
a:focus.ctaBtn {
	color: #506caf;
	background-color: transparent;
}

.photoBox {
	margin-top: 80px;
	margin-bottom: 70px;
}

.photoTxt {
	font-size: 16px;
	color: #3a579b;
	margin-top: 17px;
}



/*----- 聯絡我們 -----*/
.contact-iconBox {
	margin-top: 60px;
}

.contact-iconBox .col-md-3 {
	padding-left: 6px;
	padding-right: 6px;
}

.contactIcon .iconImg {
	width: 74px;
	height: 74px;
	font-size: 26px;
    color: #fff;
	margin: 0 auto;
    line-height: 72px;
    background-color: #506caf;
	border-radius: 99em;
	text-align: center;
}

.contactIcon h4 {
    font-size: 20px;
    color: #040404;
	font-weight: 400;
    margin: 17px 0 11px;
	font-family: 'Oswald', 微軟正黑體, 新細明體, sans-serif;
}

.contactIcon p,
.contactIcon p a {
	color: #666;
	letter-spacing: 0.5px;
}

.contactIcon p a:hover {
	color: #506caf;
}

.contactMap iframe {
	display: block;
}




@media (max-width: 1199px){

/*----- 關於我們 -----*/
.serviceTitle {
	font-size: 40px;
	padding-left: 20px;
}


}



@media (max-width: 991px){

/*----- 關於我們 -----*/

	
}


@media (max-width: 767px){

/*----- 關於我們 -----*/
.serviceTitle,
.serviceBox {
	width: 100%;
	display: block;
}

.serviceTitle {
	font-size: 36px;
	padding: 0 0 40px;
}

.serviceTitle span {
	font-size: 24px;
}



/*----- 服務流程 -----*/
.processTitle {
	font-size: 36px;
}

.processTitle span {
	font-size: 24px;
}

.processTitle:after {
	bottom: 24px;
	left: 325px;
}



/*----- 聯絡我們 -----*/
.contact-iconBox {
	margin-top: 45px;
	margin-bottom: -40px;
}

.contact-iconBox .col-md-3 {
	margin-bottom: 40px;
}

}



@media (max-width: 575px){

/*----- 關於我們 -----*/
.serviceArea {
	padding: 60px 0;
}



/*----- 服務流程 -----*/
.processTitle {
	margin-bottom: 40px;
}

.processTitle:after {
	display: none;
}

.processBox .col-sm-6:first-child {
	margin-bottom: 35px;
}



/*----- 塑膠射出 & 模具開發 -----*/
.articleTitle {
	font-size: 20px;
}

.ctaBox {
	padding: 25px;
}

.photoBox {
	margin-top: 65px;
	margin-bottom: 55px;
}



/*----- 聯絡我們 -----*/
.contact-iconBox .col-md-3 {
	padding-left: 10px;
	padding-right: 10px;
}

.contactIcon h4 {
    font-size: 18px;
    margin: 15px 0 10px;
}

.contactIcon p {
	font-size: 15px;
}


}