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

.indexmenu a {
	text-decoration:none;
	outline:none;
	color:#222;
}
.clear{
	clear:both;
}
#top{
	width:1200px;
	margin:0 auto;
	padding:50px 0 0 0;
}
.logo{
	display:block;
	float:left;
}
.search{
	float: right;
	margin:10px 0 0 0;
	border:1px solid #1EAA38;
}
.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;
}
#content_bg{
	background:#F7F7F5;
}
#content{
	width:1280px;
	background:#FFF;
	margin:0 auto;
	padding:0 40px 70px 40px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.inside_img{
	margin:0 0 40px 0;
}
.inside_img img{
	width:100%;
	height:auto;
}
.prod_img{
	display:block;
	float:right;
	margin:25px 25px 0 25px;
	width:182px;
}
.prod_img img{
	border:1px solid #C8C9CA;
}
.prod_img a h1{
	font-size:16px;
	font-weight:normal;
	margin:8px 0 0 0;
	text-align:center;
}
.left{
	float:left;
	width:28%;
	margin:0 0 40px 0;
}
.right{
	float:right;
	width:68%;
	margin:10px 0 0 0;
}
.right_about{
	float:right;
	width:68%;
	background:url(../images/about_bg.png) no-repeat;
	background-size:100% 100%;
	padding:25px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.right_about img{
	max-width: 100%;
	height: auto;
}
.right_contact{
	float:right;
	width:68%;
	font-size:18px;
	padding:15px 25px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.products h1{
	font-size:20px;
	color:#595757;
	font-weight:normal;
	margin:10px 0 0 0;
}
.products .sp1{
	color:#F2C018;
}
.list_change{
	margin:25px 0 30px 0;
}
a.product_sin{
	width:22%;
	margin:0 21px 30px 0;
	display:inline-block;
    vertical-align:top;
	*display: inline;
    *zoom: 1;
	text-align:center;
}
a.product_sin img, a.product_sin_b img{
	width:100%;
	height:auto;
	border:1px solid #C8C9CA;
}
a.product_sin i, a.product_sin_b i{
	font-style:normal;
	font-size:18px;
	color:#595757;
}

a.product_sin_b{
	width:100%;
	margin:0 20px 20px 0;
	display:block;
}
.pro_sin_pic_b{
	float:left;
}
.pro_sin_b{
	float:left;
	font-size:20px;
	padding:5px 0 0 20px;
}
footer{
	background:#EEEEEF;
}
.foot{
	width:1280px;
	margin:0 auto;
	padding:30px 0 25px 0;
}
/* .foot a{
	color: #211713;
} */
.fa{
	float: left;
	color:#211713;
	width:34%;
}
.fb{
	float: left;
	font-size:19px;
	color:#211713;
	width:32%;
	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;
}
.pro_detail{
	border-top:1px solid #1DAA38;
	margin:0 0 40px 0;
}
.pro_detall{
	margin:30px 0 0 0;
}
.pro_deleft{
	float:left;
	width:40%;
}
.pro_deleft img{
	width:100%;
	height:auto;
	border:1px solid #C8C9CA;
}
.pro_deright{
	float:right;
	width:55%;
}
.pro_deright h1{
	font-size:28px;
	color:#595757;
	padding:0;
	margin:0 0 10px 0;
}
.pro_deright p{
	font-size:16px;
	line-height:26px;
	color:#595757;
}
.pro_deright b{
	display:block;
	font-weight:normal;
	font-size:16px;
	color:#595757;
	margin:20px 0 0 0;
}
.tab_content .sp1{
	color:#20AB38;
}
.tab_content ul li{
	list-style:disc;
	margin:0 0 0 25px;
}
.tab_content ol li{
	margin:0 0 0 25px;
}
.pdetail_flex{
	border:1px solid #C8C9CA;
	margin:-1px 0 0 0;
}
.pdetail_flex_title{
	font-size:18px;
	color:#20AB38;
	margin:30px 0 20px 30px;
}
.pdetail_flex_title_b{
	font-size:18px;
	color:#20AB38;
	margin:0 0 20px 0;
	background:url(../images/pro_detail_icon1.png) no-repeat 0 5px;
	padding:0 0 0 35px;
}
.pro_info_all{
	border:1px solid #C8C9CA;
	padding:30px 15px;
	width:720px;
}
.pro_info{
	border-bottom:1px solid #C8C9CA;
	padding:0 0 10px 0;
}
.pro_infod_a{
	float:left;
	margin:0 0 0 50px;
	width:35%;
	font-size:13px;
	color:#595757;
}
.pro_infod_b{
	float:left;
	width:35%;
	font-size:13px;
	color:#595757;
}
.pro_infod_c{
	float:left;
	width:17%;
	font-size:13px;
	color:#595757;
	text-align:center;
}
.pro_infod_d{
	float:left;
	width:7%;
	font-size:13px;
	color:#211713;
	padding:27px 0 5px 0;
}
.pro_infod_e{
	float:left;
	width:35%;
	font-size:13px;
	color:#211713;
	padding:25px 0 15px 50px;
}
.pro_infod_f{
	float:left;
	width:35%;
	font-size:13px;
	color:#211713;
	padding:25px 0 15px 0;
}
.pro_infod_g{
	float:left;
	width:17%;
	font-size:13px;
	color:#211713;
	padding:25px 0 15px 0;
	text-align:center;
}
a.pro_infod_h{
	float:left;
	display:block;
	width:5%;
	font-size:13px;
	color:#211713;
	padding:25px 0 5px 0;
}
a.pd_download{
	display:block;
	color:#595757;
	background:#F2C115;
	font-size:18px;
	float:right;
	margin:20px 0 0 0;
	padding:12px 10px;
}
a.back{
	display:block;
	background: #333;
	padding:10px 20px;
	float:right;
	color:#FFF;
	margin:20px 0 0 0;
}
a.back:hover{
	background: #1DAA38;
}
.paper_t{
	font-size:22px;
	color:#595757;
	background-color:#F1F0EF;
	padding:17px 10px 15px 20px;
}
.paper_st{
	color:#595757;
	padding:10px 0 10px 30px;
	line-height:26px;
	font-size:20px;
	background:url(../images/plis_icon_b.png) no-repeat 3px 15px;
	font-weight:bold;
	margin:3px 0 0 0;
}
.right_about h1{
	font-size:22px;
	font-weight: normal;
	color:#20AB38;
}
.right_about p{
	font-size:18px;
	margin:20px 0 0 0;
	line-height:30px;
	color:#595757;
}
.news_title{
	font-size:32px;
	color:#20AB38;
	margin:-10px 0 20px 0;
}
.num_bg{
	text-align:right;
	background:#1EAA38;
	padding:5px 0;
	margin:0 0 40px 0;
}
.num{
	float:right;
	font-size:20px;
	padding:0 10px 0 0;
}
.num .sp1{
	float:left;
	background:none;
	color:#FFF;
	padding:3px 0 0 8px;
}
.num a.sp1:hover{
	background:none;
}
.num a{
	float:left;
	display:block;
	color:#20AB38;
	font-size:20px;
	padding:0 1px 5px 13px;
	background:#FFF;
	margin:0 3px 0 0;
	line-height:20px;	
}
.num a.numon, .num a:hover{
	background:#F2C116;
}
.news_list{
	margin:0 0 40px 0;
}
.news_list img{
	float:left;
	border:1px solid #C8C9CA;
	margin:0 0 0 30px;
}
.news_list_text{
	float:right;
	margin:15px 30px 0 0;
	width:48%;
}
.news_list_text h1{
	font-size:18px;
	font-weight:normal;
	color:#595757;
	line-height:30px;
	margin:0 0 8px 0;
}
.news_list_text h2{
	font-size:18px;
	font-weight: bold;
	color:#211713;	
	line-height:28px;
	margin:0 0 8px 0;
}
.news_list_text p{
	font-size:18px;
	font-weight:normal;
	color:#595757;
	line-height:30px;
}
.news_list_more{
	position:relative;
	border-bottom:1px solid #F2C116;
	margin:35px 0 0 0;
}
.more_w{
	position:absolute;
	top:-9px;
	right:0;
	padding:0 30px 0 15px;
	background:#FFF;
}
.news_list_more a{
	border:1px solid #F2C116;
	color:#F2C116;
	padding:5px 10px;
	background: #FFF;
}
.num_p{
	text-align:center;
	font-size:20px;
	padding:0 10px 0 0;
	margin:25px 0 0 0;
}
.num_p .sp1{
	font-size:16px;
	background:none;
	color:#333;
	padding:0;
	border:none;
	margin:0 0 0 15px;
}
.num_p .sp2{
	font-size:16px;
	background:none;
	color:#333;
	padding:0;
	border:none;
	margin:0 15px 0 0;
}
.num_p a.sp1:hover, .num_p a.sp2:hover{
	background:none;
	border:none;
	color:#333;
}
.num_p a{
	display: inline-block;
	color:#333;
	font-size:20px;
	padding:0;
	margin:0 3px 0 3px;
	line-height:20px;
}
.num_p a.numon, .num_p a:hover{
	border-bottom:1px solid #093;
	color: #093;
}
a.sp2{
	font-size:20px;
	color:#fff;
	padding:2px 10px 2px 8px;
	background:none;
}
.news_detail{
	padding:0 30px;
	word-break: break-all;
}
.news_detail img{
	max-width: 100%;
	height: auto;
}
.news_detail h1{
	font-size:22px;
	color:#595757;
	font-weight:normal;
	margin:0 0 10px 0;
}
.news_detail h2{
	font-size:30px;
	color:#211713;
	font-weight:normal;
	margin:0 0 20px 0;
}
.news_detail p{
	font-size:18px;
	color:#595757;
	line-height:30px;
}
.right_contact h1{
	font-size:28px;
	color:#20AB38;
	margin:0 0 25px 0;
}
.right_contact p{
	font-size:20px;
	color:#595757;
}
input.c_input_a{
	border:1px solid #585656;
	width:215px;
	height:30px;
	margin:0 40px 0 10px;
	padding:0 0 0 5px;
}
input.c_input_b{
	border:1px solid #585656;
	width:220px;
	height:30px;
	padding:0 0 0 5px;
	margin:0 0 0 10px;
}
input.c_input_c{
	border:1px solid #585656;
	width:640px;
	height:30px;
	margin:0 30px 0 10px;
	padding:0 0 0 5px;
}
input.c_input_d{
	border:1px solid #585656;
	width:575px;
	height:30px;
	margin:0 30px 0 10px;
	padding:0 0 0 5px;
}
input.c_input_e{
	border:1px solid #585656;
	width:620px;
	height:30px;
	margin:0 30px 0 10px;
	padding:0 0 0 5px;
}
input.c_input_f{
	border:1px solid #585656;
	width:640px;
	height:30px;
	margin:0 30px 0 10px;
	padding:0 0 0 5px;
}
.contact_a textarea{
	border:1px solid #585656;
	width:720px;
	height:200px;
	margin:10px 0 0 0;
	padding:5px 0 0 5px;
}
h1.ct_title_b{
	margin:40px 0 25px 0;
}
.contact_a{
	margin:0 0 20px 0;
}
a.from_sent{
	float:right;
	font-size:22px;
	color:#FFF;
	background:#F2C115;
	padding:10px 15px;
	margin:0 35px 0 0;
}
.ct_info{
	border-left:8px solid #1DAA38;
	margin:40px 0 0 0;
}
.ct_info b{
	display:block;
	border-top:1px solid #1DAA38;
	margin:0 0 0 15px;
	font-size:18px;
	line-height:30px;
	font-weight:normal;
	color:#1DAA38;
	width:705px;
	padding:10px 0 0 0;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}





/*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;

}
.hvr-underline-from-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background:#20AB38;
  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;
  margin:0 0 -4px 0;
}
.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 */
.pdetail_tab img{
	max-width: 100%;
	height: auto;
}

@media screen and (max-width: 1280px) {
	.foot{
		width:95%;
	}
}
@media screen and (max-width: 1200px) {
	#top{
		width:95%;
		padding:120px 0 0 0;
	}
	#content{
		width:100%;
	}
	.logo{
		display:none;
	}
	.search{
		display: none;
	}

	.left{
		display: none;
	}
	.right{
		float:inherit;
		width:100%;
	}
	a.product_sin{
		width:22%;
		margin:0 1.2% 30px 1.2%;
	}
	.right_about{
		float:inherit;
		width:100%;
	}
	.news_list img{
		width: 45%;
		height: auto;
		margin: 0;
	}
	.news_list_text{
		width:50%;
		margin: 0;
	}
	.news_detail{
		padding:0;
	}
	.right_contact{
		float:inherit;
		width: 730px;
		margin: 0 auto;
		padding:15px 0;
	}
	input.c_input_c{
		margin:0 0 0 10px;
	}
	input.c_input_d{
		margin:0 0 0 10px;
	}
	input.c_input_e{
		margin:0 0 0 10px;
	}
	input.c_input_f{
		margin:0 0 0 10px;
	}
}
@media screen and (max-width: 1000px) {
	.fa{
		float: inherit;
		width:100%;
	}
	.fb{
		float: inherit;
		width:100%;
	}
	footer.idx-foot-mob{
		display: block;
		margin: 50px 0 0 0;
	}
	.faxinfo {
		margin:0 40px 15px 0;
	}
	.addrinfo{
		margin:0 40px 15px 0;
	}
}
@media screen and (max-width: 800px) {
	a.product_sin{
		width:31%;
		margin:0 0.7% 30px 0.7%;
	}
	#content{
		padding:0 20px 40px 20px;
	}
	.news_list img{
		float:inherit;
		width: 100%;
		margin: 0 0 20px 0;
	}
	.news_list_text{
		float:inherit;
		width: 100%;
	}

	
	.right_contact{
		width: 95%;
	}
	input.c_input_a{
		width: 100%;
		margin:5px 0 20px 0;
	}
	input.c_input_b{
		width: 100%;
		margin:5px 0 0 0;
	}
	input.c_input_c{
		width: 100%;
		margin:5px 0 0 0;
	}
	input.c_input_d{
		width: 100%;
		margin:5px 0 0 0;
	}
	input.c_input_e{
		width: 100%;
		margin:5px 0 0 0;
	}
	input.c_input_f{
		width: 100%;
		margin:5px 0 0 0;
	}
	.contact_a textarea{
		width: 100%;
	}
	.ct_info b{
		width: 100%;
	}
	a.from_sent {
		float: inherit;
		width: 100px;
		display: block;
		text-align: center;
		margin: 0 auto;
	}
}
@media screen and (max-width: 650px) {
	.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;
	}
	.pro_deleft{
		float:inherit;
		width:100%;
		margin: 0 0 10px 0;
	}
	.pro_deright{
		float:inherit;
		width:100%;
	}
	#content{
		padding:0 20px 40px 20px;
	}
	.list_change{
		display: none;
	}
	.products h1{
		margin: 0 0 30px 0;
	}
}
@media screen and (max-width: 470px) {
	.search a{
		padding:0 7px;
	}
	a.product_sin{
		width:45.2%;
		margin:0 1.5% 30px 1.5%;
	}
	.pdetail_flex{
		padding: 0 0 30px 0;
	}
}