@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:1002px;
}
/*-----------------------------------------   top  -------*/
#top{
	clear:both;
	height:184px;
}
.logo{
	position:absolute;
	z-index:1;
}
.logo img{
	padding:10px 0 0 15px;
}
.lan{
	font-size:12px;
	color:#777777;
	padding-top:15px;
	z-index:2;
	position:absolute;
	margin-left:690px;
}
.lan a{
	color:#777777;
	text-decoration:none;
	letter-spacing:1px;
	padding:0px 3px;
}
.lan a:hover{
	color:#ff7600;
	text-decoration:underline;
}
.fla{
	position:absolute;
	z-index:0;
}

/*----------------------------------------  menu  -----------*/
#menu{
	font-size:10px;
	background:url(../images/menu/bg_menu.jpg) no-repeat;
	color:#CCCCCC;
	clear:both;
	height:70px;
	padding:10px 5px 0 10px;
}
.mn label{
	float:left;
	padding-left:7px;
}
.mn span{
	float:left;
	padding:15px 6px 0 0;
	_padding:15px 0 0 0;
	margin-left:2px;
}
.mn a{
	padding:0px 2px;
	_padding:0px 1px;
}
.mn a img{
	border:none;
}


#content{
	float:left;
	padding-bottom:10px;
	width:100%;
}
/*----------------------------------------------------   left   左邊 ------------*/
#left{
	background:url(../images/idex/bg_fast.jpg) no-repeat top left;
	float:left;
	width:272px;
	_width:269px;
	padding:70px 0 0 0;
}
#left img{
	float:left;
	padding-bottom:4px;
}
#left label img{
	padding-left:5px;
}
.fast{
	font-size:13px;
	line-height:20px;
	float:left;
}
.fast a{
	background:url(../images/idex/icon_fast.jpg) no-repeat;
	background-position:0px 3px;
	color:#4f4f4f;
	float:left;
	display:block;
	width:90px;
	margin-left:18px;
	margin-right:8px;
	_margin-right:0;
	text-decoration:none;
	padding-left:17px;
}
.fast a:hover{
	color:#fe8c1a;
	text-decoration:underline;
}
/*----------------  相關連結 link  -----*/
.link{
	background:url(../images/idex/bg_link.jpg) no-repeat;
	clear:both;
	padding:50px 0 0 30px;
	height:66px;
}
.link img{
	margin-right:25px;
}
/*----------------  member  -----*/
.member{
	font-size:10px;
	float:left;
	color:#4f4f4f;
	line-height:20px;
	width:260px;
}
.member tr th{
	font-size:12px;
	color:#5e5e5e;
	text-align:left;
}
.member input{
	border:1px #e4e4e4 solid;
	background:#ededed;
}
.member a img{
	padding-right:5px;
}
.mem{
	width:60px;
}
.mem2{
	width:100px;
}

/*-------------------------------------------------------------    中間  middle  --------*/
#middle{
	background:url(../images/idex/bg_middle.jpg) center bottom no-repeat;
	float:left;
	width:471px;
	padding-left:7px;
	padding-bottom:10px;
}
.hot{
	font-size:12px;
	background:url(../images/idex/bg_hot.jpg) no-repeat;
	height:98px;
	text-align:left;
	padding-top:5px;
	padding-left:6px;
}
.hot span{
	width:465px;
	height:330px;
	margin:0;
	padding:0;
	display:block;
}
.slideshow{
	height:18px;
	overflow:hidden;
	margin-bottom:10px;
}
.slideshow a{
	background:url(../images/idex/icon_news.jpg) no-repeat;
	color:#8f8f8f;
	padding-left:70px;
	padding-bottom:15px;
	display:block;
}
.slideshow a:hover{
	color:#FF0000;
	text-decoration:underline;
}


/*-------------------------------------------------------------   右邊   right  --------*/
#right{
	background:url(../images/idex/bg_search.jpg) top no-repeat;
	float:right;
	text-align:left;
	padding:70px 0 0 0;
	width:250px;
}
#right label img{
	padding-left:3px;
}
/*------------*/
.search{
	font-size:13px;
	color:#4f4f4f;
	height:150px;
	line-height:30px;
	padding-bottom:4px;
}
.search tr th{
	display:block;
	text-align:right;
	width:80px;
	padding-right:5px;
	vertical-align:top;
}
.search select{
	font-size:11px;
	margin-bottom:4px;
	margin-right:2px;
}
/*-------------------------  air 飛機  -------*/
.air{
	background:url(../images/idex/bg_plane.jpg) top no-repeat;
	text-align:center;
	height:100px;
	padding-top:40px;
}
.air a img{
	padding:5px;
}


/*--------------------------------------------------------------  3 大產品  btm  ---------*/
#btm{
	background:url(../images/idex/bg_btm.jpg) no-repeat;
	clear:both;
	height:155px;
	text-align:left;
	padding:10px 10px;
}
/*--------------*/
.btm{
	font-size:12px;
	float:left;
	line-height:22px;
	width:325px;
	*width:330px;
	_width:330px;
}
.btm img{
	display:block;
	padding-bottom:5px;
}
.btm a{
	background:url(../images/idex/icon_tit_list.jpg) no-repeat;
	background-position:5px 5px;
	border-bottom:1px #CCCCCC dashed;
	color:#7f7f7f;
	display:block;
	text-decoration:none;
	padding-left:22px;
	margin-left:5px;
	width:295px;
}
.btm a:hover{
	color:#fe8c1a;
}

/*--------------------------------------------------------------------------   info   最下面的TRAVEL  ----------*/
#info{
	background:url(../images/idex/bg_information.jpg) no-repeat;
	clear:both;
	height:265px;
	padding-bottom:7px;
}
/*--------------------*/
.list{
	font-size:12px;
	float:left;
	line-height:24px;
	margin:105px 0 0 120px;
	*margin:105px 0 0 120px;
	_margin:105px 0 0 60px;
}
.list a{
	background:url(../images/idex/icon_list.png) no-repeat;
	background-position:5px 8px;
	color:#303030;
	display:block;
	border-bottom:1px #333333 dashed;
	padding-left:15px;
	padding-right:5px;
}
.list a:hover{
	color:#fe8c1a;
}
/*-------------------*/
.photo{
	float:left;
	padding:50px 0 0 210px;
}
.photo input{
	padding-top:10px;
	cursor:default;
	noFocusLine:expression(this.onFocus=this.blur());
}
.photo label a img{
	border:3px #FFFFFF solid;
}
.photo label a:hover img{
	border:3px #eaeaea solid;
}
