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



/*----- 關於我們 -----*/
.aboutBg {
	width: 100%;
    min-height: 500px;
	font-size: 16px;
	padding: 85px 0 90px;
	background: url(../images/about-bg.jpg) no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.aboutWrap {
	width: 1200px;
	margin: 0 auto;
	padding: 0 15px;
}

.aboutLeft {
	float: left;
	width: 36%;
}

.aboutRight {
	float: right;
	width: 57%;
	margin-top: 8px;
	text-align: right;
}

.aboutLeft h2 {
	font-size: 37px;
	color: #2c2c2c;
	font-weight: bold;
	margin: 0 0 20px -2px;
	line-height: 48px;
}

.aboutLeft p {
	line-height: 32px;
}

.subtitle {
	font-size: 24px;
	color: #2c2c2c;
	font-weight: bold;
	margin: 80px 0 20px;
}

.aboutBg > .aboutWrap > .row {
	margin-left: -40px;
	margin-right: -40px;
}

.aboutBg > .aboutWrap > .row > .col-md-4 {
	padding-left: 40px;
	padding-right: 40px;
}

ul.serviceList {
	list-style: none; 
}

ul.serviceList li {
	padding-left: 23px;
	margin-bottom: 14px;
	line-height: 28px;
	position: relative;
}

ul.serviceList li:before {
    content: "•";
	position: absolute;
	left: 7px;
	top: 0;
	font-size: 22px;
    color: #fa9300;
}



/*----- 聯絡我們 -----*/
.contactArea {
	padding: 40px 6% 60px;
	background: #fff;
	box-shadow: 0 1px 5px rgba(200, 200, 200, 0.5);
}

.contactTitle {
	font-size: 28px;
	color: #0f0f0f;
	margin-bottom: 20px;
	text-align: center;
}

.contactTxt {
	margin: 0 6%;
	text-align: center;
	line-height: 28px;
}

.contactTxt span {
	font-size: 15px;
	color: #ec060b;
}

.contactForm {
	margin: 45px 4px 0;
}

.contactMapBox {
	margin: 25px 0 50px;
	box-shadow: 0 1px 4px rgba(195, 195, 195, 0.5);
}

.contactMap {
	width: 65%;
	float: left;
}

.contactMap iframe {
	display: block;
}

.contactInfo {
	width: 35%;
	height: 420px;
	float: right;
	padding: 50px 4.5%;
	background: url(../images/contact-bg.jpg) no-repeat left bottom #2a3348;
}

.contactImg {
	padding-bottom: 25px;
	margin-bottom: 28px;
	border-bottom: 1px solid #4f5b78;
}

ul.infoList {
}

ul.infoList li {
	font-size: 16px;
	color: #d3dffb;
	margin-bottom: 17px;
	line-height: 26px;
}

ul.infoList li a {
	color: #d3dffb;
}

ul.infoList li a:hover {
	color: #fab000;
}



/* 表單樣式 */
.form-group {
	margin-bottom: 20px;
	position: relative;
}

.form-left {
	width: 48.5%;
	float: left;
}

.form-right {
	width: 48.5%;
	float: right;
}

.form-group label {
	width: 105px;
	vertical-align: middle;
}

.form-right label {
	padding-left: 4%;
}

.form-field {
	width: -webkit-calc(100% - 110px);
	width: -moz-calc(100% - 110px);
	width: calc(100% - 110px);
	display: inline-block;
	vertical-align: middle;
}

.required {
	font-size: 14px;
	color: #fa0a0a;
	margin-left: 3px;
}

.codeInput {
	width: 40%;
	margin-right: 15px;
	display: inline-block;
}


label.radio-inline {
	width: auto;
	margin-right: 13px;
}

.input {
	padding: 9px 12px;
	background-color: #f7f7f7;
}

.textarea {
	min-height: 170px;
	background-color: #f7f7f7;
}

.submitBtn {
	padding: 20px 0 0 0;
}

.submit {
	width: 180px;
	margin: 0 auto;
	margin-top: 45px;
	font-size: 16px; 
	color: #fff;
	display: block;
	padding: 10px 0;
	text-align: center;
	border-radius: 26px;
	border: none;
	cursor: pointer;
	background-color: #fab000;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.submit:hover, 
.submit:focus {
	color: #fff;
	background: #333;
}



@media (max-width: 1439px){

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


}


@media (max-width: 1199px){

/*----- 關於我們 -----*/
.aboutWrap {
	width: 100%;
	padding: 0 3.5%;
}

.aboutBg > .aboutWrap > .row {
	margin-left: -25px;
	margin-right: -25px;
}

.aboutBg > .aboutWrap > .row > .col-md-4 {
	padding-left: 25px;
	padding-right: 25px;
}



/*----- 聯絡我們 -----*/
.contactTxt {
	margin: 0 4px;
}

}


@media (max-width: 991px){

/*----- 關於我們 -----*/
.aboutWrap {
	padding: 0 5%;
}

.aboutBg {
	padding: 60px 0 55px;
}

.subtitle {
	margin-top: 55px;
}



/*----- 聯絡我們 -----*/
.form-left,
.form-right {
	width: 100%;
	float: none;
}

.form-right {
	margin-top: 20px;
}

.form-right label {
	padding-left: 0;
}


	
}


@media (max-width: 767px){

/*----- 關於我們 -----*/
.aboutLeft {
	float: none;
	width: 100%;
}

.aboutRight {
	float: none;
	width: 100%;
	margin-top: 38px;
	text-align: left;
}

.aboutBg > .aboutWrap > .row {
	margin-left: -15px;
	margin-right: -15px;
}

.aboutBg > .aboutWrap > .row > .col-md-4 {
	padding-left: 15px;
	padding-right: 15px;
}



/*----- 聯絡我們 -----*/
.contactMap,
.contactInfo {
	width: 100%;
	float: none;
}

.contactInfo {
	height: 350px;
	padding: 45px 10% 40px;
}

.submit {
	width: 100%;
}


}


@media (max-width: 575px){

/*----- 關於我們 -----*/
.aboutBg {
	font-size: 15px;
	padding: 45px 0;
}

.aboutLeft h2 {
	font-size: 26px;
	line-height: 36px;
}



/*----- 聯絡我們 -----*/
.contactArea {
	padding-top: 35px;
}

.contactTitle {
	font-size: 25px;
}

.contactTxt {
	text-align: left;
}

ul.infoList li {
	font-size: 15px;
}

.contactForm {
	margin-top: 35px;
}

.form-group {
	margin-bottom: 15px;
}

.form-field {
	width: 100%;
	display: block;
	margin-top: 8px;
}

.form-right {
	margin-top: 15px;
}


}


@media (max-width: 479px){



}