@charset "utf-8";

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

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

.footer{
	color:#fff;
	background-color:#4f638f;;
	text-align:center;
	padding:24px 0;
}
.footer a{ color:#050a16;text-decoration:none;}
.footer a:hover{ color:#438a7b;}


.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:#09f;}


.title_line{
	width:60px;
	height:4px;
	background-color:#0d3c84;
	margin:30px auto;
}


.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:#4f638f; -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:none;}


@media (min-width:992px){
	.menu_header{ position:fixed; width:100%; height:auto; background-color:transparent; border-bottom:0px solid #0d3c84; 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:300px; height:auto; margin-top:15px;}
@media (min-width:992px){
	.logo_big{ display: block; text-align:center;  float:left;}
	.logo_big img{ width:285px; margin-top:24px; margin-bottom:6px;}
}
/*@media (min-width:1200px){
	.logo_big img{ width:236px; margin-top:32px; margin-bottom:6px;}
}*/


.menu_ul{list-style:none; padding:0;}
.menu_ul li{ border-bottom:1px dotted #b7c5e3; list-style:none;}

.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; color:#95a6cc;}

.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-right:-15px;}
	.menu_ul li{ float:left; border:none; position:relative;}
	.menu_ul li a{ color:#4f638f; font-size:1rem; width:auto; text-align:center; padding:30px 30px; background-color:#fff;}
	.menu_ul li a:hover, .menu_ul li a:focus{ color:#8095c4;}
	.menu_ul .mobile_home{ display:none;}
	
	/*.menu_ul .nav_language a{ background-color:#fff; padding:30px 30px;}*/
}
@media (min-width:1200px){
	.menu_ul li a{ font-size:1.2rem; width:auto; text-align:center; padding:30px 40px;}
	/*.menu_ul .nav_language a{ background-color:#fff; padding:30px 50px;}*/
}
@media (min-width:1400px){
	.menu_ul li a{ padding:30px 40px}
	/*.menu_ul .nav_language a{ padding:30px 70px;}*/
}
@media (min-width:1500px){
	.menu_ul li a{ padding:30px 40px}
	/*.menu_ul .nav_language a{ padding:30px 70px;}*/
}
@media (min-width:1600px){
	.menu_ul li a{ padding:30px 45px;}
	/*.menu_ul .nav_language a{ padding:30px 80px;}*/
}
@media (min-width:1800px){
	.menu_ul li a{ padding:30px 50px;}
	/*.menu_ul .nav_language a{ padding:30px 100px;}*/
}


.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:88px; width:100%; border-bottom:0px solid #0d3c84;  -moz-box-shadow:0 4px 15px -2px gray; -webkit-box-shadow:0 4px 15px -2px gray; box-shadow:0 4px 15px -2px gray;}

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

.iconbar{float:right; width:48px; height:36px; margin:24px 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:#fff;}

.menu_title{ margin:3px 15px; padding-top:23px; 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:2px; left:100%; width:400px; margin-left:-430px; text-align:right; display:block;}
	.search_nav li{ display:inline-block; font-size:0.8rem; margin-left:15px;}
	.search_nav li a{ color:#2a2b83;}
	.search_nav li a:hover{ color:#946cad; text-decoration:none;}
}
@media (min-width:1200px){
	.search_nav{ margin-left:-445px;}
}

.menu_ul .dropdown-submenu{ margin: 0;padding: 0;}
.menu_ul .dropdown-submenu > li > a{ display: block;padding: 10px;padding-left: 50px;color:#fff;}
.menu_ul .dropdown-submenu > li > a:hover{ color:#8095c4;/*background-color: #687ead;*/}

.menu_ul .sub_nav{ display:none;}
.menu_ul .sub_nav a{ padding:5px 30px; margin:0; font-size:1rem;}
@media (min-width:992px){
	.menu_ul .sub_nav{ position:absolute; top:82px; /*-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 15px; margin:0; border-top:0px dotted #ccc; background-color:#4f638f; color:#fff; width:240px; margin-left:0; font-size:0.9rem; text-align:left; }
	.menu_ul .sub_nav a:hover{background-color:#687ead; color:#fff; border-bottom:none;}
}
@media (min-width:1600px){
	.menu_ul .sub_nav a{width:280px; margin-left:0; padding:15px 30px;}
}


.menu_ul .sub_nav .sub_nav_item_content{ padding-left:15px; font-size:0.8rem;}
@media (min-width:992px){
	.menu_ul .sub_nav .sub_nav_item{ position:relative;}
	.menu_ul .sub_nav .sub_nav_item a{ background-image:url(../images/arrow_w.png); background-size:auto 12px; background-position:92% 18px; background-repeat:no-repeat; }
	.menu_ul .sub_nav .sub_nav_item_content{ position:absolute; left:100%; top:0; padding-left:0; font-size:0.9rem; display:none;}
	.menu_ul .sub_nav .sub_nav_item_content a{ background-image:none;}
}


.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_hr:hover .sub_nav_hr,
.nav_contact:hover .sub_nav_contact,
.sub_nav_item:hover .sub_nav_item_content{ display:block;}
@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_hr:hover .sub_nav_hr,
	.nav_contact:hover .sub_nav_contact,
	.sub_nav_item:hover .sub_nav_item_content{ display:block;}
}






.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){
	.nav_divide{width:1rem; color:#555; margin-top:30px; display:inline-block;}
}
@media (min-width:1200px){
	.nav_divide{margin-top:30px;}
}



.menu_header{ position:fixed; z-index:9000; top:0; left:0; width:240px; height:100%; background-color:#4f638f; -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:0px solid #4f638f; overflow-y:visible; -moz-box-shadow:0 4px 15px -2px gray; -webkit-box-shadow:0 4px 15px -2px gray; box-shadow:0 4px 15px -2px gray;}
	.menu_open, .menu_close{ left:0; margin-left:0;}
	.menu_header .container-fluid{ padding:0 15px;}
}







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



.carousel-fade .carousel-inner .carousel-item {
	height: 360px;
    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:128px; text-shadow: 0px 0px 5px #000, 0px 0px 10px #333, 0px 0px 15px #555;}
.carousel-caption h2{ animation-duration:1s; display:none;}
.carousel-caption h4{ margin:15px 0; animation-delay:0.4s; animation-duration:1s;}
.carousel-caption p{ margin:15px 0; animation-delay:0.8s; animation-duration:1s; display:none;}

@media (min-width:992px){
	.carousel-fade .carousel-inner .carousel-item { height:800px;}
	.carousel-caption{text-align:center; /*padding-left:25%;*/ }
	.carousel-caption h2{ font-size:2.8rem; animation-duration:1s; display:inline-block;}
	.carousel-caption h4{ display:inline-block;}
	.carousel-caption p{ font-size:1.2rem; padding:15px; max-width:580px; border-radius:10px; background-color:rgba(000,051,102,0.7); text-shadow:none; display:block;}
	.carousel-caption{ top:240px;}
	
	.carousel-caption2{ padding-left:0%; width:50%;}
}

@media (min-width:1200px){
	.carousel-fade .carousel-inner .carousel-item { height:960px;}
	.carousel-caption h2{ font-size:3.2rem; animation-duration:1s;}
	.carousel-caption p{ font-size:1.2rem;}
	.carousel-caption{ top:360px;}
}




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







.prev-alt{ background-color:#6fb82e; 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:#6fb82e; 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:30px 0; text-align:center; color:#777; background-image:url(../images/top_news_bg.jpg); background-position:center; background-size:cover;}
.top_block1 .container-fluid{ position:relative; height:100%;}
.top_block1 h1{ color:#555;}
.top_block1 h2{ color:#4f638f;}
.top_block1  [class*="col-"]:nth-of-type(1) {	background: url(../images/news-a01.jpg) no-repeat center center;background-size: cover;}
.top_block1 .news_box{padding-top: 30px;}
@media (min-width:992px){
	.top_block1{ padding:96px 0;}
	.top_block1 h1{ font-size:3rem;}
	.top_block1 .news_box{padding-top: 60px;}
}


.top_news_con{ border-bottom:1px solid #ccc; padding:25px 0 15px 0; position:relative;text-align: left;}
.top_news_con a{ position:absolute; width:100%; height:100%; top:0; left:0; opacity:0;}
.top_news_date{ font-size:0.8rem; float:left; padding:5px 10px; background-color:#4f638f; color:#fff; text-align:center; width:72px; height:72px; -webkit-transition: all 0.2s; /* For Safari 3.1 to 6.0 */ transition: all 0.2s;}
.top_news_date span{ display:block; font-size:2.6rem; line-height:2.2rem;padding: 5px 0;}
.top_news_con:hover .top_news_date{ background-color:#8095c4;}

.top_news_con h5{ margin-left:84px; padding-top:5px; font-size:1.5rem; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; -webkit-transition: all 0.2s; /* For Safari 3.1 to 6.0 */ transition: all 0.2s;}
.top_news_con p{ margin-left:84px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; -webkit-transition: all 0.2s; /* For Safari 3.1 to 6.0 */ transition: all 0.2s;}

.top_news_con:hover h5{ color:#438a7b;}
.top_news_con:hover p{ color:#438a7b;}
.top_news_more{ margin-top:30px; text-align:center;}
.top_news_more a{ padding:15px 45px; border-radius:30px; background-color:#4f638f; color:#fff; -webkit-transition: all 0.2s; /* For Safari 3.1 to 6.0 */ transition: all 0.2s; text-shadow:none;}
.top_news_more a:hover{ text-decoration:none; background-color:#8095c4;}
@media (min-width:992px){
	.top_news_more{ /*float:right; margin-right:-180px; margin-top:-72px; */text-align:right;}

}




.top_news_pic{ display:none;}
@media (min-width:992px){
	.top_news_pic{ position:absolute; top:128px; left:52%; width:48%; height:360px; background-position:center; background-size:cover; display:block;}
}

.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;}






.top_block2{ color:#fff;}
.top_block2 .container-fluid{ max-width:none;}
.top_block2 .col-lg-6{ padding:0;}
.top_block2 h1{ font-size:2rem;}
.top_block2 h1 strong{/*height: 30px;line-height: 30px;*/}
.top_block2 h1:before{content: ' ';border-left: 8px solid #4f638f;display: inline-block;height: 24px;top: 50%;left: 0;margin-top: -13px;padding: 0 0 0 15px;} 
@media (min-width:1281px){
	.top_block2 h1:before{height: 38px;}
}

.top_tech_con{ background-image:url(../images/top_tech_pic1.jpg); background-position:center; background-size:cover; position:relative; padding:30px 15px 60px 15px; margin:15px; text-shadow: 0px 0px 5px #000, 0px 0px 10px #333, 0px 0px 15px #555;}
.top_tech_con2{  background-position:center; background-size:cover; position:relative; padding:30px 15px 60px 15px; margin:15px; text-shadow: 0px 0px 5px #000, 0px 0px 10px #333, 0px 0px 15px #555;}

.top_tech_more{ margin-top:30px; text-align:center;}
.top_tech_more a{ padding:15px 45px; border-radius:30px; background-color:#4f638f; color:#fff; -webkit-transition: all 0.2s; /* For Safari 3.1 to 6.0 */ transition: all 0.2s; text-shadow:none;}
.top_tech_more a:hover{ text-decoration:none; background-color:#8095c4;}


@media (min-width:992px){
	.top_tech_con{ height:600px; padding:0; margin:0; text-shadow:none;}
	.top_tech_con2{ height:600px; padding:0; margin:0; text-shadow:none;}
	.top_tech_text{ position:absolute; top:100%; transform:translateY(-112%); padding:30px 60px;}
	.top_tech_more{ /*float:right; margin-right:-180px; margin-top:-72px; */text-align:right;}
	
	.top_tech_shadow{ position:absolute; top:100%; left:0; transform:translateY(-100%); width:100%; height:360px; background-image:url(../images/top_tech_bg.png); background-position:top;}
}
@media (min-width:1280px){
	.top_block2 h1{ font-size:3.0rem;}
	.top_tech_con2{ height:700px;}
}

.top_tech_pic4{background-image:url(../images/top_tech_pic4s.jpg)}


.top_block3{ padding:30px 0; text-align:center; color:#777; background-image:url(../images/top_product_bg.jpg); background-position:center; background-size:cover;}
.top_block3 h1{ color:#555;}
.top_block3 h2{ color:#4f638f;}
@media (min-width:992px){
	.top_block3{ padding:96px 0;}
	.top_block3 h1{ font-size:3rem;}
}

.top_block3 .row .col-lg-6{ margin-top:15px;}
.top_product_con{ background-color:#ddd; height:100%;}
.top_product_pic{ height:240px; background-position:center; background-size:cover;}
@media (min-width:768px){.top_product_pic{ height:320px;}}
@media (min-width:992px){.top_product_pic{ height:280px;}}



.top_block3 .product_box{padding-top: 40px;padding-bottom: 20px;}
.top_product_text h3{ background-color:#4f638f; color:#fff; padding:15px 15px; margin-top:-35px; max-width:360px;}
.top_product_text h3 a{ color:#fff;text-decoration:none;}
.top_product_text h3 a:hover{ text-decoration:none; color:#8095c4;}
.top_product_text ul{ list-style:none; padding:5px 15px 0;text-align: left;}
.top_product_text ul li{ border-bottom:1px solid #ccc; margin-bottom:5px; padding-bottom:5px; /*padding-right:60px;*/ position:relative;}
.top_product_text ul li a{ position:absolute; top:0; left:100%; transform:translateX(-110%); background-color:#646161; color:#fff; padding:2px 10px; border-radius:15px; font-size:0.6rem;}
.top_product_text ul li a:hover{ text-decoration:none; background-color:#8095c4;}


.top_product_text .title_h3{margin-top: 30px}
@media (min-width:992px){
	.top_product_text .title_h3{margin-top: 10px}
}


.top_product1-1{background-image:url(../images/top_product1-1s.jpg);}
.top_product4{background-image:url(../images/top_product4.jpg);}

.site_map{ display:none;}
@media (min-width:992px){.site_map{ display:block;  margin-top:36px;}}
.site_map_con h5 a{color:#4f638f; font-size:1.1rem;}
.site_map_con ul{ list-style:none; padding:0; font-size:0.95rem;}
.site_map_con ul li{ margin:8px 0;}
.site_map_con ul li a{color:#555;}

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


.guide{ margin-top:32px; margin-bottom:32px;}
.guide a{ background-color:#4f638f; color:#fff; border-radius:20px; padding:8px 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:#8095c4;}
@media (min-width:768px){.guide{ display:none;}}


.page_banner{ background-position:center; background-size:cover; height:240px; position:relative;}
.page_banner h3{ text-align:center; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); color:#fff; text-shadow: 0px 0px 5px #000, 0px 0px 10px #333, 0px 0px 15px #555;}
@media (min-width:992px){
	.page_banner{ height:400px; }
	.page_banner h3{ top:55%; left:50%; transform:translate(-50%,0);}
}

.page_bread{ background-color:#4f638f; margin:0; font-size:0.9rem; display:table; width:100%; position:relative;}
.page_bread .container-fluid{}
.page_bread .container-fluid .page_box{height: 45px;}
.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;}




.page_block{ padding:80px 0; color:#777; line-height:1.8rem; letter-spacing:0.1rem; background-image:url(../images/about_bg.jpg); background-position:center; background-size:cover;}

.page_title{ padding-top:18px; padding-bottom:18px; margin-bottom:18px; border-bottom:1px solid #ccc; color:#555; font-size:1.6rem;}
.page_title_2{ padding-top:18px; padding-bottom:18px; margin-bottom:18px; /*border-bottom:1px solid #ccc; */color:#555; font-size:1.6rem;text-align: center;}
.page_sub_title{ border-left:8px solid #00a088; padding-left:12px;}

.page_banner1{ background-image:url(../images/page_banner1.jpg);}
.page_banner2{ background-image:url(../images/page_banner2.jpg);}
.page_banner3{ background-image:url(../images/page_banner3.jpg);}
.page_banner4{ background-image:url(../images/page_banner4.jpg);}
.page_banner5{ background-image:url(../images/page_banner5.jpg);}
.page_banner6{ background-image:url(../images/page_banner6.jpg);}
.page_banner7{ background-image:url(../images/page_banner7.jpg);}
.page_banner8{ background-image:url(../images/page_banner8.jpg);}
.page_banner9{ background-image:url(../images/page_banner9.jpg);}



.side_nav{ margin-bottom:60px;}
.side_nav_title{ padding:20px 15px; color:#fff; background-color:#4f638f;  background-position:center right; background-repeat:no-repeat;}
.side_nav ul{ padding:0; list-style:none;}
.side_nav ul h5{ padding:15px 0 0 10px;color: #6b6b6b;font-weight: bold;}
.side_nav ul li{border-bottom:1px solid #ccc;}
.side_nav ul li a{ padding:5px; color:#777; font-size:0.8rem; display:block;}
.side_nav ul li a:hover,.side_nav ul li a.active{ color:#4f638f; text-decoration:none;}

/*.side_nav ul li .side_nav_sub{ padding-bottom:15px;}
.side_nav ul li .side_nav_sub li{border-bottom:0px solid #ccc;}
.side_nav ul li .side_nav_sub li a{ padding:5px 15px 5px 30px; font-size:0.8rem;}*/

@media (min-width:992px){
	.side_nav ul li a{ padding:10px; color:#777; font-size:1rem; display:block;}
}


/*-----------共用-------------*/
.md-30{
	padding-top:30px
}
.md-10{
	padding-top:10px
}

/*===================================
				關於純化
===================================*/

/*--------大事記---------*/

.about-01 .list dl {
    overflow: hidden;
    display: flex !important; 
    min-height: 100px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px dashed #adadad;
}
.about-01 .list dl dt {
    align-self: center !important;
}
.about-01 .list dl dt span {
    width: 80px !important;
    height: 80px !important;
    line-height: 58px;
    text-align: center;
    font-size: 1.2rem;
    color: #438a7b;
    font-weight: bold;
    border-radius: 50%;
    border: 9px solid #7f7f7f;
    background-color: #f0f0f0;
    box-shadow: inset 1px 1px 8px 5px rgb(203 204 203);
    float: left;
    margin-right: 20px;
}
.about-01 .list dl dd {
    overflow: hidden;
    align-self: center !important;
    margin-bottom: 0;
}
.about-01 .list dl dd p {
    margin: 0;
    padding: 0 0 0 16px;
    position: relative;
}
.about-01 .list dl dd p:before {
    font-family: 'Font Awesome 5 free';
    content: "\f0da";
    font-weight: 900;
    display: block;
    position: absolute;
    top: 1px;
    left: 0;
    z-index: 4;
    color: #333;
    font-size: 1.2rem;
}
.about-01 .list dl dd p strong{
    color: #2A8413;
}
.about-b p {
    margin-top: 5px;
    color: #000;
    line-height: 32px;
}
.about-b p span {
    background-color: #ff9900;
    color: #fff;
    font-size: 1.4rem;
    font-family: 'Russo One', sans-serif;
    display: inline-block;
    margin-right: 5px;
    padding: 0 10px;
}

/*--------使命與文化--------*/

.about-02{}


.about-02 .about_pic img{
	width: 100%;
	padding:10px 0;	
}

.table-2-col {
	border: 1px solid #ccc;
	border-top: 2px solid #FFCF45
}
.table-2-col span{
	color: #438a7b;
	font-weight: bold;
}

.table-2-col .fz-C{
	font-size: 20px;
}

.table-2-col [class^='col-'] {
	border-bottom: 1px solid #ccc
}

@media (max-width: 47.9375em) {
	.table-2-col [class^='col-'] {
		padding: 0 20px 15px;
		font-size: 0.9375rem;
		color: #333
	}
}

@media (min-width: 48em) {
	.table-2-col [class^='col-'] {
		padding: 10px 0
	}
}

@media (min-width: 87.5em) {
	.table-2-col [class^='col-'] {
		padding: 12px 0
	}
}

@media (min-width: 87.5em) {
	.table-2-col [class^='col-'] {
		padding: 15px 0
	}
}

.table-2-col [class^='col-']:nth-of-type(2n+1) {
	background-color: #efefef;
	border-bottom: 1px solid #ddd;
	border-left: none;
	font-weight: bold
}

@media (max-width: 47.9375em) {
	.table-2-col [class^='col-']:nth-of-type(2n+1) {
		background-color: transparent;
		border-bottom: none;
		font-size: 1.125rem;
		padding: 15px 20px
	}
}

@media (min-width: 48em) {
	.table-2-col [class^='col-']:nth-of-type(2n+1) {
		text-align: center
	}
}

@media (min-width: 48em) {
	.table-2-col [class^='col-']:nth-of-type(2n+2) {
		padding-left: 2em
	}
}

@media (min-width: 48em) {
	.table-2-col [class^='col-']:nth-last-of-type(1),
	.table-2-col [class^='col-']:nth-last-of-type(2) {
		border-bottom: none
	}
}

@media (min-width: 48em) {
	.table-2-col {
		border-left: none
	}
}

@media (max-width: 47.9375em){
.teams-member {
    background: linear-gradient(to top, #fff, #efefef);
    border-top: 2px solid #FFCF45;
}
}


.about-02-2{
	padding-top: 30px;
	padding-bottom: 80px;
}
.about-02-2 .about_02_img{
	text-align: center;
}
.about-02-2 .about_02_img img{
	max-width: 100%;
	padding: 20px 0 0;
}
.page_about_service {
    text-align: center!important;
	padding: 15px 5px;
    margin: 10px 0;
    color: #fff;
	
}


@media (min-width: 992px){
	.about-02-2 .about_02_img img{
		max-width: 65%;
		padding: 20px 0 0;
	}
}

/*------品質政策------*/

.about-03{
	padding: 40px 0;
		padding-bottom: 80px;
}
@media (min-width:768px){
	
}
@media (min-width:992px){
	.about-03{
		padding: 40px 0;
		padding-bottom: 120px;
	}
}

@media (min-width:1400px){
	.about-03{
		padding: 60px 0;
		padding-bottom: 120px;
	}
}


/*---------讀書會------------*/

.text-xs-center {
    padding: 0;
	margin: 0;
}	
.tab_container h6 i{
    padding: 0 10px 0 0;
	color:#438a7b;
}	
.tab-menu li {
    display: inline-block;
    margin: 5px 15px;
}
.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;
	
}

.hr-editor h4, .hr-editor h5, .hr-editor h6 {
    font-weight: 400;
	font-weight: bold;
}
.transprot-icon {
    width: 100px;
    margin-bottom: .5em;
}
.tab-menu li{
	display:inline-block;
	margin:5px 5px;
	}
.tab-menu li.active a
{background:#4f638f;
}
.tab-menu a{
	display:block;
	padding:3px 10px;
	color:#fff;
	background:#2b3e43;
	border-radius:30px;
	text-decoration:none;
	font-size: 13px;
	white-space:nowrap;
	}
.tab-menu a,.tab-menu a:hover{
	-webkit-transition:.5s;
	transition:.5s;
	}
.tab-menu a:hover{
	background:#4f638f;;
	}
.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: 100%;
}
.page-editor-bg {
    padding: 8vw 0;
}
.paTsm50 {
    padding-top: 3.125rem;
}
.hr-editor .fz-h6{
	font-size: 20px;
	}

}
@media (min-width: 992px){
.tab-menu a{
	font-size: 18px;
}
}

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





/*========================================================
                           表格
=========================================================*/
.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}
.table-text {
    color: #D40101;
    text-align: right;
    /* margin-bottom: -30px; */
}
.table_box .page_title i{
	padding: 0 0 0 10px;
	color: #438a7b;
}
.table1 {
	border-collapse: collapse;
	text-align: left;
	margin: 0 0 20px 0;
	font-size: 0.9rem;
	border: 1px solid #c0bebe;
    line-height: 28px;
}
.table1 caption {
	color: #333;
	font-weight: bold;
}
.table1 tr:nth-of-type(2n+1) {
	background-color: #f9f9f9;
}
.table1 th {
	background: #4f638f;
	color: #fff;
	font-weight: bold;
	padding: 5px 10px !important;
	text-align: left;	
	border-top: 0 !important;
    border-right: 1px solid #c0bebe;
	border-bottom: 1px solid #c0bebe;
}
.table1 td {
	padding: 2px 10px;
	border: 1px solid #c0bebe;
    vertical-align: middle;   
}

.table1 td:nth-of-type(1) {
    background-color: #f4fafe;
    vertical-align: middle;
    text-align: center;
}

.table1 td.c {
    background-color: #f4fafe;
    vertical-align: middle;
    text-align: center;
}

.table1 td img{
	width: 100%;
}

.table1 td .img_min{
	width: 40px;
	height: 40px;
	margin: 10px;
}

.table-center {
	text-align: center;
}

.table2 {
	border-collapse: collapse;
	text-align: left;
	margin: 0 0 20px 0;
	font-size: 0.9rem;
	border: 1px solid #c0bebe;
    line-height: 28px;
}
.table2 caption {
	color: #333;
	font-weight: bold;
}
.table2 tr:nth-of-type(2n+1) {
	background-color: #f9f9f9;
}
.table2 th {
	background: #438a7b;
	color: #fff;
	font-weight: bold;
	padding: 5px 10px !important;
	text-align: left;	
	border-top: 0 !important;
    border-right: 1px solid #c0bebe;
	border-bottom: 1px solid #c0bebe;
}
.table2 td {
	padding: 2px 10px;
	border: 1px solid #c0bebe;
    vertical-align: middle;
}
.table2 td.c {
    background-color: #f4fafe;
    vertical-align: middle;
    text-align: center;
}


.table3 {
	border-collapse: collapse;
	text-align: left;
	margin: 0 0 20px 0;
	font-size: 0.9rem;
	border: 1px solid #c0bebe;
    line-height: 28px;
}
.table3 caption {
	color: #333;
	font-weight: bold;
}
.table3 tr:nth-of-type(2n+1) {
}
.table3 th {
	background: #4f638f;
	color: #fff;
	font-weight: bold;
	padding: 5px 10px !important;
	text-align: left;	
	border-top: 0 !important;
    border-right: 1px solid #c0bebe;
	border-bottom: 1px solid #c0bebe;
}
.table3 td {
	padding: 2px 10px;
	border-right: 1px solid #dee2e6;
	border-top: 0;
    vertical-align: middle;
	text-align: center;
}
.table3 td.c {
    background-color: #f4fafe;
    vertical-align: middle;
    text-align: center;
	border-bottom: 1px solid #dee2e6;
    border-top: 1px solid #dee2e6;
}
.table3 td.b {
    background-color: #f9f9f9;;
    vertical-align: middle;
    text-align: center;
	border-bottom: 1px solid #dee2e6;
    border-top: 1px solid #dee2e6;
}
.table3 td i{
	display: block;
	color: #66AF33;
}
.table3 .line{
	border-bottom: 1px solid #dee2e6;
}
.table3 .line_s{
	border-bottom: 1px solid #dee2e6;
	border-top: 1px solid #dee2e6;
}

@media (min-width: 1200px){
.table-text {
		display: none;
}
}
@media (max-width: 1200px){
.table3 td {
	white-space:nowrap;
}
}


/*===================================
				產品
==================================*/
.overview_title{ color:#555;}
.overview_con{ position:relative;}
.overview_con2{ position:relative;}
.overview_pic img{ width:100%; height:auto;}

.feature_row{ position:relative;}
.feature_pic{ width:100%; height:320px; background-position:center; background-size:cover; margin-top:30px;}
.feature_text{ padding:15px; background-color:#ededed; text-align:left;}
@media (min-width:992px){
	.overview_pic img{ width:240px; height:auto;}
	.overview_text{ position:absolute; left:260px; top:50%; transform:translateY(-50%);}
	
	.overview_con2 .overview_pic{ text-align:right;}
	.overview_con2 .overview_text{ position:absolute; width:calc(100% - 260px); left:0px; top:50%; transform:translateY(-50%); text-align:right;}
	
	
	.feature_text{ padding:30px; height:560px;}
	
	/*.feature_pic{ position:absolute; width:49%; height:100%;}
	.feature_text{  margin-left:51%; }
	
	.overview_con2 .feature_pic{ position:absolute; width:49%; height:100%; left:51%;}
	.overview_con2 .feature_text{ width:49%; margin-left:0;}*/
}

.overview_rate_row img{ margin:15px 0;border: 5px solid #ccc;padding: 5px;}
.overview_rate_row p{ font-size:0.8rem; line-height:1.6rem; letter-spacing:0.05rem;}
.overview_table thead{ background-color:#0ba29a; color:#fff; text-align:center; vertical-align:middle; letter-spacing:0.05rem;}
.overview_table tbody{ background-color:#0ba29a; color:#fff; text-align:center; vertical-align:middle; letter-spacing:0.05rem; font-size:0.9rem;}
.overview_table tbody tr td{ vertical-align:middle;}
.overview_table tbody tr:nth-child(odd){ background-color:#d1dbef; color:#1670ba;}

.overview_table_note{ letter-spacing:0.05rem; font-size:0.9rem;}

@media (min-width:1200px){
	.overview_rate_row{ /*max-width:80%; margin-left:auto; margin-right:auto;*/}
}


.product_detail_pic_wrapper{ width:100%;}
.product_detail_pic, .product_detail_pic_nav{ width:100%;}
.product_detail_pic_item img{ width:100%; height:auto; border:4px solid #ccc;}
.product_detail_pic_nav_item{ margin:0 10px;  border:1px solid #ccc;}
.product_detail_text{ padding:0 15px;}
@media (min-width:1200px){
	.product_detail_pic_wrapper{ width:280px; }
	.product_detail_pic, .product_detail_pic_nav{}
	.product_detail_text{ padding:0 15px; margin-left:300px; min-height:280px;}
}

.product_sub_title {
    color: #555;
    padding-left: 15px;
    border-left: 8px solid #6fb82e;
}


.product_album .product_detail img{ width:100%; height:auto; border:4px solid #ccc;}




.product_nt .list dl {
    /*overflow: hidden;*/
    display: flex !important; 
    padding-top: 20px;
}


.product_nt .list dl dd {
    overflow: hidden;
    align-self: center !important;
    margin-bottom: 0;
}

.product_nt .list dl dd p strong{
    display: block;
	color: #545454;
	font-size: 24px;
}





/*===================================
				客戶服務
==================================*/
.page_block2{ padding:0; color:#777; line-height:1.8rem; letter-spacing:0.1rem; background-image:url(../images/about_bg.jpg); background-position:center; background-size:cover;}
.top_block5{ padding:0; color:#fff; background-image:url(../images/service_01.jpg); background-position:center; background-size:cover; background-attachment:fixed;}
.top_block5 .top_title{ color:#fff;}
.top_block5 .top_title span{ color:#6fb82e;}

.top_about_more{ margin-top:45px;}
.top_about_more a{ padding:15px 40px; border:1px solid #fff; color:#fff; -webkit-transition: all 0.2s; /* For Safari 3.1 to 6.0 */ transition: all 0.2s;}
.top_about_more a:hover{ background-color:#6fb82e;; border-color:#6fb82e;; text-decoration:none;}
.top_about_more a i{ margin-right:10px;}


.top_about_text{ padding:100px 20px; background-color: rgb(113 113 113 / 60%); margin:0;}
@media (min-width:992px){
	.top_about_text{ margin: 0 0 0 auto; width:50%; padding:300px 60px;background-color:rgba(000,000,000,0.6);}
	.page_block2{ padding:0;}
}


/*===================================
				員工園地
==================================*/
.page_block2{ padding:0; color:#777; line-height:1.8rem; letter-spacing:0.1rem; background-image:url(../images/about_bg.jpg); background-position:center; background-size:cover;}
.top_block6{ padding:0; color:#fff; background-image:url(../images/activity_01.jpg); background-position:center; background-size:cover; background-attachment:fixed;}
.top_block6 .top_title{ color:#fff;}
.top_block6 .top_title span{ color:#4976db;}

.top_about_more{ margin-top:45px;}
.top_about_more a{ padding:15px 40px; border:1px solid #fff; color:#fff; -webkit-transition: all 0.2s; /* For Safari 3.1 to 6.0 */ transition: all 0.2s;}
.top_about_more a:hover{ background-color:#8095c4; border-color:#8095c4; text-decoration:none;}
.top_about_more a i{ margin-right:10px;}


.top_about_text2{ padding:100px 20px; background-color: rgb(8 8 8 / 60%); margin:0;}
@media (min-width:992px){
	.top_about_text2{ margin: 0 0 0 auto; width:50%; padding:300px 60px;background-color:rgba(000,000,000,0.6);}
	.page_block2{ padding:0;}
}



/*===================================
				最新消息
===================================*/

.news_con {
	margin: 15px 0;
	border-bottom: 1px solid #ccc;
	padding-bottom: 15px;
	position: relative;
}

.news_con 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;
}

.news_con a:hover {
	/*opacity: 0.4;*/
}

.news_text .badge {
	margin-left: 10px;
	background-color: #6fb82e;
}
.news_text h6 i{
	padding:0 10px 0 0;
	color: #4f638f;
}
.news_text h4 {
	color: #555;
}

.news_more {
	margin: 15px 0;
}

.news_more {
	color: #6fb82e;
}

.news_more i {
	margin-right: 10px;
}

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


/*----頁碼----*/
.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #6fb82e;
    border-color: #6fb82e;
}
.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #6fb82e;
    background-color: #fff;
    border: 1px solid #dee2e6;
}
.page-link:hover {
    color: #6fb82e;
}

/*-------內頁--------*/
.page_news_detail_content .news_detail_date{ 
	margin:15px 0;
}
.page_news_detail_content .news_detail_date .badge{
	margin-left:10px; 
	background-color:#6fb82e;
}
.page_news_detail_content img{ 
	max-width:100%; 
	height:auto;
}
.page_news_detail_content .text-right{
}
.back_btn{ 
	margin:30px 0;
}
.back_btn a{ 
	padding:15px 40px; 
	background-color:#4f638f; 
	color:#fff; 
	-webkit-transition: all 0.2s; /* For Safari 3.1 to 6.0 */ 
	transition: all 0.2s;
}
.back_btn a:hover{ 
	background-color:#8095c4;
	text-decoration:none;
}

.news-wrap iframe, .page_news_detail_content iframe {
    width: 100% !important;
    height: 300px !important;
    margin-top: 20px !important;
}
@media (min-width: 768px) {
    .news-wrap iframe, .page_news_detail_content iframe {
        height: 420px !important;
    }
}
@media (min-width: 992px) {
    .news-wrap iframe, .page_news_detail_content iframe {
        height: 520px !important;
    }
}
@media (min-width: 1200px) {
    .news-wrap iframe, .page_news_detail_content iframe {
        height: 460px !important;
    }
}
@media (min-width: 1600px) {
    .news-wrap iframe, .page_news_detail_content iframe {
        width: 70% !important;
        margin: 0 auto;
        height: 640px !important;
    }
}
@media (min-width: 1800px) {
    .news-wrap iframe, .page_news_detail_content iframe {
        width: 65% !important;
    }
}


/*===================================
				人力資源
==================================*/
.hr_block ul{
	list-style:none;;
}

.hr_block .hr_list>li:before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    transform: translate(-1.5em, 0.75em);
    vertical-align: middle;
    background-color: #4f638f;
    position: absolute;
    border-radius: 50%;
}



/*------------人才招募-------*/

.hr-02 .list dl {
    /*overflow: hidden;*/
    display: flex !important; 
    min-height: 100px;
    padding: 20px 0;
}
.hr-02 .list dl:hover {
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.07);
  box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.07);
}
.hr-02 .list dl dt {
    align-self: center !important;
	position: relative;
    z-index: 1;
    padding: 10px;
    border: 1px solid #e2e2e2;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}


.hr-02 .list dl dt span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    font-size: 45px;
    letter-spacing: .02em;
    color: #2b8cc9;
    font-family: "Montserrat", "Noto Sans TC", sans-serif;
    font-weight: 600;
    font-style: normal;
    background-color: #f1f1f1;
    text-shadow: 0 0 3px rgb(0 0 0 / 24%);
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.hr-02 .list dl dt span::before {
    content: '';
    position: absolute;
    z-index: -1;
    left: 50%;
    margin-left: -0.5px;
    top: -15px;
    width: 1px;
    height: calc(100% + 30px);
    background-color: #e2e2e2;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}
.hr-02 .list dl dt span::after {
    content: '';
    position: absolute;
    z-index: -2;
    left: 50%;
    margin-left: -9px;
    top: -1px;
    width: 18px;
    height: calc(100% + 2px);
    background-color: #fff;
}
.hr-02 .list dl:hover span{
    background-color: #2b8cc9;
    color: #fff;
}
.hr-02 .list dl:hover dt{
    border: 1px solid #2b8cc9;
    color: #fff;
}
.hr-02 .list dl dd {
    overflow: hidden;
    align-self: center !important;
    margin-bottom: 0;
	padding-left:30px;
}

.hr-02 .list dl dd p strong{
    display: block;
	color: #545454;
	font-size: 18px;
}



@media (min-width: 1200px) {
.hr-02 .list dl dt span {
    width: 93px;
    height: 93px;
}
}

.hr_box {
	padding-top:10px;
	padding-bottom: 20px;
}
.hr_box dl {
	position: relative;
}
.hr_box dl dt {
	position: relative;
	top: 100px;
}


.hr_box dl dd {
	-webkit-box-shadow: 0 0 10px #adadad;
	-moz-box-shadow: 0 0 10px #adadad;
	box-shadow: 0 0 10px #adadad;
	border-radius: 15px;
	padding: 20px;
	text-align: center;
	background: #fff;
}
.hr_box dl dd h2 {
	color: #525252;
	font-weight: bold;
	padding-top: 20px;
    padding-bottom: 10px;
	font-size: 16px;
}


.top_hr_pic {
    height: 80px;
    background-position: center;
    background-size: cover;
}
.hr_box a{
	text-decoration:none;
}

.hr_box a:hover h2{
	color: #149413;
}

.top_hr_pic img{
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
.hr_box a:hover .top_hr_pic img{
    transform: translateY(-8px);
}


@media (min-width: 992px) {
	.hr_box {
		padding-top:50px;
		padding-bottom: 30px;
	}
}


/*===================================
				聯絡我們
===================================*/
.contact_text{ 
	padding:15px; 
	background:#ededed;
}
@media (min-width:992px){
	.contact_text{ 
		padding:20px; 
		background:#ededed;
	}
}

.page_content {
	padding-top:40px;
}
@media (min-width:768px){
	.contact_text{ 
		padding-top:10px;
	}
}
.contact_block form{ 
	color:#555;
}
.contact_block form .form-group textarea{
	border-radius:0; 
	padding:25px 20px; 
	background-color:#ededed;
}
.contact_block form .form-group input{ 
	border-radius:0; 
	padding:25px 20px; 
	background-color:#ededed;
}
.contact_block form .form-group button{ 
	background-color:#4f638f;
	border-color:#4f638f;
	color:#fff; 
	border-radius:0;
	padding:15px 0; 
	width:118px;
}
.contact_block form .form-group button:hover{
	background-color:#8095c4;
	border-color:#8095c4;
}
.contact_block form .form-group button[type="reset"]{
	background-color:#999; 
	border-color:#999; 
	color:#fff;
}