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

body{
	margin-top:20px;
}
/*------------------------------------  內頁  ---------*/
#main{
	margin:auto;
	width:976px;
	background:#484848;
	clear:both;
}
.home{
	background:#515151;
	text-align:right;
	padding:0 50px 10px 50px;
}
.home a{
	font-size:10px;
	color:#ff5e00;
	text-decoration:none;
	background:#000000;
	padding:2px 5px;
}
.top{
	background:url(images/topmenu_bg.jpg) no-repeat top center;
	height:75px;
}
.top img{
	float:right;
	margin-right:15px;
}
/*===================================================================  TOP  選單  ==========*/
.menu{
	font-size:14px;
	font-weight:bold;
	color:#b8b8b8;
	float:right;
	margin-top:45px;
	margin-right:20px;
}
.menu a{
	color:#b8b8b8;
	margin:0px 10px;
	text-decoration:none;
}
.menu a:hover{
	font-weight:bold;
	color:#ff5e00;
	padding:2px 5px;
	background:#333333;
}
.box{
	width:250px;
}
/*-----------------------  tit  ---------*/
.tit{
	font-size:10px;
	font-weight:bold;
	color:#6a6a6a;
	padding:20px 0 20px 35px;
	background:url(images/line_bg.jpg) no-repeat bottom;
}
.tit b{
	font-size:14px;
	color:#d7d7d7;
	padding-right:5px;
}
/*---------------------------------------------------   banner  ------------------*/
.banner{
	clear:both;
	margin:0px 25px;
	height:300px;
}
.pic{
	font-size:11px;
	color:#949494;
	float:left;
	margin-top:10px;
}
.pic span{
	font-size:10px;
	color:#eeeeee;
	background:url(images/pro_icon.jpg) no-repeat;
	background-position:0px 5px;
	display:block;
	padding-left:7px;
	margin-top:10px;
}
/************************************************--------------  mn  ------------*/
.mna{
	border-left:1px #666666 solid;
	padding:15px 0 0 10px;
	height:280px;
	float:right;
}
.mn{
	font-size:12px;
	display:block;
}
.mn a{	
	color:#cccccc;
	text-decoration:none;
	background:#333333 url(images/mn_icon.jpg) no-repeat;
	background-position:3px 13px;
	border-bottom:1px #999999 solid;
	display:block;
	margin:5px;
	padding-left:15px;
	height:30px;
	width:240px;
	line-height:34px;
}
.mn a:hover{
	font-size:14px;
	font-weight:bold;
	color:#cc050b;
	background:#3C3C3C  url(images/mn_icon.jpg) no-repeat;
	background-position:3px 13px;
	border-bottom:1px #cc050b solid;
}
.mn2{
	font-size:10px;
	display:block;
}
.mn2 a{	
	color:#cccccc;
	text-decoration:none;
	background:#333333 url(images/mn_icon.jpg) no-repeat;
	background-position:3px 13px;
	border-bottom:1px #999999 solid;
	display:block;
	margin:5px;
	padding-left:15px;
	height:30px;
	width:240px;
	line-height:14px;
}
.mn2 a:hover{
	font-size:11px;
	font-weight:bold;
	color:#cc050b;
	background:#3C3C3C  url(images/mn_icon.jpg) no-repeat;
	background-position:3px 13px;
	border-bottom:1px #cc050b solid;
}
.font01 {
	font-size: 10px;
	line-height: 14px;
}
.font01 a{
	color:#cccccc;
	text-decoration:none;
	background:#333333 url(images/mn_icon.jpg) no-repeat;
	background-position:3px 13px;
	border-bottom:1px #999999 solid;
	display:block;
	margin:5px;
	padding-left:15px;
	height:30px;
	width:240px;
}
.font01 a:hover{
	font-weight:bold;
	color:#cc050b;
	background:#3C3C3C  url(images/mn_icon.jpg) no-repeat;
	background-position:3px 13px;
	border-bottom:1px #cc050b solid;
}
.sub{
	width:250px;
	line-height:20px;
	margin-left:5px;
	clear:both;
	display:block;
}
.sub a{
	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	padding-right:3px;
	float:left;
}
.sub a:hover{
	font-size:14px;
	font-weight:bold;
	background:#000000;
	color:#FFA600;
	text-decoration:none;
}
#SubMenu1{
	height: 40px;
}
#SubMenu2{
	height: 40px;
}
#SubMenu3{
	height: 60px;
}
#SubMenu4{
	height: 80px;
}
#SubMenu5{
	height: 40px;
}


/*----------------------------------------------   內容  --------*/
.thing{
	clear:both;
}
.info{
	background:url(images/line_bg.jpg) bottom center no-repeat;
	padding:10px 0 0 25px;
	line-height:40px;
	height:50px;
	width:95%;
}
.info b{
	font-size:20px;
	font-weight:bold;
	color:#FFFFFF;
	background:url(images/icon_info.jpg) no-repeat;
	background-position:0px 8px;
	padding-left:25px;
	float:left;
	margin-right:20px;
}
.info span{
	width:300px;
	height:30px;
	background:url(images/icon_info_bg.jpg) no-repeat;
	display:block;
	float:left;
}
/*--------------------------------------------------------------------------------   company  ----------*/
.com{
	font-size:13px;
	border-bottom:1px #979797 solid;
	color:#FFFFFF;
	clear:both;
	line-height:16px;
	margin:auto;
	margin-bottom:10px;
	width:800px;
	padding:10px 0px;
	display:block;
}
.com b{
	background:#FF4D00;
	color:#FFFFFF;
	float:left;
	padding:2px 5px;
	margin-right:10px;
}
.com a{
	color:#A84300;
}
.com span{
	float:right;
	width:690px;
	margin-top: 10px;
}
.com2{
	font-size:12px;
	color:#FFFFFF;
	text-align:center;
	line-height:20px;
	clear: both;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
}
.com2 span{
	font-size:14px;
	font-weight:bold;
	color:#FF4D00;
	display:block;
}
.com2 b{
	font-size:10px;
	color:#999999;
	margin-left:5px;
}
.com2 a{
	color:#82CFF4;
}
/*---------------------------------------------   pro  ---------*/
.pro{
	clear:both;
	margin:0 20px 20px 50px;
}
.pro tr td span img{
	border:1px #666666 solid;
	padding:8px;
	background:#5b5b5b;
}
.model{
	font-size:11px;
	color:#FFFFFF;
	text-align:left;
	line-height:24px;
	width:430px;
}
.model tr td hr{
	border:1px #7e7e7e solid;
}
.model tr td b{
	font-weight:normal;
	background:url(images/icon_model.jpg) no-repeat;
	background-position:0px 2px;
	padding-left:15px;
	margin-left:20px;
}
.model tr td span{
	font-weight:normal;
	padding-left:15px;
	margin-left:20px;
	display:block;
}
.model tr td img{
	margin-right:10px;
}
/*---------------------------------------------------    news  --------------*/
.f9pt15 {
	font-size:12px;
	line-height:22px;
	color:#FFFFFF;
	float:left;
}
.f9pt15 span{
	display:block;
	padding-bottom:15px;
}
.f9pt15 b{
	font-weight:normal;
	color:##C6C6C6;
}
.new{
	font-size:20px;
	font-weight:bold;
	float:left;
	color:#FFFFFF;
	letter-spacing:-2px;
	background:#333333;
	padding:1px 3px;
	margin-right:5px;
}



/*----------------------------------------------------------   contact  ----------------------*/
#con{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FFFFFF;
	margin:auto;
	width:650px;
	padding-bottom:10px;
}
#con a{
	color:#FFB324;
}
.tdcolor{
	font-family:Arial, "新細明體", "細明體";
	font-size:12px;
}
.tdcolor-main04 {
	color:#FFFFFF;
	border-top:2px #cc050b solid;
	border-bottom:1px #424242 solid;
	background:#3c3c3c;
}
.tdcolor-main05 {
	color: #767B76;
	border-top:2px #cc050b solid;
	border-bottom:1px #424242 solid;
	background:#404040;
}
.tdcolor-04 {
	color:#CCCCCC;
	border-bottom:1px #424242 solid;
	background: #4f4f4f;
} 
.tdcolor-05 {
	color: #666666;
	border-bottom:1px #424242 solid;
	background:#4c4c4c;
}
.tdcolor tr td input{
	border:1px #333333 solid;
	background:#999999;
	color:#FFFFFF;
}
.tdcolor tr td textarea{
	border:1px #333333 solid;
	background:#999999;
	color:#FFFFFF;
}