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

html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  border: none;
  font-size:12px;
	font-family:Arial, Helvetica, sans-serif,"新細明體";
}
#wrapper {
	width:966px;
	height:675px;
	margin:auto;
	color:#2A2A2A;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif,"新細明體";
	}
a {
	text-decoration:none;
	color:#FFFFFF;
	}
a:hover {
	color:#000;
	}
a.class2 {
	text-decoration:none;
	color:#7C7C7C;
	}
a.class2:hover {
	color:#000;
	}	
a img {
	border:0;
	}	
	
/* header 
---------------------------------------------------------------*/
#header01 {
	background-image:url(../images/index_01.jpg);
	height:53px;
	width:7px;
	float:left;
	}
#header02 {
	background-image:url(../images/index_02.jpg);
	height:53px;
	width:952px;
	background-repeat:repeat-x;
	float:left;
	}
#header03 {
	background-image:url(../images/index_10.jpg);
	height:53px;
	width:7px;
	float:left;
	}	
.logo {
	margin-left:30px;
	margin-top:6px;
	float:left;
	}
/* nav 
---------------------------------------------------------------*/	
.indexnav_table {
	margin-left:40px;
	}
* html .indexnav_table {	/* for ie6 and blow */
	margin-left:235px;
	}	
*+html .indexnav_table {	/* for ie7 */
	margin-left:235px;
	}	
#nav {
	width:703px;
	float:left;
	margin-left:40px;
	}
#nav ul {
	margin:0;
	padding:0;
	list-style:none;
	}
#nav li {
	margin:0;
	padding:0;
	text-indent:-9999px;
	float:left;
	}
#nav li a {
	text-decoration:none;
	display:block;
	width:116px;
	height:53px;
	}
#nav li#member {
	background-image:url(../images/member.jpg);
	background-repeat:no-repeat;
	}	
#nav li#member a:hover {
	background-image:url(../images/member02.jpg);
	background-repeat:no-repeat;
	}
#nav li#bikebrowse {
	background-image:url(../images/bikebrowse.jpg);
	background-repeat:no-repeat;
	}	
#nav li#bikebrowse a:hover {
	background-image:url(../images/bikebrowse02.jpg);
	background-repeat:no-repeat;
	}
#nav li#habit {
	background-image:url(../images/habit.jpg);
	background-repeat:no-repeat;
	}	
#nav li#habit a:hover {
	background-image:url(../images/habit02.jpg);
	background-repeat:no-repeat;
	}
#nav li#stolenbike {
	background-image:url(../images/stolenbike.jpg);
	background-repeat:no-repeat;
	}	
#nav li#stolenbike a:hover {
	background-image:url(../images/stolenbike02.jpg);
	background-repeat:no-repeat;
	}
#nav li#recover {
	background-image:url(../images/recover.jpg);
	background-repeat:no-repeat;
	}	
#nav li#recover a:hover {
	background-image:url(../images/recover02.jpg);
	background-repeat:no-repeat;
	}
/* content
---------------------------------------------------------------*/	
#content01 {
	background-image:url(../images/index_11.jpg);
	width:5px;
	height:524px;
	background-repeat:repeat-y;
	float:left;
	}
* html #content01 {	/* for ie6 and blow */
	background-image:url(../images/index_11.jpg);
	width:5px;
	height:524px;
	background-repeat:repeat-y;
	float:left;
	margin-top:-1px;
	}	
#content02 {
	float:left;
	background-image:url(../images/content_bg.jpg);
	height:524px;
	width:947px;
	}	
#content03 {
	background-image:url(../images/index_14.jpg);
	width:5px;
	height:524px;
	background-repeat:repeat-y;
	float:right;
	}
* html #content03 {/* for ie6 and blow */
	background-image:url(../images/index_14.jpg);
	width:5px;
	height:524px;
	background-repeat:repeat-y;
	float:right;
	margin-top:-1px;
	}	
#indexup {
	background-image:url(../images/indexup.jpg);
	width:27px;
	height:290px;
	margin-top:30px;
	float:left;
	margin-left:-1px;
	}
#bikepic {
	background: url(../images/bikepic_sp01.jpg) 50% 50% no-repeat;
	width: 600px;
	height: 300px;
	float: left;
	margin: 10px 0 0 0;
	}

#bikepic_ {
        background: #FFFFFF 50% 50% no-repeat;
        width: 600px;
        height: 300px;
        float: left;
        margin: 10px 0 0 0;
        }


a#clickr:link,
a#clickr:visited,
a#ckickr:hover,
a#clickr:active {
	float: left;
	width: 167px;
	height: 66px;
	position: relative;
	text-indent: -99999px;
	top: 216px;
	left: 150px;
}
	
#indexdown {
	background-image:url(../images/indexdown.jpg);
	width:27px;
	height:165px;
	float:left;
	margin-left:-1px;
	}
/* sln
---------------------------------------------------------------*/	

#sln {
	float:right;
	margin-top:11px;
	}
/* search
---------------------------------------------------------------*/		
#search01 {
	background-image:url(../images/search01.jpg);
	width:1px;
	height:70px;
	float:left;
	}
#search02 {
	background-image:url(../images/search02.jpg);
	width:300px;
	height:60px;
	float:left;
	padding-top:10px;
	padding-left:14px;
	}
.search_form {
	margin-top:6px;
	width:170px;
	float:left;
	}			
* html .search_form {/* for ie6 and blow */
	margin-top:3px;
	width:170px;
	}
#go a{
width: 24px;
height: 24px;
background: url(../images/go.jpg) 0 0 no-repeat;
display: block;
float:left;
margin-left:4px;
margin-top:5px;
}
#go a:hover{
width: 24px;
height: 24px;
background: url(../images/go.jpg) 0 -24px no-repeat;
display: block;
float:left;
margin-left:4px;
margin-top:5px;
}	
* html #go a{/* for ie6 and blow */
width: 24px;
height: 24px;
background: url(../images/go.jpg) 0 0 no-repeat;
display: block;
float:left;
margin-left:4px;
margin-top:1px;
}
* html #go a:hover{/* for ie6 and blow */
width: 24px;
height: 24px;
background: url(../images/go.jpg) 0 -24px no-repeat;
display: block;
float:left;
margin-left:4px;
margin-top:1px;
}	
/* login
---------------------------------------------------------------*/			
#login01 {
	background-image:url(../images/login01.jpg);
	width:3px;
	height:110px;
	float:left;
	}
#login02 {
	background-image:url(../images/login02.jpg);
	width:298px;
	height:103px;
	float:left;
	padding-top:7px;
	padding-left:14px;
	}
#login03 {
	float:left;
	margin-top:10px;
	}	
#login04 a{
width: 41px;
height: 41px;
background: url(../images/login04.jpg) 0 0 no-repeat;
display: block;
margin-top:12px;
float:right;
margin-right:10px;
}
#login04 a:hover{
width: 41px;
height: 41px;
background: url(../images/login04.jpg) 0 -41px no-repeat;
display: block;
margin-top:12px;
float:right;
margin-right:10px;
}
* html #login04 a{/* for ie6 and blow */
width: 41px;
height: 41px;
background: url(../images/login04.jpg) 0 0 no-repeat;
display: block;
margin-top:15px;
float:right;
margin-right:6px;
}
* html #login04 a:hover{/* for ie6 and blow */
width: 41px;
height: 41px;
background: url(../images/login04.jpg) 0 -41px no-repeat;
display: block;
margin-top:15px;
float:right;
margin-right:6px;
}	
.name_form {
	width:180px;
	margin-left:10px;
	height:15px;
	}
.name_form02 {
	width:180px;
	margin-left:10px;
	height:15px;
	margin-top:5px;
	}	
.name {
	color:#FFFFFF;
	margin-top:-5px;
	}
#login05 {
	margin-top:5px;
	margin-left:0;
	color:#FFFFFF;
	}
.se {
	margin-left:10px;
	margin-right:10px;
	}	
#login_pic {
	float:left;
	margin-top:10px;
	}
#login_word {
	margin-left:7px;
	margin-top:10px;
	color:#FFFFFF;
	float:left;
	}
.logout {
	margin-left:80px;
	}
.login01 {
	margin-top:5px;
	}						
/* news
---------------------------------------------------------------*/		
#news01 {
	background-image:url(../images/news01.jpg);
	width:3px;
	height:120px;
	float:left;
	}
#news02 {
	background-image:url(../images/news02.jpg);
	width:298px;
	height:112px;
	float:left;
	padding-top:8px;
	padding-left:14px;
	}
#news03 {
	height:10px;
	color:#FFFFFF;
	margin-top:10px;
	word-spacing:10px;
	}
* html #news03 {/* for ie6 and blow */
	height:10px;
	color:#FFFFFF;
	margin-top:7px;
	word-spacing:10px;
	}
#news04 {
	height:10px;
	color:#FFFFFF;
	margin-top:15px;
	word-spacing:10px;
	}
* html #news04 {/* for ie6 and blow */
	height:10px;
	color:#FFFFFF;
	margin-top:-8px;
	word-spacing:10px;
	}		
#line {
	width:210px;
	background-image:url(../images/dotted.jpg);
	height:1px;
	background-repeat:repeat-x;
	margin-top:2px;
	}
#news_more {
	margin-top:15px;
	margin-left:240px;
	}
* html #news_more {/* for ie6 and blow */
	margin-top:-10px;
	margin-left:240px;
	}
*+html	#news_more { /* for ie7 */
	margin-top:11px;
	margin-left:240px;
	}	
			
	
/* title01
---------------------------------------------------------------*/
#title01 {
	width:297px;
	float:left;
	margin-left:25px;
	}
.titlepic01 {
	margin-top:7px;
	margin-left:15px;
	float:left;
	}	
#title01_word {
	float:left;
	margin-top:5px;
	margin-left:10px;
	line-height:140%;
	height:140px;
	width:150px;
	}
.more {
	margin-top:10px;
	margin-left:255px;
	}
	
/* title02
---------------------------------------------------------------*/
#title02 {
	width:297px;
	float:left;
	margin-left:35px;
	}
.titlepic02 {
	margin-top:7px;
	margin-left:15px;
	float:left;
	}	
#title02_word {
	float:left;
	margin-top:5px;
	margin-left:10px;
	line-height:140%;
	height:140px;
	width:150px;
	}
.more {
	margin-top:10px;
	margin-left:255px;
	}					

/* title01
---------------------------------------------------------------*/
#title03 {
	width:234px;
	float:right;
	}
.titlepic03 {
	margin-top:7px;
	margin-left:15px;
	float:right;
	}	
#title03_word {
	float:left;
	margin-top:5px;
	margin-left:10px;
	line-height:140%;
	height:140px;
	}
.more03 {
	margin-top:10px;
	margin-left:195px;
	}
/* stolen01
---------------------------------------------------------------*/	
#stolen01 {
	margin-top:7px;
	}		
#stolen01_pic {
	width:80px;
	height:59px;
	float:left;
	margin-left:2px;
	}
#stolen01_word {
	float:left;
	margin-left:7px;
	margin-top:0px;
	}
* html #stolen01_word { /* for ie6 and blow */
	float:left;
	margin-left:7px;
	margin-top:-1px;
	}
*+html #stolen01_word { /* for ie7 */
	float:left;
	margin-left:7px;
	margin-top:-1px;
	}

/* stolen02
---------------------------------------------------------------*/	
#stolen02 {
	margin-top:10px;
	}	
#stolen02_pic {
	width:80px;
	height:59px;
	float:left;
	margin-left:2px;
	margin-top:10px;
	}
* html #stolen02_pic { /* for ie6 and blow */
	width:80px;
	height:59px;
	float:left;
	margin-left:2px;
	margin-top:10px;
	}
*+html #stolen02_pic { /* for ie7 */
	width:80px;
	height:59px;
	float:left;
	margin-left:2px;
	margin-top:10px;
	}		
#stolen02_word {
	float:left;
	margin-left:7px;
	margin-top:5px;
	}
* html #stolen02_word { /* for ie6 and blow */
	float:left;
	margin-left:7px;
	margin-top:10px;
	}
*+html #stolen02_word { /* for ie7 */
	float:left;
	margin-left:7px;
	margin-top:10px;
	}					
				
/* footer
---------------------------------------------------------------*/	
#footer01 {
	background-image:url(../images/index_21.jpg);
	width:7px;
	height:43px;
	float:left;
	}
* html #footer01 {/* for ie6 and blow */
	background-image:url(../images/index_21.jpg);
	width:7px;
	height:43px;
	float:left;
	margin-top:-1px;
	}
#footer02 {
	background-image:url(../images/index_22.jpg);
	height:29px;
	width:952px;
	background-repeat:repeat-x;
	float:left;
	color:#7C7C7C;
	padding-top:12px;
	font-size:11px;
	}
* html #footer02 {/* for ie6 and blow */
	background-image:url(../images/index_22.jpg);
	height:29px;
	width:952px;
	background-repeat:repeat-x;
	float:left;
	color:#7C7C7C;
	padding-top:12px;
	font-size:11px;
	margin-top:-1px;
	}	
#footer03 {
	background-image:url(../images/index_25.jpg);
	width:7px;
	height:43px;
	float:left;
	}
* html #footer03 {/* for ie6 and blow */
	background-image:url(../images/index_25.jpg);
	width:7px;
	height:43px;
	float:left;
	margin-top:-1px;
	}	
.copyright {
	margin-left:31px;
	}
.yiman {
	margin-left:28px;
	}
.yiman02 {
	color:#7C7C7C;
	}	
.footer_b {
margin-left:40px;
color:#2A2A2A;
}
.footer_b01 {
margin-left:10px;
color:#2A2A2A;
}
.footer_b02 {
margin-left:10px;
color:#2A2A2A;
}	
.footer_b03 {
margin-left:10px;
color:#2A2A2A;
}	
.footer_b04 {
margin-left:10px;
color:#2A2A2A;
}
.footer_b05 {
margin-left:10px;
color:#2A2A2A;
}
.footer_b06 {
margin-left:10px;
color:#2A2A2A;
}
/* ad
---------------------------------------------------------------*/
#ad {
	margin-left:10px;
	}
* html #ad {/* for ie6 and blow */
	margin-left:10px;
	margin-top:-45px;
	}
*+html #ad {/* for ie7 */
	margin-left:10px;
	margin-top:-2px;
	}		
.ad02 {
	margin:0 50px;
	}	
#space10 {
	height:50px;
	}
.left10 {
	margin-left:20px;
	}