/* global css */
*{
	margin: 0;
	padding: 0;
}
div, td, table, ul, li, ol, dd, dl,dt {
	margin: 0;
	padding: 0;
}
html {
	width: 100%;
	margin: auto;
}
body{
	margin: 0;
	padding: 0;
	text-align: center;
	font: 12px/1.5  "��",Verdana;
}
table{
	border: none;
	border-collapse: collapse;
}
div, td {
	word-wrap: break-word;
	word-break: break-all;
	font-size: 12px;
}
img, img a, img a:hover{
	border: none;
}
h1,h2,h3,h4,h5,h6{
	font-size: 12px;
	font-weight: normal;
}
a {
	color: #393939;
	text-decoration: none;
}
a:hover{
	color: #F60;
	text-decoration: underline;
}
ul, ol{
	list-style: none;
}
marquee{
	font: 12px/1.5  "��",Verdana;
}
em, i{
	font-style: normal;
}
li{
	font-size: 12px;
	font-weight: normal;
	background: url(../i/li_icon.gif) no-repeat 0 10px;
	text-align: left;
	line-height: 1.8;
	text-indent: 5px;
	overflow:hidden; 
	text-overflow:ellipsis; 
	white-space:nowrap;
	margin: 0;
}
/* IE hack */
.clearline {
	clear: both;
	height: 0;
	overflow: hidden;
}
.hackbox{
	display: table;
}
.li_color{
	background-color: #E6F4F9;
	color: black;
}
/* center_wapper */
.index_centerwapper{
	width: 1000px;
	margin: 0 auto;
}
.index_centerwapper_c{
	width: 950px;
	padding: 0 25px;
	float: left;
	background: white;
	color: #393939;
}
.online_border01{
	border: 1px solid #E2A3D2;
}
.online_tc01, .online_tc01 a{
	color: #AB0080;
}
.online_tc01 a:hover{
	color: #F60;
}
.pageclass{
	width: 668px;
	float: left;
	text-align: right;
	font-weight: bolder;
	overflow: hidden;
	display: inline;
	margin-left: 10px;
	margin-top: 10px;
}
.pageclass a{
	padding: 0 2px;
	margin: 0 2px;
	text-align: center;
	color: #AB0080;
	border: 1px solid #E2A3D2;
	background: url(../i/page_over.gif) repeat-x top;
	float: left;
	line-height: 19px;
}
.pageclass a:hover, .pageclass span a{
	background: url(../i/page_on.gif) repeat-x top;
	border-color: #AB0080;
	color: White;
	text-decoration: none;
}
.pageclass em{
	float: right;
}
.online_bn01{
	width: 88px;
	height: 21px;
	border: none;
	text-align: center;
	color: #035B6B;	
	background: url(../i/online_bn01.jpg) no-repeat;
	float: left;
	line-height: 23px;
	overflow: hidden;
}
.online_bn01 a{
	color: #035B6B;
	text-decoration: none;
	width: 88px;
	height: 21px;
	display: block;	
}
.online_bn02{
	width: 50px;
	height: 21px;
	border: none;
	text-align: center;
	color: #AB0080;	
	background: url(../i/online_bn02.jpg) no-repeat;
	float: left;
	line-height: 23px;
	overflow: hidden;
	cursor: pointer;
}
.online_bn02 a{
	color: #AB0080;
	text-decoration: none;
	width: 50px;
	height: 21px;
	display: block;	
}
.online_propagate01{
	width: 250px;
	height: 230px;
	overflow: hidden;
	float: left;
	margin-top: 10px;
}
.online_propagate02{
	width: 250px;
	height: 250px;
	overflow: hidden;
	float: left;
	margin-top: 10px;
}
.online_propagate03{
	width: 250px;
	height: 225px;
	overflow: hidden;
	float: left;
	margin-top: 10px;
}
.profile_propagate04{
	width: 248px;
	float: left;
	padding-bottom: 10px;
	margin-top: 10px;
}
.profile_propagate04 h2{
	width: 218px;
	padding: 0 10px 0 20px;
	float: left;
	text-align: left;
	font-weight: bolder;
	height: 20px;
	overflow: hidden;
	line-height: 21px;
	background: url(../i/online_bg01.jpg) repeat-x;
	color: #AB0080;
	border-bottom: 1px solid #E2A3D2;
}
.profile_propagate04 ul{
	width: 210px;
	float: left;
	margin: 10px 0 0 20px;
	display: inline;
}
.profile_propagate04 li{
	width: 210px;
	float: left;
}
.online_propagate05{
	width: 950px;
	height: 90px;
	overflow: hidden;
	float: left;
	margin-top: 10px;
}



.online_left{
	width: 690px;
	float: left;
}
#online_intro{
	width: 688px;
	float: left;
	margin-top: 10px;
	padding-bottom: 10px;
}
#online_intro h2.online_title_intro{
	width: 648px;
	float: left;
	padding: 0 20px;
	height: 20px;
	line-height: 21px;
	overflow: hidden;
	font-weight: bolder;
	background: url(../i/online_bg01.jpg) repeat-x;
	border-bottom: 1px solid #E2A3D2;
	text-align: left;
	color: #AB0080;
}
#online_intro h2.online_title_intro span{
	float: right;
	font-weight: normal;
}
#online_intro h2.online_title_intro em{
	font-weight: normal;
	color: #393939;
}
#online_intro h3.online_mod_intro{
	width: 650px;
	float: left;
	text-align: left;
	display: inline;
	margin: 10px 0 0 20px;
}
#online_intro h3.online_mod_intro span{
	float: right;
}
#online_intro div.online_boxin_intro{
	width: 650px;
	float: left;
	height: 175px;
	border-top: 1px dotted #CCC;
	display: inline;
	margin: 10px 0 0 20px;
	overflow: hidden;
}
#online_intro div.online_boxin_intro p{
	width: 120px;
	float: left;
	text-align: center;
	margin-top: 15px;
}
#online_intro div.online_boxin_intro p img{
	width: 110px;
	height: 135px;
	padding: 1px;
	border: 1px solid #CCC;
	margin-bottom: 5px;
}
#online_intro div.online_boxin_intro dl{
	width: 522px;
	float: left;
	text-align: left;
	margin: 15px 0 0 5px;
	display: inline;
}
#online_intro div.online_boxin_intro dt{
	width: 522px;
	float: left;
}
#online_intro div.online_boxin_intro dt span{
	float: right;
}
#online_intro div.online_boxin_intro dd{
	width: 522px;
	float: left;
	margin-top: 10px;
}
#online_intro div.online_boxin_intro dd em{
	float: right;
	margin-left: 20px;
	margin-top: 20px;
}

.online_right{
	width: 250px;
	float: right;
}
#online_search{
	width: 248px;
	float: left;
	margin-top: 10px;
	height: 178px;
	overflow: hidden;
}
#online_search h2.online_title_search{
	width: 208px;
	float: left;
	padding: 0 20px;
	height: 20px;
	line-height: 21px;
	overflow: hidden;
	font-weight: bolder;
	background: url(../i/online_bg01.jpg) repeat-x;
	border-bottom: 1px solid #E2A3D2;
	text-align: left;
	color: #AB0080;
}
#online_search dl.online_form_search{
	width: 208px;
	float: left;
	display: inline;
	text-align: left;
	margin: 10px 0 0 20px;
}
#online_search dl.online_form_search dd{
	padding: 3px 0;
	width: 208px;
	float: left;
}
#online_search dl.online_form_search dd span{
	width:65px;
	float: left;
}
#online_search dl.online_form_search dd em{
	float: left;
}
#online_download{
	width: 248px;
	height: 88px;
	background: url(../i/online_bg02.jpg) no-repeat;
	padding-top: 40px;
	margin-top: 10px;
	float: left;
}
#online_download img{
	margin: 10px 0;
}
#online_download a{
	text-decoration: underline;
}



/* 1128 */
.online_inline{
	border-bottom: 1px dotted #035B6B;
	width: 678px;
	float: left;
	margin-left: 5px;
	display: inline;
}
.online_photobox{
	width: 128px;
	height: 230px;
	float: left;
	background: #FFF9FD;
	border: 1px solid #FFD7F5;
	overflow: hidden;
	display: inline;
	margin: 10px 0 0 6px;
}
.online_photobox p{
	width: 128px;
	float: left;
	margin-top: 6px;
}
.online_photobox p img{
	width: 110px;
	height: 135px;
	padding: 1px;
	border: 1px solid #CCC;
}
.online_photobox dl, .online_photobox dt, .online_photobox dd{
	width: 128px;
	float: left;
	margin-top: 3px;
}
.online_photobox dt a{
	color: #AB0080;
}
.online_photobox dd em{
	float: left;
	margin: 5px 0 0 20px;
	display: inline;
}
.online_memberlist{
	width: 668px;
	float: left;
	margin: 5px 0 0 10px;
	display: inline;
}
.online_memberlist td{
	height: 30px;
	line-height: 30px;
}
.online_memberlisttop{
	background: #F3F3F3;
}
.online_memberlistleft{
	text-align: left;
	text-indent: 10px;
}
.online_memberlistleft a{
	color: #AB0080;
}
.online_memberlistleft a:hover{
	color: #F60;
}

/* == 统一成功故事 == */
.add100518{float:left; width:250px;text-align:left;}
.add100518 .content{float:left;width:248px;border:1px solid #E2A3D2;}
.add100518 .content h2{width:208px;float:left;padding:0 20px;background: url(http://images.jiayuan.com/w4/global/i/jiayuanchosentitlebg.jpg) repeat-x;border-bottom:1px solid #E2A3D2;height:20px;	line-height:21px;font-size:12px;font-weight:bolder;color:#AB0080;overflow:hidden;}
.add100518 dl{ float:left;width:231px;margin:8px 5px 0;padding-bottom:8px;display:inline;line-height:22px;}
.add100518 dl dd.img{float:left;width:120px;border:1px solid #ccc;margin-left:0;}
.add100518 dl dd.nm{width:120px;height:20px;line-height:20px;margin:5px 0 0 0;overflow:hidden;text-align:center;clear:both;}
.add100518 dl dd.con{float:right;width:104px;height:90px;overflow:hidden;line-height:22px;margin-left:5px;display:inline;}
.add100518 .content h2 span{ float:right;font-weight:normal;}
.add100518 .content h2 span{ float:right;font-weight:normal;}
.add100518 ul{width:228px;float:left;margin:10px 0 0 20px;list-style:none;display:inline;padding-bottom:9px;}
.add100518 ul li{width:208px;float:left;font-size:12px;color:#393939;height:21px;line-height:21px;background: url(http://images.jiayuan.com/w4/global/i/li_icon.gif) no-repeat 0 9px;	padding-left:10px;overflow:hidden;}
.add100518 a{color:#393939;}
.add100518 a:hover{color:#f60;text-decoration:none;}

/* == 在线约会 == */
.online_photobox{position:relative;}
.online_photobox p,.online_photobox dl{float:none;overflow:hidden;}
.online_photobox .btn{position:absolute;width:128px;height:39px;top:191px;left:0;background:url(../i/bg100820.gif) no-repeat -150px 3px #FFF8FD;}
.online_photobox .btn ul{width:100px;margin:5px auto;}
.online_photobox .btn ul li{float:left;width:25px;height:25px;background:none;text-indent:0;overflow:visible;position:relative;}
.online_photobox .btn ul li span{display:none;}
.online_photobox .btn ul li.tip span{position:absolute;top:-27px;left:5px;height:20px;padding:0 6px 3px;line-height:20px;background:url(../i/bg100820.gif) no-repeat -300px 0;display:block;}
.online_photobox .btn ul li.tip span em{position:absolute;top:0;right:0;width:6px;height:20px;background:url(../i/bg100820.gif) no-repeat -363px 0;}
.online_photobox .btn ul li.dtip span{left:-40px;background:url(../i/bg100820.gif) no-repeat -370px 0;}
.online_photobox .btn ul li.dtip span em{width:15px;height:23px;background:url(../i/bg100820.gif) no-repeat -424px 0;}
.online_photobox .btn ul li a{width:20px;height:20px;display:block;background-image:url(../i/bg100820.gif);margin:2px auto;}
.online_photobox .btn ul li a:hover{width:25px;height:25px;margin:0;}
.online_photobox .btn ul li.m a{background-position:0 0;}
.online_photobox .btn ul li.m a:hover{background-position:0 -20px;}
.online_photobox .btn ul li.g a{background-position:-25px 0;}
.online_photobox .btn ul li.g a:hover{background-position:-25px -20px;}
.online_photobox .btn ul li.c a{background-position:-75px 0;}
.online_photobox .btn ul li.c a:hover{background-position:-75px -20px;}
.online_photobox .btn ul li.d a{background-position:-125px 0;}
.online_photobox .btn ul li.d a:hover{background-position:-125px -20px;}
.online_photobox .btn ul li.cn a,.online_photobox .btn ul li.cn a:hover{width:20px;height:20px;margin:2px auto;background-position:-50px 0;cursor:default;}
.online_photobox .btn ul li.dn a,.online_photobox .btn ul li.dn a:hover{width:20px;height:20px;margin:2px auto;background-position:-100px 0;cursor:default;}