﻿/* 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 */

/*==============================================================================  lan 語言列  ==============*/
#lan{
	font-family:Arial, "細明體";
	font-size:10px;
	color:#333333;
	display:block;
	text-align:right;
	padding:10px 20px 0 5px;
	height:43px;
	word-spacing:15px;
	letter-spacing:1px;
}
#lan img{
	padding-right:5px;
}
#lan a{
	color:#333333;
	text-decoration:none;
}
#lan a:hover{
	color:#999999;
	text-decoration:underline;
}
/*/=====================================================================================  計數器  ================*/
.number{
	float:left;
	width:300px;
	display:block;
}
.number span{
	font-family:Arial, "細明體";
	font-size:10px;
	font-weight:bold;
	color:#FFFFFF;
	background:#d9d9d9;
	vertical-align:top;
	padding:4px;
	display:block;
	float:left;
}
/*=================================================================================    首頁底下copy ==*/
.copy{
	font-family:Arial, "細明體";
	font-size:10px;
	color:#666666;
	padding-top:5px;
	float:right;
	text-align:right;
}
.copy span{
	font-size:13px;
	font-weight:bold;
	display:block;
}
.copy b{
	font-weight:normal;
	color:#333333;
	word-spacing:5px;
}
.copy a{
	color:#999999;
}
.copy a:hover{
	text-decoration:none;
}


/*=============================================================================================
===============================================================================================
============================================================================== main  主頁設定  =============*/
#menu{
	font-family:Arial, "細明體";
	font-size:12px;
	line-height:28px;
	padding-bottom:35px;
}
#menu a{
	color:#7a7a7a;
	background:url(images/pro_bg.jpg) no-repeat;
	display:block;
	text-decoration:none;
	padding-left:20px;
}
#menu a:hover{
	color:#FFFFFF;
	background:url(images/pro_bg2.jpg) no-repeat;
	text-decoration:none;
	padding-left:20px;
}

/*-------------===============================================================內頁底下  foot -----------*/
#foot{
	background:url(images/copy_bg.jpg) top repeat-x;
	height:85px;
}
.logo{
	width:230px;
	text-align:right;
	padding-top:20px;
	padding-right:20px;
	float:left;
}
.search{
	font-family:Arial, "細明體";
	font-size:12px;
	color:#a7a7a7;
	display:block;
	padding-top:15px;
}
.search a{
	color:#999999;
	text-decoration:none;
	padding:0 5px;
}
.search a:hover{
	color:#333333;
}
.add{
	font-family:Arial, "細明體";
	font-size:11px;
	line-height:15px;
	color:#939393;
	float:right;
	text-align:right;
	padding-right:10px;
}
.add span{
	font-weight:bold;
	font-size:13px;
	color:#6e6e6e;
	display:block;
}
.add b{
	padding-left:10px;
	font-weight:normal;
}
.add a{
	color:#999999;
}
.add a:hover{
	text-decoration:none;
}


/*==================================================================   公司簡介 ===================*/
#com{
	font-family:Arial, "細明體";
	font-size:13px;
	color:#333333;
	line-height:25px;
	padding:10px 20px 20px 40px;
}
#com span{
	display:block;
	text-indent:25px;
	padding-bottom:8px;
}
#com span strong{
	font-size:15px;
	color:#007bc2;
	padding-right:5px;
}
#com span b{
	color:#F70289;
}

/*=============================================================   產品資訊 內文  ==============*/
.pro{
	font-family:Arial, "細明體";
	font-size:13px;
	color:#333333;
	line-height:25px;
	padding:5px 30px;
}
.pro span{
	font-size:15px;
	font-weight:bold;
	color:#FFFFFF;
	background:#DB0000;
	padding:3px 5px 0px 5px;
}
.pro b{
	color:#333333;
	display:block;
}
/**====================================================================      產品介紹小圖      ====================*/
#pro{
	font-family:Arial, "細明體";
	font-size:13px;
	color:#666666;
	display:block;
	height:160px;
	float:left;
	padding:10px 0 40px 10px;
	width:220px;
}
#pro img{
	display:block;
	margin-bottom:5px;
}
#pro a img{
	border:#D5D5D5 4px solid;
	padding:2px;
	display:block;
}
#pro a:hover img{
	border:#999999 4px solid;
}
#pro b{
	font-size:12px;
	font-weight:bold;
	color:#E10005;
	padding-right:5px;
}
/*================================================================    產品大圖 型號設定   ==============*/
.model{
	font-family:Arial, "新細明體";
	font-size:20px;
	font-weight:bold;
	color:#E80000;
	background:url(images/icon_model.jpg) no-repeat;
	background-position:20px 8px;
	display:block;
	padding:5px 0 0 30px;
	float:left;
}
.model span{
	font-size:15px;
	color:#FFFFFF;
	background:#000000;
	padding:1px 3px;
}
.pdf{
	text-align:right;
	padding-right:20px;
}

.pic{
	margin-top:10px;
	float:left;
	display:block;
	width:350px;
	border:5px #FF9024 solid;
}
.picbt{
	margin-top:10px;
	float:right;
	width:49px;
	display:block;
}


/*========================  文字設定  ==============*/
.txt{
	font-family:Arial, "細明體";
	font-size:13px;
	color:#000000;
	padding:15px 25px 20px 30px;
	display:block;
	width:230px;
}
.txt tr td{
	vertical-align:top;
	line-height:20px;
}
.txt span{
	font-size:15px;
	font-weight:bold;
	display:block;
}
/*=========================   表格設定  ===========================*/
#tab{
	font-family:Arial, "細明體";
	font-size:16px;
	font-weight:bold;
	color:#000000;
	padding:10px 0 0 30px;
}
.tab{
	font-family:Arial, "細明體";
	font-size:13px;
	color:#333333;
	text-align:center;
	line-height:24px;
	width:550px;
}
.tab tr td{
	padding:0px 10px;
	border:#666666 1px solid;
}
.tab tr td b{
	color:#FFFFFF;
}


.back a{
	font-family:Arial, "細明體";
	font-size:12px;
	color:#FD289D;
	padding:10px 20px 20px 0;
	float:right;
}
/*========================================   power 節能專區  ======================*/
.power{
	font-family:Arial, "細明體";
	font-size:13px;
	color:#333333;
	padding:10px 30px;
	line-height:22px;
}
.power span{
	display:block;
	padding-bottom:10px;
	text-indent:25px;
}
.power q{
	background:url(images/power/icon.gif) no-repeat;
	background-position:0 5px;
	display:block;
	padding-left:15px;
	margin-left:10px;
}
.power li{
	display:block;
	margin-left:10px;
	color:#666666;
}
.power b{
	display:block;
	color:#FF0000;
}
.power img{
	padding-top:5px;
	padding-bottom:5px;
	display:block;
}
.power tr td{
	padding-left:5px;
}

/*================================================    brain  人才招覽  ===================*/
.brain{
	font-family:Arial, "細明體";
	font-size:13px;
	color:#333333;
	padding:10px 30px;
	line-height:22px;
	text-indent:26px;
}
.brain a{
	color:#ff8900;
	padding-left:3px;
	text-decoration:none;
}
.brain a:hover{
	color:#666666;
}

/*===================================================================  contact  聯絡我們 ========*/
#con{
	font-size:11px;
	color:#333333;
	text-align:center;
	margin:5px;
}
#con span{
	color:#FF9900;
	padding:0 5px;
}
#con tr td input{
	BORDER-RIGHT: #cccccc 1px solid;
	BORDER-TOP: #cccccc 1px solid;
	BORDER-LEFT: #cccccc 1px solid;
	BORDER-BOTTOM: #cccccc 1px solid;
	BACKGROUND-COLOR: #f9f9f9;
}
#con_txt{
	font-size:13px;
	color:#333333;
	padding:0 70px;
	text-align:right;
}
#con_txt a{
	color:#FD289D;
}