@charset "utf-8";
/*
 * CSS Document
 * ==========================================================================
 * 版權所有 2013 鉅潞科技網頁設計公司，並保留所有權利。
 * 網站地址: http://www.grnet.com.tw
 * ==========================================================================
 * $Author: 于庭 $
 * $Date: 2014-03-18 (TUE) $
*/

/* ==========================================================================
   Reset Page
   ========================================================================== */
body {
	margin: 0;
	padding: 0;
	color: #333;
	font-size: 12px;
	font-family: Arial, sans-serif;
	background: url(../images/bg2.gif) center 0 no-repeat;
}
body#bg {
	background-image: url(../images/bg.gif);
}
body#iBg {
	background-image: url(../images/bg3.gif);
}
img {
	border: 0;
	text-decoration: none;
}
form, input, textarea, select {
	margin: 0;
	padding: 0;
	color: #333;
	font-size: 12px;
}
input, textarea, select {
	font-family: Arial, sans-serif;
}
textarea {
	resize: none;
}
.tabSet, .tabSet th, .tabSet td {
	padding: 0;
	border: 0;
	border-spacing: 0;
	border-collapse: collapse;
}
.tabSet input, .tabSet label, .tabSet select {
	vertical-align: middle;
}
.clearBoth {
	height: 0;
	font-size: 0;
	line-height: 0;
	clear: both;
}
.displayNone {
	display: none;
}
.hiddenEle {
  position: absolute;
  clip: rect(1px 1px 1px 1px); /* IE6 & 7 */
  clip: rect(1px, 1px, 1px, 1px);
}
.clearGroup:before, .clearGroup:after {
   content: "";
   display: table;
}
.clearGroup:after {
   clear: both;
}
.clearGroup {
   zoom: 1; /* IE6&7 */
}

/* ==========================================================================
   Share Page
   ========================================================================== */
#header {
	width: 100%;
	min-width: 1000px;
	height: 90px;
	border-top: 5px solid #12623d;
}
#header .wrap {
	margin: 0 auto;
	width: 1000px;
	height: 90px;
	overflow: hidden;
}
#header h1 {
	float: left;
	margin: 35px 0 0;
	padding: 0;
	width: 320px;
	height: 55px;
	overflow: hidden;
}
#header h1 a {
	display: block;
	width: 320px;
	height: 55px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../images/logo.png) 0 0 no-repeat;
}
#header .right {
	float: right;
	width: 580px;
	overflow: hidden;
}
/* Lang */
#header .langBox {
	float: right;
	position: relative;
	margin-top: 16px;
	width: 123px;
	height: 22px;
	overflow: hidden;
	background: url(../images/lang_bg.png) 0 0 no-repeat;
}
#header .langBox label,
#header .langBox select {
	position: absolute;
	top: 0;
	left: 0;
}
#header .langBox label {
	margin: 2px 23px 2px 10px;
	width: 90px;
	height: 18px;
	color: #555;
	line-height: 18px;
}
#header .langBox select {
	width: 123px;
	height: 22px;
	opacity: 0;
}
/* Nav */
#nav {
	float: right;
	margin-top: 13px;
	width: 562px;
	overflow: hidden;
}
#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#nav li {
	float: left;
	height: 29px;
	text-align: center;
}
#nav li a {
	position: relative;
	padding: 0 17px;
	display: block;
	color: #222;
	font-size: 14px;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 30px;
	z-index: 5;
}
#nav li.backLava  {
	position: absolute;
	height: 29px;
	-webkit-border-radius: 13px 14px 14px 13px/14px;
	-moz-border-radius: 13px 14px 14px 13px/14px;
	border-radius: 13px 14px 14px 13px/14px;
	background-color: #29902f;
	-webkit-box-shadow: inset 2px 1px 2px rgba(0,0,0,.35);
	-moz-box-shadow: inset 2px 1px 2px rgba(0,0,0,.35);
	box-shadow: inset 2px 1px 2px rgba(0,0,0,.35);
	z-index: 0;
}
#nav li a:hover,
#nav li.selectedLava a {
	color: #fff;
}
/* Main */
#mainWrap {
	margin: 0 auto;
	padding: 55px 0 20px;
	width: 1000px;
}
#sideBar {
	float: left;
	margin-left: 10px;
	width: 180px;
}
#sideBar .tiName {
	padding: 15px 6px 13px 9px;
	width: 165px;
	height: 20px;
	overflow: hidden;
	background: url(../images/ti_name_bg.gif) 0 0 no-repeat;
}
#sideBar .tiName span {
	display: block;
	width: 165px;
	height: 20px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../images/ti_name.png) 0 0 no-repeat;
}
#sideBar .tiName .goods { background-position: 0 0;}
#sideBar .tiName .about { background-position: 0 -20px;}
#sideBar .tiName .news { background-position: 0 -40px;}
#sideBar .tiName .serice { background-position: 0 -60px;}
#sideBar .tiName .contact { background-position: 0 -80px;}
#sideBar .tiName .search { background-position: 0 -100px;}
#sideBar .tiName .system { background-position: 0 -120px;}
/* Left - Nav */
/* First Layer */
#sideBar ul {
	margin: 0;
	padding: 0;
	list-style: none;
	background-color: #fff;
}
#sideBar a {
	font-size: 13px;
	line-height: 18px;
	text-decoration: none;
}
#sideBar > ul {
	width: 178px;
	border: 1px solid #ddd;
	border-bottom: none;
}
#sideBar ul li a {
	display: block;
	padding: 5px 23px 5px 10px;
	width: 145px;
	color: #1c1c1c;
	border-bottom: 1px solid #ddd;
}
#sideBar li a:hover,
#sideBar li.current a {
	background: url(../images/icon_aw1.gif) 95% center no-repeat;
}
#sideBar li.current.single a {
	background-image: url(../images/icon_aw4.gif);
}
/* Second Layer */
#sideBar li.current ul {
	border-bottom: 1px solid #ddd;
}
#sideBar li.current li a {
	display: block;
	padding: 3px 10px 3px 23px;
	width: 145px;
	color: #7b7b7b;
	background: url(../images/icon_line1.gif) 10px 8px no-repeat;
	border: none;
}
#sideBar li.current li a:hover,
#sideBar li.current li.current a {
	color: #000;
	background: #e7e7e7 url(../images/icon_line2.gif) 10px 8px no-repeat;
}
/* Third Layer */
#sideBar li.current li.current ul {
	margin: 0 10px 0 22px;
	padding: 0;
	width: 150px;
	border: none;
	background: none;
	background-color: transparent;
}
#sideBar li.current li.current ul a {
	padding: 2px 0 2px 15px;
	width: 135px;
	color: #666;
	background: none;
	background: url(../images/icon_aw3.gif) 2px 8px no-repeat;
}
#sideBar li.current li.current ul li a:hover,
#sideBar li.current li.current ul li.current a {
	color: #222;
	text-decoration: underline;
}
/* Search Bar */
.searchBar {
	margin: 30px 0;
}
.searchBar .box {
	width: 176px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #fcfcfc;
	-webkit-box-shadow: inset 0 5px 5px rgba(0,0,0,.19);
	-moz-box-shadow: inset 0 5px 5px rgba(0,0,0,.19);
	box-shadow: inset 0 5px 5px rgba(0,0,0,.19);
	border: solid 2px #17841e;
}
.searchBar .select {
	position: relative;
	margin: 0 auto;
	padding: 5px 0;
	width: 160px;
	height: 18px;
	border-bottom: 1px solid #cbcbcb;
}
.searchBar .select label {
	position: absolute;
	top: 5px;
	left: 2px;
	width: 160px;
	height: 20px;
	color: #4a4a4a;
	line-height: 22px;
	background: url(../images/icon_aw2.gif) right center no-repeat;
}
.searchBar .select select {
	position: absolute;
	top: 7px;
	left: -3px;
	width: 168px;
	height: 20px;
	opacity: 0;
}
.searchBar .inputBar {
	padding-top: 4px;
	height: 25px;
	overflow: hidden;
}
.searchBar .inputBar .inText {
	float: left;
	margin: 2px 0 0 8px;
	padding: 2px;
	width: 122px;
	border: 0;
	background-color: transparent;
}
/* Placeholder */
.searchBar .inputBar .inText::-webkit-input-placeholder {	color: #4a4a4a;}
.searchBar .inputBar .inText::-moz-placeholder { color: #4a4a4a; opacity: 1;}
.searchBar .inputBar .inText:-ms-input-placeholder { color: #4a4a4a; line-height: 26px\9;}
.searchBar .inputBar .inText:-moz-placeholder { color: #4a4a4a;}
.searchBar .inputBar .btnSubmit {
	float: right;
	margin: 2px 5px 0 0;
	width: 32px;
	height: 19px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../images/search_go.gif) 0 0 no-repeat;
	border: 0;
}
.searchBar .inputBar .btnSubmit:hover {
	background-position: 0 -19px;
}
/* Right - Page */
.pageMain {
	float: right;
	margin-right: 10px;
	width: 760px;
}
.pageGuide {
	height: 20px;
	overflow: hidden;
}
.pageGuide .home {
	display: inline-block;
	padding-left: 20px;
	background: url(../images/icon_home.gif) 0 0 no-repeat;
}
.pageGuide a:hover {
	text-decoration: underline;
}
.pageGuide a,
.pageGuide span {
	vertical-align: middle;
}
.pageGuide a {
	color: #7b7b7b;
	text-decoration: none;
}
.pageGuide span.aw {
	display: inline-block;
	margin: 0 2px;
	width: 5px;
	height: 5px;
	overflow: hidden;
	background: url(../images/icon_aw3.gif) 0 0 no-repeat;
}
.pageNum {
	padding: 20px 0;
	text-align: center;
}
.pageNum div, .pageNum a {
	display: inline-block;
	text-decoration: none;
	vertical-align: middle;
}
.pageNum a {
	padding: 0 5px;
	color: #4b4b4b;
	font-size: 13px;
}
.pageNum a.current,
.pageNum a:hover {
	color: #29902f;
	text-decoration: underline;
}
.pageNum div.prev {
	margin-right: 80px;
}
.pageNum div.next {
	margin-left: 80px;
}
.pageContent {
	padding-top: 20px;
}
.tiLine {
	margin-bottom: 5px;
	padding-bottom: 5px;
	color: #000;
	font-size: 17px;
	background: url(../images/line3.gif) 0 bottom no-repeat;
}
.btnBack {
	margin: 20px auto 0;
	padding-top: 15px;
	width: 160px;
	height: 30px;
	overflow: hidden;
	background: url(../images/back_bg.gif) 0 0 no-repeat;
}
.btnBack a {
	display: block;
	margin: 0 auto;
	width: 80px;
	height: 17px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../images/back.png) 0 0 no-repeat;
}
.btnBack a:hover {
	position: relative;
	top: 1px;
}
.noData{ padding: 30px 0 70px; height: 100px; text-align: center; line-height: 100px;}

/* Footer */
#footer {
	width: 100%;
	min-width: 1000px;
	height: 125px;
	overflow: hidden;
	background: url(../images/footer_bg.gif) 0 0 repeat-x;
}
#footer .wrap {
	margin: 0 auto;
	width: 1000px;
	height: 125px;
	overflow: hidden;
}
#footer .top {
	padding: 7px 10px 0;
	width: 980px;
	height: 52px;
	overflow: hidden;
}
#footer .top .fLogo {
	float: left;
	margin: 0 13px 0 5px;
	width: 170px;
	height: 45px;
	overflow: hidden;
	background: url(../images/line5.gif) right center no-repeat;
}
#footer .top .fNav {
	float: left;
	margin: 15px 0 0;
	padding: 0;
	list-style: none;
}
#footer .top .fNav li {
	float: left;
	font-size: 13px;
	font-family: LiGothicMed, '微軟正黑體';
	font-weight: bold;
}
#footer .top .fNav a {
	margin: 0 10px;
	color: #3a3a3a;
	font-size: 12px;
	font-weight: normal;
	font-family: Arial, sans-serif;
	text-decoration: none;
	text-transform: uppercase;
}
#footer .top .fNav a:hover {
	text-decoration: underline;
}
#scrollUp {
	bottom: 65px;
	right: 20px;
	width: 35px;
	height: 22px;
	background: url(../images/bottom_top.png) no-repeat;
	z-index: 100;
}
#scrollUp:hover {
	background-position: -35px 0;
}
#footer .top .btnCall {
	float: right;
	display: block;
	margin: 10px 15px 0 0;
	width: 235px;
	height: 24px;
	overflow: hidden;
}
#footer .bottom {
	padding-top: 10px;
	color: #7b7b7b;
	line-height: 22px;
	text-align: center;
}
#footer .bottom a {
	color: #7b7b7b;
}
#footer .bottom a.grnet {
	text-decoration: none;
}
#footer .bottom a:hover {
	color: #444;
	text-decoration: underline;
}

/* ==========================================================================
   Index
   ========================================================================== */
#iWrap {
	margin: 30px auto 0;
	width: 1000px;
}
#iWrap .iBanner {
	position: relative;
	width: 1000px;
	height: 380px;
	overflow: hidden;
}
#iWrap .iBanner ul {
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
	height: 100%;
	z-index: 0;
}
#iWrap .iBanner ul li {
	zoom: 1;
	vertical-align: middle;
}
#iWrap .iBanner .prev,
#iWrap .iBanner .next {
	display: block;
	position: absolute;
	top: 160px;
	width: 27px;
	height: 27px;
	overflow: hidden;
	text-indent: -9999px;
	background-position: 0 0;
	background-repeat: no-repeat;
	z-index: 100;
}
#iWrap .iBanner .prev {
	left: 0;
	background-image: url(../images/slider_left.png);
}
#iWrap .iBanner .next {
	right: 0;
	background-image: url(../images/slider_right.png);
}
#iWrap .iBanner .prev:hover,
#iWrap .iBanner .next:hover {
	background-position: 0 -27px;
}
#iWrap .main {
	margin: 0 0 50px;
	width: 1000px;
	background: url(../images/imain.png) 0 0 no-repeat;
}
#iWrap .list {
	padding: 1px 0 0 0;
	height: 210px;
}
#iWrap .list .box {
	float: left;
	width: 250px;
	height: 230px;
	background: url(../images/iline.gif) right 0 no-repeat;
	cursor: pointer;
}
#iWrap .list .title {
	height: 55px;
	color: #5a5a5a;
	font-size: 24px;
	text-align: center;
	text-transform: uppercase;
	line-height: 55px;
	cursor: pointer;
}
#iWrap .list .txt {
	display: block;
	margin: 0 auto;
	padding: 10px 0 25px;
	width: 200px;
	height: 120px;
	overflow: hidden;
	text-decoration: none;
	border-top: 1px solid #e4e4e4;
}
#iWrap .list .txt span {
	display: block;
	margin: 0;
	padding: 0;
	height: 100px;
	overflow: hidden;
	color: #4a4a4a;
	font-size: 13px;
	line-height: 20px;
}
#iWrap .news {
	margin: 30px 15px 20px 0;
	padding-left: 20px;
	width: 395px;
	/*height: 30px;*/
	overflow: hidden;
	float: right;

}
#iWrap .news .tiLine {
	float: left;
	width: 60px;
}
.slideTxtBox{ width: 395px; text-align:left; }
.slideTxtBox ul{ margin: 0; padding: 0; list-style: none;}
.slideTxtBox .hd{ height:30px; line-height:30px; padding:0; background: url(../images/line.gif) 0 bottom repeat-x; position:relative; }
.slideTxtBox .hd ul{ float:left;  position:absolute; left:0; top: 0; height:32px;   }
.slideTxtBox .hd ul li{ float:left; padding:0 15px; cursor:pointer; color: #000; font-size: 17px; height:29px; border-bottom: 1px solid #16912d; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;/*background: #fff;	border: 1px solid #ddd;			-webkit-border-top-left-radius: 5px;	-webkit-border-top-right-radius: 5px;	-moz-border-radius-topleft: 5px;	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;	border-top-right-radius: 5px; margin-right: 5px*/}
.slideTxtBox .hd ul li.on{ height:30px; border: 1px solid #57a866;	border-bottom: none;	color: #16912d;	font-weight: bold; }
.slideTxtBox .bd ul{ padding: 0 15px;  zoom:1;  }
.slideTxtBox .bd span{ display: block; color: #666;}
.infoList2 li{ width: 390px; display: block; overflow: hidden; padding: 15px 0 10px 5px; border-bottom: 1px dotted #ddd; }
.infoList2 li:last-child{ border-bottom: none;}
.infoList2 .pic{ width: 110px; height: 70px; overflow: hidden; float: left; margin-right: 12px}
.infoList2 span{ margin: 5px 0;}
.infoList2 a{ display: block; float: left; width: 250px;	overflow: hidden;	color: #12623d;	text-decoration: none; }
.infoList li {
	line-height: 18px;
	padding-bottom: 8px;
	border-bottom: 1px dotted #ddd;
	margin-top: 8px
}
.infoList li:last-child{ border-bottom: none;}
.infoList li a {
	color: #12623d;
	text-decoration: none;
	display: block;
	width: 370px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.infoList li:hover{ background: #f9f6f6}
.btnMore {
	float: right;
	display: block;
	margin-top: 5px;
	width: 45px;
	height: 15px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../images/more.gif) 0 0 no-repeat;
}
.btnMore:hover {
	position: relative;
	left: 1px;
}
.welcome{   width: 550px;
  overflow: hidden;
  line-height: 22px;
  float: left;
  background: url(../images/shadow_wel.gif) no-repeat right;
  margin: 30px 0 0 20px;
  padding-right: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 244px; }
.welcome .wTi{ font-size: 17px; color: #000; font-weight: bold; margin-bottom: 15px;}
/*.dcontBox{ width: 100%; background: url(../images/slogo.gif) no-repeat 350px 170px; overflow: hidden;}*/

/* ==========================================================================
   Goods
   ========================================================================== */
/* List */
#goodsList .wrap {
	width: 800px;
}
#goodsList .gp{ width: 760px; height: 230px; overflow: hidden; vertical-align: top; margin-bottom: 15px}
#goodsList .group{ width: 760px; overflow: hidden; margin-bottom: 25px; cursor: pointer}
#goodsList .group .pic{ width: 135px; height: 160px; overflow: hidden; float: left; margin-right: 10px; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box; border: 1px solid #ddd}
#goodsList .group .rT{ width: 615px; overflow: hidden; float: right; display: table; line-height: 18px; font-size: 14px; height: 160px; color: #666}
#goodsList .group .rT > .box{ display: table-cell; vertical-align: middle;}
#goodsList .group .rT a.name{ text-decoration: none; font-size: 21px; color: #000; display: block; margin-bottom: 15px}
#goodsList .group .rT a.name, #goodsList .group .rT a.name:hover, #goodsList .group .pic{ transition: all .3s ease; -o-transition: all .3s ease;-moz-transition: all .3s ease; -webkit-transition: all .3s ease;}
#goodsList .group .rT a.name:hover{ color: #12623d}
#goodsList .gBox {
	float: left;
	position: relative;
	margin: 0 14px 25px;
	width: 225px;

}
#goodsList .gBox a {
	display: none;
	position: absolute;
	top: -8px;
	left: 0;
	padding: 0;
	width: 225px;
	height: 285px;
	color: #fff;
	line-height: 18px;
	text-decoration: none;
	background: url(../images/goods_hover.png) 0 0 no-repeat;
}
#goodsList .gBox:hover a {
	display: block;
}
#goodsList .gBox a span {
	display: block;
	width: 195px;
	height: 75px;
	overflow: hidden;
}
#goodsList .img {
	width: 225px;
	height: 267px;
	overflow: hidden;
	margin-bottom: 10px;
}
#goodsList .gBox .title {
	display: block;
	padding: 0 5px;
	width: 215px;
	height: 24px;
	overflow: hidden;
	color: #000;
	font-size: 14px;
	line-height: 22px;
	white-space: nowrap;
	text-overflow: ellipsis;
	border-bottom: 2px solid #b5b5b5;
}
#goodsList .gBox .notice {
	display: block;
	padding: 0 5px;
	width: 215px;
	height: 24px;
	overflow: hidden;
	color: #088d41;
	font-size: 13px;
	white-space: nowrap;
	text-overflow: ellipsis;
	line-height: 22px;
}
/* View */
#goodsView .gLeft {
	float: left;
	width: 415px;
}
#goodsView .tiBar {
	padding-bottom: 3px;
	border-bottom: 1px solid #ddd;
}
#goodsView .tiBar .title {
	float: left;
	width: 220px;
	color: #666;
	font-size: 18px;
}
#goodsView .tiBar .pName{ clear: both; font-size: 24px; color: #000; margin: 5px 0 0}
#goodsView .tiBar a,
#goodsView .tiBar span {
	display: block;
	float: right;
	height: 25px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../images/btn_download.gif) no-repeat;
}
#goodsView a.btnDownload {
	width: 100px;
	background-position: 0 0;
}
#goodsView a.btnInquiry {
	width: 91px;
	background-position: -100px 0;
}
#goodsView a.btnDownload:hover {
	background-position: 0 -25px;
}
#goodsView span.btnDownload.none,
#goodsView span.btnDownload.none:hover {
	width: 100px;
	background-position: 0 0;
	cursor: default;
}
#goodsView a.btnInquiry:hover {
	background-position: -100px -25px;
}
#goodsView .gRight {
	float: right;
	width: 320px;
}
#goodsView .infoTxt {
	margin: 7px 0 10px;
	/*height: 410px;*/
	overflow: hidden;
	color: #4a4a4a;
	font-size: 13px;
	line-height: 22px;
}
#goodsView .smallBar {
	position: relative;
	margin: 15px 0;
	padding-left: 30px;
	width: 320px;
	height: 89px;
}
#goodsView .slidePrev,
#goodsView .slideNext {
	display: block;
	position: absolute;
	top: 35px;
	width: 27px;
	height: 27px;
	overflow: hidden;
	text-indent: -9999px;
	background-position: 0 0;
	background-repeat: no-repeat;
	z-index: 100;
}
#goodsView .slidePrev {
	left: 0;
	background-image: url(../images/slider_left.png);
}
#goodsView .slideNext {
	right: 0;
	background-image: url(../images/slider_right.png);
}
#goodsView .slidePrev:hover,
#goodsView .slideNext:hover {
	background-position: 0 -27px;
}
#goodsView .slidePrev.prevStop,
#goodsView .slidePrev.prevStop:hover,
#goodsView .slideNext.nextStop,
#goodsView .slideNext.nextStop:hover {
	background: none;
	cursor: default;
}
#goodsView .slideList {
	margin: 0;
	padding: 0;
	list-style: none;
}
#goodsView .slideList li {
	float: left;
	width: 89px;
	height: 89px;
	overflow: hidden;
}
#goodsView .slideList li img {
	display: block;
	margin: 0 auto;
	border: 1px solid #ddd;
}
#goodsView .slideList li:hover img {
	border: 1px solid #094;
	cursor: pointer;
}
#goodsView .imgBar {
	padding-left: 40px;
}
#goodsView .imgBar img {
	margin: 0 5px 5px 0;
}
#goodsView .tabsWrap {
	clear: both;
	padding-top: 50px;
	padding-bottom: 2px;
	width: 760px;
	height: 30px;
	background: url(../images/line.gif) 0 bottom repeat-x;
}
#goodsView .tabsWrap .tabs {
	margin: 0;
	padding: 0;
	list-style: none;
}
#goodsView .tabsWrap .tabs li {
	float: left;
	padding-right: 5px;
}
#goodsView .tabsWrap .tabs a {
	padding: 2px 5px 0;
	display: block;
	color: #999;
	font-size: 17px;
	line-height: 28px;
	text-decoration: none;
	background: #fff;
	border: 1px solid #ddd;
	border-bottom: none;
	-webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
#goodsView .tabsWrap .tabs a.current {
	/*background-image: url(../images/line3.gif);*/
	border: 1px solid #57a866;
	border-bottom: none;
	color: #16912d;
	font-weight: bold;
}
#goodsView .panesWrap {
	padding-top: 20px;
	width: 760px;
	overflow: hidden;
}
#goodsView .panesWrap .paneBox {
	padding: 10px 0;
}
/* Related Products */
#goodsView .relatedBox {
	position: relative;
	margin-top: 10px;
	overflow: hidden;
	background: url(../images/page_shadow.gif) center 80px no-repeat;
}
#goodsView .relatedBox .bar {
	margin-top: 40px;
	height: 40px;
	overflow: hidden;
}
#goodsView .relatPrev,
#goodsView .relatNext {
	display: block;
	position: absolute;
	top: 50px;
	width: 14px;
	height: 14px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../images/slider_btn.gif) no-repeat;
	z-index: 100;
}
#goodsView .relatPrev {
	right: 24px;
	background-position: 0 0;
}
#goodsView .relatNext {
	right: 5px;
	background-position: right 0;
}
#goodsView .relatPrev:hover {
	background-position: 0 -14px;
}
#goodsView .relatNext:hover {
	background-position: right -14px;
}
#goodsView .relatPrev.prevStop,
#goodsView .prevStop:hover {
	background-position: 0 0;
	cursor: default;
}
#goodsView .relatNext.nextStop,
#goodsView .nextStop:hover {
	background-position: right 0;
	cursor: default;
}
#goodsView .listBox {
	position: relative;
	left: 0;
	margin: 0;
	padding: 0;
	width: 760px;
	overflow: hidden;
	list-style: none;
}
#goodsView .listBox li {
	float: left;
	margin-top: 5px;
	width: 155px;
	overflow: hidden;
}
#goodsView .listBox li a {
	display: block;
	margin: 0 auto;
	width: 130px;
	height: 143px;
	overflow: hidden;
	text-align: center;
}
#goodsView .listBox li strong {
	display: block;
	margin: 0 auto;
	padding: 5px 0;
	width: 120px;
	color: #000;
	text-align: center;
}
#goodsView .listBox li:hover a {
	background: url(../images/related_list_bg.png) 0 0 no-repeat;
}
#goodsView .listBox li:hover strong {
	color: #fff;
	background-color: #028c44;
}
#goodsView .shadow {
	height: 20px;
	overflow: hidden;
	background: url(../images/page_shadow.gif) 0 0 no-repeat;
}

/* ==========================================================================
   ABOUT
   ========================================================================== */
#aboutMain{/* background: url(../images/about_img1.png) 0 20px no-repeat; padding: 330px 0 50px 0;*/ line-height: 2.1em; text-align: justify;}
#aboutMain p{ padding: 5px 0;}
#aboutMain .imgL{ float: left}
#aboutMain .imgR{ float: right}
#fontBox{ width: 100%px; overflow: hidden;line-height: 2.1em;}

/* ==========================================================================
   NEWS
   ========================================================================== */
#newsMain{ width: 760px; margin-bottom: 50px;}
#newsMain .newsBox{ position: relative; background: url(../images/news_box_bg.png) no-repeat; width:760px; height: 85px; margin: 0 0 20px 0; overflow: hidden; }
#newsMain .newsBox .dateWrap{ width: 85px; height: 85px; float: left; overflow: hidden;color: #666; font-size: 11px;}
#newsMain .newsBox .dateWrap .year { width: 40px; height: 13px; margin: 15px 0 0 8px; text-align: center;}
#newsMain .newsBox .dateWrap .month { width: 40px; height: 13px; margin: 0 0 0 8px; text-align: center;}
#newsMain .newsBox .dateWrap .date { width: 40px; height: 20px; margin: 10px 0 0 39px; font-size: 20px; color: #ababab;}
#newsMain .newsBox .textWrap{ width: 655px; height: 85px; padding: 0 0 0 20px; float: right; overflow: hidden;}
#newsMain .newsBox .textWrap a.ti{ display: block; height: 18px; margin: 10px 0 5px 0; font-size: 14px; color: #333; text-decoration: none; overflow: hidden;  text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease;}
#newsMain .newsBox .textWrap a.ti:hover{ color: #0a8d3f; }
#newsMain .newsBox .textWrap .txt{ color: #989898; height: 30px; overflow: hidden;}
#newsMain .newsBox:hover{ background: url(../images/news_box_bg_hover.png) no-repeat; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease;}
#newsMain .newsBox .tiView{ position: absolute; bottom: 20px; max-height:3.5em; font-size: 18px; margin-bottom: 0; color: #333; overflow: hidden}

/* ==========================================================================
   Service
   ========================================================================== */
#serviceWrap {}
#serviceWrap .topTitle {
	width:90px;
	height:30px;
	font-size:25px;
	line-height:30px;
	color:#006e2c;
	padding:58px 141px 37px 529px;
}
#faqWrap {
	width:760px;
	overflow:hidden;
}
#faqWrap .faqBox {
	width:100%;
	padding-bottom:10px;
	overflow:hidden;
}
#faqWrap .faqBox .faqQue {
	width:673px;
	min-height:23px;
	line-height:22px;
	background-color:#FFF;
	padding:5px 30px 5px 55px;
	background-image:url('../images/faq_q_bar.gif');
	background-repeat:no-repeat;
	border:1px solid #dddddd;
	-moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
	cursor:pointer;
	overflow:hidden;
}
#faqWrap .faqBox .faqAns {
	display:none;
	width:760px;
	line-height:20px;
	background:url(../images/service_a_bg.gif) no-repeat top;
	background-color:#FFF;
	padding:10px 0;
	overflow:hidden;
}
#faqWrap .faqBox .faqAns .pic {
	float:left;
	width:40px;
	height:40px;
	line-height:40px;
	font-size:18px;
	color:#20aa40;
	text-align:center;
	overflow:hidden;
	background: url(../images/faq_a.png) no-repeat center center;
	display:block;
	text-indent: -9999px
}
#faqWrap .faqBox .faqAns .info {
	float:left;
	width:710px;
	margin-left:10px;
	line-height:24px;
	color:#3d3d3d;
	overflow:hidden;
}
#faqWrap a.btnDown{ width: 107px; height: 22px; overflow: hidden; display: block; text-indent: -9999px; background: url(../images/btn_down.png) no-repeat; margin: 5px 0 2px}
#faqWrap a.btnDown:hover{ position: relative; left: 1px; top: 1px}
/* ==========================================================================
   Contact
   ========================================================================== */
.contactTop {
	width:100%;
	overflow:hidden;
}
.contactTop .contactTopL {
	float:left;
	width:392px;
	overflow:hidden;
}
.contactTop .contactTopL .map {
	width:390px;
	height:175px;
	border:1px solid #dddddd;
	overflow:hidden;
}
.contactTop .contactTopL .map .loadMap {
	width:390px;
	height:175px;
}
.contactTop .contactTopL .shadow {
	width:392px;
	height:15px;
	background:url(../images/contact_map_shadow.png) no-repeat;
	overflow:hidden;
}
.contactTop .contactTopR {
	float:right;
	width:340px;
	min-height:175px;
	background:url(../images/contact_info_bg.png) no-repeat bottom;
	overflow:hidden;
}
.contactTop .contactTopR .ti {
	width:340px;
	line-height:30px;
	font-size:20px;
	color:#098d40;
	border-bottom:1px solid #dddddd;
	overflow:hidden;
	text-transform: uppercase;
}
.contactTop .contactTopR .infoTab {
	width:340px;
	margin-top:15px;
	border-collapse:collapse;
	border-spacing:0;
}
.contactTop .contactTopR .infoTab td {
	line-height:24px;
	color:#4a4a4a;
	font-size:13px;
}
.contactTop .vTop{ vertical-align: top}
.contactBot {
	width:760px;
	margin-top:20px;
	background:url(../images/contact_form_bg.gif) no-repeat 0 60px;
	clear: both;
}
.contactBot .bar {
	width:760px;

	font-size:17px;
	color:#010101;
	line-height:30px;
	overflow:hidden;
}
.contactBot .bar span {
	font-size:13px;
}
.contactTab {
	width:670px;
	margin:20px auto 0;
	background:url(../images/contact_form_shadow.gif) no-repeat 0 380px;
	border-collapse:collapse;
	border-spacing:0;
}
.contactTab th {
	width:110px;
	color:#000000;
	vertical-align:top;
	padding:12px 0 0;
	font-family:'微軟正黑體', STXihei, Microsoft JhengHei, Microsoft YaHei, sans-serif, PMingLiU;
	font-size:15px;
	text-align:right;
	font-weight:normal;
	overflow:hidden;
}
.contactTab td {
	padding:5px 0 5px 10px;
	overflow:hidden;
}
.contactTab td.center {
	text-align:center;
	padding:50px 0 50px;
}
.btn {
	display: inline-block;
	padding-top: 15px;
	width: 160px;
	height: 30px;
	overflow: hidden;
	background: url(../images/back_bg.gif) 0 0 no-repeat;
}
.btn input, .btn a {
	display: block;
	margin: 0 auto;
	height: 17px;
	overflow: hidden;
	text-indent: -9999px;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-color: transparent;
	border: 0;
}
.btn input:hover, .btn a:hover {
	position: relative;
	top: 1px;
}
.btn .btnReset {
	width: 85px;
	background-image: url(../images/reset.png);
}
.btn .btnSubmit {
	width: 95px;
	background-image: url(../images/submit.png);
}
.btn .btnPrev {
	width: 100px;
	background-image: url(../images/prev.png);
}
.btn .btnNext {
	width: 80px;
	background-image: url(../images/next.png);
}
/* 表單 */
.inBox { padding:4px 3px; margin:3px 0; border:none; background-color:#f3f3f3; border-right:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf;}
.area { height:100px; resize:none; overflow-y:scroll;}
.codeBox { float:left; text-align:center;}
.codeBox.bg { float:left; width:100px; height:20px; line-height:22px; margin-left:5px; margin-top:5px; overflow:hidden;}
/* 其他 */
.w80 { width:80px; overflow:hidden;}
.w250 { width:250px; overflow:hidden;}
.w300 { width:300px; overflow:hidden;}
.w580 { width:550px; overflow:hidden;}

/* ==========================================================================
   ERROR
   ========================================================================== */
#errorWrap {
	margin: 0 auto;
	padding: 55px 0 20px;
	width: 1000px;
}
#errorWrap .logo {
	width: 210px;
	margin: 0 auto 20px;
	height: 50px;
	opacity: 0.5;
	filter: alpha(opacity = 50);
	background: url(../images/logo.png) no-repeat;
}
#errorWrap .txt {
	margin: 0 0 50px 0;
	padding: 30px 0 0 0;
	text-align: center;
	line-height: 1.8em;
	background: url(../images/page_line.png) top center no-repeat;
}


#iWrap .list .noData {
	padding: 0; height: 200px; text-align: center; line-height: 200px;
}
a.btnC:hover{ position: relative; top: 1px; left: 1px}
/*