@charset "utf-8";

.visual_inner{width:100%;height:100%;}
.btn{padding:12px 26px;font-size:16px;font-weight:bold;transition:0.2s;-webkit-transition:0.2s;-moz-transition:0.2s;border-radius:38px;-webkit-border-radius:38px;display:inline-block;line-height:17px;letter-spacing:1px;}
.btn_solid{background:#109a90;color:#fff;}
.btn_solid:hover{background:#1dbbb0;}
.btn_green{border:1px solid #109a90;color:#109a90;box-sizing:border-box;}
.btn_green:hover{background:#109a90;color:#fff;}

.btn_tab{background:#fff;color:#109a90;-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3);box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.3);}
.btn_tab:hover,.btn_tab.active{background:#109a90;color:#fff;}

.grid1{width:calc(100% - 40px);padding:0 20px;}
.grid2{width:calc(50% - 40px);padding:0 20px;float:left;}
.grid3_1{width:calc(33.33% - 40px);padding:0 20px;float:left;}
.grid3_2{width:66.66%;float:left;}

body{
	font-size:12px;
	font-family:Helvetica,Arial,"微軟正黑體","新細明體",sans-serif; /*"LiHei Pro"*/
	word-wrap:break-word;
	width:100%;
	}

/*
header{
	width:100%;
	display:block;
	background:url(../images/common/pattern.jpg) repeat;
	height:114px;
	position:relative;
	border-bottom:1px solid #d1d1d1;
	  }	
header .cover{height:57px;background:rgba(90,95,95,0.04);width:100%;bottom:0px;position:absolute;}
header .inner{width:1140px;padding:0 30px;margin:0 auto;position:relative;}
header .inner .logo{display:block;margin-top:21px;}
header .inner .rightpart{height:114px;}
header .inner .rightpart .menu{height:100%;}
header .inner .rightpart .menu li{height:100%;}
header .inner .rightpart .menu li a{height:100%;line-height:114px;display:block;font-size:17px;font-weight:bold;color:#333;padding:0 35px;transition:0.2s;-webkit-transition:0.2s;-moz-transition:0.2s;}
header .inner .rightpart .menu li a:hover,header .inner .rightpart .menu li a.active{background:rgba(0,0,0,0.1);}
*/

header{width:100%;height:114px;box-sizing:border-box;-webkit-box-sizing: border-box;position:relative;z-index:10;background:url(../images/common/pattern.jpg) repeat;border-bottom: 1px solid #d1d1d1;}	
header .cover{height:57px;background:rgba(90,95,95,0.04);width:100%;bottom:0px;position:absolute;}
header .header-bot{position:absolute;width:100%;background:#000;opacity:0.12;position:absolute;bottom:0;height:12px;}
header .fixarea{height:114px;width:100%;top:-57px;}
.headerfix{position:fixed !important;top:0 !important;z-index:999;transition:0.35s ease-out;-webkit-transition:0.35s ease-out;background:rgba(255,255,255,.8);border-bottom:1px solid #bbbbbb !important;box-sizing:border-box;-webkit-box-sizing: border-box;}
header .logo{float:left;height:114px;position:relative;z-index: 5;}
header .social{float:right;margin:43px 20px 43px 0;display:block;position:relative;z-index: 2;}
header .logo a{display:block;overflow:hidden;padding:21px 0 20px;}
header .logo a img{height:auto;}
header .menu-container{float:right;height:114px;}


.other_visual{position:relative;}
.other_visual .other_bg{position:relative;width:100%;height:570px;overflow:hidden;}
.other_visual .other_bg .inside{}
.other_visual .other_bg .inside img{}
.other_visual .inner_bg{position:absolute;width:1200px;height:570px;top:0;left:0;right:0;margin:0 auto;}
.other_visual .inner_bg img{display:block;top:50%;margin:-26px auto 0;left:0;right:0;position:absolute;}
.other_visual .inner_bg.twoline img{margin-top:-74px;}
.other_visual.pages .other_bg{height:420px;}
.other_visual.pages .inner_bg{height:420px;}
.other_visual.pages .inner_bg .text{}

.wrapper{width:100%;background:url(../images/common/pattern.jpg) repeat repeat;min-height:500px;}
.wrapper .inner{width:1200px;margin:0 auto;}

.main_title{font-size:24px;color:#2f3931;letter-spacing:1px;font-weight:bold;padding-bottom:30px;line-height:30px;font-weight: bold;}
.main_title.no_btline{border-bottom:0;}
.main_title,.main_title.ming{font-family:Helvetica,Arial,"標楷體","新細明體","Apple LiSung","微軟正黑體","新細明體",sans-serif;}
.ming{font-family:Helvetica,Arial,"標楷體","新細明體","Apple LiSung","微軟正黑體","新細明體",sans-serif;}
.a_index_top{width:100%;height:320px;display:block;position:relative;}
.a_index_top .index_top_visual{width:100%;height:320px;display:block;position:relative;}
.a_index_top .btn{font-size:20px;letter-spacing:1px;padding:20px 50px;line-height:21px;}
.a_index_top .btn:before{content:"";position:absolute;left:24px;width:15px;height:1px;background:rgba(255,255,255,0.45);display:block;top:49%;}
.a_index_top .btn:after{content:"";position:absolute;right:24px;width:15px;height:1px;background:rgba(255,255,255,0.45);display:block;top:49%;}
.a_index_top:hover .btn{background:#1dbbb0;}

.a_product{height:350px;display:block;background:#fff;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);transition:0.2s;-webkit-transition:0.2s;-moz-transition:0.2s;margin-bottom:40px;}
.a_product:hover .pic .cover{background:rgba(0,0,0,0);}
.a_product .pic{width:100%;height:270px;position:relative;}
.a_product .pic .cover{width:100%;height:270px;background:rgba(0,0,0,0.08);position:absolute;top:0;z-index:1;transition:0.2s;-webkit-transition:0.2s;-moz-transition:0.2s;}
.a_product .pic .thepic{width:100%;height:270px;position:relative;overflow:hidden;}
.a_product .text{width:84%;padding:0 8%;height:80px;display:table;text-align:center;overflow:hidden;}
.a_product .text p{font-size:16px;color:#444;font-weight:bold;display:table-cell;vertical-align:middle;line-height:28px;}

.a_news{margin-bottom:40px;overflow:hidden;border-bottom:1px solid #d1d1d1;}
.a_news .title{font-size:16px;line-height:28px;max-height:56px;overflow:hidden;margin-bottom:14px;font-weight:bold;color:#444;margin-top:10px;width:92%;}
.a_news .date{color:#afafaf;font-size:12px;line-height:20px;margin-bottom:20px;}
.a_news.a_contact_form{padding:35px 20px;}
.a_news.a_contact .info{color:#888;font-size:14px;line-height:20px;margin-bottom:20px;display:block;}
.a_news.a_contact a.info{text-decoration:underline;}
.a_news.a_contact a:hover{color:#666}
.a_news .btn{margin-bottom:38px;}

.qa_sec{}
.qa_inner{display:block;background:#fff;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.3);transition:0.2s;-webkit-transition:0.2s;-moz-transition:0.2s;margin-bottom:40px;padding:40px 0;}
.qa_inner .title{font-size:16px;font-weight:bold;color:#109a90;overflow:hidden;line-height:26px;display:inline-block;vertical-align:top;transition:0.1s;-webkit-transition:0.1s;-moz-transition:0.1s;-o-transition:0.1s;padding-right:16px;padding:0 40px;overflow:hidden;}
.qa_inner .line{width:calc(100% - 80px);height:1px;background:#cfe7e5;display:block;margin:15px auto;}
.qa_inner .con{font-size:14px;color:#6e6d69;line-height:25px;padding:0 40px;overflow:hidden;margin-top:18px;}
/*.anb3:hover .con,.anb3:hover .title{color:#fff;}*/
.qa_desc{font-size:20px;line-height:34px;width:calc(100% - 40px);color:#2f3931;letter-spacing:1px;font-weight:bold;padding-bottom:30px;border-bottom:1px solid #d1d1d1;margin:0 auto;}

footer{background:#404540;padding:30px 0;width:100%;}
footer .inner{width:1140px;margin:0 auto;position:relative;}
footer .inner .f_menu{float:right;}
footer .inner .f_logo .f_title{color:#fff;font-size:18px;font-weight:bold;line-height:34px;}
footer .inner .f_logo h4.f_copyright{color:#919293;font-size:13px;line-height:34px;}
footer .inner .f_slogan{font-size:17px;font-weight:bold;color:#fff;opacity:0.8;letter-spacing:1.6px;line-height:21px;position:absolute;left:0;right:0;margin:0 auto;width:270px;text-align:center;top:26px;}
footer .inner .f_contact{font-size:14px;color:#fff;opacity:0.5;letter-spacing:1px;display:block;line-height:25px;margin-top:12px;}
footer .inner .f_contact span{font-weight:bold;margin-right:16px;font-size:17px;}
footer .inner .f_logo{float:left;}
footer .inner .f_contact{float:right;}


@media screen and (min-width: 1200px) {
	
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
	
	.visual_inner .cenmid{width:516px;}
	.visual_inner .cenmid img{width:100%;}
	.wrapper .inner{width:92%;margin:0 auto;}
	header .inner{width:92%;padding:0 4%;margin:0 auto;position:relative;}
	header .logo a{padding-left:30px;}
	.other_visual .inner_bg{width:100%;}
	footer .inner .f_logo h4.f_copyright{font-size:12px;}
	footer .inner{width:92%;margin:0 auto;position:relative;}
	footer .inner .f_logo{float:left;}
	footer .inner .f_slogan{position:relative;float:left;top:0;font-size:14px;width:auto;margin:26px 25px 0;display:none;}
	footer .inner .f_contact{float:right;font-size:14px;}
	footer .inner .f_contact span{margin-right:8px;}
	
	.grid2 {
		width: calc(100% - 40px);margin-bottom:20px;
	}
	.grid3_2{width: calc(50% - 40px);}
	.grid3_1{width: calc(50% - 40px);}
	
	.index_grid .grid3_2{width: calc(65% - 40px);}
	.index_grid .grid3_1{width: calc(35% - 40px);}
}

@media screen and (max-width: 767px) {
	
	.f-index{display:none;}
	.visual_inner .cenmid{width:320px;}
	.visual_inner .cenmid img{width:100%;}
	
	.wrapper .inner{width:92%;margin:0 auto;}
	header .inner{width:92%;padding:0 4%;margin:0 auto;position:relative;}
	header .logo a{padding:36px 0 35px 20px;}
	header .logo a img{height:40px;}
	header .social{margin-right:15px;}
	.other_visual .inner_bg{width:100%;}
	footer .inner{width:92%;margin:0 auto;position:relative;}
	
	.grid2 {width: calc(100% - 40px);margin-bottom:20px;}
	.grid3_2{width: 100%;}
	.grid3_1{width: calc(100% - 40px);}
	.a_index_top .btn{font-size:15px;}
	.a_index_top .btn{width:100px;text-align:center;}
	
	footer .inner .f_logo h4.f_copyright{font-size:12px;}
	footer .inner{width:92%;margin:0 auto;position:relative;}
	footer .inner .f_logo{float:none;}
	footer .inner .f_slogan{position:relative;float:none;top:0;font-size:14px;width:auto;margin:26px 25px 0;display:none;}
	footer .inner .f_contact{float:none;font-size:14px;}
	footer .inner .f_contact span{margin-right:8px;}
	
	
}

@media screen and (max-device-width: 480px) {
	
}