﻿@charset "utf-8";
/* CSS Document */

	body{
		font-size:12px;
		margin:0;
		font-family:Arial,"宋体";
	}
	
	ul,ol{ list-style:none; padding:0; margin:0;}
	dl { margin:0; }
	dd { margin-left:0px; }
	a img { border:0; }
	img { vertical-align:middle; }
	table { border-collapse:collapse; }
	form{margin:0;}
	
	
	/* clear */
	.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
	.clearfix{*display:inline-table}
	/* Hides from IE-mac \*/
	* html .clearfix{height:1%}
	.clearfix{display:block}
	/* End hide from IE-mac */
	*+html .clearfix{min-height:1%}

/*-------VI Button Start---------*/			
	.cnViBtnSilver,
	.cnViBtnOrange{
		display:table-cell; 
		display:-moz-inline-box;            
		display:inline-block;
		background:url(http://www.minshang.com/img/viButton.gif) repeat-x left top;
		text-decoration:none;
		vertical-align:middle;
	}
	.cnViBtnSilver b,
	.cnViBtnOrange b{
		display:block;
		background:url(http://www.minshang.com/img/viButton.gif) no-repeat left -24px;
	}
	.cnViBtnSilver i,
	.cnViBtnOrange i{
		display:block;
		display:inline-block;	/*解决IE6下宽度不能auto的Bug*/
		font-style:normal;
		height:12px; line-height:12px;
		padding:6px 10px;
		background:url(http://www.minshang.com/img/viButton.gif) no-repeat right -48px;
		color:black;
		font-size:12px;
		font-family:Verdana,'宋体','新宋体',sans-serif;
		cursor:pointer;
	}
	.cnViBtnSilver:hover,
	.cnViBtnOrange:hover{
		background:url(http://www.minshang.com/img/viButton.gif) repeat-x left -72px;
	}
	.cnViBtnSilver:hover b,
	.cnViBtnOrange:hover b{
		background:url(http://www.minshang.com/img/viButton.gif) no-repeat left -96px;
	}
	.cnViBtnSilver:hover i,
	.cnViBtnOrange:hover i{
		background:url(http://www.minshang.com/img/viButton.gif) no-repeat right -120px;
	}			
	.cnViBtnOrange{				
		background-position:left -144px;
	}
	.cnViBtnOrange b{
		background-position:left -168px;
	}
	.cnViBtnOrange i{
		background-position:right -192px;
	}
	.cnViBtnOrange:hover{				
		background-position:left -216px;
	}
	.cnViBtnOrange:hover b{
		background-position:left -240px;
	}
	.cnViBtnOrange:hover i{
		background-position:right -264px;
	}

	/*-------VI Button End---------*/
	
	/*csj add*/
	.cnViBtnSilver_sp{
		margin-left:5px;
	}
	.cnViBtnSilver_cp{
		margin:0 3px;
	}


/*splash style start*/


.overHidden{
	overflow:hidden;
	white-space:normal;
	word-wrap:break-word;
	word-breal:break-all;
}


.cvSplash{
	width:960px;
	margin:0 auto;
}

.cvSplash a{ 
	text-decoration:none;
	color:#003399;
}
.cvSplash a:visited{ 
	text-decoration:none;
	color:#003399;
}
.cvSplash a:hover{ 
	text-decoration:none;
	color:#005AFF;
}
	.splashLeft{
		float:left;
		width:650px;
	}
		.topAdv{
			margin-top:10px;
			
			width:650px;
			height:160px;
			-height:161px;
		}
		.pmg{
			margin-top:10px;
			-margin-top:9px;
			width:650px;
		}
			.paperTop{
				height:5px;
				font-size:0px;				
			}
				.paperTop .rlt{
					background:url(http://www.minshang.com/img/roundCorLt.gif) no-repeat;
					width:6px;
					height:5px;
					float:left;
					
				}
				.paperTop .rm{
					background:url(http://www.minshang.com/img/roundCorMt.gif) repeat-x;
					height:5px;
					float:left;
				}
				.paperTop .rm638{
					width:638px;
				}
				.paperTop .rm288{
					width:288px;
				}
				.paperTop .rrt{
					background:url(http://www.minshang.com/img/roundCorRt.gif) no-repeat;
					width:6px;
					height:5px;
					float:right;
				}
			.paperBottom{
				height:5px;
				font-size:0px;
			}
				.paperBottom .rlb{
					background:url(http://www.minshang.com/img/roundCorLb.gif) no-repeat;
					width:6px;
					height:5px;
					float:left;
				}
				.paperBottom .rm{
					border-bottom:1px solid #d0d0d0;
					height:5px;
					float:left;
				}
				.paperBottom .rm638{
					width:638px;
				}
				.paperBottom .rm288{
					width:288px;
				}
				.paperBottom .rrb{
					background:url(http://www.minshang.com/img/roundCorRb.gif) no-repeat;
					width:6px;
					height:5px;
					float:right;
				}
				
			.paperTitle{
				height:24px;
				border-left:1px solid #d0d0d0;
				border-right:1px solid #d0d0d0;
				background:url(http://www.minshang.com/img/paperTopRep.gif) repeat-x;
			}
				.paperTitle div{
					border-bottom:1px solid #d0d0d0;
					margin:0 4px;
					padding:4px 0;
					font-weight:bold;
				}
				.paperTitle img{
					margin-left:8px;
				}
				.paperTitle div a{
					padding-left:5px;
					cursor:pointer;
				}
				.paperTitle div u{
					padding-left:5px;
					text-decoration:none;
					overflow:hidden;
					white-space:normal;
					color:red;
				}
				.paperTitle div form{
					display:inline;
				}
				.paperTitle div form div{
					display:none;
				}
			.paperContent{
				border-left:1px solid #d0d0d0;
				border-right:1px solid #d0d0d0;
				padding:0 4px;
			}
			/*0820*/
				.paperContent .hotnews{
				 	display:block;
					min-height:1%;
					*display:inline-table;
				}
				.paperContent .hotnews:after{content:".";display:block;height:0;clear:both;visibility:hidden}
				.paperContent .hotnews .action{
					float:left;
				}
				
				
				.paperContent .hotnews .action ul{
					min-height:1%;
					*display:inline-table;
				}
				.paperContent .hotnews .action ul:after{content:".";display:block;height:0;clear:both;visibility:hidden}
				.paperContent .hotnews .action ul li{
					padding:18px 0px 10px 20px;
					width:136px;
					color:#003399;
					float:left;
					
				}
				.paperContent .hotnews .action ul li div label{
					*margin-top:3px;
					display:block;
					overflow:hidden;
					white-space:normal;
					word-wrap:break-word;
					word-breal:break-all;
					width:136px;
					height:32px;
					line-height:16px;
				}
				.paperContent .hotnews .action ul li img{
					width:110px;
					height:90px;
					padding:2px;
					border:1px solid #c7c7c7;
					margin-bottom:4px;
				}
				
				.paperContent .hotnews .more{
					padding:15px 0 20px 26px;
					float:left;
					width:280px;
					color:#003399;
					*padding:15px 0 17px 26px;
				}
				.paperContent .hotnews .more div a{
					
					font-size:16px;
					font-weight:bold; 
					display:block;
					height:20px;
					overflow:hidden;
					white-space:normal;
					word-wrap:break-word;
					word-breal:break-all;
					width:280px;
					text-align:center;
				}
				.paperContent .hotnews .more ol{
					margin-top:5px;
					*margin-top:9px;
					width:290px;
					float:left;
				}
				.paperContent .hotnews .more ol li{
					margin-top:2px;
					color:#666666;
					line-height:18px;
					height:18px;
					padding-left:5px;
					background:url(http://www.minshang.com/img/listStyleIcon.gif) no-repeat;
					background-position:0px 8px;
				}
				.paperContent .hotnews .more ol li label{
		display:table-cell; 
		display:-moz-inline-box;            
		display:inline-block;
		-display:inline; //
				 	color:#666666;
					font-weight:bold;
					margin:0 3px;
				vertical-align:top;
				
				}
				.paperContent .hotnews .more ol li a{
		display:table-cell; 
		display:-moz-inline-box;            
		display:inline-block;
					overflow:hidden;
					white-space:normal;
					word-wrap:break-word;
					word-breal:break-all;
					vertical-align:middle;
					width:203px;
					height:18px;
				}
				.paperContent .hotnews .more ul{
				 	float:left;
					margin-top:5px;
					*margin-top:9px;
					width:60px;
				}
				.paperContent .hotnews .more ul li{
					margin-top:2px;
				}
				.paperContent .hotnews .more ul li a{
		display:table-cell; 
		display:-moz-inline-box;            
		display:inline-block;
		overflow:hidden;
					white-space:normal;
					word-wrap:break-word;
					word-breal:break-all;
					vertical-align:middle;
					
					width:48px;
					height:18px;
					line-height:18px;
				}
			/*end 0820*/
			/*
				.paperContent .paperHeader{
					padding:15px 0px 20px 20px;
					width:126px;
					color:#003399;
					float:left;
				}
					.paperContent .paperHeader div{
						height:16px;
						line-height:16px;
					}
					.paperContent .paperHeader img{
						width:120px;
						height:100px;
						padding:2px;
						border:1px solid #c7c7c7;
						margin-bottom:4px;
					}
				.paperContent .paperText
				{
					padding:15px 0 20px 26px;
					float:left;
					width:312px;
					color:#003399;
					*padding:15px 0 17px 26px;
				}
					.paperText .textHeader
					{
						font-size:17px;
						font-weight:bold; 
						display:block;
						height:20px;					
					}
					.paperText ul{
						margin-top:12px;
					}
					.paperText ul li{
						margin-top:4px;
						*margin-top:2px;
					}
					.paperText ul li .liLeft{
						float:left;
						width:230px;
						height:16px;
					}
					.paperText ul li .liRight{
						float:right;
						width:80px;
						height:16px;
						line-height:16px;
					}
					.paperText ul li .liLeft img{
						margin-right:5px;
					}
					.paperText ul li .liRight img{
						margin-right:1px;
					}
					.paperText ul li .liUnderline{
						color:#ff6000;
					}
			*/
			.pmg .musicGroup{
				border-left:1px solid #d0d0d0;
				border-right:1px solid #d0d0d0;
				padding:0 4px;
			}
				.music{
				 	float:left;
					width:310px;
				}
					.musicTitle{
						border-bottom:1px solid #d0d0d0;
						padding:4px 0;
						font-weight:bold;
						width:310px;
					}
						.musicTitle img{
						 	margin-left:8px;
						}
					.musicHeader{
						margin:15px 0px 0px 20px;
					}
						.musicHeader img{
							float:left;
							height:90px;
							width:90px;
							padding:2px;
							border:1px solid #c7c7c7;
						}
						.musicText{
							padding:6px 0 0 10px;
							float:left;
							width:170px;
						}
							.musicText span{
								color:#666666;
								line-height:18px;
							}
							.musicText a.textItem{
								display:block;
								font-size:12px;
								font-weight:bold;
								height:16px;
								line-height:16px;
							}
							.musicText a.tryLink{
								white-space:normal;
								display:table-cell; 
								display:-moz-inline-box;            
								display:inline-block;
							}
					.musicPerson{
						/*margin:35px 0 0 12px;*/
						margin:31px 0 0 12px;
						*margin:28px 0 0 12px;
					}
						.musicPerson ul li{
							width:56px;
							margin:0 8px;
							float:left;
						}
						.musicPerson ul li a{
							display:block;
							font-weight:bold;
							text-align:center;
						}
						.musicPerson ul li img{
							width:50px;
							height:50px;
							padding:2px;
							margin-top:6px;
							border:1px solid #c7c7c7;
						}
						.musicPerson ul li a.pName{
							height:16px;
							line-height:16px;
						}
						.musicPerson ul li a.pImg{
							height:65px;
						}
				
				.group{
					float:right;
					width:310px;
					padding-bottom:4px;
					*padding-bottom:2px;
				}
					.groupTitle{
						border-bottom:1px solid #d0d0d0;
						padding:4px 0;
						font-weight:bold;
						width:310px;
					}
						.groupTitle img{
							margin-left:8px;
						}
					.groupHeader{
						margin:15px 0px 17px 10px;
					}
						.groupHeader img{
							float:left;
							height:50px;
							width:50px;
							padding:2px;
							border:1px solid #c7c7c7;
						}
						.groupText{
							padding:1px 0 0 10px;
							float:left;
							width:218px;
						}							
							.groupText a.groupItem{
								display:block;
								size:14px;
								font-weight:bold;
								height:18px;
								*height:16px;
							}
							.groupText a.asmall{
								color:#666666;
								line-height:18px;
								display:table-cell; 
								display:-moz-inline-box;            
								display:inline-block;
								vertical-align:middle;
								width:206px;
								height:17px;
							}
							.groupText div{
								padding:2px 0 0 0;
							}
							.groupText img{
								float:none;
								height:3px;
								width:3px;
								padding:0px 4px;
								border:0px;
								
							}
							
					
					
	.splashRight{
		float:right;
		width:300px;
	}
		.login{
			width:285px;
			height:127px;
			background:url(http://www.minshang.com/img/loginBc.gif) no-repeat;
			margin-top:10px;
			color:white;
			padding:33px 0 0 15px;
			display:block;
		}
			.login div{
				margin-top:11px;
			}
			.login .mailInput
			{
				width:205px;
				border-right:none;
				border-bottom:none;				
			}
			.login .passInput{
				width:205px;
				border-right:none;
				border-bottom:none;		
			}
			.login .button{
				margin-left:55px;
			}
				.login .button input{
					vertical-align:middle;
				}
				.login .button span{
					display:table-cell; 
					display:-moz-inline-box;            
					display:inline-block;
					vertical-align:middle;
					*vertical-align:baseline;
				}
			.login .forget{
				margin-top:8px;
				text-align:right;
				padding-right:10px;
			}
				.login .forget a{
					color:white;
				}
		.afterLogin{
			background:url(http://www.minshang.com/img/afterLoginBc.gif) no-repeat;
			width:300px;
			height:160px;
			margin-top:10px;
			display:block;
		}
			.loginOut{
				padding:10px 10px 0 0;
				text-align:right;
			}
			.loginStatu img{
				float:left;
				height:90px;
				width:90px;
				padding:2px;
				border:1px solid #c7c7c7;
				margin:12px 4px 0 17px;
			}
			.loginStatu .myStatu{
				float:left;
				width:175px;
				margin:15px 0 0 0;
				text-align:center;
				padding-right:5px;
			}
				.myStatu span{
					font-size:14px;
					font-weight:bold;
					color:#666666;
				}
				.myStatu div{
					margin:0 0 10px 0;
				}
				.myStatu .welName{
					height:34px;
					line-height:17px;
					margin-bottom:5px;
				}
					.myStatu div span{
						
					}
		.msActive{
			margin-top:10px;
			width:300px;
		}
			.activeContent{
				border-left:1px solid #d0d0d0;
				border-right:1px solid #d0d0d0;
				line-height:18px;
				padding:9px 0 0px 10px;
				height:185px;
			}
				.activeContent img{
					margin:0 5px 0;				
				}
				.activeContent span{
					color:#666666;
					display:table-cell; 
					display:-moz-inline-box;            
					display:inline-block;
					width:14px;
					text-align:center;
				}
				.activeContent a{
					padding-left:5px;
					display:table-cell; 
					display:-moz-inline-box;            
					display:inline-block;
					width:265px;
					height:18px;
					line-height:18px;
					vertical-align:bottom;
					*vertical-align:middle;
				}
				.activeContent i{
					font-style:normal;
					color:#666666;
				}
		.msActive .paperTitle .recomendNewCool{
			margin-left:140px;
		}
		.rightAds{
			margin-top:10px;
			width:300px;
			height:100px;
		}
		.comendFriends{
			margin-top:10px;
			width:300px;
		}
			.comendContent{
				border-left:1px solid #d0d0d0;
				border-right:1px solid #d0d0d0;
				line-height:18px;
				padding:12px 0px 0 1px;
		
			}
				.comendContent ul{
					padding-right:24px;
				}
				.comendContent ul li{
					width:66px;
					margin:0 0 0 24px ;
					float:right;
					height:90px;
				}
				.comendContent ul li.firstLi{
					-margin:0 0 0 12px;
				}
				.comendContent ul li a{
					display:block;
					font-weight:bold;
					text-align:center;
				}
				.comendContent ul li a.pName{
					height:16px;
					line-height:16px;
				}
				.comendContent ul li img{
					width:60px;
					height:60px;
					padding:2px;
					margin-top:6px;
					border:1px solid #c7c7c7;
				}
				.searchFriends{
					background:#d5e8fb;
					width:290px;
					height:75px;
					margin:14px 4px 0 3px;
				}
					.searchFriends div{
						padding:10px 0 0 8px;
					}
					.searchFriends span{
						padding:0 0px;
						display:table-cell; 
						display:-moz-inline-box;            
						display:inline-block;
					}
					
					.searchFriends select.country{
						width:70px;
					}
					.searchFriends select.city{
						width:50px;
						margin:0;
					}
					.searchFriends select.gender{
						width:50px;
					}
					.searchFriends select.year{
						width:40px;
					}
					.searchFriends select{
						border:1px solid #7f9db9;
						height:22px;
						vertical-align:middle;
					}
					
/*modified at 081216 
change background of all modules to white
*/
.afterLogin{
	background:url(http://www.minshang.com/img/afterLoginBcHW1.gif) no-repeat;
}
.paperContent,.musicGroup,.comendContent,.activeContent,.paperBottom div.rm288{
	background-color:white;
}			display:table-cell; 
						display:-moz-inline-box;            
						display:inline-block;
					}
					
					.searchFriends select.country{
						width:70px;
					}
					.searchFriends select.city{
						width:50px;
						margin:0;
					}
					.searchFriends select.gender{
						width:50px;
					}
					.searchFriends select.year{
						width:40px;
					}
					.searchFriends select{
						border:1px solid #7f9db9;
						height:22px;
						vertical-align:middle;
					}
					
/*modified at 081216 
change background of all modules to white
*/
.afterLogin{
	background:url(http://www.minshang.com/img/afterLoginBcHW1.gif) no-repeat;
}
.paperContent,.musicGroup,.comendContent,.activeContent,.paperBottom div.rm288{
	background-color:white;
}
