@charset "utf-8";
/* design by showhau */
/*----------抬頭地方要加-----------------------------
<meta name="Robots" content="All" />
<meta name="Author" content="showhau,hau,dpi" />
<meta name="keywords" content="showhau, hau, design, dpi, web, web design" />
-----------------------------------------------------*/

/*----------消虛線---------*/
a {noFocusLine:expression(this.onFocus=this.blur())}      /* For IE, onFocus 的 F 要大寫*/
:focus {-moz-outline-style: none}                         /* For Firefox */


/*----------網頁png----------*/
div, img { 
	behavior:url(iepngfix.htc);
}

body{
	font-family:Arial, Helvetica, sans-serif;
}

/*------------------------------------------------------------------------  main  --------*/
#main{
	margin:auto;
	width:900px;
}
/*------*/
#lan{
	position:absolute;
	width:75px;
	margin:25px 0 0 820px;
	padding:0;
}
#lan a img{
	border:none;
	padding-bottom:2px;
}
/*-------*/
#slogn{
	position:absolute;
	margin:180px 0 0 250px; font-size:12px; line-height:1.4em; background:url(images/slogn2.gif) left top no-repeat; width:484px; padding:10px 12px; height:87px; /*filter:alpha(opacity=70);
-moz-opacity:0.7;
opacity: 0.7;*/
}
#slogn.en{padding:6px 8px; font-size:12px; line-height:1.1em; background:url(images/slogn.gif) left top no-repeat; height:55px; width:492px; color:#444;}
/*----------------------------------------------------------------    mn  -+------*/
#left{	
	float:left;	
	background:#FFFFFF;
	width:226px;
	padding-left:10px;
}
#mn{
	font-size:13px;
	line-height:23px;
	border-top:1px #CCCCCC solid;
	margin-top:5px;
	width:220px;
}
#mn a{
	background:url(images/icon_mn.jpg) no-repeat;
	background-position:10px 10px;
	color:#000000;
	display:block;
	border-bottom:1px #CCCCCC solid;
	text-decoration:none;
	padding-left:25px;
	padding-top:3px;
}
#mn a:hover{
	background:url(images/icon_mn2.jpg) no-repeat;
	background-position:15px 10px;
	color:#4d26ff;
}
#left a img{
	border:none;
	padding-top:10px;
}
/*--------------------------------------------------------------   right --------------*/
#right{
	float:right;
	width:664px;
	margin-top:40px;
	text-align:left;
}
#tit{	
	margin:0 0 0 25px;
	float:left;
}
/*#tit img, #tit h1{float:left;}*/
#tit h1{font-size:16px; vertical-align:top; margin:0; padding:0; padding-left:80px; padding-bottom:12px; color:#333; font-family:'微軟正黑體'; background:url(images/tit_pro.jpg) left top no-repeat; color:#0f39b1;}
#tit.en h1{font-size:16px; vertical-align:top; margin:0; padding:0; padding-left:130px; padding-bottom:12px; color:#333; background:url(images/tit_pro_e.jpg) left top no-repeat; color:#0f39b1;}

#info{
	font-size:10px;
	color:#666666;
	float:right;
	margin-top:25px;
	margin-right:10px;
}
#info a{
	background:url(images/icon_info.jpg) no-repeat;
	background-position:0px 5px;
	color:#666666;
	text-decoration:none;
	padding-left:10px;
}
#info b{
	color:#4d26ff;
}

/*-----------------------------------------------------------*/
.main{
	clear:both;
	margin-top:20px;
}

/*------------------------------------------------------  pro   產品圖  --------*/
#pro tr td{
	padding:0px 5px 10px 5px;
}

.tab{
	font-size:12px;
	line-height:22px;
	width:560px;
	text-align:center;
	margin:auto;
	margin-top:10px;
	margin-bottom:15px;
}
.tab th{
	background:#999999;
	color:#FFFFFF;
}
.page{
	font-size:13px;
	font-weight:bold;
	color:#FF0000;
	text-align:center;
	height:50px;
	line-height:30px;
	word-spacing:5px;
}
.page a{
	font-size:12px;
	font-weight:normal;
	color:#000000;
	border:1px #333333 solid;
	padding:2px 5px;
	text-decoration:none;
}
.page a:hover{
	background:#FF0000;
	color:#FFFFFF;
}