@charset "UTF-8";
/* CSS Document */
*{
	margin:0;
	padding:0;
}
body {
	font-family:"微軟正黑體",Arial;
	color:#222;
}

.index_cen a {
	text-decoration:none;
	outline:none;
	color:#222;
}
.clear{
	clear:both;
}
.index_bg{
	background:#F7F7F7;
}
#top{
	position:relative;
}
img.index_timg{
	width:100%;
	height:auto;
}
.top_c{
	width:100%;
	position:absolute;
	top:0;
}
img.logo{
	display:block;
	float:left;
	margin:40px 0 0 0;
}
.menu{
	float:right;
	background:#1EAA38;
	padding:100px 120px 55px 75px;
	margin:0 3px 0 0;
}
.menu a{
	color:#FFF;
	font-size:24px;
	font-weight:bold;
	margin:0 0 11px 0;
}
.search{
	margin:10px 0 0 0;
}
.search input{
	border:none;
	width:190px;
	height:25px;
	float:left;
	padding:0 0 0 3px;
}
.search a{
	display:block;
	float:left;
	height:25px;
	background:#FFF;
	border-left:1px solid #1EAA38;
	padding:0 10px;
}
.news{
	position:relative;
	padding:80px 0 0 0;
	margin:80px 0 0 0;
}
.news_left{
	float:left;
	background:#FFF;
	padding:300px 20px 52px 50px;
	width:63%;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.news_left h1{
	font-size:20px;
	color:#20AB38;
	margin:0 0 18px 0;
}
.news_left a{
	display:block;
	margin:0 0 10px 0;
	font-size:15px;
}
.news_left .sp1{
	color:#20AB38;
}
.news_right{
	float:right;
	width:36.7%;
	background:#F2C116;
	color:#FFF;
	font-size:65px;
	font-weight:bold;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	margin:80px 3px 0 0;
	text-align:center;
	padding:160px 0;
}
.news_left .news_vedio{
	position:absolute;
	width:500px;
	border:7px solid #FFF;
	background:#FFF;
	top:0;
	left:50px;
}
.news_left .news_vedio h1{
	font-size:18px;
	margin:0 0 10px 0;
	color: #222;
}
.news_left .news_vedio a.nv_a{
	display: inline-block;
	background:#1EAA38;
	color:#FFF;
	font-size:13px;
	padding:4px 10px;
	border-radius:10px;
	margin:0 10px 0 0 ;
}
.news_left .news_vedio a.nv_b{
	color:#F2C018;
	font-size:13px;
	padding:0 5px;
	border:1px solid #F2C018;
	font-weight:bold;
}
.index_btn{
	position:relative;
	width:100%;
}
.piclist{
	width:1200px;
	margin:0 auto;
}
.index_cen{
	width:1200px;
	margin:0 auto;
}
.piclist h1{
	display:block;
	float: left;
	background:#1EAA38;
	color:#FFF;
	height:420px;
	line-height:446px;
	padding:0 39px 0 39px;
	margin:0 4px 0 0;
	font-size:30px;	
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.piclist h2{
	display:block;
	float: left;
	background:#F2C116;
	color:#FFF;
	height:420px;
	padding:175px 30px;
	margin:0 4px 0 0;
	font-size:30px;	
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
@-moz-document url-prefix() { 
.piclist h2{
	display:block;
	float: left;
	background:#F2C116;
	color:#FFF;
	height:420px;
	padding:175px 32px;
	margin:0 4px 0 0;
	font-size:30px;	
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
}
.contact{
	text-align:center;
	font-size:30px;
	font-weight:bold;
	color:#717071;
	margin:40px 0;	
}
footer{
	display:block;
	position:relative;
}
#map{
	position:relative;
	background:#EEEEEF;
}
.map_con{
	width:1200px;
	position:absolute;
	left:50%;
	top:0;
	margin:0 0 0 -600px;
}
.map_info{
	padding:180px 0 0 0;
}
.mail_info_index{
	font-size:22px;
	font-weight:normal;
	background:url(../images/map_icon1.jpg) no-repeat;
	padding:8px 0 30px 60px;
}
.phone_info_index{
	font-size:22px;
	font-weight:normal;
	background:url(../images/map_icon2.jpg) no-repeat;
	padding:8px 0 30px 60px;
}
.fax_info_index{
	font-size:22px;
	font-weight:normal;
	background:url(../images/map_icon3.jpg) no-repeat;
	padding:8px 0 10px 60px;
}
.map_make{
	position:absolute;
	padding:45px 0 0 45px;
	top:200px;
	right:15px;
	line-height:26px;
	font-size:16px;
	width:225px;
}
#menu_s{
	width:1197px;
	background:#222;
	position:fixed;
	top:0px;
	/* position:absolute; */
	/* top:-150px; */
	cursor:pointer;
	left:50%;
	margin:0 0 0 -600px;
}
#menu_s_b{
	width:1200px;
	background:#222;
	position: fixed;
	top:0;
	cursor:pointer;
	left:50%;
	margin:0 0 0 -600px;
}
.menu_ved{
	float:left;
}
.menu_ved img{
	width:200px;
	height:auto;
}
.menu_info{
	float:left;
	margin:15px 0 0 20px;
	width: 68%;
}
.menu_info h1{
	color:#FFF;
	font-size:17px;
	margin:0 0 10px 0;
}
.menu_info a.nv_a{
	background:#1EAA38;
	color:#FFF;
	font-size:13px;
	padding:4px 10px;
	border-radius:10px;
	margin:0 10px 0 0 ;
}
.menu_info a.nv_b{
	color:#F2C018;
	font-size:13px;
	padding:0 5px;
	border:1px solid #F2C018;
	font-weight:bold;
}

.menu_ved{
	float:left;
	margin:20px 0 0 20px;
	width: 60%;
}
.menu_ved img{
	float:left;
	display:block;
}
.menu_ms{
	width:36.7%;
	float:right;
	background:#1EAA38;
	padding:15px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.menu_ms a{
	display:block;
	float:left;
	color:#FFF;
	font-size:16px;
	font-weight:bold;
	margin:0 25px 3px 0;
	width:43%;
	border-bottom:1px solid #1EAA38;
}
.menu_ms a:hover{
	border-bottom:1px solid #FFF;
}
.search_ms{
	margin:10px 0 0 0;
}
.search_ms input{
	border:none;
	width:190px;
	height:25px;
	float:left;
	padding:0 0 0 3px;
}
.search_ms a{
	display:block;
	float:left;
	height:25px;
	background:#FFF;
	border-left:1px solid #1EAA38;
	padding:0 10px;
	width:auto;
}
img.list_img_a{
	margin:0 4px 0 0;
}

/*hover*/
.hvr-underline-from-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
  padding:0 0 4px 0;
}
.hvr-underline-from-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #fff;
  height: 2px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {
  right: 0;
}
/* Icon Drop */
@-webkit-keyframes hvr-icon-drop {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  51%,
  100% {
    opacity: 1;
  }
}
@keyframes hvr-icon-drop {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  51%,
  100% {
    opacity: 1;
  }
}


/* 202407 */
.idx-img-a{
	width: 378px;
	height: 420px;
}
.idx-img-b{
	width: 255px;
	height: 420px;
}
.idx-img-c{
	width: 325px;
	height: 420px;
}
.idx-img-d{
	width: 260px;
	height: 420px;
}
.idx-img-e{
	width: 326px;
	height: 420px;
}
.idx-img-f{
	width: 380px;
	height: 420px;
}
.news_vedio iframe {
	width:500px;
	height:252px;
}
footer.idx-foot-mob{
	display: none;
	background:#EEEEEF;
}
.foot{
	width:95%;
	margin:0 auto;
	padding:30px 0 25px 0;
}
/* .foot a{
	color: #211713;
} */
.fa{
	float: inherit;
	width:100%;
	color:#211713;
}
.fb{
	float: inherit;
	width:100%;
	font-size:19px;
	color:#211713;
	padding:5px 0 0 0;
	background:url(../images/foot_logo.png) no-repeat right bottom;
}
.telinfo{
	display:block;
	background:url(../images/foot_icon1.png) no-repeat 8px 0;
	font-size:19px;
	font-weight:normal;
	padding:2px 0 3px 50px;
	margin:0 40px 15px 0;
}
.faxinfo {
	display:block;
	background:url(../images/foot_icon2.png) no-repeat;
	font-size:19px;
	font-weight:normal;
	padding:2px 0 3px 50px;
	margin:0 40px 0 0;
}
.mailinfo{
	display:block;
	background:url(../images/foot_icon3.png) no-repeat 0 3px;
	font-size:19px;
	font-weight:normal;
	padding:2px 0 3px 50px;
	margin:0 40px 15px 0;
}
.addrinfo{
	display:block;
	background:url(../images/foot_icon4.png) no-repeat 4px 0;
	font-size:19px;
	font-weight:normal;
	padding:2px 0 5px 50px;
	margin:0 40px 0 0;
}
.gccinfo{
	display:block;
	font-size:19px;
	font-weight:normal;
	margin:18px 0 0 0;
}
.fb a{
	display:block;
	margin:0 0 10px 0;
	background:url(../images/foot_icon5.png) no-repeat;
	padding:6px 0 7px 53px;
}
.search input{
	border:none;
	width:190px;
	height:25px;
	float:left;
	padding:0 0 0 3px;
}
.search a{
	display:block;
	float:left;
	height:25px;
	background:#FFF;
	border-left:1px solid #1EAA38;
	padding:0 10px;
}


@media screen and (max-width: 1200px) {
	.menu{
		display: none;
	}
	.index_cen{
		width:95%;
	}
	.piclist{
		width:100%;
	}
	.piclist h1{
		float: inherit;
		height:auto;
		line-height:36px;
		padding:15px 0 12px 0;
		margin:10px 0 10px 0;
		font-size:30px;	
		text-align: center;
	}
	.idx-img-a{
		width: 32.5%;
		height: auto;
		display: inline-block;
		vertical-align: top;
	}
	.idx-img-b{
		width: 32.7%;
		height: auto;
		display: inline-block;
		vertical-align: top;
	}
	.idx-img-c{
		width: 33.5%;
		height: auto;
		display: inline-block;
		vertical-align: top;
	}
	.piclist h2{
		float: inherit;
		height:auto;
		padding:15px 0 12px 0;
		margin:10px 0 10px 0;
		font-size:30px;
		text-align: center;
	}
	.br-mob{
		display: none;
	}
	.idx-img-d{
		width: 31.5%;
		height: auto;
		display: inline-block;
		vertical-align: top;
	}
	.idx-img-e{
		width: 36.5%;
		height: auto;
		display: inline-block;
		vertical-align: top;
	}
	.idx-img-f{
		width: 30.3%;
		height: auto;
		display: inline-block;
		vertical-align: top;
	}
	.map_con{
		width:100%;
		position:absolute;
		left:50%;
		top:0;
		margin:0 0 0 -50%;
	}
	.news_right{
		float:inherit;
		width:100%;
		font-size:30px;
		line-height: 36px;
		margin:50px 3px 0 0;
		text-align:center;
		padding:15px 0 12px 0;
	}
	.news_left{
		float:inherit;
		width:100%;
		padding:30px;
	}
	.news{
		padding:0;
		margin:0;
	}
	.news_left .news_vedio{
		position:relative;
		width:100%;
		left:0;
		margin: 0 0 50px 0;
		border: 0;
	}
	.news_vedio iframe {
		width:auto;
		height:auto;
	}
	.video-container {
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 30px;
		height: 0;
		overflow: hidden;
	}
	.video-container iframe, .video-container object, .video-container embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	img.logo{
		display: none;
	}
	.search{
		display: none;
	}
	.index_cen{
		margin: 450px auto 0 auto;
	}
}
@media screen and (max-width: 1000px) {
	#menu_s{
		display: none;
	}
	.index_btn{
		display: none;
	}
	footer.idx-foot-mob{
		display: block;
		margin: 50px 0 0 0;
	}
	.faxinfo {
		margin:0 40px 15px 0;
	}
	.addrinfo{
		margin:0 40px 15px 0;
	}
	.news_left a{
		margin:0 0 15px 0;
	}
}
@media screen and (max-width: 800px) {
	.idx-img-c {
        width: 33.2%;
	}
}
@media screen and (max-width: 650px) {
	.top_c{
		width:100%;
		position:relative;
	}
	.index_cen {
        margin: 0 auto;
    }
	.idx-img-a {
        width: 32.1%;
	}
	.idx-img-b{
		width: 32.4%;
	}
	.idx-img-c {
        width: 32.8%;
    }
	.idx-img-d {
        width: 31.2%;
	}
	.idx-img-e {
        width: 36.2%;
	}
	.idx-img-f {
        width: 29.8%;
	}
	.fb{
		font-size:16px;
		padding: 0;
	}
	.fb a{
		padding: 11px 0 8px 53px;
	}
	.telinfo{
		font-size:16px;
		padding: 7px 0 7px 50px;
	}
	.faxinfo {
		font-size:16px;
		padding: 7px 0 5px 50px;
	}
	.mailinfo{
		font-size:16px;
		padding: 5px 0 3px 50px;
	}
	.addrinfo{
		font-size:16px;
	}
	.gccinfo{
		font-size:16px;
	}
}