@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:url(../images/bg_main.jpg) top repeat-x #000000;
}


/*------------------------------------------------------------   index  -------*/
#bg{
}
#main{
	margin:auto;
	width:970px;
	clear:both;
	padding-top:10px;
	padding-bottom:10px;
}
/*-------------------------------------------------------  top ------------*/
#lan{
	font-size:10px;
	color:#FFFFFF;
	position:absolute;
	margin-top:-5px;
	margin-left:830px;
	background:#000000;
	padding:2px 10px 0 10px;
	word-spacing:8px;
}
#lan a{
	color:#FFFFFF;
}
#lan a:hover{
	color:#999999;
}
#logo{
	position:absolute;
	z-index:1;
}
#menu{
	position:absolute;
	background:url(../images/menu/menu_bar.gif) no-repeat;
	height:50px;
	width:720px;
	margin:15px 0 0 85px;
	padding:9px 0 0 180px;
	z-index:0;
}
/*----------------------*/
#photo{
	z-index:0;
	padding-top:35px;
	padding-left:150px;
}
/*---------------------------------------------  content -----------*/
#content{
	clear:both;
}

#leftbox{
	float:left;
	width:690px;
	background:#ebebeb url(../images/bg_tit.gif) left top no-repeat;
	clear:left;
}
#rightbox{
	float:right;
	width:260px;
	background:#dfdfdf;
	padding-left:20px;
}

/*-------------------------*/
#info{
	font-size:12px;
	font-style:italic;
	padding-left:25px;
	line-height:50px;
}
#info a{
	font-style:normal;
	color:#333333;
	text-decoration:underline;
}
#tit{
	font-size:32px;
	font-weight:bold;
	color:#FFFFFF;
	line-height:80px;
	padding-left:30px;
}
#tit h1{
	font-weight:bold;
	color:#edd324;
	display:inline;
}
.slogn{
	font-size:11px;
	color:#FFFFFF;
	padding-left:25px;
	padding-bottom:15px;
	line-height:60px;
}

/*-----------------------------------------------------   右邊架構 ---------------*/
.menu{
	font-size:13px;
	background:#333333;
	width:240px;
	margin:0;
	padding:0;
	margin-top:10px;
	line-height:34px;
	text-align:left;
}
.menu a{
	background:url(../images/menu/menu_btn2.gif) top center no-repeat;
	color:#000000;
	display:block;
	border-left:5px #191919 solid;
	border-right:5px #191919 solid;
	padding-left:30px;
}
.menu a:hover{
	background:url(../images/menu/menu_btn.gif) top center no-repeat;
	color:#FFFFFF;
}
/*---------------*/
.link{
	font-size:12px;
	background:url(../images/menu/bg_link.gif) left top no-repeat;
	margin-top:20px;
	padding:5px 0 45px 10px;
}
.link a{
	background:url(../images/menu/link_bg.gif) no-repeat;
	color:#FFFFFF;
	display:block;
	width:218px;
	height:50px;
	padding-top:3px;
}
.link a:hover{
}
.link a img{
	float:left;
	margin-right:10px;
	margin-top:-3px;
	margin-left:3px;
}
.logo03{width:240px; height:60px;}

/**--------*/
.link1:hover{
	background:url(../images/menu/link_01.gif) no-repeat;
}
.link2:hover{
	background:url(../images/menu/link_02.gif) no-repeat;
}
.link3:hover{
	background:url(../images/menu/link_03.gif) no-repeat;
}
.link4:hover{
	background:url(../images/menu/link_04.gif) no-repeat;
}

/*------------*/
.favorite{
	margin:20px 0 0 0;
}
.favorite img{
	margin-left:10px;
}
/**--------*/
.down{
	font-size:12px;
	display:block;
	margin-top:10px;
	line-height:24px;
	padding-bottom:15px;
}
.down a{
	color:#000000;
	display:block;
	padding-left:10px;
	height:30px;
}
.down a:hover{
	color:#FFFFFF;
}
.down1{
	background:url(../images/menu/bg_down.gif) no-repeat;
}
.down2{
	background:url(../images/menu/bg_down2.gif) no-repeat;
}
.down3{
	background:url(../images/menu/bg_down3.gif) no-repeat;
}
/*----------------------------------------------------------------------  foot --------*/
#foot{
	font-size:11px;
	color:#dedede;
	clear:both;
	text-align:center;
	padding:20px 0 30px 0;
}
#foot a{
	color:#dedede;
	padding:0px 3px;
}
#foot a:hover{
	text-decoration:underline;
}
.copy{
	color:#7e7e7e;
	display:block;
	padding-top:10px;
}
#foot .design{
	font-size:10px;
	color:#a1a1a1;
}
#foot .design a{
	color:#333333;
	text-decoration:underline;
	cursor:text;
}