@charset "utf-8";
body{
	padding:0px;
	margin:0px;
	text-align:center;
}

form{
	padding:0px;
	margin:0px;
}

div,p,td,span,form,a{
	font-size:12px;
	text-align:left;
}

th{
	font-size:12px;
}

a {
	color:#000000;
   text-decoration:none ;
}

img {
	border: 0px ;
}

a:hover{
	color:#000000;
	text-decoration:none;
}


#h_TopDiv{
	width:931px;
	height:38px;
	background-image:url("top_2.gif");
}

#h_bgdiv{
	background-image:url("bg.gif");
	width:1002px;
	text-align:center;
	height:980px;
}

#h_TopLeft{
	background-image:url("top_1.gif");
	width:28px;
	height:38px;
	float:left;
}

#h_TopCenter{
	width:879px;
	height:38px;
	float:left;
	padding-top:7px;
}

#h_TopRight{
	width:24px;
	height:38px;
	background-image:url("top_3.gif");
	float:right;
}


#h_Body{
	width:931px;
}


#h_bodyLeft{
	width:180px;
	background-image:url("left_2.gif");
	float:left;
}


#h_bodyLeftTop{
	background-image:url("left_1.gif");
	width:180px;
	height:32px;
}

#h_bodyLeftCenter{
	background-image:url("left_2.gif");
	width:180px;
	height:552px;
	text-align:left;
}

#h_bodyLeftBottom{
	width:180px;
	background-image:url("left_3.gif");
	height:35px;
	
}

#topRdiv{
	float:right;
	width:auto;
	padding-top:5px;
	cursor:hand;
	
}

#topRdiv div{
	float:right;
	width:auto;
	font-size:12px;
	color:#ffffff;
	text-align:center;
	float:left;
	cursor:hand;
	padding:0px 8px 0px 8px;
}




#h_bodyRight{
	float:left;
	width:750px;
	overflow:hidden;
	
}


#delFriend,#delBunch,#logoutBunch{
 color:#999999;
 font-size:12px;
 cursor:hand;
 padding:0px 5px 0px 5px;

}

#R_Right{
	width:194px;
	height:800px;
	float:left;
	padding:5px 15px 5px 15px;
}

.topDivOut{
	width:75px;
	height:24px;
	float:left;
	background-color:;
	text-align:center;
	padding-top:4px;
	cursor:hand;
	color:#FFFFFF;
	padding:7px 10px 0px 10px;
}

.topDivOver{
	
	height:24px;
	width:75px;
	float:left;
	background-color:#2fbff4;
	text-align:center;
	padding-top:4px;
	cursor:hand;
	color:#FFFFFF;
	padding:7px 10px 0px 10px;
    background-image:url(bgcolor.gif);

}

.leftDivOut
{
	width:180px;
	height:35px;
	text-align:left;
	cursor:hand;
	color:#ffffff;
	font-size:14px;
	overflow:hidden;
	margin:0px;
	padding-top:7px;
	padding-left:40px;
	
}
.leftDivOut  a{
	color:#ffffff;
	font-size:14px;
}

.leftDivOut  a:hover{
	color:#db53c7;
	
}
.leftDivOver
{
	overflow:hidden;
	width:180px;
	height:35px;
	background-image:url("leftBG.gif");
	text-align:left;
	cursor:hand;
	margin:0px;
	padding-top:7px;
	margin-left:0px;
	padding-left:40px;
	color:#ffffff;
	font-size:14px;
}

.leftDivOver a {
	color:#db53c7;
	font-size:14px;
	font-weight:bold;
}
.leftDivOver a:hover{

	color:#db53c7;
	font-size:14px;
	font-weight:bold;
}

.leftMore{
	font-size:12px;
	width:50px;
	height:auto;
	color:#999999;
	text-align:left;
}


.leftMore a {
 color:#999999;
}

.leftMore a:hover{
	color:#999999;
}


.optionCar{
	width:116px;
	height:33px;
	float:left;
	background-image:url("topTitleBg.gif");
	padding:10px 0px 0px 3px;
	text-align:center;
	cursor:hand;
	font-size:12px;
	color:#FFFFFF;
	background-repeat:no-repeat;
}
.optionCar span {width:auto;font-size:12px;color:#0a83ae;}
.optionCar a,.optionCar a:hover{
	color:#FFFFFF;
}

.optionCar_1{
	width:116px;
	height:33px;
	background-image:url("topTitleBg1.gif");
	float:left;
	padding:13px 0px 0px 3px;
	text-align:center;
	cursor:hand;
	font-size:12px;
	color:#000000;
}
.optionCar_1 span {width:auto;font-size:12px;color:#0a83ae;}
.optionCar_1 a,.optionCar_1 a:hover{
	color:#000000;
}

.topOptionList{
	background-image:url("topTitleBg2.gif");
}



.topOptionListBody{
	border-left: 1px solid #DE5BC8; border-right: 1px solid #DE5BC8; border-top-width: 1px; border-bottom: 1px solid #DE5BC8;
	width:100%;
	padding:5px;
}


.bunchImg{
	width:112px;
	height:108px;
	background-image:url("bunchBG.gif");
	overflow:hidden;
	padding:20px 3px 0px 17px;
	float:left;
}

.bunchImg Div{
	background-color:#FFFFFF;
	width:85px;
	height:75px;
	border: 1px solid #e0e0e0;
	overflow:hidden;
}


.bunchInfo  div,bunchInfo{
	font-size:12px;
	color:#666666;
}

.bunchInfo a,.bunchInfo a:hover{
	font-size:12px;
	color:#28bdf2;
}

.myUserList{
	width:54px;
	height:54px;
	border: 1px solid #808080;
	overflow:hidden;
}


.findFriendBody, .findFriendBody div{
	font-size:12px;
}

.maxTitle{
	margin:10px;
	

}


.imgup{
	border: 1px solid #CCCCCC;
	width:156px;
	
	height:120px;
	background-color:#FFFFFF;
	overflow:hidden;
	text-align:center;
}

.imgb{
	margin:2px;
    float:left;
	padding-top:2px;
	border: 1px solid #e3e6eb;
	width:165px;
	height:180px;
	text-align:center;
	background-color:#efefef;
}

.bodyDiv{
  color:#000000;
	font-size:12px;
	border-bottom: 1px solid #e3e6eb;
	overflow:hidden;
	height:19px;
	padding-top:2px;
	vertical-align:bottom;
	padding-left:4px;
}


.infoLineLeft1
{   padding-left:4px;
    width:80px;
    border-right: 1px solid #b5d1e4; border-bottom: 1px solid #b5d1e4;
    padding-top:2px;

}

.infoLineLeft2
{
     padding-top:2px;
   width:80px;
    padding-left:4px;
    background-color:#f4f9fd;
     border-right: 1px solid #b5d1e4; border-bottom: 1px solid #b5d1e4
}


.infoLineR1
{
     padding-top:2px;
   border-bottom: 1px solid #b5d1e4;
   padding-left:4px;
   width:270px;
   
}

.infoLineR2
{ 
    width:270px;
    padding-left:4px;
    padding-top:2px;
    background-color:#f4f9fd;
    border-bottom: 1px solid #b5d1e4;
}

.rTop_1{
	height:20px;
	width:751px;
	background-image:url("rTop_1.gif");
	
}

.rTop_2{
	width:751px;
	height:500px;
	background-image:url("rTop_2.gif");
	padding:0px 20px 0px 20px;
	text-align:center;
}

.rTop_3{
	width:751px;
	height:40px;
	background-image:url("rTop_3.gif");
}

.titleLeft,.titleRight{
	background-color:#97d8ee;
	color:#FFFFFF;
	height:22px;
}
.titleLeft a,.titleRight a{
	
	color:#FFFFFF;
	
}

.showMsgTitle{
	border-bottom: 1px solid #b5d1e4;
	height:25PX;
	padding-top:8px;
	padding-left:12px;
}

.setupIco{
	width:71px;
	height:93px;
	background-image:url("setupIco.gif");
	margin-left:10px;
	margin-right:25px;
	float:left;
	padding:35px 10px 10px 10px;
	text-align:center;
	color:#FFFFFF;
}

.setupIco a, .setupIco a:hover{
	color:#FFFFFF;
}

.TemplateFcss{
	float:left;
	width:230px;
	height:300px;
	text-align:center;
	margin-right:5px;
	padding-top:5px;
}
.TemplateFcss span{
	background-color:#91CCE6;
	padding:2px  15px  2px 15px;
	border: 1px solid #b5d1e4;
	margin-top:5px;
	height:20px;
	color:#FFFFFF;
	cursor:hand;
}

.TemplateImgCss{
	width:210px;
	height:230px;
	border: 1px solid #b5d1e4;
	overflow:hidden;
	background-color:#F0F8FF
}
.TemplateTextCss{
    width:100%;
	text-align:center;
}