@charset "utf-8";
/* CSS Document */

body{
	margin: 0px;
	padding: 0px;
	font-family: "微軟正黑體";
	font-size: 15px;
	color: #000;
	letter-spacing: 1px;
	line-height: 165%;
}
a{
	color: #000;
	text-decoration: none;
}
a:hover,a:focus{
	color: #FF0000;
	text-decoration: underline;
}
img a{
  border:0;}
ul{margin: 0px;padding: 0px;}
li {
  list-style: none;
}
#wapper{
	width:1024px;
	margin-left:auto;
	margin-right:auto;
}
#header{
	width:100%;
}
#logo{
	float: left;
	margin-bottom: 20px;
}
#keyword{
	float: right;
	font-family: Arial;
	font-size: 22px;
	color: #838383;
	text-align: right;
	margin-top: 55px;
}
#area{
	width: 100%;
	margin-top: 25px;
	clear: both;
	font-size: 13px;
	color: #009c82;
	margin-bottom: 30px;
	}
#area a {
	color:#009c82;
	text-decoration: none;
}
#area a:hover {
	text-decoration: underline;
}
#area .area-1{
	width: 280px;
	background-image: url(../images/title-1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	background-color: #f3f3f3;
	padding-top: 125px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	height: 100px;
	}
#area .area-2{
	width: 280px;
	background-image: url(../images/title-2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #f3f3f3;
	padding-top: 125px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin-right: 60px;
	margin-left: 60px;
	float: left;
	height: 100px;
	}
#area .area-3{
	width: 280px;
	background-image: url(../images/title-3.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: right;
	background-color: #f3f3f3;
	padding-top: 125px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	height: 100px;
	}
#in-news{
	width: 300px;
	float: left;
	background-image: url(../images/title-4.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 22px;
	letter-spacing: 0em;
	line-height: 155%;
}
#in-pro{
	float: right;
	width: 663px;
	background-image: url(../images/title-5.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 22px;
}
#footer{
	background-color: #696969;
	width: 100%;
	margin-top: 30px;
}
#footer .f-info{
	background-color: #696969;
	width: 984px;
	font-size: 13px;
	line-height: 200%;
	color: #FFF;
	padding: 20px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
#footer .f-info a {
	color:#FFF;
	text-decoration: none;
}
#footer .f-info a:hover {
	text-decoration: underline;
}
#main{
	width: 100%;
	margin-top: 20px;
}
/* 左側選單開始 */
#left{
	width:190px;
	float:left;
}
#left-title{
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #bbbbbb;
}
ul#navmenu-v,ul#navmenu-v li,ul#navmenu-v ul {
 width: 190px; /* Menu Width */
 margin: 0;
 list-style: none;
}

ul#navmenu-v li {
	float: left;
	position: relative;
	width: 100%;
}
ul#navmenu-v li.iehover { z-index: 1000; /* IE z-index bugfix */ }

ul#navmenu-v ul {
 display: none;
 position: absolute;
 top: 0;
 left: 100%;
 z-index: 9999;
}

/* Root Menu */
ul#navmenu-v a {
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	display: block;
	color: #000;
	font: bold 15px Arial, sans-serif;
	text-decoration: none;
	height: 1%;
	background-image: url(../images/icon-3.gif);
	background-repeat: no-repeat;
	background-position: 5px 13px;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 12px;
}

/* Root Menu Hover Persistence */
ul#navmenu-v a:hover,ul#navmenu-v li:hover a,ul#navmenu-v li.iehover a {
 background: #ffb400;
 color: #000;
}

/* 2nd Menu */
ul#navmenu-v li:hover li a,ul#navmenu-v li.iehover li a {
 float: none;
 background: #ffb400;
}

/* 2nd Menu Hover Persistence */
ul#navmenu-v li:hover li a:hover,ul#navmenu-v li:hover li:hover a,ul#navmenu-v li.iehover li a:hover,ul#navmenu-v li.iehover li.iehover a {
 	background-color: #e9e9e9;
}

/* 3rd Menu */
ul#navmenu-v li:hover li:hover li a,ul#navmenu-v li.iehover li.iehover li a {
 	background-color: #e9e9e9;
}

/* 3rd Menu Hover Persistence */
ul#navmenu-v li:hover li:hover li a:hover,ul#navmenu-v li:hover li:hover li:hover a,ul#navmenu-v li.iehover li.iehover li a:hover,ul#navmenu-v li.iehover li.iehover li.iehover a {
 background: #666;
}

/* 4th Menu */
ul#navmenu-v li:hover li:hover li:hover li a,ul#navmenu-v li.iehover li.iehover li.iehover li a {
 background: #666;
}

/* 4th Menu Hover */
ul#navmenu-v li:hover li:hover li:hover li a:hover,ul#navmenu-v li.iehover li.iehover li.iehover li a:hover {
 background: #333;
}

/* Hover Function - Do Not Move */
ul#navmenu-v li:hover ul ul,ul#navmenu-v li:hover ul ul ul,ul#navmenu-v li.iehover ul ul,ul#navmenu-v li.iehover ul ul ul { display: none; }
ul#navmenu-v li:hover ul,ul#navmenu-v ul li:hover ul,ul#navmenu-v ul ul li:hover ul,ul#navmenu-v li.iehover ul,ul#navmenu-v ul li.iehover ul,ul#navmenu-v ul ul li.iehover ul { display: block; }
/* 左側選單結束 */
#right{
	float: right;
	width: 800px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#sitemap{
	font-size: 12px;
	color: #000;
	background-image: url(../images/icon-map.jpg);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-left: 15px;
	margin-bottom: 20px;
}
#sitemap a {
	color: #7F7F7F;
	text-decoration: none;
}
#sitemap a:hover {
	text-decoration: underline;
}
#title-classify{
	font-size: 30px;
	line-height: 110%;
	color: #009c82;
	margin-bottom: 10px;
}
#product-list{
	width: 100%;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #dbdbdb;
}
#product-list .pro-pic{
	width: 200px;
	text-align: center;
	vertical-align: bottom;
	float: left;
	margin-right: 20px;
}
#product-list .pro-text{
	width: 580px;
	float: left;
}
#product-list .pro-text .pro-name{
	width: 100%;
	margin-bottom: 10px;
	font-weight: bold;
}
#product-list .pro-text .pro-info{
	width: 100%;
	margin-bottom: 10px;
	font-size: 13px;
	height: 95px;
	line-height: 165%;
}
#product-list .pro-text .pro-bt{
	width: 100%;
	margin-bottom: 10px;
	font-size: 13px;
	color: #009c82;
}
#product-list .pro-text .pro-bt a {
	color: #009c82;
	text-decoration: none;
}
#product-list .pro-text .pro-bt a:hover {
	text-decoration: underline;
}
#product-list .pro-picb{
	width: 430px;
	text-align: center;
	vertical-align: bottom;
	float: left;
	margin-right: 20px;
}
#product-list .pro-textb{
	width: 350px;
	float: left;
}
#product-list .pro-textb .pro-nameb{
	width: 100%;
	margin-bottom: 10px;
	font-weight: bold;
}
#product-list .pro-textb .pro-infob{
	width: 100%;
	margin-bottom: 10px;
	font-size: 13px;
	line-height: 165%;
}

/* 頁碼開始 */
.pagination{
	display: inline-block;
	padding-left: 0;
	border-radius: 4px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 9%;
}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{
	position: relative;
	float: left;
	padding: 6px 12px;
	line-height: 1.42857143;
	text-decoration: none;
	color: #009c82;
	background-color: #fff;
	border: 1px solid #ddd;
	margin-left: -1px
}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-bottom-right-radius:4px;border-top-right-radius:4px}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{
	color: #2a6496;
	background-color: #ffb400;
	border-color: #ffb400
}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{
	z-index: 2;
	color: #fff;
	background-color: #009c82;
	border-color: #009c82;
	cursor: default
}.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#999;background-color:#fff;border-color:#ddd;cursor:not-allowed}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-bottom-left-radius:6px;border-top-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-bottom-right-radius:6px;border-top-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-bottom-left-radius:3px;border-top-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-bottom-right-radius:3px;border-top-right-radius:3px}
/* 頁碼結束 */
#html{
	width:100%;
}
#service{
	width: 100%;
	text-align: center;
}
#service-list{
	width:190px;
	margin-bottom:30px;
	margin-right:10px;
	float:left;
}
#service-list .service-pic{
	width: 100%;
	margin-bottom: 5px;
	text-align: center;
	vertical-align: middle;
}
#service-list .service-nsme{
	width:100%;
}
#service-picb{
	width:700px;
	margin:20px auto;
}

.text13{
	font-size: 13px;
	color: #000;
}
.text13-green{
	font-size: 13px;
	color: #009c82;
}
.text13-green a {
	color:#009c82;
	text-decoration: none;
}
.text13-green a:hover {
	text-decoration: underline;
}
.table-down{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}