@charset "utf-8";
/* CSS Document */

/*--------------------------------------------------------------------------------[ header ]-----*/
.header {
	top:0px;
	width: 100%;
	background-image:url(../images/header.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height:333px;
}
.header h1 {
	position:absolute;
	top:5px;
	left:0px;
	margin: 0px;
	padding: 0px;
	width: auto
}
.header h1 img {
	float: left;
	/*-----LOGO寬度280X65-----*/
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}

/*--------------------------------------------------------------------------------[ nav ]-----*/
.header .nav {
	position: absolute;
	top: 1px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: right;
	font-size: 12px;
	left: 0px;
	width: 992px;
	/*background: url(../images/top_navbg01.png) repeat-x;*/
}
.header .nav ul {
	display:block;
	margin:0px;
	padding:7px 10px 10px 20px;
	float:right;
	background:#F2F2F2;
	-moz-border-bottomleft-radius:5px;
	-webkit-border-bottomleft-radius:5px;
	border-bottomleft-radius:5px; 
box-shadow:0px 3px 3px rgba(0%,0%,0%,0.3);
	
}
.header .nav li {
	margin: 0px;
	padding: 0px;
	float: left;
	list-style:none;
	display:block;
} 
.header .nav li a {
	margin: 0px;
	font-weight: normal;
	color:#333;
	text-decoration: none;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	font-size:12px;
	background:url(../images/menu_icon01.gif) no-repeat left center;
	padding: 0px 8px 0px 8px;
	letter-spacing: 0.05em;
} 
.header .nav li a:hover {
	color: #F30;
	text-decoration: none;
	font-size: 12px;
}

.header .nav .font{ display:block; margin-top:-3px;}
.header .nav .font a{
	background-image:none;
	list-style:none;
	padding:5px 0px;
	margin:1px;
}
.header .nav .font a img{ margin-bottom:-3px;}

.header .nav .font span{ display:inline-block;}

/*--------------------------------------------------------------------------------[ search ]-----*/
.header .search {
	/*-----絕對位置控制-----*/
	position: absolute;
	top:40px;
	padding: 10px 10px 0 10px;
	right:2px;
	height: 45px;
	width: 190px;
	background: url(../images/mpsearch_bg.png) no-repeat center top;
	background-size: 100% 100%;
}

.header .search p{ margin-top:5px;}
.header .search p a{ margin:2px; display:inline-block; font-size:13px!important;}
.header .search p a:hover{ text-decoration:underline;}


.header .search form {
	margin: 0px;
	padding: 0px;
	border:2px #0066CC solid;
	background:#FFF;
}
.header .search form input {
	margin: 0px;
	padding: 0px;
}
.header .search .inputgray {
	width: 150px;
	font-size: 12px;
	color: #727171;
	text-decoration: none;
	vertical-align: middle;
	margin: 0px 0px 0px 5px;
	border:0px;
	padding:0px;
	height:20px;
}
.header .search .btngray {
	background:url(../images/search_botton.gif) no-repeat right center;
	font-size: 12px;
	color:#ffffff;	
	height:19px;
	width:21px;	
	vertical-align: middle;
	/*-----滑鼠按鈕效果-----*/
	cursor: pointer;
	border:none;
	padding:0px;
	margin:0px;
	
}
.header .search label,
.header .search img,
.header .search a {
	/*-----將用不到的元件隱藏-----*/
	display: none;
}

/*--------------------------------------------------------------------------------[ visitor ]-----*/
.header .visitor {
	background:url(../images/dot.gif) left top no-repeat;
	position: absolute;
	top: 25px;
	right: 150px;
	font-size: 70%;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color:#333;
	text-decoration: none;
	float: left;
	width: 100px;
	margin: 0px;
	padding: 0px 5px 2px 10px;
	height: 8px;
	/*display: none; Richard 20100312*/
}
.header .visitor em {
	font-style:normal;
	color: #930;
	margin: 0px;
	padding: 0px 3px 0px 3px;
	*vertical-align: baseline;
}

/*--------------------------------------------------------------------------------[ update ]-----*/
.header .update {
	background:url(../images/dot.gif) left top no-repeat;
	position: absolute;
	top: 25px;
	right: 5px;
	font-size: 70%;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #333;
	text-decoration: none;
	float: left;
	width: auto;
	margin: 0px;
	padding: 0px 5px 2px 10px;
	/*display: none; Richard 20100312*/
}
.header .update em {
	font-style:normal;
	color:#930;
	margin: 0px;
	padding: 0px 3px 0px 3px;
	*vertical-align: baseline;
}


/*--------------------------------------------------------------------------------[ user ]-----*/
.header .user {
	position: absolute;
	width:90px;
	top:5px;
	right:20px;
	top: 75px;
	visibility: visible;
	z-index: 5;
	margin: 0px;
	padding:0px 0px 15px 10px;
	background:url(../images/user_bg.png);
}
.header .user ul {
	margin: 0px;
	padding:5px 0px 0px 5px;
	font-size:13px;
	font-weight:bold;
	color:#F00;
	
}
.header .user li {
	float:left;
	font-size:12px;
	list-style:none;
	padding: 0px 0px 0px 8px;	
	margin: 3px 6px 0px 0px;
}
.header .user li a {
	color:#000;
	width: 6em;
	display: block;
	padding-left:9px;

}
.header .user li a:hover {
	color:#F00;
	background:url(../images/user_icon.gif) 0px 2px no-repeat;
	padding-left:9px;	
}
.header .user .here a{color:#F00;
	background:url(../images/user_icon.gif) 0px 2px no-repeat;
	padding-left:9px;}


/*--------------------------------------------------------------------------------[ Other ]-----*/
.header .img_right {
	display: none;
	visibility: hidden;
}
.header .img_right img {
}