@charset "utf-8";
/*-----------------------------------------------
Name:     2009捷安特活動網站首頁第四版-首頁css
Designer: Tina
Date:     2009-10-13
----------------------------------------------- */
*{	
	/* 0px, () */
	margin: 0 auto;
	padding: 0;
	font-size: 11px;
}
body{
	margin: 0;
	padding: 0;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 12px;
	line-height:20px;
	font-weight: normal;
    background: url(../images/bg.jpg) repeat-x #ffffff;
}
/* link */
a:link {
	color: #024d8c;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
/*	color: #777777; */
}
a:hover, a:active {
	text-decoration: none;
	color:#0066CC;
}

img { border:0;}
td{ padding:3px 5px;}

/*主要區塊定位
-----------------------------------------*/
#container_wrap{
  width:910px;
  margin:0 auto;
 }
 
/*頂部-包括登入*/
#header_wrap{ clear:both; text-align:right; padding:14px 13px;}
	#header_wrap span{ float:left;}
	#header_wrap img{ vertical-align:middle; padding:0 2px;}
		
/*形象*/
#banner_wrap{ clear:both; text-align:center; position:relative; height:259px; background:#444444; }
		
/*選單--------------------*/
#nav_wrap{ position:absolute; z-index:99; top:195px; left:0;}	
/*主選單*/
.nav{ width:910px; }	
	.nav ul li{ float:left; text-align:center; font-size:13px; line-height:30px; color:#ffffff;  }
	.nav ul li a      {  display:block; width:160px;  color:#ffffff; text-decoration: none; }
	.nav ul li a:hover{  text-decoration:none;   }
	
	.nav ul li.road0, .nav ul li.road1, .nav ul li.road2, .nav ul li.road3,.nav ul li.road4{ 
	 margin-top:5px; line-height:30px; 
	 }
	.nav ul li.road0{  background:#1c1c1c;   }
	.nav ul li.road1{  background:#585747; }
	.nav ul li.road2{  background:#bd1b21;  }
	.nav ul li.road3{  background:#0076a3;  }
	.nav ul li.road4{  background:#7d7d7d;  }
	
	.nav ul li.road0 a:hover{ background:#363636;   }	
	.nav ul li.road1 a:hover{ background:#797862;   }	
	.nav ul li.road2 a:hover{ background:#CE2428;   }	
	.nav ul li.road3 a:hover{ background:#1498BE;   }	
	.nav ul li.road4 a:hover{ background:#969696;   }			

	.nav ul li.road0_on{  background:url(../images/nav_allbg.jpg) repeat-x; line-height:35px;   }
	.nav ul li.road1_on{  background:url(../images/nav_onroadbg.jpg) repeat-x; line-height:35px;   }
	.nav ul li.road2_on{  background:url(../images/nav_xroadbg.jpg) repeat-x; line-height:35px;   }
	.nav ul li.road3_on{  background:url(../images/nav_offroadbg.jpg) repeat-x; line-height:35px; }
	.nav ul li.road4_on{  background:url(../images/nav_shopbg.jpg) repeat-x; line-height:35px; }	

/*次選單*/
.subnav01, .subnav02, .subnav03 ,.subnav04{
 clear:both; position:absolute; z-index:100; top:35px; left:0; width:910px;   
 }	
	.subnav01 ul li, .subnav02 ul li, .subnav03 ul li, .subnav04 ul li{ 
	float:left; text-align:center; font-size:12px; line-height:13px; color:#FFFFFF;  
	}
	.subnav01 ul li a, .subnav02 ul li a, .subnav03 ul li a, .subnav04 ul li a{ 
	display:block; text-decoration: none; margin:8px 0; padding:0 20px;  
	}
	.subnav01 ul li a:hover, .subnav02 ul li a:hover, .subnav03 ul li a:hover, .subnav04 ul li a:hover{ 
	text-decoration:underline; color:#ffffff;  
	}

.subnav01{ background:#1c1c1c;   }	
	.subnav01 ul li a      { color:#999999;  border-right:#333333 1px solid; }
.subnav02{background:#585747;  }	
	.subnav02 ul li a      { color:#c4c2b5;  border-right:#797862 1px solid; }
.subnav03{ background:#bd1b21; }	
	.subnav03 ul li a      { color:#e8cccc;  border-right:#d66565 1px solid; }
.subnav04{ background:#0076a3;   }	
	.subnav04 ul li a      { color:#6ccfec;  border-right:#1897bc 1px solid; }
.subnav05{ background:#7d7d7d;   }	
	.subnav05 ul li a      { color:#CCCCCC;   border-right: #666666 1px solid; }
.subnav05 p{ color:#FFFFFF; margin:5px 0; padding:0 20px; text-align:left; }


/*-----------------------*/

		
/*主要內容--------------------*/
#content_wrap{ clear:both; }
	/*位置導覽*/
	
	#content_wrap h6{ text-align:left; line-height:36px; _margin:10px 0; padding-right:5px; color:#024D8C;}
	#content_wrap h6 a{ color:#666666; text-decoration:none;}
	#content_wrap h6 img{ vertical-align:middle; margin:0 3px;}



/*側欄*/
#siderbar{ float:right; width:190px;  }
#siderbar h2{ background:#fafafa; margin:5px 0;}

#adimg{}
#adimg p{ margin:0; padding:0 10px;}

#searchh{}
#searchh form{ background:url(../images/search_bg.gif) repeat-y; padding:2px 12px;}
#searchh form img{ vertical-align:middle;}
	#searchh select, #searchh input{ border:none;font-size:11px; padding:1px 5px; vertical-align:middle;}
	#searchh select{  border:#C8C8C8 1px solid; width:120px;}
	#searchh input{ margin:5px 15px;  }


/*活動清單*/
#event_wrap{ width:690px; float:left; border-right:#dddddd 1px solid; padding-right:10px; }
.list_wrap{clear:both; margin-bottom:10px; }
	.listphoto{ float:left; margin:23px 15px 0 0;}
	.listphoto img{ border:#cccccc 1px solid; padding:2px;}
	.listword{ float:left; width:480px; padding:0 5px 20px;}
	.listword h3 a{ font-weight:bold; font-size:13px; line-height:250%; color:#024D8C; text-decoration:none; }
	.listword h4{ font-size:10px; color:#999999; border-bottom:#e2e2e4 1px solid;}
	.listword h4 a{ font-size:13px; color:#024D8C;text-decoration:none;}
	.listword dl{  clear:both; }
	.listword dt{ float:left; font-weight:bold; margin:0 10px 0 0;}
	.listword dd{ }
	
.pagelist{ font-size:11px; clear:both; text-align:center; margin:10px;}
.pagelist a.prenext{ color:#60939B;  padding:0 3px; border:none;}
.pagelist span.pageon{ color:#ffffff;  padding:1px 3px; background:#444444;}
.pagelist a{ text-decoration:none; padding:1px 3px;  color:#0C416A; border:#cccccc 1px solid;}
.pagelist img, .listword h3 img{ vertical-align:middle; padding:0 3px; border:none;}



/*尾*/
#footer_wrap{ clear:both; border-top:#dddddd 1px solid; height:25px; text-align:center;  }
	#footer_wrap a{ color:#666666;}
	#footer_wrap a:hover{ color:#000000;}