*{margin:0;padding:0;border:none; line-height:160%;}
	body{font-size:12px;margin:0 auto;text-align:center;font-family: Arial, Helvetica, sans-serif;background: #F5F6F8 url(http://space.csp360.com/images/blue/bodybg.jpg) no-repeat;}
	.clear{clear:both;}
	#main{width: 972px;margin:0 15px;}
	#footer{width: 972px;margin: 20px 15px;}
	a:link,a:visited{color:#000;text-decoration: none;}
.bold{font-weight:bold;font-size:12px;}
.orange{color:#c60;}
.Lightblue{
	color:#333;
}
.LightblueUnder{
	color:#333;
	text-decoration:underline;
}
.Darkblue{color:#000; font-weight:bold;}
.hight15px{height:15px;clear:both;}
.grow{color:#666;}
.hulan{
	color:#444;
}
.hulanBold{
	color:#333;
	font-weight:bold;
}
.DarkblueBold{color:#CB6500; font-weight:bold;}
.orangeUnder{color:#c60; text-decoration:underline;}
.blueUnder{color:#135781;text-decoration:underline;}
.DarkRed{color:#135781; text-decoration:none;}
#main_content {
	background: #f8f8ed;
	float: left;
	width: 797px;
	display:block;
	padding-bottom:20px;
}
.img-wrapper {background: url(http://space.csp360.com/images/blue/shadow.gif) no-repeat right bottom;clear: right;float: left;position: relative;line-height:0;}
#main_notice {float: right;width: 165px;margin-left: 10px;background: #fff;padding-top: 4px;padding-bottom: 4px;}

/*classic页头*/
#box {width: 1002px;background: url(http://space.csp360.com/images/classic/banner3.gif) no-repeat;}
#header {background: url(http://space.csp360.com/images/classic/banner3.gif) no-repeat;clear: both;height: 194px;width: 1002px;}
#channel_title{font-size: 28px;font-weight: bold;color: #000;float: left;width: 700px;margin: 40px 50px 10px 370px;display: inline;clear:both;text-align:left;}
#channel_title a{font-size: 28px;font-weight: bold;	color: #000;}
#channel_link{display: inline;clear: both;float: left;width: 360px;margin-left: 370px;font-size: 14px;color: #000; text-align:center;}
#channel_link a{font-size: 14px;color: #000;}

body{margin:0 auto;text-align:center;font-family: Arial, Helvetica, sans-serif;background:url(http://space.csp360.com/images/classic/bg3.jpg) repeat;}


/* album */
#c_s_c_products{width:533px;list-style:none;margin:10px 0;}
#c_s_c_products li{background:url(http://space.csp360.com/images/ab.jpg) no-repeat;width:95px;float:left;margin:10px 0 10px 30px;display:inline;}
#c_s_c_products li a img{width:80px; height:80px; margin:6px 9px 9px 6px;}
#c_s_c_products li a{display:block;}
#c_s_c_products li span a{color:#333;white-space:nowrap;text-overflow:ellipsis; overflow: hidde;width:95px;height:30px;line-height:30px;text-align:center;}
.line1 {height: 1px;width: 503px;margin: 0 15px 10px 15px;border-top: 1px dashed #999;display: block;}
#c_s_c_img{width:456px;
    list-style:none;
    height: 60px;
    display: inline;    
    clear: both;
	float: left;
}
#c_s_c_img li{
	background:#fff;
	width:50px;
	float:left;
	display:inline;
	margin-left: 10px;
	height: 50px;
	margin-top: 3px;
}
.s_c_img a img{
	width:46px;
	height: 46px;
	display: inline;
	margin-left: 9px;
	margin-bottom:2px;
	margin-top:2px;
	margin-right:2px;
}
.s_c_img a:hover{
	display:inline;
	height: 50px;
	width: 50px;
	border: 2px solid #0080FF;
}
#c_s_c_img li a:link,#c_s_c_img li a:visited{
	display:block;
	height: 50px;
	width: 50px;
}
#c_s_c_img li span a{color:#666;white-space:nowrap;text-overflow:ellipsis; overflow: hidde;width:110px;height:30px;line-height:30px;text-align:center;}
.c_s_c_img_title {font-size: 13px;line-height: 30px;font-weight: bold;color: #333;text-align: left;height: 30px;width: 503px;margin: 0 15px 10px 15px;}
.c_s_c_img_content {width:503px; margin:10px 15px;text-align:center; clear:both;}
c_s_img_img{clear:both;}
.c_s_c_img_content span{color:#666;line-height: 30px;height: 30px;width: 503px;}
.bold1{ font-weight:bold; font-size:13px;}
.c_s_img_fan{ margin:15px 0; width:503px; height:20px; clear:both;}
.twoHeight{height:20px; clear:both;}
.c_s_c_frm {
	width: 491px;
	border: 1px solid #999;
	margin: 4px;
	height: 60px;
}
.imgArrowLeft {
	cursor:pointer;
	float: left;
	height: 60px;
	width: 11px;
	background: #fff url(http://space.csp360.com/images/imgArrowLeft.jpg) no-repeat;
}
.imgArrowRight {
	cursor:pointer;
	background: #fff url(http://space.csp360.com/images/imgArrowRight.jpg) no-repeat;
	float: right;
	height: 60px;
	width: 11px;
}


/* Content */

#c_login {
	line-height: 30px;
	height: 30px;
	width: 797px;
}
#csp360Logo {
	background: url(http://space.csp360.com/images/classic/csp360.jpg);
	display: inline;
	float: left;
	height: 24px;
	width: 88px;
	margin-left: 15px;
	margin-top: 2px;
}
#navText {
	float: right;
	width: 250px;
	margin-right: 15px;
	display: inline;
	text-align: right;
}
#LogText{
	float: right;
	width: 250px;
	margin-right: 15px;
	display: inline;
	text-align: right;
}
#c_catalog {
	float: left;
	width: 213px;
	margin-right: 14px;
	margin-left: 16px;
	display:inline;
}
#c_space {
	display: inline;
	float: right;
	width: 535px;
	margin-right: 17px;
}
#f_nav {
	clear: both;
	float: left;
	width: 750px;
	line-height: 20px;
	height: 20px;
	color: #fff;
}
#f_nav a{
	color:#fff;
}
#f_icp {
	line-height: 20px;
	clear: both;
	float: left;
	height: 20px;
	width: 750px;
	color: #fff;
}
.clog_frame {
	border: 1px solid #c49840;
	width: 211px;
	margin-bottom:10px;
}
.clog_title {
	background: url(http://space.csp360.com/images/classic/leftTitle.jpg) no-repeat;
	margin: 1px;
	height: 21px;
	width: 209px;
	line-height: 21px;
	text-align: left;
	text-indent: 1.5em;
	font-weight: bold;
	color: #000;
}
.clog_title a {
	color: #000;
}
#c_s_nav {
	line-height: 33px;
	height: 33px;
	width: 533px;
	margin-bottom: 10px;
	background: url(http://space.csp360.com/images/classic/mainNavBg.jpg) no-repeat;
	border: 1px solid #DCC192;
}
.c_s_content 
{
	float:left;
	width: 533px;
	margin-bottom: 10px;
	border: 1px solid #c49840;
}
.c_s_c_title {
	background: url(http://space.csp360.com/images/classic/spaceTitleBg.jpg) no-repeat;
	margin: 1px;
	height: 27px;
	width: 531px;
	text-align: left;
	font-size: 13px;
	line-height: 27px;
	font-weight: bold;
	color: #CB6500;
}
.c_s_c_t_l{
	text-align:left;
	line-height:1em;
	float:left;
	margin-left:20px;
	height: 27px;
	font-size: 13px;
	line-height: 27px;
	font-weight: bold;
	display:inline;
	color: #CB6500;
	letter-spacing: 0.5em;
	width:100px;
}
.c_s_c_t_r{
	width:100px;
	text-align:right;
	line-height:1em;
	float:right;
	margin-right:20px;
	height: 27px;
	font-size: 13px;
	line-height: 27px;
	display:inline;
}
.c_s_c_title1 {
	background: url(http://space.csp360.com/images/classic/spaceTitleBg.jpg) no-repeat;
	margin: 1px;
	height: 27px;
	width: 531px;
	letter-spacing: 0.01em;
	text-align: left;
	text-indent: 1em;
	font-size: 13px;
	line-height: 27px;
	font-weight: bold;
}
#c_s_c_footer {
	background: url(http://space.csp360.com/images/classic/spaceFooter.jpg) no-repeat;
	margin: 1px;
	height: 33px;
	width: 531px;
	text-align: right;
}
#n_notice {
	width: 155px;
	border: 1px dashed #999;
	margin-right: 4px;
	margin-left: 4px;
}
#n_notice1 {
	width: 155px;
	border-left: 1px dashed #999;
	border-bottom: 1px dashed #999;
	border-right: 1px dashed #999;
	margin-right: 4px;
	margin-left: 4px;
}
.m_title {
	line-height: 22px;
	background: url(http://space.csp360.com/images/classic/noticeTitleBg.gif) no-repeat;
	margin: 4px;
	height: 22px;
	width: 147px;
	text-align: left;
}
.n_n_title {
	display: inline;
	width: 70px;
	float: left;
	text-align: left;
	text-indent: 1em;
}
.tipiao {
	float: right;
	width: 16px;
	margin-top: 3px;
	margin-right:5px;
	display: inline;
	cursor:pointer;
}
.m_content {
	width: 155px;
	border-top: 1px dashed #999;
	text-align: left;
}
.m_content ul {
	display: block;
	width: 140px;
	list-style: none;
	margin: 10px 2px 10px 10px;
	line-height: 180%;
}
.m_content span {
	height: 11px;
	width: 23px;
	margin-top: 5px;
	margin-left: 5px;
}
#c_s_nav ol {
	width: 410px;
	margin-left: 120px;
	display: block;
	list-style: none;
	height: 33px;
	text-align:right;
}

#c_s_nav dt {
	float: left;
	height: 27px;
	width: 27px;
	margin-top: 3px;
	display:inline;
}
#c_s_nav dl {
	float: left;
	width: 70px;
	margin-left:10px;
	display:inline;
}
#c_s_nav dd {
	width: 35px;
	float: left;
	display:inline;
	margin-left: 5px;
}
.c_s_c_up {
	float: right;
	height: 17px;
	width: 16px;
	margin-top: 5px;
	margin-right: 5px;
	margin-left: 5px;
	display: inline;
}

.space_foot {
	height: 21px;
	width: 503px;
	border-bottom: 1px solid #c49840;
	margin-top: 20px;
	text-align: right;
}
.clog_content {
	margin: 16px, 1px, 16px, 1px;
	width: 210px;
}
#P_joinBtn {
	width: 179px;
	margin: 0px 0 10px 0;
	border-top: 1px dashed #999;
	padding-top: 10px;
}
.clog_ListUl {
	text-align: left;
	display: block;
	width: 179px;
	list-style: none;
	line-height: 180%;
}
.clog_ListUl li {
	width: 179px;
}
.line {
	height: 1px;
	width: 179px;
	margin-top: 10px;
	border-top: 1px dotted #999;
	display: block;
}
.photo_img_more {
	width: 179px;
	text-align: left;
	font-size: 13px;
	color: #000;
}
.photo_Title {
	height: 17px;
	width: 179px;
	margin-top: 10px;
	line-height: 17px;
}
.photo_Title span {
	font-size: 13px;
	line-height: 17px;
	font-weight: bold;
	height: 17px;
	float: left;
	margin-left: 10px;
}
.photo_Title img {
	float: left;
	height: 17px;
	width: 17px;
}
#photo_img {
	height: 131px;
	width: 175px;
	margin-top: 10px;
	border: 2px solid #D2EAF6;
}
.photo_img_title {
	width: 179px;
	margin-top: 10px;
}
.photo_iframe {
	width: 177px;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px solid #E3E3E3;
}
#calendar {
	text-align: center;
	height: 197px;
	width: 211px;
	border: 1px solid #c49840;
	margin-bottom: 10px;
	padding-top: 13px;
}
.musicPlayer {
	width: 208px;
}
.musicList {
	display: block;
	width: 179px;
	margin-top: 10px;
	list-style: none;
	text-align: left;
	text-indent: 1em;
}
.musicList li {
	line-height: 22px;
	height: 22px;
	width: 179px;
	text-align: left;
	margin-top: 2px;
	margin-bottom: 2px;
}
.musiclistfoot {
	background: #E1EDF4;
}
.friendUl {
	display: block;
	width: 178px;
	list-style: none;
	margin-left: 1px;
}
.friendUl dl {
	float:left;
	display:inline;
	width: 52px;
	margin-right: 7px;
	margin-bottom: 7px;
}
.friendUl dt {
	float:left;
	clear:both;
	display:inline;
	padding: 1px;
	width: 48px;
	border: 1px solid #ccc;
}
.friendUl dd {
	float:left;
	clear:both;
	display:inline;
	text-align: center;
	margin-top: 2px;
	margin-bottom: 2px;
	width: 48px;
}
.c_s_c_content {
	width:533px;
	display:block;
	list-style: none;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
.blog_list1{width:523px;float:left;margin:0;text-align:left;}
.blog_list1 ul{
	width:513px;
	height:22px;
	margin:3px 10px;
	padding:2px 0;
	list-style:none;
	display:block;
	clear:both;
	text-align:left;
	border-bottom: 1px dashed #666;
	line-height: 22px;
}
.blog_list1_left{width:330px;height:22px;line-height:22px;float:left;text-align:left;text-indent: 15px;line-height:22px;}
.blog_list_time{width:120px;float:right;color:#333;height:22px;line-height:22px;margin-right:2px; display:inline;}
.history_list1{width:523px;float:left;margin:0;text-align:left;}
.history_list1 ul{
	width:513px;
	height:22px;
	margin:5px 10px;
	padding:2px 0;
	list-style:none;
	display:block;
	clear:both;
	text-align:left;
	line-height: 22px;
}
.collect_list1 ul{
	width:513px;
	height:18px;
	margin:3px 10px 0;
	list-style:none;
	display:block;
	clear:both;
	text-align:left;
	line-height: 18px;
}
.collect_left{width:400px;height:18px;line-height:18px;float:left;text-align:left;text-indent: 15px;line-height:22px;}
.l1 {
	line-height: 40px;
	height: 40px;
	padding: 0 20px;
	width: 491px;
}
.l2{
	width:510px;
	padding:5px 11px;
	text-align:left;
	line-height: 150%;
	color: #007193;
}
.com_img {
	float: left;
	height: 30px;
	width: 30px;
	margin-top: 4px;
	border: 1px solid #000;
}
.com_title {
	line-height: 40px;
	float: left;
	height: 40px;
	width: 250px;
	margin-left: 20px;
	text-align: left;
	display:inline;
}
.com_time {
	float: right;
	width: 150px;
	text-align: right;
	display:inline;
}
.m_pages {
	width: 493px;
	height:20px;
	border-bottom: 1px dashed #007193;
	color: #666;
	padding:8px 0;
	margin: 10px 20px;
}
.m_pages1 {
	width: 493px;
	height:20px;
	margin-top: 10px;
	margin-right: 20px;
	color: #666;
	padding:8px 0;
	margin-left: 20px;
}
.page_code {
	color: #666;
	display: inline;
	float: left;
	width: 120px;
	margin-left: 50px;
}
.page_fan {
	color: #666;
	display: inline;
	float: right;
	width: 120px;
	margin-right: 50px;
}
.c_s_c_f_t{
	float:right;
	width:200px;
	margin-right:10px;
	text-align:right;
	clear:both;
	height:33px;
	line-height: 33px;
}
.blog_list_title{width:513px; margin:15px 10px; clear:both; text-align:left; font-size:13px; font-weight:bold; text-indent:5px;}

/* friend */
#c_s_c_products{width:533px;list-style:none;margin:10px 0;}
#c_s_c_products li{
	width:95px;
	float:left;
	margin:10px 0 10px 30px;
	display:inline;
}
#c_s_c_products li a img{
	width:80px;
	height:80px;
	margin:6px 9px 9px 6px;
	padding: 1px;
	border: 1px solid #A07C32;
}
#c_s_c_products li a{
	display:block;
}
#c_s_c_products li span a{color:#333;white-space:nowrap;text-overflow:ellipsis; overflow: hidde;width:95px;height:30px;line-height:30px;text-align:center;}
.line1 {height: 1px;width: 503px;margin: 0 15px 10px 15px;border-top: 1px dashed #999;display: block;}

/* music */
.c_s_m{margin: 10px;width: 513px;}
	.c_s_m_t{
	width: 513px;
	height:25px;
	clear: both;
}
	.c_s_m_b{width: 5px;background:#fff;height:24px; margin-bottom:1px; float:left; display:inline;}
	.c_s_m_last{
	width: 442px;
	background:#fff;
	height:25px;
	float:right;
	display:inline;
}
	.c_s_hover{
	width: 64px;
	background:#fff;
	height:24px;
	float:left;
	display:inline;
	border-top: 1px solid #3881A9;
	border-right: 1px solid #3881A9;
	border-left: 1px solid #3881A9;
	float: left;
	line-height: 23px;
	text-align: center;
}
	.c_s_link{
	width: 64px;
	background:#EDF5F8;
	height:23px;
	float:left;
	display:inline;
	border: 1px solid #3881A9;
	float: left;
	line-height: 23px;text-align: center;
}
	.c_s_hover a:link,.c_s_link a:link,.music_list a:link{color: #333;font-size:12px;}
		.c_s_hover a:visited,.c_s_link a:visited,.music_list a:visited{color: #333;font-size:12px;}
	.c_s_hover a:hover,.c_s_link a:hover,.music_list a:hover{color: #333;font-size:12px;text-decoration: underline;}

	
	.music_list {
	width: 511px;
	border: 1px solid #999;
	color: #333;
	font-size:12px;
}
.music_list tr{
height:25px;
line-height:25px;
}

.tr1{
	height:25px;
	line-height:25px;
	background:#CECFAF;
	color:#000;
}
.tr1 span{
	color:#000;
}
.tt{ text-align:right;}
.th1{width:30px; text-align:left;}
.th2{width:30px; text-align:center;}
.th3{width:320px; text-align:left;}
.th4{width:150px; text-align:center;}
.m_pages2 {
	width: 511px;
	height:20px;
	margin-top: 10px;
	color: #666;
	padding:8px 0;
	border-top:1px #ccc dashed;
}
.choiceAll{width:38px; height:21px; float:left; display:inline; margin-left:5px;}
.EnterSong{width:80px; height:21px; float:left; display:inline; margin-left:5px;}
.page_code1 {
	color: #666;
	display: inline;
	float: left;
	width: 120px;
	margin-left: 40px;
	line-height: 20px;
	height: 20px;
}
.page_fan1 {
	color: #666;
	display: inline;
	float: right;
	width: 120px;
	margin-right: 5px;
	height:20px;
	line-height: 20px;
}