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

html, body {
	height: 100%;
}
#wrap {
	min-height: 100%;
}
#idex{
	overflow:auto;
	padding-bottom:110px;
	margin:auto;
	width:970px;
}  /* must be same height as the footer */

#footer {
	position: relative;
	margin-top: -110px; /* negative value of footer height */
	height:110px;
	clear:both;
}
/*----------網頁png----------*/
div, img { 
	behavior:url(../images/iepngfix.htc);
}

body{
	font-family:Arial, "新細明體", "細明體";
	padding:0;
	margin:0;
	background:#FFF;
	background:url(../images/bar_top.jpg) repeat-x top;
}

#bg_top{
	position:absolute;
	width:100%;
	height:44px;
	text-align:center;
	min-width:1000px;
	z-index:3;
	top:80px;
	
}

/*-------------------------------------------------------  top ------------*/
#top{
	clear:both;
	height:100px;
	margin:auto;
	width:950px;
}
.logo{
	float:left;
	padding:30px 0 0 0;
}

#t_right{
	float:right;
	display:block;
	width:130px;
	text-align:right;
}
.site{
	font-size:11px;
	line-height:24px;
	color:#2885B8;
	background:url(../images/bar_top.jpg);
	text-align:center;
	padding:5px 0 0 0;
	margin-bottom:10px;
}
.site a{
	color:#FFFFFF;
	padding:0 2px;
}
.site a:hover{
	text-decoration:underline;
}
.site span{
	padding:0 2px;
}
#search{
	display:block;
	width:98%;
	border:1px #CCC solid; margin-top:40px;
}
#search form{
	padding:0 5px 0 0;
}
#search input{
	font-size:10px;
	background:none;
	border:none;
	height:20px;
	height:16px\9;
	padding:0 5px;
	width:100px;
	color:#999999;
	margin:0;
	margin:3px 0 0 0\9;
}
/*----------------------------------  menu  ---------*/
#menu{
	float:left;
	font-size:13px;
	color:#4D4D4D;
	display:block;
	padding:40px 0 0 90px;
}
#menu a{
	color:#4D4D4D;
	padding:0px 8px;
}
#menu a:hover{
	color:#2885B8;
}
#menu span{
	color:#2885B8;
	padding:0px 5px;
}



#picshow{
	overflow:hidden;
	width:970px;
	height:339px;
	text-align:center;
	position:relative;
	top:-20px;
}
#picshow #btn a.left{
	position:absolute;
	top:190px;
	left:20px;
}
#picshow #btn a.right{
	position:absolute;
	top:190px;
	right:20px;
}
	
.component-tabs{ top:-25px; position:relative; background:url(../images/bg_show.jpg) repeat-x; height:79px; margin:auto; width:952px; padding-top:6px;}
.component-tabs li{float:left;  position:relative; z-index:2; font-size:11px; }
.component-tabs li a{color:#969696; display:inline-block; text-decoration:none; /*text-shadow:#CCC 0 1px 0;*/ background:url(../images/bg_show.png) no-repeat; height:55px; width:198px;padding:10px 15px 0 25px; line-height:10px;}
.component-tabs li.tabs-hover a{color:#FFF; text-shadow:none; background:url(../images/bg_show3.png) no-repeat;}
.component-tabs li.tabs-selected a{color:#FFF; text-shadow:none; background:url(../images/bg_show2.png) no-repeat;}
.component-tabs li a span{ font-size:13px; display:block; padding:7px 0 0 0; }
.component-tabs li.tabs-hover a span{}
.component-tabs li.tabs-selected a span{ color:#FFF;}

.no-js .component-tabs{display:none;width:100%}
.has-js .htc-layout-tab{display:none;width:100%}


/**************************/
#btm{
	float:left;
	background:url(../images/bar.jpg) repeat-x top;
	width:950px;
	padding:10px 0 0 0;
	margin-left:10px;
	margin-left:10px\9;
	*margin-left:10px;
	_margin-left:5px;
}
#idex_t{
	font-size:15px;
	font-weight:bold;
	color:#000;
	display:block;
	background:url(../images/bg_title.jpg) repeat-x;
	height:29px;
	line-height:29px;
	padding-left:10px;
	margin-bottom:20px;
	word-spacing:7px;
}
/*******/
#idex_n{
	font-size:12px;
	line-height:14px;
	color:#666;
	float:left;
	display:block;
	width:470px;
}
#idex_n img{
	display:inline-block;
	float:left;
	padding-left:15px;
	margin-right:10px;
}
#idex_n h1{
	font-size:15px;
	color:#0096C3;
	display:block;
	padding-top:7px;
}
#idex_n span{
	float:left;
	display:block;
	width:240px;
}
#idex_n small{
	font-size:10px;
	line-height:12px;
	display:block;
	padding:7px 0 0 0;
	min-height:60px;
}
#idex_n a img{
	float:right;
	padding:0;
}
/*******/
#idex_m{
	float:right;
	display:block;
	width:465px;
	
}
#n_list{
	font-size:12px;
	line-height:12px;
	color:#7F7F7F;
	float:left;
	width:450px;
	padding:0 0 10px 15px;
	padding:0 0 10px 15px\9;
	*padding:0 0 10px 15px;
	_padding:0 0 10px 15px;
}
#n_list small{
	font-size:11px;
	display:block;
}
#n_list a{
	float:right;
}

#line{
	clear:both;
	width:460px;
	height:2px;
	background:url(../images/bar.jpg) repeat-x;
	margin:0 0 10px 13px;
	margin:0 0 10px 13px\9;
	*margin:0 0 10px 13px;
	_margin:0 0 0 13px;
	padding:3px 0;
	padding:3px 0\9;
	*padding:3px 0;
	_padding:3px 0 0 0;
}


.page{
	font-size:13px;
	color:#0071B2;
	clear:both;
	margin:auto;
	text-align:right;
	width:94%;
}
.page a{
	font-size:12px;
	color:#7F7F7F;
	padding-left:5px;
}
.page a:hover{
	text-decoration:underline;
}

/*-------------------------------------------------------------------------------------------    footer  ---------*/
#foot{
	font-size:12px;
	text-align:center;
	color:#8F8F8F;
	
	clear:both;
	padding:50px 0 15px 0;
}
#foot a{
	color:#8F8F8F;
	padding:0 5px;
}
#foot a:hover{
	color:#2885B8;
}
#foot span{
	color:#2885B8;
	padding:0 5px;
}
#copy{
	font-size:9px;
}


#design{
	font-size:11px;
	color:#eeeeee;
	float:right;
	margin-top:10px;
	width:110px;
}
#design a{
	color:#eeeeee;
}
#design a img{
	position:absolute;
	margin-top:-7px;
	*margin-top:-9px;
	_margin-top:-9px;
}