@charset "utf-8";

/* 重設
--------------------------------------------------- */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th { font-size: 1em; font-weight: normal; font-style: normal; }
abbr,acronym { border: 0; }
ul,ol { list-style: none; }
fieldset,img { border: none; }

/* 基本
--------------------------------------------------- */
body {
	font: 13px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	color: #000;
	}

a {	color:# 666; cursor:pointer; }
a:link, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration:none; }
p { }

abbr,acronym { border-bottom: 1px dotted black; } /* abbr用於縮寫，acrony頭字語的簡稱 */
acronym:after { content: " (" attr(title) ")"; } /* 列印時自動展開成全稱 */
pre,code,address,caption,cite,code,em,strong {}


	
/* Main
--------------------------------------------------- */

#wrap{ background:url(../images/bg_body.jpg) repeat-x;}
#header{ width:930px; height:143px; margin:0 auto}
	.logo{ width:223px; height:52px; float:left; padding-top:15px;}
	.topnav{  float:right; margin:18px 0 0 0; }
		.topnav li{ float:left; line-height:18px; display:block; border-right:1px solid #16558b; padding:0 15px;}
		.topnav li.last{ border:none}
		.topnav a{ color:#91a9cd} 
	#nav{ 
		width:925px;
		float:left;
		background:url(../images/nav.jpg) no-repeat 0 0;
		margin-top:38px;
		}
		#nav li{float:left;}
		#nav li,#nav li a{ 
			display:block;
			text-indent:-9999px;
			height:38px;
			}
			#nav li a:hover{background:url(../images/nav.jpg) ;}
			
			#nav li.a01 a{ width:109px;}
			#nav li.a02 a{ width:89px;}
			#nav li.a03 a{ width:132px;}
			#nav li.a04 a{ width:118px;}
			#nav li.a05 a{ width:165px;}
			#nav li.a06 a{ width:143px;}
			#nav li.a07 a{ width:169px;}
			
			#nav li.a01 a:hover{ background-position:0 -38px;}
			#nav li.a02 a:hover{background-position:-109px -38px;}
			#nav li.a03 a:hover{background-position:-198px -38px;}
			#nav li.a04 a:hover{background-position:-330px -38px;}
			#nav li.a05 a:hover{background-position:-448px -38px;}
			#nav li.a06 a:hover{background-position:-613px -38px;}
			#nav li.a07 a:hover{background-position:-756px -38px;}
			
#banner{ height:185px;}
#main{ width:930px; min-height:310px; padding:20px 0; margin:0 auto;}
	#main ul{}
	#main li{ float:left; margin-right:12px; margin-bottom:9px;}
		#main .final{ float:left; margin-right:0;}

	#main .right{ float:right}
#footer{ height:33px; background:url(../images/bg_btm.jpg) repeat-x;}
	#footer .copy{ width:180px; height:30px; line-height:30px; display:block; margin:0 auto; color:#91a9cd}

	
/* pages
--------------------------------------------------- */
.pages{ margin-top:40px;}
	#value{ width:930px; float:left}
		#value li{ width:290px; 
				   min-height:150px;
				   float:left;
				   margin-right:25px;
				   }
		#value li p{ margin:10px 0;}
		#value li.last{ margin:0;}
		
	#item{ width:930px; border-bottom:1px #CCC dotted; padding:15px 0; float:left}
		#item .right{ width:600px; float:right}
		#item img{ float:left; margin-right:15px;}		
		#item h2{ color:#0177db; font-size:15px; font-weight:bold; margin-bottom:15px;}
		#item.dlast{ border-bottom:0}
		
	.colorul{ width:600px; font-size:18px; font-weight:bold; margin:15px 0;}
		.colorul li{ width:600px; line-height:20px; margin-bottom:8px;}
		.colorul li.c1{ color:#ed6d3d;}
		.colorul li.c2{ color:#f1b600;}
		.colorul li.c3{ color:#8fc42f;}
		.colorul li.c4{ color:#5b98d2;}
		.colorul li.c5{ color:#4cbbb4;}