@charset "utf-8";
/* default */
body,
h1,h2,h3,
h4,h5,h6,
ul,ol,li,
p,hr,dt,
dd{
	margin:0;
	padding:0;
}
ul,ol{
	list-style:none;
}
*{
	font-family:"Microsoft Yahei";
	-webkit-font-smoothing:antialiased;
}
a{
	text-decoration:none;
}
a:hover{
	text-decoration:none;
}
/* /default */


/* default add style */
.clear{
	clear:both;
}
.space-10{
	clear:both;
	height:10px;
	width:100%;
}
.space-30{
	clear:both;
	height:30px;
	width:100%;
}
.space-50{
	clear:both;
	height:50px;
	width:100%;
}
/* /default add style */

/* nav */
.nav{
	overflow:hidden;
	position:absolute;
	width:100%;
	z-index:999;
}
.nav_line,
.nav > .logo,
.nav > ul,
.nav > ul > li{
	float:left;
}
.nav_line,
.nav > ul{
	margin-top:5%;
}
.nav_line,
.nav > ul,
.nav > ul > li{
	height:36px;
}
.nav_line{
	background-color:#6E985A;
	width:10%;
}
.nav > .logo{
	width:10%;
}
.nav > .logo > img{
	width:100%;
}
.nav > ul{
	background-color:#6E985A;
	width:80%;
}
@media (max-width:1000px){
	.nav_line{
		width:6%;
	}
	.nav > .logo{
		width:12%;
	}
	.nav > ul{
		width:82%;
	}
	.nav > ul > li{
		display:none;
	}
}
@media (max-width:720px){
	.nav > .logo{
		width:16%;
	}
	.nav > ul{
		width:78%;
	}
	.nav > ul > li{
		display:none;
	}
}
.nav > ul > li{
	border-left:1px solid #96B498;
	padding:0 10px;
	text-align:center;
}
.nav > ul > li:last-child{
	border-left:none;
	height:0;
	padding:0;
}
.nav > ul > li:first-child{
	margin-left:40px;
}
.nav > ul > li.cursor,
.nav > ul > li:hover{
	background-color:#1D6A4C;
	height:38px;
}
.nav > ul > li > a{
	color: #F8FAF5;
	font-size:14px;
	font-weight:bold;
	line-height:36px;
}
.nav > ul > li > a > span{
	color: #98B279;
	font-family:Arial;
	font-size:12px;
	line-height:36px;
	margin-left:6px;
	text-transform:uppercase;
}


/* mobile nav */
.menu-handler {
	cursor: pointer;
	display:none;
	height: 50px;
	position: fixed;
	right: 5%;
	top:10.5%;
	width:42px;
	z-index: 10000;
}
@media (max-width:1000px){
	.menu-handler{
		display:block;
		top:3.6%;
	}
}
@media (max-width:720px){
	.menu-handler{
		top:2.6%;
	}
}
.menu-handler .burger {
	background: #fff;
	display: block;
	height: 3px;
	left: 50%;
	margin: 0 0 0 -18px;
	position: absolute;
	top: 12px;
	transform-origin: center;
	-webkit-transform-origin: center;
	-moz-transform-origin: center;
	-o-transform-origin: center;
	-ms-transform-origin: center;
	width: 24px;
	z-index: 5;
}
.menu-handler .burger-2 {
	top: 20px;
}
.menu-handler .burger-3 {
	top: 28px;
}
.menu-handler.active .burger-1 {
	top: 36px;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.menu-handler.active .burger-2 {
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	filter: alpha(opacity=0);
	opacity: 0;
	-moz-opacity: 0;
	-khtml-opacity: 0;
	-webkit-opacity: 0;
}
.menu-handler.active .burger-3 {
	top: 36px;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.trans, .trans:hover {
	-webkit-transition: all 277ms ease-in-out;
	-moz-transition: all 277ms ease-in-out;
	-o-transition: all 277ms ease-in-out;
	transition: all 277ms ease-in-out;
	-ms-transition: all 277ms ease-in-out;
}
.trans-fast, .trans-fast:hover {
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
}
#menu-holder {
	background:#6E985A;
	color: #fff;
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 0px 25px;
	position: fixed;
	right: -350px;
	top: 0px;
	-webkit-overflow-scrolling: touch;
	-webkit-transition: 400ms;
	-moz-transition: 400ms;
	-o-transition: 400ms;
	transition: 400ms;
	width: 270px;
	z-index:9999;
}
#menu-holder a:link,
#menu-holder a:visited {
	color: #fff;
}
#menu-holder a:active,
#menu-holder a:hover {
	color: #fff;
}
#menu-holder .msubnav a:link, #menu-holder .msubnav a:visited {
	color: #f00;
}
#menu-holder .msubnav a:active, #menu-holder .msubnav a:hover {
	color: #fff;
}
.navMobile {
	display: block;
	margin-top: 140px;
	padding: 0px 0px 15%;
}
.navMobile dd {
	padding-bottom: 20px;
	position: relative;
	width: 100%;
}
.navMobile p a {
	display: block;
	font: bold 25px/1.2 "Microsoft JhengHei";
}
.navMobile .msubnav {
	display: none;
	padding-top: 16px;
	width: 238px;
}
.navMobile .msubnav a {
	display: inline-block;
	font-size: 16px;
	margin: 0px 12px 10px 0px;
}
#menu-holder .g-tel {
	font-size: 14px;
}
#bg-menu {
	background-color: rgba(0,0,0,0.8);
	display: none;
	left: 0px;
	height: 100%;
	position: fixed;
	top: 0px;
	width: 100%;
	z-index: 99;
}
.open #menu-holder {
	right: 0px;
}


/* main case and news */
.news,
.case{
	margin-top:24px;
}
.news{
	background:url(../img/news_bottom_bg.png) bottom center no-repeat;
	background-size:contain;
	-webkit-background-size:contain;
	-moz-background-size:contain;
	-o-background-size:contain;
	padding-bottom:100px;
}
.news_title,
.case_title{
	background:url(../img/case_title_line.jpg) bottom repeat-x;
	overflow:hidden;
	padding-bottom:20px;
}
.news_title > ol,
.case_title > ol{
	background:url(../img/case_title.jpg) right center no-repeat;
	float:left;
	width:220px;
}
.news_title > a,
.case_title > a{
	float:right;
	margin-top:20px;
}
.news_title > ol > li,
.case_title > ol > li{
	font-size:24px;
	width:200px;
}
.news_title > ol > li:first-child,
.case_title > ol > li:first-child{
	color:#1D6A4C;
	font-size:24px;
	font-weight:bold;
}
.news_title > ol > li:last-child,
.case_title > ol > li:last-child{
	color: #646464;
	font-size:12px;
	text-transform:capitalize;
}
.news_title > a,
.case_title > a{
	color:#6E985A;
	font:bold 14px Arial;
	text-transform:uppercase;
}
.news_title > a:hover,
.case_title > a:hover{
	color:#1D6A4C;
}
.news_main,
.case_main{
	margin-top:20px;
}
.case_main_list{
	display:block;
	margin-bottom:10px;
	overflow:hidden;
	position:relative;
}
.case_main_list > img{
	width:100%;
}
.case_main_list > span{
	background-color:rgba(0,0,0,.4);
	bottom:0;
	color: #fff;
	font-size:14px;
	left:0;
	padding:10px 0;
	position:absolute;
	text-align:center;
	-webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	-ms-transition:all 1s ease;
	-o-transition:all 1s ease;
	transition:all 1s ease;
	width:100%;
}
.case_main_list:hover>span{
	height:100%;
	line-height:12em;
	font-size:16px;
	font-weight:bold;
	padding:0;
}
.case_main_list:hover>img{
	-webkit-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-ms-transform:scale(1.2);
	-o-transform:scale(1.2);
	transform:scale(1.2);
	-webkit-transition:all 1s ease-in-out;
	-moz-transition:all 1s ease-in-out;
	-ms-transition:all 1s ease-in-out;
	-o-transition:all 1s ease-in-out;
	transition:all 1s ease-in-out;
}
.news_main_img{
	width:100%;
}
.news_main_list{
	border-bottom: 1px dashed #ccc;
	overflow:hidden;
	padding:.82em 0;
}
.news_main_list > a{
	color:#333;
	float:left;
	font-size:14px;
}
.news_main_list > span{
	float:right;
}
.news_main_list > a:hover{
	color: #6E985A;
}

.aboutus {height:auto; overflow:hidden;}
.aboutusp {line-height:28px; color:#333;}

.about_img {height:auto; overflow:hidden; padding:20px; position:relative;}
.about_img img {width:100%;}
.about_img .top_bg {width:50px; height:50px; position:absolute; top:0px; left:0px; background:url(../img/top_bg.png) no-repeat center center; background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%;}
.about_img .bot_bg {width:50px; height:50px; position:absolute; bottom:0px; right:0px; width:50px; background:url(../img/bot_bg.png) no-repeat center center; background-size:100% 100%; -webkit-background-size:100% 100%; -moz-background-size:100% 100%; -ms-background-size:100% 100%;}

/* footer */
.footer {
	background:#5A8529;
	clear:both;
	overflow:hidden;
	height:auto;
	padding:20px 0px;
}
.footer .footer_code {
	float:left;
	margin-right:10px;
}
.footer .footer_code img {
	display:block;
	height:105px;
	margin-top:5px;
}
.footer .footer_logo {
	float:right;
}
.footer .footer_logo img {
	display:block;
	height:100px;
	margin-top:5px;
}
.foot_link {
	height:auto;
	overflow:hidden;
	text-align:center;
}
.foot_link a {
	color:#fff;
	display:block;
	font-size:14px;
	float:left;
	line-height:30px;
	padding:0px 10px;
}
.foot_link span {
	color:#fff;
	display:block;
	font-size:14px;
	float:left;
	line-height:30px;
}
.foot_link a:hover {
	color:#fff;
}
.footer_text {
	height:auto;
	float:left;
	overflow:hidden;
}
.footer_text span {
	color:#fff;
	display:block;
	font-size:12px;
	line-height:29px;
	padding:0px 5px;
}
.footer_text a {
	color:#fff;
	display:block;
	font-size:12px;
	line-height:29px;
	padding:0px 5px;
}
.footer_text a:hover{
	color: #fff;
}
@media (max-width: 479px){
	.footer .footer_code {
		display:none;
	}
	.footer .footer_logo {
		display:none;
	}
}
@media (min-width: 480px) and (max-width: 767px)  {
	.footer .footer_code {
		display:none;
	}
	.footer .footer_logo {
		display:none;
	}
	.footer_text span {
		float:left;
	}
	.footer_text a {
		float:left;
	}
}
@media (min-width: 768px) and (max-width: 999px){
	.footer .footer_code {
		display:none;
	}
	.footer .footer_logo {
		display:none;
	}
	.footer_text span {
		float:left;
	}
	.footer_text a {
		float:left;
	}
}
body>iframe:last-child{
	display: none;
}