/* 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{
	font-family:Arial, "新細明體", "細明體";
}
/*==============   內頁top區 ==========*/
.top{
	margin:0;
	padding:0;
}
/*------------------  top  ----*/
.top a img{
	margin-left:620px;
	float:left;
}
/*-------------------   lan  -----*/
.lan{
	font-size:11px;
	color:#FFFFFF;
	position:absolute;	
	margin:60px 0 0 840px;
	*margin:60px 0 0 650px;
}
.lan a{
	color:#FFFFFF;
	background:url(images/icon_lan.jpg) no-repeat;
	background-position:0px 3px;
	text-decoration:none;
	padding-left:10px;
	margin-right:15px;
}
.lan a:hover{
	text-decoration:underline;
}

/*==================  內頁大選項  =========*/
.menu{
	background:url(images/menu_bg.jpg) left top no-repeat;
	width:210px;
	margin-top:85px;
	padding-top:55px;
}
.menu a img{
	margin-bottom:3px;
	margin-left:20px;
}
/*==========   內頁次選項  ========*/
.mn{
	font-size:12px;
	line-height:24px;
	margin:5px 0px 5px 20px;
}
.mn a{
	background:url(images/mn_bg.jpg) no-repeat;
	color:#FFFFFF;
	display:block;
	text-decoration:none;
	padding-left:10px;
	margin-bottom:2px;
}
.mn a:hover{
	background:url(images/mn_bg2.jpg) no-repeat;
	color:#fcf4d0;
}
/*---------------search--*/
.sear{
	font-size:10px;
	color:#ffedc7;
	padding-top:5px;
	margin-top:10px;
	margin-left:20px;
}
.sear form{
	margin:0;
	padding:0;
}
.sear form input{
	font-size:11px;
	border:1px #7c7c7c solid;
	background:#c9c9c9;
}
.sear form a{
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
}

#thing{
	width:690px;
	clear:both;
}
/*-----------------------------------------   tit  &  info --------*/
.tit{
	font-size:20px;
	color:#FFFFFF;
	font-weight:bold;
	letter-spacing:-1px;
	background:url(images/tit_bg.jpg) no-repeat;
	width:150px;
	height:55px;
	padding:20px 0 0 15px;
	float:left;
}
.tit b{
	color:#535353;
}
.info{
	font-size:10px;
	float:right;
	color:#a0a0a0;
	margin:30px 10px 0 0;
	border-bottom:1px #333333 solid;
	width:70%;
	text-align:right;
	height:20px;
}
.info a{
	font-size:10px;
	color:#999999;
	text-decoration:none;
}
.info a:hover{
	text-decoration:underline;
}
.info b{
	font-size:14px;
	font-weight:normal;
	color:#fcf4d0;
}
.info span{
	font-size:14px;
}
/*---------------------------------------------    公司簡介  ----------*/
.com{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#CCCCCC;
	margin-bottom:20px;
	line-height:16px;
}
.com tr td span{
	display:block;
	margin:10px;
}
.com tr td span b{
	font-size:14px;
	color:#FFFFFF;
	margin-right:1px;
}
.com tr td img{
	border:1px #666666 solid;
	padding:5px;
	background:#333333;
	margin-top:10px;
}
.com tr td tr td{	
	border-bottom:1px #333333 solid;
}
/*---------------------------------    pros   索引圖                 產品頁面 -------------*/
.pros{
	clear:both;
	margin-bottom:20px;
}
.pros tr td{
	padding:0 10px 10px 15px;
}
.pro a img{
	border:1px #FFFFFF solid;
	padding:2px;
	background:#999999;
}
.pro a:hover img{
	border:1px #FFA600 solid;
	background:#FFEAC4;
}
.pro span{
	background:url(images/p_shadow.jpg) top center no-repeat;
	font-size:11px;
	color:#a1a1a1;
	display:block;
	text-decoration:none;
	padding-top:3px;
}
.pro b{
	font-size:12px;
	color:#FFFFFF;
	float:right;
}
/*------------------------------------    prob  放大圖  --------*/
.prob{
	font-size:11px;
	color:#FFFFFF;
	line-height:26px;
	margin-left:20px;
}
.prob b img{
	border:3px #616161 solid;
	padding:5px;
	background:#333333;
}
/*-----------------*/
.prob2{
	font-size:11px;
	color:#FFFFFF;
	line-height:26px;
}
.prob2 tr td span{
	font-size:12px;
	font-weight:bold;
	line-height:16px;
	color:#868686;
	display:block;
	border-bottom:1px #666666 solid;
	border-top:1px #666666 solid;
	margin:90px 0 5px 10px;
	padding:0px 5px;
	width:50px;
}
.prob2 tr th{
	color:#d5d4ad;
	text-align:right;
	padding-right:5px;
	padding-left:15px;
	vertical-align:top;
	width:71px;
}
.prob2 tr td{
	vertical-align:top;
}
/*-----------------------------------------   news   最新消息  ----------*/
.news{
	font-size:10px;
	color:#818181;
	line-height:26px;
}
.news tr{
	border:1px #000000 solid;
}
.news tr th{
	font-size:10px;
	color:#d1d1d1;
	background:#313131;
	border-top:1px #2f0607 solid;
	border-bottom:1px #999999 solid;
}
.news tr td{
	border-bottom:1px #CCCCCC solid;
}
.news tr:hover{
	background:#232323;
}
.news_t{
	font:11px;	
	color:#F07800;
	text-align:center;
	border-bottom:1px solid #EAEAEA;
	width:50px;
}
.news_info a{
	font-size:11px;
	color:#818181;
	margin-left:20px;
	text-decoration:none;
	display:block;
	line-height:20px;
	padding:5px 0;
}
.news_info a:hover{
	color:#A9DEF8;
	text-decoration:underline;
}
.news_date{
	color:#A9DEF8;
	text-align:center;
	width:100px;
}

/*-------------------  page  -----*/
.page{
	font-size:9px;
	color:#CCCCCC;
	text-align:center;
	margin:15px;
}
.page a{
	font-size:12px;
	font-weight:bold;
	color:#818181;
	padding:0px 3px;
	text-decoration:none;
}
.page a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}
/*--------------------  new 2  ---------*/
.new2{
	font-size:13px;
	color:#FFFFFF;
	margin:20px;
	clear:both;
	line-height:18px;
}
.new2t{
	font-size:11px;
	color:#A9DEF8;
	border-bottom:1px #666666 solid;
	width:600px;
	line-height:28px;
	margin-left:10px;
	text-align:right;
}
.new2t b{
	font-size:40px;
	color:#f38f01;
	letter-spacing:-5px;
	float:left;
}
.new2t span{
	font-size:24px;
	color:#636363;
	float:left;
	text-align:left;
	line-height:24px;
	padding-top:8px;
	width:480px;
}
.new2t img{
	float:right;
	padding-top:5px;
	padding-right:10px;
}
.new2b{
	font-size:13px;
	color:#FFFFFF;
	margin:10px 45px 20px 50px;
	line-height:28px;
}
.new2b p{
	clear:both;
}
.new2b img{
	/*display:block;*/
	margin-top:10px;
}
/*-------------------------------------------------    聯絡我們  ------*/
.tacolor{
	margin:10px;
}
.tdcolor-main04 {
	font-size: 9pt;
	font-family:"Arial";
	color:#333333;
	background: #fcf4d0;
	border-top:2px #FF8224 solid;
	border-bottom-color:1px #D8E6EB solid;
	width:80px;
}
.tdcolor-main05 {
	font-size: 9pt;
	font-family:"Arial";
	color: #767B76;
	background:#333333;
	border-top:2px #FF8224 solid;
	border-bottom:1px #D8E6EB solid;
}
.tdcolor-04 {
	font-size: 9pt;
	font-family:"Arial";
	color:#333333;
	background: #fcf4d0;
} 
.tdcolor-05 {
	font-size: 9pt;
	font-family:sans-serif, Arial, Dotum, Helvetica, geneva,;
	color: #666666;
	background:#282828;
	border-bottom:1px #D8E6EB solid;
}
.tacolor tr td input, .tacolor tr td textarea{
	font-size:11px;
	border:#cccccc 1px solid;
	background:#f9f9f9;
}







/*================================================================   color  card  色卡  =======*/
.color_page{
	font-size:16px;
	font-weight:bold;
	color:#FFFFFF;
	background:url(images/icon_p.jpg) no-repeat;
	background-position:0px 8px;
	padding-left:10px;
	text-align:center;
}
.color_page a{
	font-size:12px;
	color:#FFFFFF;
	background:#FF0000;
	padding:1px 3px;
	text-decoration:none;
}


/*=========================*/
.nTab{
	font-size:12px;
	float: left;
	margin-bottom:2px;
	color:#FFFFFF;
	text-align:center;
}
.nTab .TabTitle{
	height:25px;
}
.nTab .TabTitle ul{
	border:0;
	margin:0;
	padding:0;
}
.nTab .TabTitle li{
	float: left;
	width: 50px;
	cursor: pointer;
	padding:4px 0px 2px 0px;
	list-style-type: none;
}
.nTab .TabTitle .active{
	background:#df0101;
	border:1px #CCCCCC solid;
}
.nTab .TabTitle .normal{
	background:#3f3f3f;
	border:1px #666666 solid;
}
.nTab .TabContent{
	padding:10px 0;
}
.none {
	display:none;
}