@charset "utf-8";
body {
	font-family: "微軟正黑體", "新細明體", "Arial Unicode MS"
}

.container-fluid {
	max-width: 1600px;
}

.footer {
	color: #fff;
	background-color: #5cb9b4;
	text-align: center;
	padding: 24px 0;
}

.footer a {
	color: #0FC;
}

.share {
	margin: 8px 0;
}

.share img {
	margin: 0 2px;
}

.backtop {
	position: fixed;
	z-index: 999;
	width: 48px;
	height: 48px;
	left: 100%;
	top: 100%;
	margin-top: -64px;
	margin-left: -64px;
	padding: 5px;
	background-color: rgba(000, 000, 000, 0.5);
	text-align: center;
	color: #fff;
	font-size: 1.3rem;
	border-radius: 4px;
	cursor: pointer;
	-webkit-transition: background 0.3s;
	/* Safari */
	transition: background 0.3s;
}

.backtop:hover {
	background-color: #43908c;
}

.title_line {
	width: 60px;
	height: 3px;
	background-color: #5cb9b4;
	margin: 30px auto 60px;
}

.navbar {
	padding: 0px;
}

.navbar-brand {
	margin-left: 15px;
}

@media (min-width:768px) {
	.navbar-brand {
		margin-left: 0;
	}
}

.navbar-toggler {
	margin: 15px;
}

.navbar-nav .nav-item .nav-link {
	padding: 15px;
}

.navbar-nav .nav-item .nav-link:hover {
	background-color: #999;
}

.menu_header {
	position: fixed;
	z-index: 9000;
	top: 0;
	left: 0;
	width: 240px;
	height: 100%;
	background-color: #5cb9b4;
	-webkit-transition: margin 0.3s;
	/* Safari */
	transition: margin 0.3s;
	overflow-y: auto;
}

.menu_header img {
	margin: 12px 0;
}

.menu_close {
	left: 100%;
	margin-left: 0px;
}

.menu_open {
	left: 100%;
	margin-left: -240px;
}

.menu_header .container-fluid {
	padding: 0;
	position: relative;
	max-width: 1600px;
}

@media (min-width:992px) {
	.menu_header {
		position: fixed;
		width: 100%;
		height: auto;
		background: #fff;
		border-bottom: 8px solid #5cb9b4;
		overflow-y: visible;
	}
	.menu_open,
	.menu_close {
		left: 0;
		margin-left: 0;
	}
	.menu_header .container-fluid {
		padding: 0 15px;
	}
}

.logo_big {
	display: none
}

.logo_big img {
	-webkit-transition: all 0.3s;
	/* Safari */
	transition: all 0.3s;
	width: 280px;
	height: auto;
	margin-top: 15px;
}

@media (min-width:992px) {
	.logo_big {
		display: block;
		text-align: center;
		float: left;
	}
	.logo_big img {
		width: 400px;
		margin-top: 24px;
		margin-bottom: 20px;
	}
}

@media (min-width:1200px) {
	.logo_big img {
		width: 430px;
		margin-top: 24px;
		margin-bottom: 20px;
	}
}

.menu_ul {
	list-style: none;
	padding: 0;
}

.menu_ul li {
	border-bottom: 1px dotted #43908c;
}

.menu_ul li a {
	color: #fff;
	display: block;
	font-size: 1.1rem;
	-webkit-transition: background 0.3s;
	/* Safari */
	transition: background 0.3s;
	padding: 15px;
}

.menu_ul li a:hover,
.menu_ul li a:focus {
	text-decoration: none;
	background-color: #43908c;
}

.menu_ul li a span {
	display: block;
	font-size: 0.8rem;
}

@media (min-width:992px) {
	.menu_ul {
		text-align: center;
		border-radius: 4px;
		height: 34px;
		float: right;
		margin-top: 32px;
	}
	.menu_ul li {
		float: left;
		border: none;
		position: relative;
		background-image: url(../images/divide_line.png);
		background-position: center left;
		background-repeat: no-repeat;
	}
	.menu_ul li:nth-child(2) {
		background: none;
	}
	.menu_ul li a {
		color: #555;
		font-size: 0.95rem;
		width: 90px;
		text-align: center;
		padding: 22px 0 22px 0;
	}
	.menu_ul li a:hover,
	.menu_ul li a:focus {
		color: #5cb9b4;
		background-color: transparent;
	}
	.menu_ul .mobile_home,
	.menu_ul .nav_language{
		display: none;
	}
	.menu_ul .sub_nav .sub_nav_list {
		padding: 0;
		list-style: none;
		font-size: 0.8rem;
	}
	.menu_header.menu_scroll .menu_ul .sub_nav .sub_nav_list {
		padding: 0;
		list-style: none;
		font-size: 0.8rem;
	}
}

@media (min-width:1200px) {
	.menu_ul li a {
		font-size: 1rem;
		width: 120px;
		text-align: center;
		padding: 22px 0 22px 0;
	}
}

.mobile_hide {
	background-color: #000;
	opacity: 0;
	position: fixed;
	z-index: 8999;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.mobile_header {
	background-color: #fff;
	position: fixed;
	z-index: 8900;
	height: 74px;
	width: 100%;
	border-bottom: 8px solid #5cb9b4;
}

.mobile_header img {
	margin: 20px 0 0 15px;
}

.iconbar {
	float: right;
	width: 48px;
	height: 36px;
	margin: 15px 15px 0 15px;
	border: 2px solid #525269;
	border-radius: 4px;
	cursor: pointer;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-transition: background 0.2s;
	/* For Safari 3.1 to 6.0 */
	transition: background 0.2s;
}

.iconbar_open {
	background-image: url(../images/iconbar.png);
}

.iconbar_close {
	background-image: url(../images/iconbar2.png);
	border-color: #5cb9b4;
}

.menu_title {
	margin: 3px 15px;
	padding-top: 15px;
	padding-bottom: 16px;
	color: #fff;
	font-family: Verdana, Geneva, sans-serif;
}

@media (min-width:992px) {
	.mobile_hide {
		display: none;
	}
	.mobile_header {
		display: none;
	}
	.iconbar_close {
		display: none;
	}
	.menu_title {
		display: none;
	}
}

.menu_ul .mobile_language {
	color: #fff;
	margin: 10px 15px;
	border: none;
}

.menu_ul .mobile_language a {
	display: inline-block;
	padding: 10px 16px;
	font-size: 0.9rem;
	border: 1px solid #fff;
	border-radius: 5px;
}

.menu_ul .mobile_language a:hover,
.menu_ul .mobile_language a.active {
	background-color: #fff;
	color: #2a2b83;
}

@media (min-width:992px) {
	.menu_ul .mobile_language {
		display: none;
	}
}

.search_nav {
	display: none;
}

@media (min-width:992px) {
	.search_nav {
		position: absolute;
		padding: 0;
		list-style: none;
		top: 6px;
		left: 100%;
		width: 800px;
		margin-left: -830px;
		text-align: right;
		display: block;
	}
	.search_nav li {
		display: inline-block;
		font-size: 0.8rem;
		margin-left: 5px;
		color: #fff;
	}
	.search_nav li a {
		color: #fff;
		background-color: #3b5998;
		padding: 6px 15px;
		-webkit-transition: background 0.2s;
		/* Safari */
		transition: background 0.2s;
	}
	.search_nav li a:hover {
		color: #fff;
		background-color: #69C;
		text-decoration: none;
	}
	.search_nav .btn-group button {
		font-size: 0.8rem;
		border-radius: 0;
		border: none;
		background-color: #5cb9b4;
		padding: 5px 15px;
		margin-top: -4px;
		color: #fff;
		text-decoration: none;
		display: block;
	}
	.search_nav .btn-group button:focus,
	.search_nav .btn-group button:active {
		background-color: #43908c;
	}
	.search_nav .btn-group .dropdown-menu {
		width: 100%;
		min-width: 0;
		border-radius: 0;
	}
	.search_nav .btn-group .dropdown-menu a {
		background-color: transparent;
		font-size: 0.8rem;
		color: #555;
	}
	.search_nav .btn-group .dropdown-menu a:hover {
		color: #5cb9b4;
	}
}

@media (min-width:1200px) {
	.search_nav {
		margin-left: -845px;
	}
}

.menu_ul .sub_nav {
	display: none;
}

@media (min-width:992px) {
	.menu_ul .sub_nav {
		position: absolute;
		top: 66px;
		-moz-box-shadow: 0 4px 15px -2px gray;
		-webkit-box-shadow: 0 4px 15px -2px gray;
		box-shadow: 0 4px 15px -2px gray;
	}
	.menu_ul .sub_nav a {
		background-image: none;
		padding: 15px 30px;
		margin: 0;
		border-top: 0px dotted #ccc;
		background-color: #333;
		color: #ccc;
		width: 200px;
		margin-left: 0;
		font-size: 0.9rem;
		text-align: left;
	}
	.menu_ul .sub_nav a:hover,
	.menu_ul .sub_nav a:focus {
		background-color: #555;
		color: #fff;
		border-bottom: none;
	}
	.menu_ul .sub_nav .sub_nav_list {
		padding: 0;
		list-style: none;
		font-size: 0.8rem;
	}
	.menu_ul .sub_nav .sub_nav_list li a {
		padding: 5px 10px 10px 60px;
		font-size: 0.8rem;
		display: block;
		text-indent: -10px;
	}
	.menu_ul .sub_nav .sub_nav_list li a::before {
		content: "-";
		margin-right: 5px;
	}
}

@media (min-width:1200px) {
	.menu_ul .sub_nav {
		top: 69px;
	}
	.menu_ul .sub_nav a {
		width: 220px;
		margin-left: 0;
		padding: 15px 42px;
	}
}

@media (min-width:992px) {
	.nav_about:hover .sub_nav_about,
	.nav_product:hover .sub_nav_product,
	.nav_solution:hover .sub_nav_solution,
	.nav_news:hover .sub_nav_news,
	.nav_contact:hover .sub_nav_contact,
	.nav_product:hover .sub_nav_product,
	.nav_about:hover .sub_nav_about {
		display: block;
	}
}

.nav_language:hover .sub_nav_language,
.nav_news:hover .sub_nav_news{
	display: block;
}

.menu_ul .sub_nav_language a,
.menu_ul .sub_nav_news a
{
	font-size: 1rem;
	padding: 10px 30px;
}

.fadeInRight {
	-webkit-animation: fadeInRight 0.4s;
	/* Safari 4+ */
	-moz-animation: fadeInRight 0.4s;
	/* Fx 5+ */
	-o-animation: fadeInRight 0.4s;
	/* Opera 12+ */
	animation: fadeInRight 0.4s;
	/* IE 10+, Fx 29+ */
}

.nav_divide {
	display: none;
}

@media (min-width:992px) {
	.menu_header.menu_scroll {
		background-color: #fff;
		height: 88px;
		border-bottom: 0px solid #912025;
		background-image: none;
		-moz-box-shadow: 0 4px 15px -2px gray;
		-webkit-box-shadow: 0 4px 15px -2px gray;
		box-shadow: 0 4px 15px -2px gray;
	}
	.menu_header.menu_scroll .menu_ul {
		margin-top: 20px;
	}
	.menu_header.menu_scroll .menu_ul li a {
		padding: 30px 10px 24px 10px;
		color: #555;
	}
	.menu_header.menu_scroll .menu_ul li a:hover {
		color: #5cb9b4;
	}
	.menu_header.menu_scroll .menu_ul .sub_nav a {
		padding: 15px 30px;
		margin: 0;
		border-top: 0px dotted #ccc;
		background-color: #333;
		color: #ccc;
	}
	.menu_header.menu_scroll .menu_ul .sub_nav a:hover {
		background-color: #555;
		color: #fff;
		border-bottom: none;
	}
	.menu_header.menu_scroll .menu_ul .nav_language a{
		background-color: #de1a35;
		color: #fff;
		border-radius: 40px;
		padding: 10px 30px;
		margin: 24px;
		font-size: 0.9rem;
	}
	.menu_header.menu_scroll .menu_ul .nav_language a:hover {
		color: #fff;
		background-color: #912025;
	}
	.menu_header.menu_scroll .logo_big img {
		/*width: 142px;*/
		margin-top: 10px;
	}
	.menu_header.menu_scroll .menu_ul .sub_nav .sub_nav_list {
		padding: 0;
		list-style: none;
		font-size: 0.8rem;
	}
	.menu_header.menu_scroll .menu_ul .sub_nav .sub_nav_list li a {
		padding: 5px 30px 5px 40px;
		font-size: 0.8rem;
		display: block;
		text-indent: -10px;
	}
	.menu_header.menu_scroll .menu_ul .sub_nav .sub_nav_list li a::before {
		content: "-";
		margin-right: 5px;
	}
}

@media (min-width:992px) {
	.nav_divide {
		width: 1rem;
		color: #555;
		margin-top: 30px;
		display: inline-block;
	}
}

@media (min-width:1200px) {
	.nav_divide {
		margin-top: 30px;
	}
}

.top_blank {
	height: 72px;
}

@media (min-width:992px) {
	.top_blank {
		height: 97px;
	}
}

@media (min-width:1200px) {
	.top_blank {
		height: 101px;
	}
}

.page_banner {
	height: 480px;
	background: no-repeat center center scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-transform: translateX(0);
	transform: translateX(0);
	transition-property: opacity;
	-webkit-transition-duration: 1.0s;
	-moz-transition-duration: 1.0s;
	-o-transition-duration: 1.0s;
	transition-duration: 1.0s;
}

.page_banner h2 {
	animation-duration: 1s;
}

.carousel-fade .carousel-inner .carousel-item {
	height: 480px;
	background: no-repeat center center scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	-webkit-transform: translateX(0);
	transform: translateX(0);
	transition-property: opacity;
	-webkit-transition-duration: 1.0s;
	-moz-transition-duration: 1.0s;
	-o-transition-duration: 1.0s;
	transition-duration: 1.0s;
}

.carousel-fade .carousel-inner .carousel-item,
.carousel-fade .carousel-inner .active.carousel-item-left,
.carousel-fade .carousel-inner .active.carousel-item-right {
	opacity: 0;
}

.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-inner .carousel-item-prev.carousel-item-right {
	opacity: 1;
}

.carousel-caption {
	top: 120px;
	text-shadow: 0px 0px 5px #000, 0px 0px 10px #333, 0px 0px 15px #555;
}

.carousel-caption h2 {
	animation-duration: 1s;
}

.carousel-caption p {
	margin: 15px 0;
	animation-delay: 0.5s;
	animation-duration: 1s;
}

@media (min-width:992px) {
	.carousel-fade .carousel-inner .carousel-item {
		height: 640px;
	}
	.carousel-caption h2 {
		font-size: 2.8rem;
		animation-duration: 1s;
	}
	.carousel-caption p {
		font-size: 1.2rem;
	}
	.carousel-caption {
		top: 250px;
	}
}

@media (min-width:1200px) {
	.carousel-fade .carousel-inner .carousel-item {
		height: 800px;
	}
	.carousel-caption {
		top: 320px;
	}
}

.scroll_down {
	display: none;
}

@media (min-width:992px) {
	.scroll_down {
		height: 64px;
		width: 28px;
		border: 3px solid #fff;
		border-radius: 14px;
		position: absolute;
		z-index: 99;
		top: 100%;
		left: 50%;
		margin-top: -120px;
		margin-left: -14px;
		-webkit-transition: all 0.3s;
		/* For Safari 3.1 to 6.0 */
		transition: all 0.3s;
		display: block;
	}
	.scroll_down:hover {
		-moz-box-shadow: 0 4px 15px -2px #333;
		-webkit-box-shadow: 0 4px 15px -2px #333;
		box-shadow: 0 4px 15px -2px #333;
	}
	.scroll_item {
		height: 16px;
		width: 4px;
		border-radius: 2px;
		background-color: #fff;
		margin: 15px auto;
	}
}

.view_lg {
	display: none;
}

@media (min-width:992px) {
	.view_sm {
		display: none;
	}
	.view_lg {
		display: block;
	}
}

.prev-alt {
	background-color: #43908c;
	color: #fff;
	position: absolute;
	z-index: 555;
	cursor: pointer;
	top: 50%;
	left: 0%;
	padding: 14px 15px 16px 15px;
	transform: translate(0, -50%);
	opacity: 0.75;
}

.prev-alt:hover {
	opacity: 1;
}

.next-alt {
	background-color: #43908c;
	color: #fff;
	position: absolute;
	z-index: 555;
	cursor: pointer;
	top: 50%;
	left: 100%;
	padding: 14px 15px 16px 15px;
	transform: translate(-100%, -50%);
	opacity: 0.75;
}

.next-alt:hover {
	opacity: 1;
}

.top_block1 {
	padding: 80px 0;
	background-image: url(../images/top_bg.jpg);
	background-position: center;
	background-size: cover;
}

.top_title {
	text-align: center;
	color: #555;
}

.top_product_slick_con {
	padding: 15px;
}

.top_product_slick_wrapper {
	-webkit-transition: all 0.2s;
	/* For Safari 3.1 to 6.0 */
	transition: all 0.2s;
	padding: 15px;
	border: 1px solid #ccc;
}

.top_product_slick_wrapper:hover {
	margin-top: -10px;
	-moz-box-shadow: 0 4px 15px -2px gray;
	-webkit-box-shadow: 0 4px 15px -2px gray;
	box-shadow: 0 4px 15px -2px gray;
}

.top_product_pic {
	height: 320px;
	background-position: center;
	background-size: cover;
	position: relative;
}

.top_product_pic a {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #fff;
	opacity: 0;
	-webkit-transition: all 0.2s;
	/* For Safari 3.1 to 6.0 */
	transition: all 0.2s;
}

.top_product_pic a:hover {
	opacity: 0.4;
}

@media (min-width:1600px) {
	.top_product_pic {
		height: 360px;
		background-position: center;
		background-size: cover;
	}
}

.top_product_text {
	padding: 15px;
	color: #777;
	background-color: #fff;
	text-align: center;
}

.top_product_text h2 {
	color: #43908c;
}

.top_product_text ul {
	padding: 0;
	list-style: none;
	height: 240px;
}

.top_product_text ul li {
	padding: 8px 0;
	border-bottom: 1px dashed #ccc;
}

@media (min-width:992px) {
	.top_product_text ul {}
}

.top_more {
	margin: 30px 0 15px 0;
}

.top_more a {
	color: #fff;
	background-color: #5cb9b4;
	padding: 10px 30px;
	-webkit-transition: all 0.2s;
	/* For Safari 3.1 to 6.0 */
	transition: all 0.2s;
}

.top_more a:hover {
	text-decoration: none;
	background-color: #43908c;
}

.top_more a i {
	margin-right: 10px;
}

.top_block2 .container-fluid {
	max-width: none;
}

.top_link_row .col-lg-6,
.top_link_row .col-lg-3 {
	padding: 0;
}

.top_link_con {
	background-position: center;
	background-size: cover;
	position: relative;
	color: #fff;
	height: 320px;
	padding: 30px;
}

.top_link_con h2 {
	border-left: 8px solid #5cb9b4;
	padding-left: 15px;
	text-shadow: 0px 0px 5px #000, 0px 0px 10px #333, 0px 0px 15px #555;
}

.top_link_con a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #5cb9b4;
	color: #fff;
	text-align: center;
	padding-top: 100px;
	opacity: 0;
	-webkit-transition: all 0.3s;
	/* For Safari 3.1 to 6.0 */
	transition: all 0.3s;
}

.top_link_con a:hover {
	opacity: 0.8;
	text-decoration: none;
}

.top_link_con a i {
	font-size: 4rem;
}

.top_link_con a h4 {
	margin: 15px 0;
}

.top_link_about {
	background-image: url(../images/top_link1.jpg);
}

.top_link_work {
	background-image: url(../images/top_link2.jpg);
}

.top_link_quality {
	background-image: url(../images/top_link3.jpg);
}

.top_link_contact {
	background-image: url(../images/top_link4.jpg);
}

@media (min-width:992px) {
	.top_link_about {
		height: 640px;
	}
	.top_link_work {
		height: 320px;
	}
	.top_link_quality {
		height: 320px;
	}
	.top_link_contact {
		height: 640px;
	}
	.top_link_about a,
	.top_link_contact a {
		padding-top: 260px;
	}
}

.top_contact_block {
	padding: 32px 0;
	background-color: #ededed;
}

.top_contact_text {
	text-align: center;
}

@media (min-width:992px) {
	.top_contact_text {
		text-align: left;
	}
}

.top_contact_text ul {
	list-style: none;
	padding: 0;
	font-size: 0.95rem;
	margin-top: 10px;
	color: #555;
}

.site_map {
	display: none;
}

@media (min-width:992px) {
	.site_map {
		display: block;
	}
}

.site_map_con h5 a {
	color: #5cb9b4;
	font-size: 1.1rem;
}

.site_map_con ul {
	list-style: none;
	padding: 0;
	font-size: 0.95rem;
}

.site_map_con ul li a {
	color: #555;
}

.site_map_con h5 a:hover,
.site_map_con ul li a:hover {
	color: #43908c;
	text-decoration: none;
}

.guide {
	margin-top: 32px;
	margin-bottom: 32px;
}

.guide a {
	color: #fff;
	background-color: #5cb9b4;
	padding: 10px 16px;
	-webkit-transition: all 0.2s;
	/* For Safari 3.1 to 6.0 */
	transition: all 0.2s;
}

.guide a:hover {
	text-decoration: none;
	background-color: #43908c;
}

@media (min-width:768px) {
	.guide {
		display: none;
	}
}

.page_bread {
	background-color: #5cb9b4;
	margin: 0;
	font-size: 0.9rem;
	display: table;
	width: 100%;
	position: relative;
}

.page_bread .container-fluid {}

.page_bread .breadcrumb {
	background: none;
	float: right;
	text-align: left;
	padding: 15px 0 0 0;
}

.page_bread .breadcrumb li {
	border-radius: 0;
	color: #fff;
}

.page_bread .breadcrumb li::before {
	color: #fff;
}

.page_bread .breadcrumb a {
	color: #fff;
}

.page_bread .breadcrumb a:hover {
	color: #FC6;
	text-decoration: none;
}



/*========================================================
                         公司簡介
=========================================================*/

.about-list h2.title span,.about-list_2 h2.title span,.about-list_3 h2.title span,.about-list_4 h2.title span,.about-list_5 h2.title span {
	display: inline-block;
	text-transform: uppercase;
	border-bottom: 3px solid #5cb9b4;
	padding-bottom: 10px;
	font-weight: bold;
}
h2.title_box {
    text-align: center;
    color: #555;
    font-size: 34px;
    position: relative;
    margin-top: 40px;
    margin-bottom: 50px;
    font-weight: bold;
}
h2.title_box span {
	display: inline-block;
	text-transform: uppercase;
	border-bottom: 3px solid #5cb9b4;
	padding-bottom: 10px;
	font-weight: bold;
}.about {
	text-align: center;
}

.container_r {
	position: relative;
}

.container_r:after {
	content: '';
	background: url(../images/banner_cover.png) 50% 100% no-repeat;
	height: 106px;
	position: absolute;
	z-index: 50;
	bottom: 0;
	left: 0;
	right: 0;
	pointer-events: none;
}


/* -------關於公司------- */

.about-list {
	color: #444444;
	background: url(../images/about_pic01.jpg) no-repeat right -100px;
	/*background-attachment: fixed;*/
	background-repeat: no-repeat;
	position: relative;
	padding: 130px 0;
	text-align: center;
}

.about_box {}

.about-list h2 {
	text-align: center;
	color: #555;
	font-size: 34px;
	position: relative;
	margin-top: 40px;
	margin-bottom: 50px;
	font-weight: bold;
}

.about_box h3 {
	font-size: 28px;
}

.about_box h3 .style1 {
	color: #3e908c;
}

.about_box p {
	text-align: justify;
	max-width: 960px;
	margin: 16px auto;
	margin-top: 10px;
	line-height: 28px;
}

@media (min-width: 768px) {
	.about_box h3 {
		text-align: center;
		font-size: 30px;
	}
}

@media (max-width: 768px) {
	.about-list {
		padding: 60px 0;
	}
}

@media (max-width: 992px) {
	.about_box {
		padding: 20px 30px;
		width: 100%;
		background-color: rgba(255, 255, 255, 0.7);
		-moz-box-shadow: 4px 4px 12px -2px rgba(20%, 20%, 40%, 0.5);
		-webkit-box-shadow: 4px 4px 12px -2px rgba(20%, 20%, 40%, 0.5);
		box-shadow: 4px 4px 12px -2px rgba(20%, 20%, 40%, 0.5);
		border-radius: 15px;
	}
}


/* -------服務宗旨------- */

.about-list_2 {
	background-color: #fff;
	padding: 60px 0;
}

.about-list_2 img {
	width: 100%;
	vertical-align: bottom;
}

.about-list_2 h2 {
	text-align: center;
	color: #555;
	font-size: 34px;
	position: relative;
	margin-top: 40px;
	margin-bottom: 80px;
	font-weight: bold;
}

.about-list_2 [class*="col-"] dl dt {
	opacity: 0.8;
	transition: .2s linear;
	-moz-transition: .2s linear;
	-webkit-transition: .2s linear;
	-ms-transition: .2s linear;
	-o-transition: .2s linear;
	background-color: #fff;
	border-radius: 10px;
	border: 2px solid #ccc;
	border-color: transparent;
}

.about-list_2 [class*="col-"] dl dd {
	color: #292929;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 20px;
}


/* -------歷史沿革------- */

.about-list_3 {
	padding: 70px 0 0px;
	background-image: url(../images/about_pic03.jpg);
	background-position: center;
	background-size: cover;
	position: relative;
}

.about-list_3 .container-fluid {
	position: relative;
}

.page_about_text h1 {
	color: #ca323e;
	font-size: 28px;
}

.page_about_text h5 {
	color: #7f8198;
	margin-top: 30px;
	font-size: 20px;
}

.page_about_text p {
	color: #555;
}

.page_about_pic {
	padding-top: 30px;
	padding-bottom: 30px
}

.about-list_3 .page_about_pic img {
	width: 100%;
	height: auto;
}

.page_about_text .main {
	display: block;
	width: 100%;
	max-width: 1000px;
	margin: 0 auto 35px auto;
	padding: 30px 0 30px 0;
	position: relative;
}

.page_about_text .main ul {
	display: block;
	width: 100%;
	padding: 0 0 0 0;
	position: relative;
	background: url(../images/about_part5_line.png) repeat-y 17% top;
}

.page_about_text .main ul li {
	display: block;
	width: 100%;
	margin: 0 0 0px 0;
	overflow: hidden;
}

.page_about_text .main ul li p.yaer {
	display: block;
	width: 15%;
	float: left;
	line-height: 30px;
	color: #324b86;
	font-family: Felix Titling;
	letter-spacing: 1px;
}

.page_about_text .main ul li.point p.text {
	background: url(../images/about_part5_icon2.png) no-repeat left 7px;
	color: #7b9ac1;
	font-weight: bolder;
}

.page_about_text .main ul li p.text {
	display: block;
	width: 85%;
	padding: 0 0 0 5%;
	float: left;
	line-height: 30px;
	background: url(../images/about_part5_icon.png) no-repeat left 7px;
	letter-spacing: 1px;
}

.about-list_3 .page_about_text {
	top: 20%;
	left: 10%;
	padding-left: 15px;
	max-width: 520px;
	float: left;
}

@media (max-width: 1200px) {
	.about-list_3 {
		padding: 60px 0 0;
	}
}

@media (min-width:992px) {
	.page_about_text h1,
	{
		font-size: 34px !important;
	}
	.about-list_3 .page_about_pic img {
		width: 460px;
		margin-top: 18%;
		height: auto;
	}
	.about-list_3 .page_about_pic {
		text-align: right;
	}
}

@media (max-width:992px) {
	.page_about_text {
		padding: 20px 30px;
	}
}

@media (min-width:1200px) {
	.about-list_3 .page_about_pic img {
		width: 640px;
		margin-top: 10%;
		height: auto;
	}
}

@media (min-width:1400px) {
	.about-list_3 .page_about_pic img {
		width: 630px;
		margin-top: 10%;
	}
}

@media (min-width:1600px) {
	.about-list_3 .page_about_pic img {
		width: 640px;
		margin-top: 10%;
	}
	.about-list_3 .page_about_text {
		max-width: 720px;
	}
}

@media (max-width: 992px) {
	.page_about_pic {
		display: none;
	}
}


/* 經營團隊 */

.about-list_4 {
	background: url(../images/news_bg4.jpg) no-repeat right -100px;
	background-repeat: no-repeat;
	padding-top: 120px;
	padding-bottom: 60px
}

.about-list_4 h2 {
	text-align: center;
	color: #555;
	font-size: 34px;
	position: relative;
	margin-top: 40px;
	margin-bottom: 80px;
	font-weight: bold;
}

.b1c {
	background: -webkit-linear-gradient(#5e82cb, #2e61ba);
	background: -o-linear-gradient(#5e82cb, #2e61ba);
	background: -moz-linear-gradient(#5e82cb, #2e61ba);
	background: linear-gradient(#5e82cb, #2e61ba);
	color: #fff;
	text-align: center;
	margin: 15px 0;
	padding: 15px;
	-moz-box-shadow: 4px 4px 12px -2px rgba(20%, 20%, 40%, 0.5);
	-webkit-box-shadow: 4px 4px 12px -2px rgba(20%, 20%, 40%, 0.5);
	box-shadow: 4px 4px 12px -2px rgba(20%, 20%, 40%, 0.5);
}

@media (min-width: 992px) {
	.about-list_4 {
		padding-top: 100px;
		padding-bottom: 160px
	}
}


/* 公司組織 */

.about-list_5 {
	color: #444444;
	background: url(../images/about_pic05.jpg) no-repeat right -100px;
	background-repeat: no-repeat;
	position: relative;
	padding: 60px 0;
	text-align: center;
}

.about-list_5 h2 {
	text-align: center;
	color: #555;
	font-size: 34px;
	position: relative;
	margin-top: 40px;
	margin-bottom: 50px;
	font-weight: bold;
}

.about-list_5 .about-box_3 img {
	padding: 0 0 20px 0;
	width: 100% !important;
	text-align: center;
}

@media (min-width: 992px) {
	.about-list_5 .about-box_3 img {
		width: 80% !important;
		padding-top: 10px;
		padding-bottom: 10px;
	}
}
/*========================================================
                   	 目錄選單設定
=========================================================*/
.navsub {
	display: none;
	margin-top: 60px;
}
.navsub-list {
	text-align: center;	
	margin-right: 30px;
	padding-bottom: 5px;
	background-color: #fdfdfd;
	box-shadow: 2px 2px 10px #adadad;
}
.navsub-list h2  {
	color: #fff;
	background-color: #298ab3;
	padding: 12px 10px;
	text-align: center;
	margin: 0 0 10px 0;
}
.navsub-performance h2 {
    background-color: #5cb9b4 !important;
}
.navsub-list > ul {
	list-style: none;
	margin: 20px;
	padding: 0;
}
.navsub-list > ul li {
	border-bottom: 1px solid #ababab;
}
.navsub-list > ul li:last-of-type {
	border-bottom: none;
}
.navsub-list > ul li a {
	display: block;
	padding: 10px;
	color: #333;
	font-size: 18px;

}
ul.treeview > li > span {
    background-color: #a5dedb !important;
}.navsub-list ul li a:hover {
	color: #000;
	background-color: #c2c2c2;
}

.navsub-select {
	margin-left: 15px;
	margin-right: 15px;
	}
.navsub-select h2 {
	text-align: center;
	}
.navsub-select .form-control {
	margin-bottom: 20px;
}

@media (min-width: 992px) {
	.navsub {
		display: block;
	}
	.navsub-select {
		display: none;
	}
}
/*========================================================
                         服務項目內頁
=========================================================*/
.box_padding{
	
	}
.top_blocks {
	/*background-image: url(../images/news_bg4.jpg);
	background-position: center;
	background-size: cover;*/
}

.product-detail {
	margin-top: 60px;
	margin-bottom: 60px;
}
.product-detail h2{
	margin-top: 0;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #999;
    color: #2a9a95;
	font-size:22px;
	font-weight: bold;
}
.product-detail h3 {
	/*text-decoration: underline;*/
	margin-bottom: 20px;
	font-size:20px;
}
.product-detail h4 {
	font-size: 16px;
    font-weight: bold;
    color: #3E8683;
}

.fon_box{
	font-weight: bold;
	font-size:18px;
	}

.sub-title {
    font-size: 18px;
    color: #7c7c7c;
}
.product-detail .img_box {
	
}
.product-detail img {
	padding: 15px 0px;
    max-width: 100%;
	margin-bottom: 20px;
}
.product-detail h4.title_2 {
    font-weight: bold;
    color: #2a9aaf;
    font-size: 20px;
}
.product-detail h4.title_2 spam {
    color: #a9a9a9;
    font-size: 15px;
    margin: 0 15px;
}
.product-detail h5 {
	margin-top: 15px;
    margin-bottom: 15px;
    color: #69C7C2;
	font-size: 18px;
}

.product-detail p {
	margin-top: 15px;
    margin-bottom: 15px;
    color: #565656;
}
@media (min-width: 768px) {
		.product-detail h2{
		font-size:28px
		}
	.product-detail h3{
		font-size:24px
		}	
	.sub-title{
	font-size:24px;
	}
	.product-list .txt{
		max-width: 50%;
		}
	.product-detail h4 strong {
	font-size:18px;
}
}


.page-editor-bg {
    margin: 0;
    padding: 12vw 0;
}
/*section {
    margin: 8vw 0 0;
}
*/
.hr1-2_1 {
    background-image: url(../images/1-2_bg1.jpg);
    background-position: center top 180px;
    background-size: 100%;
    background-color: #fff;
}
.hr1-1_1, .hr1-2_1 {
    background-repeat: no-repeat;
}
.page-editor p{
	font-size: .84375rem;
	margin:0 0 10px ;
	color:#696969;
	}
.wrap-xs {
    max-width: 700px;
}
.fc-main {
    color: #ee0025;
}
.page-editor h2{
	line-height: 190%;
	}
.page-editor a {
    color: #aa000d;
	text-decoration: none;
}
.text-xs-center {
    /*text-align: center;*/
	padding:0 0;
}	
.tab-menu li {
    display: inline-block;
    margin: 5px 3px;
}
.tab-menu li.active a {
    background: #6bb6c0;
	text-decoration:none;
}
.tab-menu a{
	display:block;
	padding:3px 30px;
	color:#fff;
	background:#2b3e43;
	border-radius:30px
	}
.tab-menu a,.tab-menu a:hover{
	-webkit-transition:.5s;transition:.5s
	}
.bottom-bg{
	background:#2b3e43;
	color:#fff;
	text-align:center;
	padding:50px 0;
	margin-top:0
	}
.maTxs20 {
    margin-top: 1.25rem;
}	
.maBxs15 {
    margin-bottom: .9375rem;
}
.paxs0 {
    padding: 0;
}
.paTBxs30 {
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
}
.tab_content img {
    display: block;
    width: auto;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
	
}
.paTxs50 {
    padding-top: 1rem;
}
.hr-editor h4, .hr-editor h5, .hr-editor h6 {
    font-weight: 400;
	font-weight: bold;
}
.transprot-icon {
    width: 100px;
    margin-bottom: .5em;
}
.tab-menu a{
	display:block;
	padding:3px 30px;
	color:#fff;
	background:#6f6f6f;
	border-radius:30px;
	text-decoration:none;
	}
.tab-menu a,.tab-menu a:hover{
	-webkit-transition:.5s;
	transition:.5s;
	}
.tab-menu li{
	padding-left:0;
	}
.tab-menu li:before{
	display:none;
	}
.page-editor ul li {
    margin-bottom: 10px;
	list-style: none;
  padding: 0;
  /*margin: 0;*/
}
.dot-list li{
 padding-left: 1em; 
  text-indent: -.7em;
	}
.dot-list li::before {
  content: "• ";
  color: red; /* or whatever color you prefer */
    width: 5px;
    height: 5px;

}	
	
@media (min-width: 768px){
.page-editor p{
	font-size: 18px;
	margin:0 0 15px ;
	}
.hr1-2_1 {
    min-height: 38vw;
}
.page-editor-bg {
    padding: 8vw 0;
}
.page-editor-bg {
    margin: 0;
    padding: 12vw 0;
}
.paBxs0 {
    padding-bottom: 0;
}	
.wrap-lg-sm, .wrap-md, .wrap-sm, .wrap-xs, .wrap-xs-lg {
    width: 90%;
}
.wrap {
    width: 90%;
}
.page-editor-bg {
    padding: 8vw 0;
}
.paTsm50 {
    padding-top: 3.125rem;
}
.hr-editor .fz-h6{
	font-size: 20px;
	}

}
@media (min-width: 1200px){
.hr1-2_1 {
    background-position: center top 60px;
}
.page-editor-bg {
    padding: 5vw 0;
}
.page-editor-bg {
    padding: 5vw 0;
}
/*section {
    margin: 5vw 0;
}
*/}


/*========================================================
					工程實績
=========================================================*/
.results-detail {
	margin-top: 60px;
	margin-bottom: 60px;
}
.results-detail h2{
	margin-top: 0;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #999;
    color: #2a9a95;
	font-size:22px;
	font-weight: bold;
}
.results-detail h3 {
	/*text-decoration: underline;*/
	margin-bottom: 20px;
	font-size:20px;
}
.results-detail h4 {
	font-size: 16px;
    font-weight: bold;
    color: #3E8683;
}

.results2_form{
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #dedede;
	background: #fff;
	text-align: center;
}
.results2_form th{
	color: #FFF;
	font-weight: bold;
	border: 1px solid #9f9f9f;
	padding-top: 7px;
	padding-right: 3px;
	padding-bottom: 7px;
	padding-left: 3px;
	background-color: #356461;
}
.results2_form td{
	line-height: 22px;
	text-align: left;
	border-bottom: 1px dotted #cacaca;
	border-right: 1px dotted #cacaca;
	color: #333;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-left: 5px;
}
.results2_form tr:nth-child(odd) {
	background-color: #F5F5F5;
}
.results2_form tr:nth-child(even) {

}
.results2_form td.style_1{
	background-color: #71C1BD;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #FFF;
	font-weight: bolder;

}
.results2_form td.style_2{
	background-color: #B7DFDD;
}
/*顏色*/
.th_class{
	background-color: #65C9EF;
}
/**純化器實績表**/
.results3_form{
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #dedede;
	background: #fff;
	text-align: center;
}
.results3_form th{
	color: #FFF;
	font-weight: bold;
	border: 1px solid #9f9f9f;
	padding-top: 7px;
	padding-bottom: 7px;
	background-color: #356461;
	padding-right: 3px;
	padding-left: 3px;
}
.results3_form td{
	line-height: 22px;
	text-align: left;
	border-bottom: 1px dotted #cacaca;
	border-right: 1px dotted #cacaca;
	color: #333;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 3px;
	padding-left: 3px;
}
.results3_form tr:nth-child(odd) {
	background-color: #F5F5F5;
}
.results3_form tr:nth-child(even) {

}
.results3_form td.style_1{
	background-color: #71C1BD;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #FFF;
	font-weight: bolder;

}
.results3_form td.style_2{
	background-color: #B7DFDD;
}
@media (min-width: 768px) {
.results-detail h2{
	font-size:28px
}
.results-detail h3{
	font-size:24px
}	
}

/*========================================================
					品質政策
=========================================================*/

/* -------品質政策------- */
.quality-list h2.title span,.quality_2 h2.title span,.quality-list_3 h2.title span,.quality-list_4 h2.title span,.quality-list_5 h2.title span {
	display: inline-block;
	text-transform: uppercase;
	border-bottom: 3px solid #5cb9b4;
	padding-bottom: 10px;
	font-weight: bold;
}
.quality-list {
	color: #444444;
	background: url(../images/quality_pic01.jpg) no-repeat center -100px;
	background-repeat: no-repeat;
	position: relative;
	padding: 90px 0;
	text-align: center;
}

.quality_box {}

.quality-list h2 {
	text-align: center;
	color: #555;
	font-size: 34px;
	position: relative;
	margin-top: 80px;
	margin-bottom: 80px;
	font-weight: bold;
}

.quality_box h3 {
	font-size: 28px;
	margin-top: 80px;
	margin-bottom: 80px;

}

.quality_box h3 .style1 {
	color: #3e908c;
	font-weight: bold;
}

.quality_box p {
	text-align: justify;
	max-width: 960px;
	margin: 16px auto;
	margin-top: 10px;
	line-height: 28px;
}

@media (min-width: 768px) {
	.quality_box h3 {
		text-align: center;
		font-size: 30px;
		margin-top: 80px;
		margin-bottom: 80px;
	}
}

@media (max-width: 768px) {
	.quality-list {
		padding: 60px 0;
	}
}

@media (max-width: 992px) {
}

/* -------品質認證------- */
.quality_2 {
}
.quality_2 h2 {
    text-align: center;
    color: #555;
    font-size: 34px;
    position: relative;
    margin-top: 80px;
    margin-bottom: 80px;
    font-weight: bold;
}
.quality_2 .quality-box img {
    width: 100%;
    height: auto;
}
.top_patent_pic a img {
    margin: 0 8px;
    heigth: 320px;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
}
.quality_2-list ul {
    max-width: 69em;
    list-style: none;
    margin: 30px auto;
    padding: 0;
}
.quality_2-list ul [class *= col-] {
    margin-bottom: 10px;
    padding-right: 15px;
    padding-left: 15px;
}
.quality_2-list li img {
    width: 100%;
    vertical-align: bottom;
    outline: none;
    border: none;
    display: block;
   /* border: 1px solid #83afcc;*/
    padding: 9px;
}
.quality_2-list li p {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    padding: 10px 0 0 0;
}
@media (min-width: 992px){
.quality_2 {
    background-image: url(../images/quality_pic02.png);
    background-position: top;
    background-repeat: no-repeat;
    ckground-repeat: no-repeat;
    background-size: 100% 100%;
    padding-bottom: 100px;
}
}

/* -------環境政策------- */
.quality-list_3{
	color: #444444;
	background: url(../images/quality_pic03.jpg) no-repeat center -100px;
	background-repeat: no-repeat;
	position: relative;
	padding: 90px 0;
	text-align: center;
}

.quality_box2 {}

.quality-list_3 h2 {
	color: #555;
	font-size: 34px;
	position: relative;
	margin-top: 80px;
	margin-bottom: 80px;
	font-weight: bold;
	text-align:center;
}

.quality_box2 p {
	font-size: 28px;
	text-align:center;
	color: #2f7976;
	font-weight: bold;
}

@media (min-width: 768px) {
	.quality_box2 p {
		font-size: 30px;
		margin-top: 80px;
		margin-bottom: 80px;
	}
	.quality-list_3 h2 {
	text-align:left;
	}
	
	.quality_box2 p {
	text-align:left;
	}
}

@media (max-width: 768px) {
	.quality-list_3 {
		padding: 60px 0;
	}
}

@media (max-width: 992px) {
}



/* -------品管設備------- */

.product_style2_box{
	margin-top: 15px;
	margin-left: 10px;
}
.product_style2_box img{
	padding: 15px 0px;
    max-width: 100%;
}
.product_style2_box ul li{
	height: 20px;
	width: 279px;
	margin-top: 8px;
	padding-top: 2px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
	float: left;
	margin-left: 10px;
	margin-right: 20px;
}
.product_style2_box ul li a{
	text-decoration: none;
	color: #333;
}
.product_style2_box ul li a:hover{
	color: #51AEAA;
}
.product_style2_box_pic_box{
	margin-top: 40px;
	margin-bottom: 10px;
}
.product_style2_box_pic{
	margin-right: 25px;
}
.product_style3_box{
	margin-top: 15px;
	margin-left: 10px;
}
.product_style3_box p{
	margin-bottom: 10px;
}
.table_8{
	width: 98%;
	border-collapse: collapse;
	border: 1px solid #dedede;
	background: #fff;
	margin-top: 20px;
	margin-bottom: 25px;
}
.table_8 th{
	color: #FFF;
	font-weight: bold;
	border: 1px solid #9f9f9f;
	padding-top: 7px;
	padding-right: 3px;
	padding-bottom: 7px;
	padding-left: 3px;
	background-color: #51AEAA;
}
.table_8 td{
	line-height: 22px;
	border-bottom: 1px dotted #cacaca;
	border-right: 1px dotted #cacaca;
	color: #333;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 25px;
}
.table_8 tr:nth-child(odd) {
	background-color: #F5F5F5;
}
.table_8 tr:nth-child(even) {

}
/*========================================================
                         人力資源
=========================================================*/
.recruit-list {
	color: #444444;
	background: url(../images/recruit_pic01.jpg) no-repeat right -100px;
	/*background-attachment: fixed;*/
	background-repeat: no-repeat;
	position: relative;
	padding: 130px 0;
	text-align: center;
	background-position: bottom;
}

.operation-2 {
	text-align:justify;
	
}
.operation-2 h2 {
	text-align: center;
    color: #555;
    font-size: 34px;
    position: relative;
    margin-top: 40px;
    margin-bottom: 50px;
    font-weight: bold;
}

.operation-2 h2.title span {
    display: inline-block;
    text-transform: uppercase;
    border-bottom: 3px solid #5cb9b4;
    padding-bottom: 10px;
    font-weight: bold;
}
.operation-2 h4 {
	font-weight: bolder;
    color: #3D8380;
    margin-top: 15px;
    margin-bottom: 15px;
	
}
.operation-2 p {
	color: #333;
	/*font-weight: bold;*/
	font-size: 18px;
	margin-top: 20px;
	margin-bottom: 40px;
}

.operation-icon {
}

.operation-icon dl {
	display: -moz-inline-stack;
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: top;
	width: 100%;
	margin: 0 0 30px 0;
	border: 1px solid #c2c2c2;
	padding: 10px 10px 20px;
	background-color: #f6f6f6;
	box-shadow: 2px 3px 5px #ededed;
}
.operation-icon dl:nth-of-type(2n) {
	margin: 0 0 30px 0;
}

/*
.operation-icon dl dt {
	float: left;
	width: 40%;
	margin-right: 20px;
}*/
.operation-icon dl dt img {
/*	width: 30%;*/
	display: block;
	margin: 10px auto 20px;
}

.operation-icon dl dd {
	text-align: left;
	padding: 0 20px;
	overflow: hidden;
	line-height: 26px;
}


.operation-icon  dl dd h4 {
	font-weight: bold;
/*	background-color: #045e2a;*/
	padding: 0 0 10px 0;
	color: #143473;
	border-bottom: 1px dashed #143473;
	text-align: center;
}
.operation-icon  dl dd ul {
	list-style: none;
	margin: 0;
	padding: 0;
}


.operation-icon  dl dd ul li{
	margin-left:16px;
	text-indent:-7px;
}



/* 尺寸設定 */

@media (min-width: 640px) {
	.operation-icon dl {
		width: 47%;
		margin: 0 4% 30px 0;
	}
	.operation-icon dl:nth-of-type(2n) {
		margin: 0 0 30px 0;
	}
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
	.operation-list {
		background: url(../images/operation_bg.jpg) no-repeat center bottom;
		background-size: cover;
	}
}

@media (min-width: 1200px) {
	.operation-icon dl {
		width: 30%;
		margin: 0 3.8% 30px 0;
	}
	.operation-icon dl:nth-of-type(2n) {
		margin: 0 3.8% 30px 0;
	}
	.operation-icon dl:nth-of-type(3n) {
		margin: 0 0 30px 0;
	}
}

@media (min-width: 1600px) {
	.operation-icon dl {
		width: 23%;
		margin: 0 2% 30px 0;
	}
	.operation-icon dl:nth-of-type(2n) {
		margin: 0 2% 30px 0;
	}
	.operation-icon dl:nth-of-type(3n) {
		margin: 0 2% 30px 0;
	}
	.operation-icon dl:nth-of-type(4n) {
		margin: 0 0 30px 0;
	}
}


.op_pic{ position:relative;}
.op_pic a{ position:absolute; width:100%; height:100%; text-align:center;  background-color:#000; color:#fff; opacity:0; padding-top:30%;}
.op_pic a:hover{ opacity:0.8;}
.op_pic a i{ font-size:48px;}



/*========================================================
                         意見表單
=========================================================*/

.contact-box {
	    position: relative;
    background: url(../images/contact_bg.jpg) no-repeat right bottom;
    background-size: cover;
    background-size: 100% auto;
    padding: 50px 0;
}

.contact-box>.row>.col-md-6 {
	padding-bottom: 50px;
}

.contact-list {
	margin-bottom: 20px;
}

.contact-list h2 {
	border-left: 10px solid #ce4737;
	padding: 10px;
	margin-bottom: 20px;
	background-color: #f4f4f4;
	font-size: 24px;
}

.contact-list p {
	margin-bottom: 20px;
}

.map h3 {
	color: #666;
	background: #f4f6f6;
	padding: 7px 10px;
	border-left: #429490 6px solid;
}

.map h4 {
	color: #0E6DC5;
	padding: 5px 0 0;
	font-weight: bold;
	font-size: 1.5rem;
}

.map_2 h4 {
	color: #4DA29B;
	padding: 5px 0 0;
	font-weight: bold;
	font-size: 1.5rem;
}

.map ul,
.map_2 ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.map ul li,
.map_2 ul li {
	list-style: none;
	margin: 0;
	padding: 5px 10px 5px 0;
	position: relative;
	min-height: 40px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #CCC;
}

.map ul li span {
	font-size: 18px;
	display: block;
	color: #116490;
}

.map_2 ul li span {
	font-size: 18px;
	display: block;
	color: #237770;
}

.map ul li i {
	list-style: none;
	margin: 0;
	padding: 5px 0;
}

.circle {
	width: 35px;
	height: 35px;
	border-radius: 20px;
	font-size: 20px;
	color: #fff;
	line-height: 35px;
	text-align: center;
	background: #204b6d;
	position: absolute;
	left: 0;
	top: 10px;
	z-index: 9;
}

.map ul li [class^="flaticon-"]:before,
.map ul li [class*=" flaticon-"]:before,
.map ul li [class^="flaticon-"]:after,
.map ul li [class*=" flaticon-"]:after {
	margin-right: 0px;
}

.text-red {
	color: #e71f19;
}

.contact-form [class *=col-] i.text-red {
	color: rgba(255, 0, 0, 0.3);
}


/* 尺寸設定 */

@media (min-width: 992px) {
	.contact-box>.row>.col-md-6:nth-of-type(1) {
		/*padding-right: 50px;*/
	}
	.contact-box>.row>.col-md-6:nth-of-type(2) {
		/*padding-top: 20px;
		padding-left: 50px;*/
	}
}


/*========================================================
                         公司地址
=========================================================*/

.main-title {
	text-align: center;
	font-size: 18px;
	color: #000;
	line-height: 1.2;
	/* display: inline-block; */
	box-sizing: border-box;
	padding: 20px 0 20px;
	padding-bottom: 40px;
}

.main-title span:before,
.main-title span:after {
	content: '';
	display: inline-block;
	background: url(../images/main_title1.png) no-repeat;
	width: 22px;
	height: 9px;
	position: relative;
	top: -2px;
	margin-right: 7px;
}

.main-title strong {
	display: block;
	font-family: 'Hind', sans-serif;
	font-weight: bold;
	font-size: 40px;
	color: #004a9c;
	background: -webkit-linear-gradient(#5cb9b4, #378a85);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	
}



.contact-box2 {
	position: relative;
	background: url(../images/contact_bg.jpg) no-repeat center center;
	background-size: cover;
}

.contact-box2>.row>.col-md-6 {
	padding-bottom: 50px;
}

.main-title2 {
	margin: 0 0 20px 0;
	border-bottom: solid 1px #76BE9A;
	padding: 0 0 10px 0;
	width: 100%;
	margin-bottom: 30px;
}

.main-title2 h4 {
	border-bottom: solid 1px #257B52;
	padding: 0 0 15px 0;
	display: inline-block;
	margin: 0px 0 -11px 0;
	font-weight: 600;
	font-size: 28px;
}

.main-title2 h4 span {
	color: #257B52;
}

.contact-page .info {
	/* position: relative; */
	padding-right: 0px;
	padding-top: 20px;
	margin-bottom: 90px;
	margin-top: 20px;
	padding-left: 330px;
}

.contact-page .left_box {
	width: 156px;
	height: 156px;
	display: inline-block;
	margin-right: 35px;
	border-right: #666 solid 1px;
	padding-right: 235px;
	float: left;
}

.contact-page .info .title {
	margin: 0 0 20px 0;
	border-bottom: solid 1px #76BE9A;
	padding: 0 0 10px 0;
	width: 100%;
	margin-bottom: 10px;
}

.contact-page .info .title h4 {
	border-bottom: solid 1px #257B52;
	padding: 0 0 15px 0;
	display: inline-block;
	margin: 0px 0 -11px 0;
	font-weight: 600;
	font-size: 28px;
}

.contact-page .info .title h4 span {
	color: #257B52;
}

.contact-page .info .site-info {
	color: #666;
}

.contact-page .map iframe {
	width: 100%;
	height: 270px;
	margin-bottom: 40px;
	padding-top: 20px;
}

@media (min-width: 768px) {
	.col-md-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 100%;
	}
	
}

@media (max-width: 768px) {
	.contact-page .left_box {
		display: none;
	}
}

@media screen and (max-width: 800px) {
	.contact-page .info {
		padding-right: 0;
		margin-bottom: 40px;
		text-align: center;
		padding-left: 0px;
	}
}

@media (min-width: 992px) {
	.col-md-1,
	.col-md-2,
	.col-md-3,
	.col-md-4,
	.col-md-5,
	.col-md-6,
	.col-md-7,
	.col-md-8,
	.col-md-9,
	.col-md-10,
	.col-md-11,
	.col-md-12 {
		float: left;
	}
	.col-md-6 {
		width: 50%;
	}
	.col-xx-12 {
		width: 100%;
	}
	.col-sm-9 {
   
		width: auto !important;
	}
}

.mb60 {
	margin-bottom: 60px;
}


/*========================================================
                         各類表單
=========================================================*/

.contant-list {
	background-color: rgb(118, 100, 90);
	color: rgb(255, 255, 255);
	display: inline-block;
	padding: 5px 15px;
}


/* 說明 */

.form-info {
	border: 2px dashed #adadad;
	padding: 20px 20px 20px 100px;
	background: #f7f7f7 url(../images/warning.png) no-repeat 20px center;
	margin-bottom: 20px;
	min-height: 60px;
}

.form-info p {
	margin-bottom: 6px;
}


/* 表單設定 */

.form-horizontal {
	margin-bottom: 40px;
}

.form-horizontal .control-label {
	color: #333;
}

.form-horizontal .form-control {
	border-radius: 5px;
	padding: 5px 20px 5px 40px;
	border: 1px solid #c4c4c4;
	background-color: #f6f6f6;
}

.form-control {
	background-color: #f6f6f6;
	height: 40px;
}

::placeholder {
	color: #000;
	font-weight: bold;
}


/* 意見表單 */

.contact-form {
	margin-bottom: 20px;
}

.contact-form [class *=col-] {
	position: relative;
	padding: 0;
	margin-bottom: 20px;
	max-width: 100%;
}

.contact-form [class *=col-] i {
	display: block;
	font-size: 16px;
	color: #c4c4c4;
	width: 28px;
	line-height: 28px;
	text-align: center;
	/*    border: 1px solid #c4c4c4;*/
	background-color: #f6f6f6;
	position: absolute;
	left: 6px;
	top: 6px;
	border-radius: 5px;
	transition: all 0.4s ease;
}


/*.contact-form [class *= col-] i.text-red {
    color: #333;
}*/


/* 尺寸設定 */

@media (min-width: 768px) {
	.form-info {
		padding: 20px 20px 20px 70px;
		background: #f7f7f7 url(../images/warning2.png) no-repeat 20px center;
	}
	.form-info {
		margin-right: 15px;
	}
	.contact-form [class *=col-] {
		padding-right: 15px;
	}
	.form_out .col-md-3 {
		padding-right: 15px;
	}
	.form_out .col-md-3 span {
		text-align: center;
		background-color: #fff;
	}
}


/*========================================================
                           表格
=========================================================*/

.table1 {
	border-collapse: collapse;
	text-align: left;
	margin: 0 0 20px 0px;
	border-width: 1px 1px 3px 1px;
	border-style: solid;
	border-color: #bfbfbf;
}

.table1 caption {
	color: #333;
	font-weight: bold;
}

.table1 th {
	background: #5cb9b4;
	color: #fff;
	font-weight: bold;
	padding: 5px 5px !important;
	text-align: center;
	border-top: 0 !important;
	border-right: 1px solid #555555;
}

.table1 th {
	border-right: 1px dotted #fff;
}

.table1 th:last-child {
	border-right: none;
}

.table1 td {
	padding: 5px 8px;
	border-right: 1px dotted #bfbfbf;
}

.table1 td.center {
	text-align: center;
}

.table1 td.c1 {
	background-color: #f7f9fb;
}

.table1 td:last-child {
	border-right: none;
}

.table1 tr:nth-of-type(2n+1) {
	background-color: #f7f7f7;
}

.table1 a.file {
	display: inline-block;
	margin-top: 4px;
	width: 24px;
	height: 24px;
	background: url(../images/file_pdf.png) no-repeat center center;
	text-indent: -9999px;
}

.table1 td.img img {
	width: 80px;
}

.table2 td:nth-child(1) {
	background-color: #f7f9fb;
	text-align: center;
}

.table3 {
	text-align: center;
}

.table-responsive {
	min-height: .01%;
	overflow-x: auto;
}

.table-text {
	color: #D40101;
	text-align: right;
	/* margin-bottom: -30px; */
}

@media screen and (max-width: 767px) {
	.table-responsive {
		width: 100%;
		margin-bottom: 15px;
		overflow-y: hidden;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		/*border: 1px solid #ddd;*/
	}
}

@media (min-width: 992px) {
	.table-text {
		display: none;
	}
}


/*========================================================
                         圖片效果
=========================================================*/

a.figure {
	display: block;
	position: relative;
}

a.figure:hover:before {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

a.figure:before {
	position: absolute;
	top: 10px;
	bottom: 10px;
	left: 10px;
	right: 10px;
	z-index: 10;
	content: '';
	display: inline-block;
	background: rgba(0, 0, 0, 0.05) url(../images/magnifier.png) no-repeat center center;
	opacity: 0;
	-webkit-transform: scale(0.5);
	transform: scale(0.5);
	transition: .3s;
}

.btn-primary {
	color: #fff;
	background-color: #5cb9b4;
	border-color: #2f7d79;
}

.btn-primary:hover {
	color: #fff;
	background-color: #2f7d79;
	border-color: #5cb9b4;
}