﻿/*/////////////////////base normal////////////////////*/
*{margin:0; padding:0;}
body {
	font:12px/1.5em Arial, Helvetica, sans-serif;
	text-align:center;
	color:#494949;
	background:url('img/bg.gif') repeat-x;
}
/*/////////////////////normal tag////////////////////*/
h6{
	line-height:1.8em;
}
h5{
	line-height:1.8em;
}
h4{
	line-height:1.8em;
}
h3{
	line-height:1.8em;
}
h2{
	line-height:1.8em;
}
h1{
	line-height:1.8em;
}
h1{
	font-size:19px;
}
h2{
	font-size:17px;
}
h3{
	font-size:15px;
}
h4{
	font-size:13px;
}
ul{
	list-style:none;
}
img{
	border:none;
	}
a img{
	border:none;
	}
em{
	
}
/*/////////////////////normal class////////////////////*/
.display_block{
	display:block;
	clear: both;
	}
.display_on{
	display:block;
	visibility:visible;
	}
.display_off{
	display:none;
	visibility:hidden;
	}
.v_middle{
	vertical-align:middle;
	}
.center{
	text-align:center;
}
.banner{
	clear:both;
}
.float_right{
	float:right;
	margin:10px 10px 0;
}
.pages{
	clear:both;
	text-align:right;
	margin-top:10px;
	padding:0 1em;
}
.m2{
	vertical-align:top;
	font-weight:normal;
	font-size:9px;
}
.bar{
	margin-top:10px;
}
.bar img{
	display:block;
}
.cancel{
	text-decoration: line-through;
}
/*/////////////////////normal color////////////////////*/
.red{
	color:red;
}
.orange{
	color:#FF6600;
	}
.blue{
	color:#39f;
}
.white{
	color:#fff;
}
/*/////////////////////normal links////////////////////*/
a:visited{
	color:#666;
	text-decoration:none;
	}
a:link{
	color:#666;
	text-decoration:none;
	}
a:hover{text-decoration:underline;color:#f60;}
a[href^="http:"]{
	background:url(../img/newWinLink2.gif) no-repeat top right;
	padding-right:10px;
}
a[href^="/"]{
	background: none;
	padding-right:0;
}
a[href^="mailto"]{
	background:url(../img/mailto.gif) no-repeat top right;
	padding-right:10px;
}
a[href$=".pdf"]{
	background:url(../img/pdf.gif) no-repeat top right;
	padding-right:10px;
}
a[href$=".doc"]{
	background:url(../img/doc.gif) no-repeat top right;
	padding-right:10px;
}

.footer{
	clear:both;
}

/*header*/
#header h1{
	position:absolute;
	top:0px;
	left:0px;
	width:260px;
	height:88px;
	text-align:center;
	padding-top:24px;
	background:#fff url('img/bg_logo.gif') no-repeat;
}
#header h2{
	position:absolute;
	top:60px;
	left:263px;
}
#header h2 span{
	font-size:13px;
	font-weight:normal;
}
#header .citys{
	position:absolute;
	top:40px;
	left:390px;
	width:90px;
	height:12px;
	padding:5px 10px 4px;
	background:#fff;
	border:1px #666 solid;
	filter:alpha(opacity=80);
}
#header .upload{
	background:url('img/bg_upload.gif') no-repeat;
	position:absolute;
	top:0;
	left:690px;
	width:127px;
	height:23px;
	text-align:center;
	padding:7px 0 0 3px;
}
#header .login{
	position:absolute;
	top:0;
	left:260px;
	width:473px;
	height:23px;
	margin-top:1px;
}
#header .login em{
	font-style:normal;
}
#header .login input{
	margin-right:3px;	
} 
#header .login .logininput{
	border:1px silver solid;
	border-left:2px #666 solid;
	border-top:2px #666 solid;
	padding:2px 0 0 2px;	
	width:106px;
	height:16px;
	vertical-align:middle;
}
#header .utility{
	position:absolute;
	top:4px;
	right:0px;
	width:80px;
	height:19px;
	text-align:center;
}
#header .topbanner{
	position:absolute;
	top:40px;
	right:0px;
	width:506px;
	height:60px;
}
#header{
	height:119px;
	position:relative;
	/*overflow:hidden;*/
	}
/*nav*/
#nav{
	height:34px;
	padding-left:60px;
}
#nav li{
	float:left;
}
#nav li a{
	width:110px;
	height:22px;
	display:block;
	text-align:center;
	font-size:15px;
	font-weight:bold;
	padding-top:12px;
	margin-right:1px;
}
#nav .current{
	background:url('img/bg_current_r.gif') no-repeat right top;
	margin-right:1px;
}
#nav .current a{
	background:url('img/bg_current_l.gif') no-repeat left top;
}

#nav li a:visited{
	color:#fff;
}

#nav li a:link{
	color:#fff;
}
#nav li a:hover{
	background:url('img/bg_nav_active.gif') repeat-x;
	text-decoration:none;
	color:#f37021;
}
#nav li a:active{
	background:url('img/bg_nav_active.gif') repeat-x;
	text-decoration:none;
	color:#666;
}

#nav .current a:visited{
	color:#f37021;
}

#nav .current a:link{
	color:#f37021;
}
#nav .current a:hover{
	background:url('img/bg_current_l.gif') no-repeat left top;
	text-decoration:none;
	}

#search .searchBg{
	background:url(img/searchBg.gif) no-repeat 0 0;
	padding:2px 0 0 3px;
	width:278px;
	height:19px;
	float:left;
	position:relative;
	}	
#search .searchBgOver{

	background:url(img/searchBg.gif) no-repeat 0 -26px;
	padding:2px 0 0 3px;
	width:278px;
	height:19px;
	float:left;
	position:relative;	
	}	
#search .searchBgFocus{
	background:url(img/searchBg.gif) no-repeat 0 -52px;
	padding:2px 0 0 3px;
	width:278px;
	height:19px;
	float:left;
	position:relative;
	}	
#search .btnBgFocus{
	background:url(img/searchBg.gif) no-repeat 0 -78px;
	padding:2px 0 0 3px;
	width:228px;
	height:19px;
	float:left;
	position:relative;
	}	
#search .searchText{
	/*background:url(../img/keywords.gif) no-repeat;
	border:1px solid #ff9900;*/
	border:0;
	width:190px;
	height:17px;
	padding:2px 0 0 2px;
	background:transparent;
	cursor:text;
	position:absolute;
	top:3px;
	left:3px;
	color:#666;
	}
#search .searchBtn{
	vertical-align:middle;	
	width:29px;
	height:25px;
	position:absolute;
	top:0;
	right:0;
	border:none;
	background:none;
	cursor:hand;
	text-decoration:none;
	}
#footer{
	clear:both;
	margin:10px 0 20px;
}
.announce{
	border:1px #f30 dotted;
	padding:10px;
	clear:both;
	background:#fffde3;
}



/*///////// copyright   /////////*/


#copyright{
	background:#fff url('img/bgcopright.gif') no-repeat;
	height:67px;
	position:relative;
}
#copyright .home{
	position:absolute;
	top:5px;
	left:5px;
	width:220px;
	height:52px;
}
#copyright .top{
	position:absolute;
	top:5px;
	right:5px;
	width:56px;
	height:56px;
}
#copyright p{
	position:absolute;
	top:10px;
	left:250px;
}
#copyright p a:link,
#copyright p a:visited{
	color:#333;
} 
#copyright p a:hover{
	color:#666;
} 

#copyright span{
	position:absolute;
	top:40px;
	left:250px;
}

#copyright1{
	text-align:center;
}

.copyrightfoot{
	 border:1px #e7e7e7 solid;background-color:#f9f9f9;padding:3px 5px 3px 5px; display:block; font-family:新細明體, Arial, Helvetica, sans-serif;
}

.copyrightfoot span{
	font-size:13px;color:red; font-family:新細明體, Arial, Helvetica, sans-serif;
}


