.banner .fp-slide a{ width:100%; height:100%; background-size:cover;background-position:center; display:block; }
.fp-controlArrow.fp-prev{ border-width: 18px 20px 18px 0; }
.fp-controlArrow.fp-next{ border-width: 18px 0 20px 18px; }
.about_wrap .fp-tableCell{ vertical-align: top; }
.about{ background: url('../images/main/a-bg.jpg'); padding: 7% 0 2%; font-size: 0; position: relative; margin-bottom: 105px;}
.about::after{ content: ""; display: block; width: 100%; height: 105px; position: absolute; top: 100%; left: 0; background-image: url('../images/main/bg.jpg'); background-position: bottom left; }
	.a_pic{ width: 30%; padding-top: 21%; background-size: cover; border: 6px solid #fff; display: inline-block; vertical-align: middle; }
	.company_history{ display: inline-block; vertical-align: middle; width: 70%; padding-left: 5%; line-height: 30px; color: #fff; font-size: 16px; }
	.company_history h3{ font-size: 2.2em; letter-spacing: 2px; margin-bottom: 20px; }
	.company_history svg{ padding-left: 10px; }
	.company_history a,.eq_content a{ color: #fff; margin-top: 30px; display: block; }
	.company_history a::before,.eq_content a::before{ display: inline-block; content: ""; margin-right: 20px; width: 70px; height: 7px; border-top: 1px solid #fff; }

.company_point{ font-size: 0; padding: 1.5% 0 0; }
.company_point_title{ padding-left: 60px; height: 45px; margin-bottom: 15px; background-image: url('../images/main/logo.png'); background-repeat: no-repeat; font-size: 32px; letter-spacing: 2px; }
.company_point_item{ display: inline-block; vertical-align: top; width: 22%; margin: 0 1.5%; border-bottom: 4px solid #ddd; min-height: 200px; }
	.company_point_item h3{ margin-bottom: 15px; font-size: 20px; }
		.company_point_item h3::before{ display: inline-block; border-radius: 50%; width: 26px; height: 26px; margin-right: 12px; border: 1px solid #ccc; font-size: 14px; font-weight: 300; line-height: 26px; text-align: center; }
		.item-01 h3::before{ content: "1"; }
		.item-02 h3::before{ content: "2"; }
		.item-03 h3::before{ content: "3"; }
		.item-04 h3::before{ content: "4"; }
	.company_point_item p{ line-height: 24px; font-size: 15px; }

.news_main_title,.news_contain{ padding: 3% 0; text-align: center;  }
.news_main_title{ margin-bottom: 1.5%; }
.news_main_title h2,.eq_title h2,.location_info h2{ font-size: 40px; font-style:italic; position: relative; display: inline-block; letter-spacing: 4px; }
.news_main_title h2::after,.eq_title h2::after,.location_info h2::after{ content: ""; display: block; width: 50%; height: 3px; background-color: #22B0A9; position: absolute; bottom: -5px; left: 0; }
.news_contain{ background-color: #E7E7E7; }

.news_list_item{ text-align: left; display: inline-block; width: 31%; margin: .5% 1%; background-color: #fff; padding: 5px 5px 15px; margin-bottom: 20px; position: relative; }
	.news_photo{ display: block; width: 100%; padding-top: 33%; margin-bottom: 10px; background-size: cover; background-position: center; }
	.news_date{ padding: 5px 10px; font-style: normal; color: #22B0A9; letter-spacing: 1px; display: inline-block; }
	.detail_link{ color: #22B0A9; padding: 3px 6px; border: 1px solid #22B0A9; display: inline-block; float: right; margin-right: 10px;}
	.detail_link::before{ content: "完整內容"; }
	.news_title{ padding: 10px; font-size: 18px; font-weight: 500; }

.news_wrap > div{ vertical-align:middle; }
.eq_pic{ width: 100%; padding-top: 40%; background-image: url('../images/main/e-pic.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center; position: relative; }
.eq_content{ width: 70%; margin: 0 auto; line-height: 30px; padding: 45px 100px; text-align: center; font-size: 16px; position: relative; }
	.eq_content p:first-child{ font-weight: 600; margin-bottom: 10px;}
.eq_title{ width: 70%; padding: 5% 5% 0; text-align: center; background-color: #fff; position: absolute; bottom: -1px; left: 15%; }
.eq_content a{ color: #333; position: absolute; bottom: -20px; left: 30px; }
.eq_content a::before{ border-color: #333; }
.equipment_wrap .fp-tableCell{ vertical-align: top; }

.location_wrap .fp-tableCell{ padding-top: 74px; }
.location_info{ margin: 0 auto; padding: 1.7% 0 1.2%; }
	.location_left{ display: table-cell; vertical-align: top; width: 25%; font-size: 15px; position: relative;}
		.location_left p{ position: absolute; bottom: 30px; left: 0; line-height: 27px; }
	.location_right{ display: table-cell; vertical-align: top; width: 45%; font-size: 15px; }
		.location_info li{ padding: 20px 0; background: url('../images/main/dot.png') bottom repeat-x; }
		.location_info li:last-child{ background: none; }
			.location_right h3{ font-size: 24px; }
			.location_right li:first-child{ padding-top: 0; }
			.location_right li:first-child p{ font-size: 20px; }
			.location_right h3 svg{ margin-right: 13px; }
			.location_right p{ margin-top: 15px; line-height: 28px; font-size: 16px; border-left: 4px solid #ddd; padding-left: 30px; }

@media screen and (max-width: 1024px){
	.company_history{ font-size: 15px; line-height: 26px; width: 60%; }
	.company_history h3{ font-size: 1.7em; margin: 25px 0 10px; }
	.company_history a, .eq_content a{ margin-top: 20px; }
	.company_history svg{ width: 1em; }
	.a_pic{ width: 28%; margin-left: 7%; }
	.company_point{ padding-top: 1%; }
	.company_point_title{ height: 35px; background-size: auto 100%; font-size: 27px; padding-left: 50px; margin-top: 5px; }
	.about::after{ height: 90px; top: 99.5%; }
	.company_point_item p{ line-height: 22px;}
	.company_point_item h3{ margin-bottom: 13px; }
	.news_main_title h2, .eq_title h2, .location_info h2{ font-size: 32px; }
	.detail_link{ top: 50%; }
	.eq_content{ padding: 30px 100px; line-height: 29px; font-size: 15px; }
	.location_left{ width: 20%; }
	.location_right h3{ font-size: 20px; }
	.location_right p{ margin-top: 12px; line-height: 25px; font-size: 14px; }
	.location_right li:first-child p{ font-size: 16px; }
	.location_wrap .fp-tableCell{ padding-top: 66px; }
}

@media screen and (max-width: 1023px){
.page_contain{ padding: 0; }
.banner .fp-tableCell{ vertical-align: top; padding-top:66px; }
.banner .fp-slide a{padding-top:60%;}
.a_pic,.company_history{ display: block; width: auto; }
.a_pic{ padding-top: 65%; margin: 0 2%; }
.company_point_item{ display: block; width: auto; min-height: auto; padding: 25px 0; }
.company_point_item h3{ font-size: 19px; }
.company_point_title{ margin: 35px 0 0; }

.news_list_item{ width: auto; display: block; }
.news_title{ font-size: 17px; padding: 10px 5px; }
.news_date{ padding: 5px; }
.detail_link{ top: 51%; font-size: 14px; padding: 2px 6px; margin-right: 5px; }
.company_point_item p{ font-size: 14px; }
.eq_pic{ padding-top: 50%; }
.eq_content{ padding: 50px 18px; width: auto; line-height: 25px; }
.news_main_title h2, .eq_title h2, .location_info h2{ font-size: 24px; }

.location_left,.location_right{ display: block; width: auto; }
.location_left{ padding: 25px 10px; }
.location_left p{ position: relative; bottom: 0; left: 0; padding: 20px 0; }

.location_right{ padding: 0 10px 25px; }
.location_right h3{ font-size: 18px; }
.location_right p{ padding-left: 14px; }

.company_history{ padding: 5%; }
.section,.fp-tableCell{ height: auto !important; }
.about_contain{ padding-top: 10% }
.news_contain{ padding: 10% 0; }
.news_main_title{ padding: 15% 0 10%; }
.location_right h3{ font-size: 18px; }
}