@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;
}

/*------------------------------------------------------------   index  -------*/
#idex{
	margin:auto;
	width:955px;
}

/*-------------------------------------------------------  top ------------*/
#top{
	clear:both;
	height:110px;
	background:url(../images/bg_top.jpg) bottom center no-repeat;
	_background-position:0px 91px;
}
.logo{
	float:left;
	padding:10px 0 0 5px;
}
.lan{
	font-size:11px;
	color:#868686;
	float:right;
	padding-top:10px;
	padding-bottom:5px;
	margin-right:10px;
	word-spacing:2px;
}
.lan a{
	color:#868686;
	text-decoration:none;
}
.lan a:hover{
	text-decoration:underline;
}
.hot{
	float:left;
	padding:10px 0 0 35px;
}
.service{
	float:right;
	display:block;
	width:250px;
	height:45px;
	background:url(../images/bg_service.jpg) right no-repeat;
	text-align:right;
	padding-right:5px;
	word-spacing:5px;
}
/*--------------------------------------------------------------  menu  選單  ------------------------*/
#menu{
	float:right;
	display:block;
	width:700px;
	margin-right:30px;
}

/*---------------------------------------------------------------    left   左左左  ----------*/
#left{
	float:left;
	width:214px;
	padding-top:20px;
	_padding-top:10px;
}
.left{
	text-align:center;
	background:url(../images/left_c.jpg) repeat-y;
}
.left a:hover{
	color:#333333;
	text-decoration:underline;
}
#right{
	float:right;
	padding-right:5px;
}
/*---------------------------*/
.member{
	font-size:12px;
	color:#000000;
	padding:10px 0 10px 5px;
	_padding:10px 0 10px 0;
	float:left;
}
.member a{
	float:left;
	color:#000000;
	display:block;
	background:url(../images/icon_member.jpg) no-repeat;
	background-position:0px 7px;
	width:75px;
	padding-left:10px;
	margin-left:10px;
}	
.link{
	font-size:13px;
	color:#000000;
	float:left;
	padding:5px 0 0 25px;
}
.link a{
	float:left;
	color:#000000;
	display:block;
	background:url(../images/icon_link.jpg) no-repeat;
	background-position:0px 3px;
	width:75px;
	text-align:left;
	padding-left:17px;
}
/*-------------------*/
#theme{
	font-size:13px;
	float:left;
	width:216px;
}
#theme a{
	float:left;
	display:block;
	color:#000000;
	text-align:center;
	padding:5px 0 0 5px;
}
#theme a img{
	display:block;
}
#theme a:hover{
	color:#999999;
}
#down{
	float:left;
	font-size:13px;
	color:#000000;
	background:url(../images/bg_down.jpg) left bottom no-repeat;
	height:120px;
	margin-bottom:10px;
}
#down img{
	display:block;
	padding-bottom:15px;
}
#down a{
	background:url(../images/icon_down.jpg) no-repeat;
	background-position:0px 3px;
	color:#000000;
	display:block;
	padding-left:12px;
	margin-left:90px;
}

/*-------------------------------------------------------------------   中間  -----------------*/
#basic-accordian{
	float:left;
	width:720px;
	z-index:2;
	margin:10px 0 0 12px;
	margin:10px 0 0 12px\9;
	*margin:20px 0 0 12px;
	_margin:10px 0 0 7px;
}
#name{
	float:right;
	width:170px;
}
.accordion_headings{
	font-size:15px;
	background:url(../images/bg_accordian.jpg) bottom no-repeat;
	color:#FFFFFF;
	cursor:pointer;
	height:40px;
}
.accordion_headings h1{
	font-weight:bold;
	color:#000000;
	padding:10px 0 0 15px;
}
.accordion_headings:hover{
	background:url(../images/bg_accordian2.jpg) no-repeat;
	color:#FFFFFF;
}
#pic{
	width:550px;
	height:240px;
	overflow:hidden;
	float:left;
}
.accordion_child{
	background:#FFFFFF;
}
.header_highlight{
	background:#FFFFFF;
	color:#8f8f8f;
}
.header_highlight h1{
	color:#FFFFFF;
	background:url(../images/bg_accordian2.jpg) no-repeat;
	height:30px;
}
/*-------------------------------------------------------------------   中間 222 -----------------*/
#desSlideshow1{
	float:left;
	width:720px;
	z-index:2;
	margin:10px 0 0 12px;
	margin:10px 0 0 12px\9;
	*margin:20px 0 0 12px;
	_margin:10px 0 0 7px;
}
/*---------------------------------------------------*/
#travel{
	float:left;
	padding:10px 0 0 12px;
}
#news{
	float:left;
	font-size:12px;
	color:#1200ff;
	margin-top:10px;
	padding-left:15px;
}
#news label a{
	background:url(../images/icon_news.jpg) no-repeat;
	color:#1200ff;
	display:block;
	padding-left:45px;
}
#news label a:hover{
	color:#FF7A02;
	text-decoration:underline;
}
#news img{
	display:block;
	padding-top:5px;
}
/*---------------------------------------------------------------------------   66666666666666666666666      ----------------------*/
#tit{
	float:left;
	width:360px;
	margin-left:7px;
	*margin-left:7px;
	padding-bottom:10px;
}
#tit span{
	font-size:12px;
	color:#001eff;
	width:345px;
	height:30px;
	display:block;
	text-align:right;
	padding:15px 15px 0 0;
}
#tit span a{
	color:#001eff;
	display:block;
}
#list{
	font-size:13px;
	color:#000000;
	padding-bottom:15px;
}
#list a{
	display:block;
	color:#000000;
	background:url(../images/icon_list.jpg) no-repeat;
	background-position:15px 8px;
	border-bottom:1px #6f6f6f dotted;
	padding-top:5px;
	padding-left:35px;
	margin-top:3px;
	margin-left:10px;
}
#list a:hover{
	color:#999999;
}
#tit2{
	font-size:15px;
	font-weight:bold;
	clear:both;
	background:url(../images/icon_tit.jpg) no-repeat;
	margin:20px 0 0 10px;
	padding-left:25px;
}
.btmblk{
	clear:both;	margin:auto; text-align:center; font-size:12px; color:#CCCCCC; margin-top:-10px;
}
.btmblk a{
	color:#06F;	
}
.btmblk a:hover{
	text-decoration:underline;
}
/*-------------------------------------------------------------------------------    foot  表尾  --------------*/
#foot{
	float:left;
	background:url(../images/bg_top.jpg) top center no-repeat;
	display:block;
	height:100px;
	width:935px;
	padding:30px 0 15px 20px;
	margin-top:15px;
}
#copy{
	float:left;
	font-size:13px;
	line-height:18px;
	color:#000000;
	background:url(../images/logo2.jpg) no-repeat;
	background-position:0px 10px;
	display:block;
	padding:0 0 0 200px;
}
#info{
	float:right;
	margin:-10px 10px 0 0;
}






















