﻿@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(../images/iepngfix.htc);
}

body{
	font-family:Arial, "新細明體", "細明體";
	padding:0;
	margin:0;
	background:#000;
}

/*------------------------------------------------------------   index  -------*/
#idex{
	margin:auto;
	width:1100px;
	position:relative;
	z-index:10;
}
#site{
	text-align:right;
	display:block;
	word-spacing:0;
	white-space:0;
	letter-spacing:0;
	padding:0 15px 95px 0;
}

#logo{
	float:left;
	display:block;
	width:100%;
	padding:0 0 28px 0;
}
#logo span{
	float:left;
}
#logo p{
	float:right;
}
#mn{
	clear:both;
	display:block;
	text-align:right;
	padding:0 10px 0 0;
	font-size:0;
	line-height:0;
}
/*-----------------------------------------------------------  btm -----------*/
#t_n{
	float:left;
	font-size:13px;
	color:#FFF;
	width:330px;
	padding:35px 30px 0 0;
	margin-left:430px;
}
#t_n p{
	display:block;
	padding:0 0 8px 0;
}
#t_n span{
	float:left;
	padding:5px 8px 0 0;
}
#t_n a{
	color:#FFF;
}
#t_n a h1{
	font-weight:bold;
}
#t_c{
	float:left;
	font-size:13px;
	color:#FFF;
	display:block;
	padding:35px 0 0 0;
	width:310px;
}
#t_c a{
	display:block;
	color:#FFF;
	padding:5px 0 0 0;
}
#t_n a:hover, #t_c a:hover{
	color:#999;
}


/*-------------------------------------------------------------------------------------------    footer  ---------*/
#footer{
	clear:both;
	height:100px;
	display:block;
	padding:140px 0 0 0;
}
#foot{
	font-size:12px;
	line-height:18px;
	color:#8f8f8f;
	clear:both;
	margin:auto;
	width:1050px;
}
.add{
	font-size:12px;
	display:block;
	position:relative;
	z-index:5;
	vertical-align:top;
}
.add a{
	color:#8f8f8f;
}
.add b{
	display:inline-block;
	vertical-align:top;
}
.add tr td{
	padding-right:10px;
}
.www{
	background:url(../images/icon_www.jpg) no-repeat 0 2px;
	padding:0 0 0 22px;
}
.mail{
	background:url(../images/icon_mail.jpg) no-repeat 0 2px;
	padding:0 0 0 22px;
}
#info{
	font-size:11px;
	color:#3a3a3a;
	float:left;
}
#design{
	float:right;
	font-size:10px;
	color:#3a3a3a;
	position:relative;
	z-index:5;
	display:none;
}
#design a{
	color:#3a3a3a;
}
