/*-----------------------------------------------------------------------------
	-	網站主體樣式設計 -
author:		  英創達網路有限公司
email:     	web@e-creative.tw
website:   	http://e-creative.tw
-----------------------------------------------------------------------------*/
@import url("reset.css");/*清除樣式*/
@import url("default.css");/*預設樣式*/
@import url("global.css");/*網站整體通用樣式設計*/
/* ---------------------------------------------------------------- */
/*
/*	 1. 頁面版型配置 Layout
/*	 2. 版區塊 footer
/*	 3. 版區塊 header
/*	 4. 首頁 home
/*	 5. 內頁 about
/*	 6. 內頁 about01
/*	 7. 內頁 aboutAnalysis
/*	 8. 內頁 aboutHistory
/*	 9. 內頁 joinVacancies
/*	 10. 內頁 news
/*	 11. 內頁 newsDia
/*	 12. 內頁 oem
/*	 13. 內頁 contact
/*	 14. 內頁 contact02
/*	 15. 內頁 inquiry
/*	 16. 內頁 oem02
/*	 17. 內頁 products


/* ---------------------------------------------------------------- */


/* ---------------------------------------------------------------- */
/*	 1. 頁面版型配置 Layout
/* ---------------------------------------------------------------- */
#wrapper {
	margin-right: auto;
	margin-left: auto;
	width: 1200px;
}

#header #headerBox {
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	height: 100px;
} 
#header .container {
	position: relative;
}

#footer {
	position: relative;
	min-height: 120px;
	clear: both;
	background-image: url(images/footer_bg.jpg);
}

#content {
	width: 710px;
	float: right;
	margin-right: 10px;
	border-left: 1px solid #CCC;
	padding-left: 30px;
	position: relative;
	padding-bottom: 60px;
	min-height: 415px;
}

#content .line {
	position: absolute;
	top: 0px;
	left: -1px;
}


#cont{
	background-color: #f8f8f8;
	
}

#sidebar {
	float: left;
	width: 200px;
	margin-left: 10px;
}

#sidebar ul {
	margin-top: 2px;
	margin-bottom: 40px;
}
#sidebar .category-title {
	font-size: 16px;
	font-weight: bold;
	margin-top: 10px;
}

#sidebar ul p{
	padding-top: 5px;
	padding-bottom: 5px;
}
#sidebar ul li a {
	background-image: url(images/icon/sidebar_icon.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;

}
#sidebar ul li a:hover,
#sidebar ul li.select a {
	font-weight: bold;
	color: #F60;

}
/*選取效果*/
#main-menu ul li a:hover,
#main-menu ul li.select a{
	color: #00663e;
}

#cont .container{
	padding-top: 28px;
}



/* ---------------------------------------------------------------- */
/*	 2. 版區塊 footer
/* ---------------------------------------------------------------- */

#footer a {
	text-decoration: none;
}
#footer .container {
	padding-top: 20px;
	color: #FFF;
	position: relative;
}
#footer ul li a {
	color: #FFF;
	padding: 0px 18px;
	border-right: 1px solid #FFF;
}

#footer ul li:last-child a{ 
  border-right: none;/*最後一條線隱藏*/ 
}

#footer ul li a:hover,
#footer .container .col:hover{
	color: #8EE61A;
}
#footer .container p,
#footer .container a.col{
	font-size: 11px;
	float: left;
	color: #FFF;
	padding-left: 15px;
}
#footer .container p {
	padding-top: 3px;
}
#footer .container .icon {
	position: absolute;
	top: 20px;
	right: 10px;
}
#footer .container .icon a {
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 34px;
	width: 34px;
	display: inline-block;
	margin-right: 2px;
	margin-left: 2px;
}
#footer .container .icon a:hover {
	background-position: 0px -96px;
}

#footer .container .icon01 {
	background-image: url(images/footer_icon01.png);
}
#footer .container .icon02 {
	background-image: url(images/footer_icon02.png);
}
#footer .container .icon03 {
	background-image: url(images/footer_icon03.png);
}

/* ---------------------------------------------------------------- */
/*	 3. 版區塊 header
/* ---------------------------------------------------------------- */
/* logo *******/
#header .logo {
	background-image: url(images/logo.png);
	height: 74px;
	width: 252px;
	display: block;
	position: absolute;
	left: 0px;
	top: 20px;
	background-repeat: no-repeat;
	z-index: 9;
}

#header .logo h1 {
	margin: 0px;
	padding: 0px;
}
#header .logoBg {
	background-image: url(images/logo_map.png);
	background-repeat: no-repeat;
	position: absolute;
	left: 100px;
}

/*語言---------------------------*/
#navLen{
	z-index: 999;
	height: 33px;
	width: 90px;
	position: absolute;
	margin-bottom: 30px;
	top: 16px;
	right: 16px;
}

#navLen li a{
	background-image: url(images/icon/index_icon.png);
	background-repeat: no-repeat;
	background-position: left 5px;
	text-decoration: none;
	color: #031f2e;
	font-size: 12px;
	display: block;
	height: 28px;
	padding-left: 25px;
	width: 90px;
}
#navLen li .subMain { 
	position: absolute; 
	top: 34px; 
	right: 0px; 
	z-index: 999; 
	width: 100%;
	display: none;/*display: none; 先關掉*/
}
#navLen li .subMain li{
	display: block;
	margin: 0px;
	padding: 0px;
}
#navLen li .subMain li a {
	background-image: none;
	display: block;
	width: 75px;
	color: #666;
	text-align: center;
	margin: 0px;
	padding-right: 5px;
	padding-left: 5px;
	background-color: #F0F0F0;
}
#navLen li .subMain a:hover{ 
	color: #fff; 
	background-color: #00693e; 
}



/*--------banner-------------------*/
#slidebg {
	width: 100%;
	height: 450px;
	float: left;
	position: relative;
	z-index: 9;
}
#slide { 
  display:block;
   width:100%; 
   height:510px; 
   list-style:none; 
   padding:0; 
   margin:0; 
   position:relative
}
#slide li { 
   display: block; 
   width: 100%; 
   height: 100%; 
   list-style: none; 
   padding: 0; 
   margin: 0; 
   position: absolute; 
   background-image: url(styles/images/banner/index_banner01.jpg); 
}
#slide li a { 
   display:block; 
   width:100%; 
   height:100%; 
   text-indent:-9999px
}

/*banner 點選*/
#slidedot { 
   display:block; 
   list-style:none; 
   position:absolute; 
   left:50%; 
   top:400px; 
   z-index:9900; 
   padding:5px 15px 5px 0; 
   margin:0;  
}


#slidedot li { 
   float:left; 
}
#slidedot li a {
	display: block;
	text-indent: -9999px;
	background-image: url(images/icon/banner_icon.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 23px;
	width: 25px;
}

#slidedot li.currentdot { 
	display: block;
	text-indent: -9999px;
	background-image: url(images/icon/banner_icon.png);
	background-repeat: no-repeat;
	height: 23px;
	width: 25px;
    background-position: 0px -77px;
}



/*--------選單-------------------*/
#main-menu {
	position: absolute;
	left: 305px;
	top: 50px;
	z-index: 99;
	width: 670px;
}
#main-menu ul li{    
	position: relative;/*重要*/
	color : black;
}
#main-menu ul li a{
	font-size: 15px;
	padding-right: 24px;
	padding-left: 20px;
	font-weight: bold;
	display: block;
	padding-bottom: 35px;
	z-index: 99;
	background-image: url(images/icon/index02_icon03.png);
	background-repeat: no-repeat;
	background-position: right 8px;
}
/*選去效果*/
#main-menu ul li a:hover,
#main-menu ul li.select a{
	color: #00663e;
}

#main-menu ul li.main-item:last-child a{ 
   background-image: none;/*最後一條線隱藏*/ 
}


/*次選單*/
#main-menu li ul {
	list-style: none;
	float: left;
	position: absolute;
	left: -80px;
	top: 50px;
	width: 100%;
	color: #fff;
	padding: 20px;
	background-color: #f5f5f5;
	background-repeat: no-repeat;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	margin-top: -1px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0;
	display: none;
	/*display: none; 先關閉*/
	z-index: 99;
}
#main-menu li ul li{
	width: 120px;	/*height: 30px;*/
	padding-top: 2px;
	padding-bottom: 2px;
}
#main-menu li ul li a {
	font-size: 13px;
	display: inline;
	color: #666666!important;
	text-decoration: none;
	background-image: url(images/icon/hover_icon.png)!important;
	background-repeat: no-repeat!important;
	background-position: 10px 8px!important;
	font-weight: normal;
	padding-left: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
}
#main-menu li ul li a:hover {
	color: #FF6600!important;
	font-weight: bold;
}
/*次選單-產品*/
#main-menu li ul.sub-menu-pro{
	width: 360px;
}
#main-menu li ul.sub-menu-pro li {
    width: 180px;
}
#main-menu li ul.sub-menu-pro .category-title {
	font-weight: bold;
	color: #999;
	font-size: 14px;
}


/* ---------------------------------------------------------------- */
/*	 4. 首頁 home
/* ---------------------------------------------------------------- */


/*--------最新消息-------------------*/
#indexNews {	
	color: #FFF;
	background-color: #53a504;
	height: 50px;
}
#indexNews .container{
	padding-top: 5px;
	padding-bottom: 18px;
	padding-right: 5px;
	padding-left: 10px;
	width: 965px;
	position: relative;
	background-image: url(images/indexNews_bg.png);
	background-repeat: no-repeat;
	background-position: 140px 8px;
}

#marquee1 {
	width: 665px;/*看瀏覽器 li 寬度做調整*/
	height: 23px;
	overflow: hidden;
	position: absolute;
	left: 160px;
	top: 12px;
	z-index: 99;
}
#marquee1 ul li {
	width: 664px;
	float: left;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 1px;
}
#marquee1 ul li a {
	color: #FFF;
	margin-right: 35px;
}
#marquee1 ul li a:hover {
	color: #FF0;
}
/*最新消息 按鈕*/
#control {
	position: absolute;
	top: 5px;
	right: 0px;
	z-index: 99;
}
#control a{
	color: #FFF;
	display: block;
	text-decoration: none;
	background-color: #137138;
	text-align: center;
	float: left;
	margin-right: 5px;
	padding: 9px 12px 5px 12px;
	font-size: 10px;
}
#control a:hover{ 
   filter: alpha(opacity=80); 	
   opacity: 0.8;	
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";  /*透明度*/
}
#indexBox {
	padding-top: 40px;
	padding-bottom: 39px;
	
}
#indexBox .box img,
#indexBox .box02 img {
	float: left;

}
#indexBox .box {
	float: left;
	width: 250px;
	margin-left: 25px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCC;
	padding-right: 30px;
}
/*box*/
#indexBox .box .col {
	float: right;
	width: 180px
}
#indexBox h2 {
	color: #00693e;
	font-size: 16px;
	font-weight: bold;
}
#indexBox .box p {
	height: 99px;
	overflow: hidden;
	margin-bottom: 15px;
}
#indexBox .box a {
	background-color: #137138;
	font-size: 11px;
	color: #FFF;
	padding: 3px 7px;
}
#indexBox .box a:hover{
	background-color: #53a504;
}

/*box02*/
#indexBox .box02{
	margin-left: 20px;
	width: 340px;
}
#indexBox .box02,
#indexBox .box02 h2,
#indexBox .box02 .col,
#indexBox .box02 .col p,
#indexBox .box02 form {
	float: left;
}

#indexBox .box02 .sBox {
	padding-top: 12px;
	padding-right: 0px;
	padding-bottom: 12px;
	padding-left: 20px;
	border: 1px solid #CCC;
	margin-bottom: 25px;
}
#indexBox .box02 .col {
	width: 245px;
	float: right;
	margin-left: 20px;
	position: relative;
}
#indexBox .box02 a.icon {
	background-color: #042815;
	padding: 6px 10px;
	display: inline-block;
	position: absolute;
	top: 30px;
	right: 30px;
	border-radius: 3px;
	behavior: url(ie-css3.htc);
}
#indexBox .box02 a.icon:hover{
	background-color: #53a504;
}

#indexBox .box02 .col span {
	margin-left: 10px;
}

#indexBox .box02 .iso img {
	margin-right: 11px;
}
#indexBox .inputText{
	padding: 5px;
	position: absolute;
	left: 0px;
	top: 30px;
	width: 170px;
}

/* ---------------------------------------------------------------- */
/*	 5. 內頁 about
/* ---------------------------------------------------------------- */

#sitelink {
	background-image: url(images/sitelink_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 9px;
	padding-bottom: 9px;
}
#sitelink a {
	padding: 0px 10px; 
}
#sitelink a:hover {
	text-decoration: underline;	
}

#about .col {
	float: left;
	margin: 32px 8px 32px 8px;
	width: 310px;
	min-height:250px;
}

#about .col h2{
	color: #00693e;
	font-size: 15px;
}
#about .col h2:hover {
	color: #ff7f00;
}
#about .col a:hover{
	text-decoration: underline;
}

#about .col .more {
	background-image: url(images/icon/about_icon.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: inline-block;
	height: 15px;
	width: 15px;
}

#about .col .more:hover {
	background-position: 0px -54px;
}

/* ---------------------------------------------------------------- */
/*	 6. 內頁 about01
/* ---------------------------------------------------------------- */


#about01 .info h4,
#about01 .info img{
	float: left;
}
#about01 .info h4 {
	padding-top: 38px;
	padding-left: 12px;
	font-size: 16px;
	color: #000;
	background-image: none;
}

#about01 .info{
	width: 210px;
	float: left; 
	min-height:320px;
	margin-top: 0px;
	margin-right: 26px;
	margin-bottom: 45px;
	margin-left: 0px;
}
#about01 .info .infoTop {
	height: 92px;
	margin-bottom: 20px;
}


/* ---------------------------------------------------------------- */
/*	 7. 內頁 aboutAnalysis
/* ---------------------------------------------------------------- */
#aboutAnalysis h4{
	background-image: url(images/about03_icon.png);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-left: 20px;
	font-size: 13px;
	color: #535353;
}

#aboutAnalysis h5{
	font-size: 15px;
	color: #000;
	font-weight: normal;
}

/* ---------------------------------------------------------------- */
/*	 8. 內頁 aboutHistory
/* ---------------------------------------------------------------- */

.tableStyle01 tbody tr:first-child{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #00693e;
}
.tableStyle01 thead{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #00693e;
}
.tableStyle01 tbody tr td{
	padding-left: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-top: 10px;
	padding-bottom: 10px;
}
.tableStyle01 tbody tr td.row {
	font-size: 15px;
	font-weight: bold;
	color: #00693e;
	background-image: url(images/table_line.jpg);
	background-repeat: no-repeat;
	background-position: right 10px;
	vertical-align: top;
}
.tableStyle01 tbody tr td img {
	margin-top: 20px;
	margin-bottom: 20px;
	border: 3px solid #00693e;
}


/* ---------------------------------------------------------------- */
/*	 9. 內頁 joinVacancies
/* ---------------------------------------------------------------- */

.tableStyle02 thead tr td,
.tableStyle02 tbody tr td{
	padding-left: 15px;
	padding-right: 15px;
}

.tableStyle02 thead tr,
.tableStyle02 tbody tr {
	border-bottom: 1px solid #d0d0d0;
}

.tableStyle02 thead tr td{
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #eeeeee;
}
.tableStyle02 tbody tr td {
	padding-top: 10px;
	padding-bottom: 40px;
	vertical-align: top;
}
.tableStyle02 tbody tr:hover {
	background-color: #eeeeee;
}

.tableStyle02 tbody tr td.row {
	font-size: 15px;
	font-weight: bold;
	color: #00693e;
}

.tableStyle02 tbody tr td.row02 {
	font-weight: bold;
	color: #ff7f00;
}

/*tableInfo*/
.tableInfo  tbody tr td{
	padding: 3px 0px;
}
.tableInfo  tbody tr{
	border-bottom: none;	
}



/* ---------------------------------------------------------------- */
/*	 10. 內頁 news
/* ---------------------------------------------------------------- */
#news h2{
	color: #000;
	margin-bottom: 5px;
}

#news ul .img {
	float: left;
	margin-right: 15px;
	line-height: 68px;
	border: 1px solid #CCC;
	width: 190px;
}


#news ul li {
	padding-bottom: 15px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCC;
	border-bottom-color: #FFF;
	padding-top: 15px;
	padding-left: 10px;
	padding-right: 10px;
}
#news ul li:hover{
	background-color: #EEEEEE;
}
#news ul li:hover h2{
	color: #00693e;
	font-weight: bold;
}
#news ul li time{
	color: #00693e;
}

#news ul li h2 {
	font-size: 15px;
	font-weight: normal;
}
#news ul li .info {
	width: 480px!important;
	float: right;
}
#news ul li .info p {
	overflow: hidden;
	height: 40px;
}

#news ul li:first-child{ 
  border-top: none;/*最後一條線隱藏*/ 
}

/* ---------------------------------------------------------------- */
/*	 11. 內頁 newsDia
/* ---------------------------------------------------------------- */
#newsDia.container{
	padding: 28px 20px 0px 20px;
	width: 940px;
	min-height:370px;
}
#newsDia h2{
	color: #00693e;
	font-size: 15px;
}
#newsDia h2.black{
	color: #000;
	font-size: 20px!important;
	background-image: url(images/newDia_line.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	display: block;
	padding-bottom: 35px;
	margin-bottom: 15px;
}

/* ---------------------------------------------------------------- */
/*	 12. 內頁 oem
/* ---------------------------------------------------------------- */

#oem .text h4{
	color: #20684f;
}
#oem .text h3 {
	font-size: 15px;
	color: #ff8000;
	font-weight: bold;
}
#oem .text .col {
	padding-left: 20px;
}

#oem .text a:hover {
	text-decoration: underline;
}
/* ---------------------------------------------------------------- */
/*	 13. 內頁 contact
/* ---------------------------------------------------------------- */
#contact form {
	margin-top: 20px;
}


/* ---------------------------------------------------------------- */
/*	 14. 內頁 contact02
/* ---------------------------------------------------------------- */
#contact02 #box {
	margin-bottom: 35px;
}
#contact02 #box img {
	float: left;
}
#contact02 #box .info {
	float: right;
	width: 340px;
}
#contact02 #box ul{
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
#contact02 #box ul li {
	background-image: url(images/icon/contact02_icon.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#contact02 .map {
	margin-bottom: 15px;
}
#contact02 .text h3 {
	font-size: 13px;
	color: #444444;
	font-weight: bold;
}


/* ---------------------------------------------------------------- */
/*	 15. 內頁 inquiry
/* ---------------------------------------------------------------- */
#inquiry h2 {
	font-size: 15px;
	color: #000;
}
#inquiry.container{
	padding-right: 15px;
	padding-left: 15px;
	width: 950px;
	padding-bottom: 60px;
	min-height:415px;
}

.tableStyle03{
	margin-top: 30px;
	margin-bottom: 50px;
}

.tableStyle03 thead tr td {
	text-align: center;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	margin-right: 20px;
}
.tableStyle03 thead tr .row01 {
	border-bottom-color: #00693e;
}
.tableStyle03 thead tr .row02 {
	border-bottom-color: #000000;
}
.tableStyle03 thead tr .row03 {
	border-bottom-color: #555555;
}
.tableStyle03 thead tr .row04 {
	border-bottom-color: #777777;
}
/*tbody*/
.tableStyle03 tbody img:hover {
  filter: alpha(opacity=60); 	
  opacity: 0.6;	
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";  /*透明度*/
}

.tableStyle03 tbody tr td {
	padding: 15px 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #555555;
}

.tableStyle03 thead tr .row,
.tableStyle03 tbody tr .row{
	border: none;
	width: 1px!important;
	padding-right: 0px!important;
	padding-left: 0px!important;
}
.tableStyle03 tbody tr:hover{
	background-color: #F0F0F0;
}
.tableStyle03 a.inquiryBtn{
	background-image: url(images/inquiry_btn.png);
	background-repeat: no-repeat;
	background-position: center 0px;
	display: inline-block;
	height: 26px;
	width: 80px;
}
.tableStyle03 a.inquiryBtn:hover{
	background-position: center -74px;
}


/* ---------------------------------------------------------------- */
/*	 16. 內頁 oem02
/* ---------------------------------------------------------------- */

#oem02 table {
	margin-bottom: 0px;
	padding-bottom: 0px;
}
#oem02 {
	padding-right: 12px;
}
#oem02 h2 {
	font-size: 16px;
	font-weight: bold;
	color: #000000;
}


/*--------上下開合選單-qa-------------------*/
.accordion{
	text-align: left;
	padding: 0px;
	width: 100%;
}

.accordion ul.acList{
	margin: 0px;
	padding-left: 1px;
} 
.accordion ul.acList li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	list-style-type: none;
}
.accordion ul.acList li div.acTitle{
	height: 22px;
	padding-left: 20px;
	cursor: pointer;
	border-bottom-width: 1px;
	background-repeat: no-repeat;
	background-position: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #fff;
	padding: 10px 20px;
	background-color: #FFF;
}
.accordion ul.acList li div.acTitle.select{
	height: 22px;
	padding-left: 20px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: 2px;
	padding: 10px 20px;
	background-color: #FFF8DF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none!important;
}
.accordion ul.acList li div.acContent{
	color: #00693e;
	background-color: #fff8df;
	padding-top: 10px;
	padding-right: 8px;
	padding-bottom: 10px;
	padding-left: 8px;
}

.accordion ul.acList li div.acContent .col{
	background-color: #FFFFFF;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 40px;
	padding-left: 15px;
}

/*--------選單-------------------*/
#oemMenu{
	z-index: 999;
	height: 30px;
	position: absolute;
	margin-bottom: 30px;
	right: 13px;
	border: 1px solid #00693e;
	background-color: #FFF;
}

#oemMenu li a{
	text-decoration: none;
	color: #031f2e;
	display: block;
	height: 28px;
	padding-left: 25px;
	background-image: url(images/oem02_pic.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	width: 183px;
	padding-top: 3px;
}
#oemMenu li .subMenu {
	position: absolute;
	top: 31px;
	right: -7px;
	z-index: 999;
	display: none;/*display: none; 先關掉*/
}
#oemMenu li .subMenu li{
	display: block;
	margin: 0px;
	padding: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
}
#oemMenu li .subMenu li a {
	background-image: none;display: block;
	color: #666;
	margin: 0px;
	padding-left: 25px;
	background-color: #F0F0F0;
}
#oemMenu li .subMenu a:hover{
	background-color: #C7E1BF;
}

/* ---------------------------------------------------------------- */
/*	 17. 內頁 products
/* ---------------------------------------------------------------- */
#products h2 {
	color: #000000;
	line-height: 2.5em;
}

/*--------搜尋-------------------*/
#search {
	margin-bottom: 20px;
	background-color: #FFF;
	padding: 10px 0px 15px 10px;
	position: relative;
}
#search h3 {
	font-size: 15px;
	color: #022613;
	margin-bottom: 10px;
}
#search .inputText {
	background-color: #eeeeee;
	padding: 9px 0px 10px 9px;
	border: none;
}
#search .icon {
	background-color: #00693e;
	display: inline-block;
	position: absolute;
	top: 48px;
	right: 10px;
	padding-top: 7px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	height: 23px;
}
#search .icon:hover{
	background-color: #53a504;
}
#sidebar img {
	margin-bottom: 15px;
}
#sidebar img:hover {
   filter: alpha(opacity=70); 	
   opacity: 0.7;	
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";  /*透明度*/
}

/*--------搜尋-------------------*/
#productBox .tit {
	background-color: #ecf4ea;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom:0px;
	height: 30px;
}
#productBox .tit h3{
	float: left;
}
#productBox .tit h3 span {
	font-size: 12px;
	padding-left: 10px;
}
#productBox .tit a {
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: inline-block;
	height: 16px;
	width: 40px;
	float: right;
	margin-top: 5px;
	margin-bottom: 5px;
}
#productBox .tit a:hover{
	background-position: 0px -84px;
}
#productBox .tit .icon01 {
	background-image: url(images/icon/products_icon01.png);
}

#productBox .tit .icon02 {
	background-image: url(images/icon/products_icon02.png);
	cursor:pointer;
}
#productBox .tit .icon03 {
	background-image: url(images/icon/products_icon03.png);
}



#productBox .infoLeft .img{
	width: 225px;
	padding: 20px 15px;
	line-height: 150px;
	min-height:150px;
}
#productBox .infoLeft .img:hover{
   filter: alpha(opacity=70); 	
   opacity: 0.7;	
   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";  /*透明度*/
	
}
#productBox .info {
	background-color: #FFF;
	padding: 5px;
	margin-bottom: -15px;
	padding-left:0;
}
#productBox .info .demo-gallery > .lightgallery {
	display: flex;
	flex-wrap: wrap;
	padding-left: 5px;

}
#productBox .info .demo-gallery .lightgallery li {
	/*border-radius: 5px;*/
	border: 2px solid #aaaaaa;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 70px;
	height: 70px;
	overflow: hidden;

}
#productBox .info .demo-gallery .lightgallery li a{
	display: flex;
	align-items: center;
	justify-content: center
}
#productBox .info h4 {
	font-size: 14px;
	color: #00693e;
	font-weight: bold;
}

.txtBottom {
	margin-bottom: 15px;
	/*min-height:0px;*/
}

#productBox .infoLeft{
	float: left;
	width: 265px;

}
#productBox .infoRight {
	margin-bottom: 35px;
	min-height:100px;
}



#productBox .infoRight {
	float: left;
	width: 435px;
	word-wrap: break-word;/*(連續英數字)而導致版面破掉的問題*/
    -moz-binding: url('wordwrap.xml#wordwrap'); /*(連續英數字)而導致版面破掉的問題*/
}


.masterPic{
	max-width: 250px;
	max-height: 190px;
}




/*--------廣告-------------------*/
#float_ad {
	/*先關閉display: none;*/
	position: absolute;
	background-color: #00693e;
	padding-top: 11px;
	padding-right: 17px;
	height: 30px;
	width: 292px;
	padding-bottom: 11px;
	padding-left: 17px;
	z-index: 99;
}

#float_ad:hover {
	background-color: #53a504;
}
#afloat_ad .abgne_close_ad {
   display: block;
   text-align: right;
   cursor: pointer;
   font-size: 12px;
}
#float_ad a {
	color: #FFF;
}
#float_ad p {
	float: left;
	line-height: 2em;
	padding-left: 15px;
}


#float_ad a img {
	border: none;
	float: left;
}

 .oemCont{width:680px;}
 .oem{width:680px;}
 .oem li{background:url(images/oemBg.png) left top no-repeat;width:110px;height:110px;display:inline-block;position:relative;margin:25px 60px 25px 0 !important;}
  .oem li div.center{width:85px;height:75px;text-align:center;color:#FFF;}
  .oemImg{width:40px;height:40px;display:table;margin-right:auto;margin-left:auto;}
  .oemImg div{display:table-cell; vertical-align:middle;}
  .oem li div .oemp{display:table;width:85px;height:30px;text-align:center;}
  .oem li div p{font-size:14px;font-weight:bold;line-height:18px;letter-spacing:0.1em;padding-top:5px;/*position:absolute;bottom:-3px;left:-5px;*/display:table-cell; vertical-align:middle;}
  .oem li div p span{white-space:nowrap;}
  .oem li:after{content:url(images/arrow.png);width:15px;height:16px;display:inline-block;position:absolute;right:-35px;bottom:50px;}
  .oem li:nth-child(4n):after{display:none;}  
  .oem li:last-child:after{display:none;}  
  /*.oem li:nth-child(4n+1):before{content:url(images/4nArrow.png) no-repeat;width:599px;height:96px;display:block;position:absolute;top:-100px;left:48px;z-index:20;}*/
  .oem span.plus1{width:599px;height:96px;display:block;position:absolute;top:-100px;left:48px;z-index:20;}
  .oem li:first-child:before{display:none;}


.sidebar-menu .category-title{
	cursor: pointer;
}
.sidebar-menu .category-title~ul{
	padding: 0;
	margin: 0;
	list-style: none;
	margin-bottom: 0 !important;
	display: none;
}