/* @override https://stcbj.com/templates/stcbj/style/style.css */

/* @override https://stcbj.com/templates/stcbj/style/style.css */

/* @override https://stcbj.com/templates/stcbj/style/style.css */

/* @override https://stcbj.com/templates/stcbj/style/style.css */

/* @override https://stcbj.com/beta/templates/stcbj/style/style.css */

/* @override https://stcbj.com/beta/templates/stcbj/style/style.css */


/*******************
*	RESET		   *
*******************/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size: 100%;vertical-align:baseline;background:transparent;}body{line-height:1}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}a {text-decoration:none;color: #29abe2;font-size: 12px;}



/*******************
*	OVERALL		   *
********************/

body {
	background:#efefef url(../images/bac.png) repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-smooth:always;
	color:#444;
	magrin: 0;
	padding: 0;
}

.clear{clear:both}
.right, .fright {float:right;}
.left, .fleft {float:left;}
.tright{text-align:right;}
.tleft {text-align:left;}
.tcenter{text-align:center;}
.spacer{height:15px; background:#efefef url(../images/bac.png) repeat; width:1000%; margin:10px -10px;}
#page_container {
	background:inherit;
	width: 970px;
	margin: 0 auto;
	overflow:hidden;
}
li {list-style:none}

h1,h2,h3,h4,h5{
	color:#333;
}
/*******************
*	header   	   *
********************/

#header{
	height: 130px;
	width:100%;
	background:#fff url(../images/header_sb.png) no-repeat center;
	clear: none;
	position:relative;
}
.searchbox{
	float:right;
	width: 225px;
	margin-top:1px;
	margin-right:10px;
}
#ps_search_str{
	color:#999;
	width: 237px;
	height: 16px;
	border:#B0DAF9 1px solid;
	margin-top: 20px;
}

.languagepick
{
	position:absolute;
	top:105px;
	left:10px;
	background:url(../images/lang-back.png) 70px no-repeat;
}

.languagepick ul.langpick li
{
	margin-left:15px;
	display:inline;
}
.languagepick ul.langpick li:hover{
	text-decoration:underline;
}
/*******************
*	top menu	   *
********************/

#site_nav{
	height: 38px;
	background: #424242;
}
ul.topnav {
	height: 100%;
	font-size: 12px;
	list-style: none;
	font-weight: bold;
}
ul.topnav li {
	height:100%;
	z-index:10000;
	float: left;
	padding:0 7px;
	margin:0 8px;
	position: relative;
	line-height:35px;
}

ul.topnav li a {
	padding-top:7px;
	display:block;
	color:#fff;
}
.li-a-hover{
	color:#35A4D4;
	
}
.liparent-hover{
	background:#fff;
	border-top:3px solid #e90000;
	color:#35A4D4;
	line-height:32px !important;
	height:35px !important;
}
.newsletter{
	float:right;
	padding-top:4px;
	margin-right:5px;
}
.pretextnewsletter{
	font-size: 10px;
	line-height: 2;
	color: #29abe2;
}
.pretextnewsletter img{
	vertical-align:middle;
}
.newsletter input.inputbox{
	border:0;
	height:15px;
	font-size: 12px;
	background: #d5d5d5;
	color:#999;
	width: 239px;
	margin-top: 10px;
}
.newsletter input.button{
	display:none;
}

/*******************
*	slide show	   *
********************/
.slideshow{
	clear:both;
	float:left;
	margin:0px;
}
.iphoneapp{
	float:left;
	width:155px;
	height:197px;
	background:#aaa url(../images/iphone.gif) 10px no-repeat;
	padding: 10px 5px 5px 110px;
	color:#FFF;
}
.iphoneapp h4{
	font-size:13px;
	margin-bottom:10px;
	font-weight:bolder;
	line-height:16px;
}

.iphoneapp span.speed{
	color:#111;
	width:60px;
	font-size:16px;
	font-weight:bold;
	display: inline-block;
	line-height:20px;
}
.iphoneapp span.bike_speed{
	color:#FC0;
	width:60px;
	font-size:16px;
	font-weight:bold;
	display: inline-block;
	line-height:20px;
}
.speed_name{
	font-size:13px;
	font-weight:bold;
}
.bike_name{
	color:#FC0;
	font-size:13px;
	font-weight:bold;
}
p.foot_desc{
	margin-top:5px;
	font-size:12px;
	line-height:15px;
}

/*************************
*	frontpage showboxs	 *
**************************/
#box_wrap{
	width:715px;
	_width:705px;
	margin-top:15px;
}
#box_wrap .home-box{
	background:#fff;
	float:left;
	width:320px;
	padding:20px 10px 0 12px;
	margin:0 15px 15px 0; 	
	_margin-right:10px;
}
#box_wrap h3, #content h3{
	color:#fff;	height:25px;padding-left:10px;line-height:25px;
	vertical-align:middle;
	margin-bottom:20px;
	font-size:12px;
}
#box_wrap .nsp_art{
	margin-bottom:40px;
	min-height:112px;
	_height:112px;
}
#box_wrap h4.nsp_header, #content h4.nsp_header{
	line-height:20px;
	margin-bottom:5px;
	width:170px;
}
#box_wrap h4.nsp_header a, #content h4.nsp_header a{
	/*text-transform: uppercase;*/
	color:#333;
	font-size: 12px;
}
#box_wrap h4.nsp_header a:hover, 
#content h4.nsp_header a:hover{
	color: #80cff0;
}

#box_wrap p.nsp_text,
#content p.nsp_text{
	color:#666;
	font-size: 12px;
	line-height: 15px;
	min-height:86px;
	*min-height:72px;/* for all ie */
	_height:70px;
	float:none;
}

img.nsp_image {
	line-height:100px;
}
#box_wrap p.nsp_info,
#content p.nsp_info{
	padding-left:20px;
	background:url(../images/info.gif) left no-repeat;
	margin-top:15px;
	font-size: 12px;
	width:125px;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}

#box_wrap p.nsp_info strong{
	margin-left:10px;
}
.nsp_comments{
	
}

#content p.nsp_info img.nsp_avatar{
     display:none;
}

#box_wrap a.readon,
#content a.readon{
	color:#666;
	font-size:12px;
	font-weight:bold;
	margin-right:10px;
	margin-top:15px;
	width:164px;
}

a.readon:hover{
	text-decoration:underline;
}
.bike-bj a.readon{
	background:url(../images/bj_more.gif) right no-repeat;
}
.bike-life a.readon{
	background:url(../images/life_more.gif) right no-repeat;
}
.bike-city a.readon{
	background:url(../images/city_more.gif) right no-repeat;
}
#content a.readon{
	background:url(../images/city_more.gif) right no-repeat;
}

.bike-bj h3{
	background:#ed1e79 url(../images/bikebj.png) right no-repeat;
}
.bike-life h3{
	background:#f7931e url(../images/bikelife.png) right no-repeat;
}
.bike-city h3{
	background:#29abe2 url(../images/bikecity.png) right no-repeat;
}
.bike-people h3{
	background:#39b54a url(../images/bikepeople.png) right no-repeat;
}
.bike-people{
	height:505px;
}

/*************************
*	sidebar  	 		*
**************************/
#sidebar{
	background:#fff;
	width:235px;
	overflow:hidden;
	float:right;
	-float:left;
	margin-top:15px;
	padding:10px;
}
#sidebar .sidebox{
	margin-bottom: 30px;
}
#sidebar img.sponsor{
	margin: 0 10px 10px;
}
.loginform{
	font-size:12px;
	height:200px;
}
.loginform form{
	padding:5px;
}
.loginform label{
	float:left;
	width:65px;
}
.loginform input{
	display:block;
	margin-bottom:10px;
}
.loginform input.checkbox{
	float:left;
	margin:5px 10px 0 0;
}
.loginform label.remember{
	float:left;
	margin-top:5px;
	width:100px;
}
.loginform input.button{
	float:right;
}
.loginform div{
	clear:both;
	margin-top:20px;
}
.loginform p{
	float:left;
	line-height:20px;
	margin-right:10px;
}
.loginform p a{
	color:#666;
	text-decoration:underline;
}

.poll{
	font-size:12px;
}
.poll h4{
	margin-left:10px;
	height:20px;
	line-height:15px;
}
.poll input.button{
	float:left;
}
.poll .apoll_result_link{
	display:block;
	float:right;
	margin:5px 5px 0 0;
}
.poll label{
	display:block; padding:2px;
}
.poll .apoll_buttons{
	margin-top:5px;
	padding:0 5px;
}
.poll a:hover{
	text-decoration:underline;
}
.poll .poll_item{
	margin: 0px 10px 3px 10px;
}
.poll .poll_item .desc{
	padding-bottom: 2px;
}
.poll .bar_wrap{
	width:100%; height:10px;  
}
div.cpcloud{
color:#666;
	
}
.cpcloud a{
	color:#666;
}
li a.cpcloud5{
	color:#666;
	

}
#sidebar3 h3{
	color:#333;
	line-height:25px;
	font-size:12px;
	background:#f2f2f2;
	padding-left:10px;
	margin-bottom:10px;
	background:url(../images/boxtopgray.gif);
	/*--Bottom right rounded corner--*/
	-moz-border-radius-topright: 2px;
	-khtml-border-radius-topright: 2px;
	-webkit-border-top-right-radius: 2px;
	/*--top left rounded corner--*/
	-moz-border-radius-topleft: 2px;
	-khtml-border-radius-topleft: 2px;
	-webkit-border-top-left-radius: 2px;
	
}
#sidebar h3{
	color: #29abe2;
	background: #f2f2f2;
	padding-left:10px;
	margin-bottom: 20px;
	font: 12px/61px Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif;
	height: 43px;
}
#sidebar h4.nsp_header {
	color:#666;
	line-height:25px;
	width:225px;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
}
#sidebar h4.nsp_header a{
	width:215px;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	display:list-item;
	list-style:none;
	color:#555;
	font-size: 12px;
	font-weight:normal;
	margin-left:10px;
}
#sidebar h4.nsp_header a:hover{
	color: #29abe2;
}

#content{
	float:left;
	background:#fff;
	width:670px;
	overflow:hidden;
	margin:15px 0;
	padding:0 15px 10px 15px;
	font-size: 13px;
	
}

p.articleinfo{
	text-align: left;
}
div.breadcrumb{
	font-size: 11px;
	padding:10px 10px 5px 5px;
	border-bottom: 1px dashed #c0c0c0;

	line-height: 20px;
;
}
a.pathway{
	color: #797979;
	font-size: 12px;

	line-height: 33px;
}
span.seperator{
	font-size: 14px;
	font-weight: bold;
	font-stretch:extra-expanded;
	position: relative;
	top: 2px;
}
a.pathway:hover{
	color:#29ABE2
}
span.pathway img{
	margin:0 5px;
} 
h2.contentheading{
	color: #29abe2;
	background: #fffeff;
	height: 44px;
	line-height: 48px;
	text-align: left;
	font-size: 16px;
	margin-bottom: 5px;
	padding-left:5px;
	border-bottom: 1px dashed #c0c0c0;
}
#content .blog_wrap{
	padding-top:15px;
}
#content h4.nsp_header {
	width:77%;
}

#content p.nsp_text {
	*width:77%;
}
#content p.nsp_info{
	background:none;
	padding-left:0px;
	width:60%;
	margin-left:150px;
}
#content a.readon{
	width:100px;
	margin-top:20px;
}

#content .nsp_comments{
	padding-left:15px;
	background:url(../images/info.gif) left no-repeat;
}
#content .nsp_art{
	height:120px;
	margin-bottom:40px;
	overflow: hidden;
	padding-bottom: 10px;
}
#page{
	overflow: hidden;
}
#page ul{
	list-style: inside;
}
#page p{
	margin:10px 0;
}
#page p,#page p span{
	/*font-size:11pt !important;*/
	line-height:20px;
	color:#666;
}
div.pagination ul.pagination{
	float:right;
}
.pagination li{
	float:left;
	margin-right: 10px;
}
div.submenu {
}
div.submenu li {
	font-size:13px;
	list-style:url(../images/submenu_arrow.gif) inside;
	margin:2px 0;
	padding-left:12px;
	height:25px;
	line-height:25px;
	background:#f8f8f8;
}
div.submenu li.active{
	background:#CECECE;
}
div.submenu li:hover{
	background:#efefef;
}
div.submenu li a{
	color:#666;
	font-size: 12px;
}
h3.section{
	background: #000;
}


/* footer  */

#footer{
	clear:both;
	font-size:11px;
	color:#333;
}

/*************
*** join us *
************/
#joinus{
	clear:both;
	bacground:inherit;
	font-size:12px;
}

#joinus a{
	display:inline-block;
	font-family: 'Trebuchet MS', Trebuchet, Arial, Verdana, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#666;
	height:25px;
	line-height:25px;
	clear:both;
	padding:0 20px 0 30px;
}
a.join_twt,a.join_fb{
	width:290px;
	margin-right:15px;
}
a.join_twt{
	background:#fff url(../images/twitter.png) no-repeat 8px;
}
a.join_fb{
	background:#fff url(../images/facebook.png) no-repeat 8px;
}
a.join_ren{
	width:200px;
	background:#fff url(../images/renren.png) no-repeat 8px;
}
#joinus img{
	margin-right:10px;
}

#footer hr{
	background-color: #c0c0c0;
	height: 5px;
	overflow: hidden;
	margin: 0;
	padding:0;
}
.footeright a {
	margin: 7px 10px 16px;
	height: 32px;
	color: #29abe2;
	font-size: 11px;
}

.sitemap{
	color:#999;
	background:#fff;
	border-top: 5px solid #efefef;
	padding: 10px 5px;
	margin:10px 0 0 0;
}

.sitemap  a{
	color: #797979;
	padding: 0px 5px;
	line-height:18px;
	font-size: 11px;
}
.sitemap  a.first{
	padding: 0px 5px 0 0;
}
div.bottom{
	padding:5px 0;
	background:#fff;
	height: 59px;
	margin-top: 8px;
}
.footeright{
	float:right;
	background:#fff;
	margin-top:15px;
	height: 3px;
}
.footerleft{
	color:#999;
	float:left;
	background:#fff;
}
.contacts a{
	color: #000;
	padding: 0px 5px;
	line-height:18px;
}
.copyright{
	color:#666;
	padding-left:5px;
	height: 41px;
}