/* ------------- product ------------- */
.product-all{
	margin-left:15px;
	width: 96%;
	clear: both;
}
/* ------------- product 置中使用 ------------- */
.product-s{
	/*padding-left: 25px;*/
	/*padding-top: 11px;*/	
	display:table-cell;_display:block; vertical-align:middle;text-align:center;
}

.product-s *{vertical-align:middle;text-align:center;}
.product-s span{display:inline-block; vertical-align:middle;text-align:center;width:1px;}
/* ------------- end ------------- */
.product-sbg{
	width: 100px;
	float: left;
	background-repeat: no-repeat;
	text-align:center;
}

/* ------------- product 分類頁使用 ------------- */
.pd-line{ 
 width:100%;
 float:left;
 overflow:hidden;
}
.productsingle{
	/*width:auto;	*/
	width:100%;
	float: left;
	margin-left:auto;
	margin-bottom: 10px;		
	text-align:center;
	border:#000 solid 0px;	
	overflow:hidden;
	background:#E9F7FF;
}
#catimg{
  margin:5px;
	width: 100px;
	float: left;
	background-repeat: no-repeat;
	text-align:center;
}
.cate-name{	
	font-family: "MS UI Gothic";
	font-weight: bolder;
	font-size: 16px;
	vertical-align: sub;	
	text-align:left;
	margin-top: 5px;
	margin-left:0.3em;
  	width:50%;
  	float: left;
  	overflow:hidden;
}

.catetext{
	margin-top: 3px;
	text-align: left;
	line-height: 150%;
	font-size: 11px;
	color: #666666;
  	width:70%;
  	float: left;
  	overflow:hidden;
}
/* ------------- Inquiry checkbox 尺用 ------------- */
#checkicon{
	float:left;
	width:100px;
	font-size:11px;
}
/* ------------- end ------------- */
.product-pho{
	text-align:center;
	width: 280px;
	float: left;
}
.product-name{
  width:1 00px;
	float: left;
	line-height: 100%;
	font-size: 1.5em;
	color:#4062b5;
	padding-top: 5px;
	padding-bottom: 5px;
}
.product-name A{	
	color: #666666;
}
.product-name A:hover {	
	color: #003366;
}
.product_list-name{
  width: 80%;
  height:40px;
	float: left;
	line-height: 100%;
	font-size: 1.4em;
	color:#4062b5;
	padding-top: 5px;
	overflow:hidden;
}
.product_list-name A{	
	color:#4062b5;
}
.product_list-name A:hover {	
	color:#4062b5;
}

.pro01{
	padding: 3px;
	border: 0px solid #ccc;
	text-align: left;
	font-size: 0.7em;
	color: #333333;
	margin-bottom: 10px;
	float: left;
	width: 130px;
	height: 210px;
	padding-left: 15px;	
}
.pro02{
	padding: 3px;
	border: 1px solid #ccc;
	text-align: left;
	font-size: 0.7em;
	display: table;
	color: #333333;
	background-color: #F6F6F6;
	margin-bottom: 10px;
	width: 98%; *width: 98%;
}
.pro01 img{
	margin-left: 30px;
	border:0px solid #D3D3D3;
	margin: 0px;
}
.pro02 img{
	margin-left: 30px;
	border:1px solid #D3D3D3;
	margin: 0px;
}
.protext{
	margin-top: 3px;
	text-align: left;
	font-size: 11px;
	color: #666666;
	width:100px;
  line-height: 150%;
}
.more{
	padding-left: 20px;
	color: #00A2FF;
	float: left;
}
.more A{	
	color: #00A2FF;
}
.more A:hover {	
	color: #333333;
}
.proshow{
	/*font-size: 0.7em;*/
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	width:530px;
	overflow:hidden;
}
#banner{
	float: left;
	width: 640px;
	padding-left: 7px;
	padding-top: 25px;
}
/*
.proshow ul {
	margin: 5px -20px;
	width: 80%;
}
.proshow li{
	border: 0px solid #D5D5D5;
	color: #333333;
	font-size: 9pt;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
}
*/
.stitle{
	background-image: url(../images/stitle_bg.gif);
	background-repeat: repeat-x;
	width: 450px;
	clear: both;
}
#stitle{
	width: 708px;
	height: 25px;
	background-image: url(../images/s-a_bg.jpg);
	background-repeat: no-repeat;
	clear: both;
	margin-top: 30px;
}
.stitle-pho{
	font-size: 12px;
	font-weight: bold;
	margin-left: 20px;
	padding-bottom: 5px;
	margin-top: 2px;
}
.stitle-pho a{
	background:url(../images/s-a_bg01.jpg)  no-repeat;
	display: block;
	float: left;
	width:118px;
	height:22px;
	text-align:center;
	margin:0 5px;
	line-height:22px;
}
.stitle-pho a:hover{
	color: #0000FF;
	text-decoration: none;
}
.features{
	width:100%;
	text-align: left;
	float: left;
	width: 500px;
	margin-left: 10px;
	line-height: 20px;
}
.features ul{
	margin: 0 0 20px 0;
	padding: 0px 0px 0px 20px;

}
.features li{}
#chickmenu{
	position: absolute;
	width: 80px;
}
.chick-product{
	background-image: url(../images/chickmenu_02.jpg);
	background-repeat: repeat;
}
.ad_search{
width: 406px;
	margin-top: 20px;
	margin-bottom:10px;
	margin-left: 100px;
	padding-top: 10px;
	padding-left: 30px;
}
.buy{
		float: right;
}


/* ------------- company ------------- */
.profile{
	width:500px;
	text-align: left;
	font-size: 12px;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	padding: 20px 10px 20px 20px;
	line-height: 18px;
}

.profile-pho{
	margin: 5px 5px 0px 5px;
	float: right;
}
/* ------------- input ------------- */



/* ------------- news inquiry ------------- */
.mainframe{	*margin-top: 30px;


	*margin:0px 0px 0px 0px;
	margin: 0px 0px 0px 5px;
	width: 99%;
	margin-top: 20px;
}
.news,.inquiry,.download,.guest{
	line-height: 1.6em;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	margin-top: 25px;
	margin-left: 0px;
}
.newstitle{
	padding-top: 10px;
}
.newsday{
	border-bottom: 1px solid #DDDDDD;
	margin-bottom: 30px;
	font-family: Arial, Helvetica, sans-serif;
	}

.forget1{
	width: 420px;
	margin:0 auto;
	margin-top: 50px;
	margin-bottom:10px;
	padding-top: 10px;

}
.forget2{
	width: 420px;
	margin:0 auto;
	margin-bottom: 30px;
	padding-top: 10px;

}


/* ------------- Contact Us ------------- */
.companyname{
	width: 95%;
	padding-left: 17px;
	margin-top: 20px;
	margin-bottom: 20px;
}
	
.information{
	line-height: 18px;
	margin-bottom: 30px;
	width: 100%;
	padding-left: 20px;
}
/* ------------- site map ------------- */
.sitemap{
	font-size: 10px;
	color: #333333;
}
/*=================================浮動開關div ==============*/

#chickmenu{
	position: absolute;
	width: 80px;
	top:290px;
	background: url(../images/chickmenu_02.jpg) repeat-y;
	text-align:center;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	z-index:200;
	background-repeat: repeat;
}
#chickmenu a img{
	border:none;
}
#chickmenu a{
	outline:none;
	hide-focus: expression(this.hideFocus=true); 
}

.chick-productOn{
	text-align:center;
	background-image: url(../images/chickmenu_02.jpg);
	background-repeat: repeat;
}

.information input,.information select,.information textarea,.select{
	color : #333333; 
	font-size : 9pt;
	background-color : #FFFFFF;
	border-top : 1px solid #D0D4CE;
	border-bottom : 1px solid #D0D4CE;
	border-left : 1px solid #D0D4CE; 
	border-right : 1px solid #D0D4CE; 
}
.ad_search input,.ad_search select,.ad_search textarea,.select{
	color : #333333;
	font-size : 9pt;
	border-top : 1px solid #D0D4CE;
	border-bottom : 1px solid #D0D4CE;
	border-left : 1px solid #D0D4CE;
	border-right : 1px solid #D0D4CE;
	background-color: transparent;
}	

.forget2 input,.forget2 select,.forget2 textarea,.select{
	color : #333333; 
	font-size : 9pt;
	background-color : #FFFFFF;
	border-top : 1px solid #D0D4CE;
	border-bottom : 1px solid #D0D4CE;
	border-left : 1px solid #D0D4CE; 
	border-right : 1px solid #D0D4CE; 
	background-color: transparent;
}

#CMpic{
	text-align:center;
	position:absolute;
	width: 80px;
	top:340px;
}


#CMpica{
	display:block;
	text-align:center;
}
#CMpic a img{
	filter:alpha(opacity=70); 
	-moz-opacity:0.7;        
}
#CMpic a:hover img{
	filter:alpha(opacity=100); 
	-moz-opacity:1;      
}

.input-a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-image: url(../images/go.jpg);
	background-repeat: no-repeat;
}
.submit
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-image: url(../images/submit-2.jpg);
	background-repeat: no-repeat;
}

#inqicon{	
	width:90%;
	text-align:right;
	float:right;
	margin-right:50px;
	margin-top:20px;
}

#product_intro_1 table{
width:auto;
}
#product_intro_2{
margin-left:5px;
}
#product_intro_1 td{	
	white-space:nowrap; 
}
.spec
{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #878787;
line-height: 18px;
}
#main.main-p{border:0; background:none; padding:0;}
.main-p #showtitle{background:url(../images/main/in-banner.jpg) left top no-repeat; height:429px; margin:0; position:relative;}
.main-p .in-menu{padding-top:6px; color:#FFF; font-weight:bold; padding-right:10px;} .main-p .in-menu a{color:#FFF;}
#main.main-p .clearfix{padding:0;}
#main.main-p #title-bg{background:none; color:#fff; font-size:30px;padding-right:10px; width:auto;}
.pro-ba-ti{position:absolute; left:600px; top:130px; font-size:18px; font-weight:bold;}
.pro-ba-p{position:absolute; left:600px; top:180px; font-size:14px; line-height:1.6em;}
.pro-list{background:url(../images/main/pro-listbg.jpg) top left no-repeat; height:240px; padding-top:30px; padding-left:60px; margin-top:16px;}
.pro-li{width:290px; height:120px; float:left; margin-right:10px;}
.pro-li img{float:left; margin-right:10px;}
.pro-li-t{font-size:13px; font-weight:bold; padding-bottom:6px;}
.pro-li-p{font-size:11px; height:6.2em; overflow:hidden;}



.main-p #showtitle2{height:429px; margin:0; position:relative; margin-bottom:6px;}
.slideshow{position:absolute; top:1px; left:0;}
#showtitle2 .in-menu{z-index:20; position:absolute; top:0px; right:0px;}
#showtitle2 #title-bg{z-index:21; position:absolute; top:22px; right:0;}
#nav{display:none;}