/* CSS Document */
/* default styles--------------*/
body {
	padding: 0; 
	margin: 0; 
	font-size:12px;
    font-family:font-family: arial, verdana, tahoma, 'ËÎÌå', sans-serif;
	line-height:21px;
    background-color:#fff; 
	color:#333; 
}
form{
    margin:0
    }
a {color:#333;	 text-decoration:none; }
a:hover{color:#FF3399; text-decoration:none; }
.content{
    text-align:left;
    margin:0 auto;
	padding:0 2px;    
	width:850px;
	height:auto;
	background-color:#fff;
	border-left:1px solid #999;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
}
.all_box{
float:left;
width:100%;
height:auto;
margin:20px 0 0 0;
background-color:#fff;
}
/* head-------------- */
.head_left{
float:left;
width:40px;
height:60px;
margin:30px 0 0 0;
background-color:#000000;
background:url(../../mmcontrol/images/menuline_bg.gif) repeat left top;
}
.head_right{
float:right;
width:626px;
height:auto;
text-align:left;
}
.headmain_t{
float:right;
width:626px;
height:60px;
text-align:right;
margin:30px 0 0 0;
background:url(../../mmcontrol/images/menuline_bg.gif) repeat left top;
}
.headmain_b{
width:600px;
height:auto;
text-align:right;
margin:30px  auto 0  auto;
border:1px none #ccc;
}
.headmain_b_box_l{
float:left;
width:290px;
height:auto;
margin:0 10px 30px 0;
}
.headmain_b_box_r{
float:right;
width:290px;
height:auto;
margin:0 0 30px 0;
}
.headmain_pic{
width:96px; height:96px; float:left;
}
.hm_pic0{
background:url(../../mmcontrol/images/headmain_t0.gif) repeat left top;
}
.hm_pic1{
background:url(../../mmcontrol/images/headmain_t1.gif) repeat left top;
}
.hm_pic2{
background:url(../../mmcontrol/images/headmain_t2.gif) repeat left top;
}
.hm_pic3{
background:url(../../mmcontrol/images/headmain_t3.gif) repeat left top;
}
.hm_pic4{
background:url(../../mmcontrol/images/headmain_t4.gif) repeat left top;
}
.hm_pic5{
background:url(../../mmcontrol/images/headmain_t5.gif) repeat left top;
}
.hm_pic6{
background:url(../../mmcontrol/images/headmain_t6.gif) repeat left top;
}
.hm_pic7{
background:url(../../mmcontrol/images/headmain_t7.gif) repeat left top;
}



.headmain_smt{
float:left;
width:190px; 
margin: 0 0 0 0;
font-weight:bold;
color:#FF3399;
border-bottom:1xp dashed #ccc;
}
.headmain_w{
float:left;
text-align:left;
width:190px; 
line-height:16px;
color:#666; 
word-break:break-all; text-align:justify; text-justify:inter-ideograph; 
}
/* menu-------------- */
.menu{
float:left;
width:184px;
height:auto;
margin:0;
}
.menu_top{
float:left;
width:184px;
height:68px;
background:url(../../mmcontrol/images/menu_top.gif) repeat left top;
}
.menu_middle{
float:left;
width:164px;
padding:0 10px 0 10px;
height:auto;
background:url(../../mmcontrol/images/menu_bg.gif) repeat left top;
}
.menu_bottom{
float:left;
width:184px;
height:29px;
background:url(../../mmcontrol/images/menu_bottom.gif) no-repeat left top;
}
.menu_box{
float:left;
width:162px;
height:auto;
margin:0 0 8px 0;
padding:0 0 5px 0;
background-color:#fff;
border:1px solid #FF99FF;
}
.menu_box_t{
float:left;
width:142px;
padding:0 0 0 0;
height:20px;
margin:0 0 5px 10px;
border-bottom:1px dashed #ccc;
}
.menu_box_top{
float:left;
width:162px;
height:23px;
padding:3px 0 0 0;
color:#FF519E;
border-bottom:1px solid #FF99FF;
background:url(../../mmcontrol/images/menu_boxbg.gif) no-repeat left top;
font-weight:bold;
}
.menu_box_bottom{
float:left;
width:100%;
height:auto;
}
.menu_mama{
float:left;
width:165px;
height:35px;
background-color:#FFCC33;
margin:10px 0 0 0;
background:url(../../mmcontrol/images/mama_title.gif) no-repeat left top;
}
.menu_baby{
float:left;
width:165px;
height:35px;
background-color:#FFCC33;
margin:10px 0 0 0;
background:url(../../mmcontrol/images/mama_title2.gif) no-repeat left top;
}
/* menu end------------------------------*/
/* head end--------------------------*/


/* inside-------------- */
.headmain_b_inside{
width:580px;
height:auto;
text-align:left;
padding:1px;
margin:10px  auto 0  auto;
border:1px solid #FF99FF;
}
.tiitle_inside{
float:left;
width:100%;
height:25px;
font-weight:bold;
letter-spacing:1px;
font-size:12px;
color:#fff;
background-color:#FF3399;
text-align:left;
}
.main_inside{
float;left;
width:100%; background-color:#fff;
}
.inside_right_page{
float:left; width:100%; text-align:right; padding:0 5px 0 0;  height:22px; 
background-color:#FFE8FB;
border-top:1px solid #FF99FF;
}
.inside_infomessage{
width:95%;
padding:5px;
text-align:justify;
border:1px solid #ccc;
margin:10px auto 20px auto;
}
.my_friendstyle{
width:80px;
height:80px;
padding:0;
border:1px solid #333;
}
.my_friendspic{
float:left;
width:143px;
height:120px;
margin:20px 0 0 0 ;
padding:0; text-align:center;
}
.myphoto_st{
float:left;
width:280px;
height:180px;
margin:20px 0 0 0 ;
padding:0; text-align:center;
}
.myphoto_wh{
width:150px;
height:110px;
padding:0;
border:1px solid #ccc;
}
.wjj_tstyle{
color:#FF3366; font-size:13px; font-weight:bold;
border-bottom:1px solid #ccc;
}
.base_picart{
float:left; position:relative; width:auto; margin:5px 0 0 5px;
}
.wjj_t{
float:left; width:100%; text-align:left; margin:0 0 0 0;
}
/* inside end--------------------------*/

/* footer-------------- */
.footer{	
clear:both;
margin:0 auto;
padding:20px 0 0 0;
width:820px;
height:auto;
}
.footer_top{
clear:both;
width:100%;
height:25px;
text-align:center;
border-bottom:1px solid #ccc;
}
.footer_bottom{
clear:both;
width:100%;
height:85px;
padding:5px 0 0 0;
text-align:center;
border-top:1px solid #eee;
line-height:18px;
}
/* footer end-------------- */

/* inside-------------- */

/* inside end-------------- */

/* other-------------- */
.baby_space{
color:#FF6600; font-weight:bold;
}
.baby_space a{
color:#FF6600; text-decoration:none;
}
.baby_space a:hover{
color:#FF6600; text-decoration:underline;
}

.font_import{
color:#FF0066;
}
.font_import a{
color:#FF0066; text-decoration:none;
}
.font_import a:hover{
color:#FF0066; text-decoration:underline;
}
.font_import2{
color:#FF0066; font-weight:bold;
}
.font_import2 a{
color:#FF0066; text-decoration:none;
}
.font_import2 a:hover{
color:#FF0066; text-decoration:underline;
}
.font_gray{
color:#999;
}
.font_gray a{
color:#999; text-decoration:none;
}
.font_gray a:hover{
color:#666; text-decoration:underline;
}
.base_photo{
float:left;
width:100%;
height:auto;
}
.base_photoname{
float:left;
width:100%; text-align:center;
white-space:nowrap; 
text-overflow:ellipsis; 
overflow: hidden;
text-align:center;
}
.base_relative_l{
float:left; width:auto; position:relative; text-align:left;
}
.base_relative_r{
float:right; width:auto; position:relative; text-align:right; 
}
.all_relative_lma{
float:left; width:auto; position:relative; text-align:left; margin:0 0 0 10px;
}
.all_relative_rma{
float:right; width:auto; position:relative; text-align:right; margin:0 10px 0 0 ;
}

.base_pic_lpic2{
float:left; width:auto; position:relative; text-align:left; margin:2px 5px 0 0;
}
.base_pic_lpic{
float:left; width:auto; position:relative; text-align:left; margin:2px 5px 0 6px;
}
.base_pic_l{
float:left; width:auto; position:relative; text-align:left; margin:0 0 0 0;
}
.base_pic_r{
float:right; width:auto; position:relative; text-align:right; margin:6px 6px 0 0;
}

.base_left { float:left; width:100%; }
.base_right { float:right; width:100%;}
.input{width:100px; height:23px; color:#333;}
.input_b{width:200px; height:18px; color:#333; border:1px solid #ccc;}
.input_ll{width:80px; height:21px; color:#333; border:1px solid #ccc;}
/* other end-------------- */