/* index page*/
.search_form{ width:100%; }
/* search area  */
/* guide  */
.guide{/* margin-top:10px;*/ }

/* intro */
.intro{position: relative;background:#639805;width:100%;height:300px;padding-top:10px;overflow:hidden;}
.intro ul.tabTitle{margin-left:7px;width:286px;height:42px;background:url("/static/images/index/intro_off.png") no-repeat;}
.intro ul.tabTitle li{text-align:center;cursor:pointer;font-weight:bold;line-height:42px;color:#639805;display:block;height:42px;float:left;}
.intro ul.tabTitle li.on{background: #fff url("/static/images/index/intro_on.png") no-repeat;}
.intro .contents ul {padding-top:10px; }
.intro .contents ul li{padding:4px;clear:both }
.intro ul.tabTitle li.t1{width:96px;background-position:0px 0px;}
.intro ul.tabTitle li.t2{width:99px;background-position:-96px 0px;}
.intro ul.tabTitle li.t3{width:91px;background-position:-195px 0px;}
.intro .contents{clear:both;overflow:hidden;margin-left:7px;    }
.intro .contents .con{padding:0 10px;width:266px;float:left;height:245px;background:#fff;*height:225px;*padding-top:10px; }
.intro .contents .con p{background:#e9ffc3;padding:3px; clear:both}
.intro .button{width:102px; height:28px;line-height:28px;font-weight:bold;color:#fff; text-align:center; cursor:pointer;background:url(../images/index/button1.png) 0px 0px no-repeat;}

.tag { display:block; padding:5px 0; width:100%; overflow:hidden;height:286px;  }
.tag em { display:block; font-size:13px; font-style:normal; font-weight:bold; color:#333; width:100%; }
.tag a:link, .tag a:visited { color:#639805; padding:5px; }
.textfield{display:block;float:left;width:150px; height:20px;line-height:20px;border:solid 1px #d3e1c1}
.cloud{clear:both;display:none; }
.TagCloud{height:280px; }



/* mobile  */
.mobile { width:300px; float:right; }
.mobile span { display:block; width:300px; height:280px; background:url("/static/images/bg_mobile.png") no-repeat;
 position: relative;}
.mobile span a { display:block; width:300px; height:280px; position: absolute;left:0px; top:0px; }

/* news   */
.news { padding-bottom:30px; float:right; width:300px; overflow:auto; position:relative; }
.news h2 { text-indent:-9999px; background:url("/static/images/title_news.gif") no-repeat; margin-left:10px; }
.news ul { padding:15px 0 0 10px; }
.news li { display:block; padding:5px 10px 5px 20px; background:url("/static/images/ico_greypoint.gif") 0 10px no-repeat; }
.news .more { position:absolute; top:3px; right:0; }
.news .more a { font-family:Tahoma, Verdana, sans-serif; font-weight:bold; color:#639805; }

/* new join  */
.newJoin{ padding-bottom:30px; float:right; width:300px; overflow:auto; position:relative; }
.newJoin .contents{	padding-left:15px; padding-top:8px;}
#map_canvas { width: 500px; height: 400px; }
#map_showtrip { width: 100%; height: 300px; }
#map_showfootprint { width: 500px; height: 400px; }
#map_location { width: 500px; height: 300px; }
#uploadpic { float: left; }
#previewbox { width: 160px; height: 120px; float: left; margin-left: 0; }
#preview { width: 100%; }
.listSection{width:660px; overflow:hidden; }
.listSection .title{padding-left:6px;  border-bottom:solid 3px #639805}
.listSection .title h3{ padding-top:4px padding-left:4px; border-left:solid 10px;#ccc;line-height:22px}
.listSection .title h3 a{color:#639805;font-weight:normal;font-size:13px;padding-right:10px; }
.listSection .title h3 a.select{font-weight:bold;font-size:14px;}
.listSection ul{border-top:solid 3px #E5F3CC}
.triplist {width:664px; overflow:hidden;}
.pageWrap .title h3{border-width:0}
.loading{background:#ccc;display:none; }
/* marrowThreads  */
.marrowThreads{ float:right; width:300px; }
.marrowThreads ul{padding:4px 0 0 8px}
.marrowThreads ul li{list-style: square inside;color:#C2E681}

.latestEventList{ overflow:hidden; width:660px; }
.latestEventList ul li{ float:none; }
#latestEventList{padding-top:20px; }
#tripList{padding-top:20px; }

/* .i_channel_list{ background-color:#E5F3CC; border:1px solid #12bf0f; margin-bottom:15px; overflow:hidden; padding:10px 0; width:298px!important; _width:300px; } */
.i_channel_list{margin-bottom:15px; overflow:hidden; padding:10px 0; width:298px!important; _width:300px; }
.i_channel_title{color:#639805; font-size:16px; padding-left:10px; }
#i_channel_content dt{color:#369; font-size:12px; font-weight:bold; height:30px; line-height:30px; padding-left:10px;}
.channel_bg{ background:url("/static/images/index/channel_list_bg.png") 0 0 no-repeat; border:1px solid #bbb; float:left; height:70px; margin-left:20px; width:120px; }
#e_onfoot_channel{ background-position:-129px -161px; }
#i_bike_channel{ background-position:0 -241px; }
#i_drive_channel{ background-position:-129px -241px; }
#i_sightseeing_channel{ background-position:0 -321px; }
#i_other_channel{ background-position:-129px -321px;}
#i_bike_map{ background-position:-129px 0; }
#i_drive_map{ background-position:0 -81px; }
#i_sightseeing_map{ background-position:-129px -81px; }
#i_other_map{ background-position:0 -161px; }