﻿@charset "utf-8";
/* CSS Document */

body{ background:#FFF; margin:0 auto; padding:0; fon:12px/24px "宋体", "黑体", Verdana, Tahoma, Arial; color:#333;}

td,th{ font-size:12px; font-family:"宋体", "黑体", Verdana, Tahoma, Arial; color:#333; line-height:24px; word-break:break-all; word-wrap:break-word;}

div,h1,h2,h3,h4,p,form,lable,span,img,textarea{ margin:0; padding:0;}

ul{ margin:0; padding:0; list-style-type:none;}

a:link,a:visited{ font:12px/25px "宋体", "黑体", Verdana, Tahoma, Arial; color:#333; text-decoration:none;}
a:hover{ text-decoration:underline;}

a.links1,a.links1:visited{ color:#c90019; text-decoration:none;}
a.links1:hover{ text-decoration:underline;}

a.indexTitle,a.indexTitle:visited{ color:#FFF; text-decoration:none; font-size:14px; font-weight:bold; padding-left:35px;}
a.indexTitle:hover{ text-decoration:underline;}

a.indexTitle2,a.indexTitle2:visited{ color:#005197; text-decoration:none; font-size:14px; font-weight:bold;}
a.indexTitle2:hover{ text-decoration:underline;}

a.indexTitle3,a.indexTitle3:visited{ color:#FFF; text-decoration:none; font-size:14px; font-weight:bold; padding-left:5px;}
a.indexTitle3:hover{ text-decoration:underline;}

a.indexTitle4,a.indexTitle4:visited{ color:#005197; text-decoration:none; font-size:18px; font-weight:bold; padding-left:10px;}
a.indexTitle4:hover{ text-decoration:underline;}

.floatl{ float:left;}
.floatr{ float:right;}

a.indexReadMore,a.indexReadMore:visited{ padding:3px 10px 0 0; color:#005197;}
a.indexReadMore:hover{ text-decoration:underline;}

a.indexReadMore2,a.indexReadMore2:visited{ padding-right:3px 10px 0 0; color:#FFF;}
a.indexReadMore2:hover{ text-decoration:underline;}

.spacer{ height:0; line-height:0; clear:both;}
.spacer1{ height:11px; line-height:0;}
.spacer2{ height:11px; line-height:0;}
.specialFontColor1{ color:#004592;/*顶部登录框蓝色字体*/}
.specialFontColor2{ color:#c90019; font-weight:bold;/*顶部400电话红色字体*/}
.specialFontColor3{ color:#ff0000; /*红色字体*/}
.specialFontColor4{ font-size:14px;}
.specialFontColor5{ color:#999;}
.showPage{margin:10px auto 0 auto; text-align:center; }



/*------------------------------------- index --------------------------------*/


/*-------------headerTopLogin-----------*/
.headerTopLoginBg{ width:960px; height:36px; background: url(images/top_login_bg.gif) left top no-repeat;}
.headerTopLoginForm{ width:460px; height:26px; line-height:26px; overflow:hidden; }
.headerTopLoginInputBox{ width:66px; height:14px;}
.headerTopLoginBtn{ width:48px; height:20px; line-height:20px; background:url(images/top_login_btn_bg.gif) left center no-repeat; border:none;}

/*-------------headerSelectCity-----------*/
.headTopSelectCity{ height:30px; display:inline;}
.headTopSelectCityMenu{ border:1px solid #C5C5C5; color:#696969;}
.headTopSelectCitybtn{ width:60px; height:20px; line-height:20px; border:none; color:#FFF; background:url(images/selectCity_btn.gif) left center no-repeat;}
/*-------------headerNav-----------*/
.topNavBg{ width:960px; height:63px; background:url(images/top_nav_bg.gif) left top no-repeat;}
#topNav{ width:960px; height:18px; margin:9px 0; text-align:center;position:absolute;
	top:0px;
	right:11px;}
#topNav ul{ width:900px; margin:0 30px; position:absolute; top:0px; left:0px; }
#topNav ul li{ float:left; height:18px; line-height:18px; color:#FFF;}
#topNav ul li a{ float:left; height:18px; line-height:18px; padding:0 20px; color:#FFF; text-decoration:none; }
#topNav ul li a:hover { text-decoration:underline;}
#topNav ul li a.NoBorder{ border:none;}

#hideMenuArea{
	width:168px;
	background:url(images/head_hide_menu_bg.gif) left center repeat-y;
	text-align:center;
	position:absolute;
	right:0px;
	top:32px;
}
ul.hideMenu{ width:144px; margin:0 12px;}
ul.hideMenu li{ width:144px; height:30px; line-height:30px; overflow:hidden; text-align:left; letter-spacing:1px; text-indent:15px; background:url(images/head_hide_menu_underline.gif) left bottom no-repeat;}
ul.hideMenu li a{ width:144px; height:30px; line-height:30px; text-align:left; text-decoration:none; color:#1182d6; display:block;}
ul.hideMenu li a:hover{ color:#2799ed;}
/*-------------headerServiceList-----------*/

#topHeaderServiceList{ width:920px; height:26px; margin:0 20px; overflow:hidden; text-align:left;}
/*-------------------index_news--------------*/
.indexNewsBg{ width:412px; height:268px; background:url(images/index_news_bg.gif) left top no-repeat;}
a.SpecialNewsTitle,a.SpecialNewsTitle:visited{ font-size:14px; font-weight:bold; color:#005197;}
a.SpecialNewsTitle:hover{ }
.SpecialNewsBorder{ background:url(images/dush_1.gif) left bottom repeat-x;}

ul.indexNewsArea{ width:382px; height:176px; margin:10px 0 0 0; overflow:hidden; }
ul.indexNewsArea li{ width:382px; height:28px; line-height:28px; background:url(images/dush_2.gif) left bottom repeat-x;}
ul.indexNewsArea li span.title{ width:262px; height:28px; line-height:28px; float:left; text-align:left; overflow:hidden;}
ul.indexNewsArea li span.title a{color:#005197;}
ul.indexNewsArea li span.title a:hover{ color:#F00;}
ul.indexNewsArea li span.date{ width:120px; height:28px; line-height:28px;  float:right; text-align:right; color:#005197; overflow:hidden;}
/*-------------------index_Price--------------*/
.indexPriceBg{ width:203px; height:263px; background:url(images/index_prices_bg.gif) left top no-repeat;}
#indexPriceArea{ width:183px; height:216px; margin-top:10px; }
#indexPriceArea ul{ width:183px; height:216px; overflow:hidden;}
#indexPriceArea ul li{ width:183px; height:24px; text-indent:24px;}
#indexPriceArea ul li a{ width:183px; height:24px; text-indent:24px;}
#indexPriceArea ul li a:hover{}
/*-------------------index_Services--------------*/
.indexServicesBg{ width:960px; height:209px; background:url(images/index_services_bg.gif) left top no-repeat;}
/*-------------------index_Employment-----------*/
.indexEmploymentBg{ width:329px; height:274px; background:url(images/index_Employment_bg.gif) left top no-repeat;}
#indexEmploymentArea{ width:309px; height:220px; overflow:hidden;}
#indexEmploymentArea ul{ width:309px; height:220px; overflow:hidden;}
#indexEmploymentArea ul li{ width:309px; height:30px; line-height:30px; text-indent:10px; overflow:hidden; background:url(images/dush_2.gif) left bottom repeat-x;}
#indexEmploymentArea ul li a{}
#indexEmploymentArea ul li a:hover{ color:#F00;}


/*-------------------index_about-----------*/
.indexAboutBg{ width:623px; height:274px; background:url(images/index_about_bg.gif) left top no-repeat;}
.indexAboutArea{ width:583px; height:264px; overflow:hidden;}
.indexAboutBgDush{ border-bottom:1px dashed #999;}
/*-------------------index_Nanny-----------*/
.indexNannyBg{ width:960px; height:280px; background:url(images/index_Nanny_bg.gif) left top no-repeat;}

.indexNannyTilte{ width:960px; height:32px;}
.indexNannyTilte ul{ width:960px; height:32px;}
.indexNannyTilte ul li.title1a{  width:180px; height:32px; float:left; line-height:32px; text-align:center; background:url(images/index_Nanny_mousedown_bg.gif) left center no-repeat; font-size:14px; font-weight:bold; color:#FFF; CURSOR: hand;}
.indexNannyTilte ul li.title2a{ width:180px; height:32px;  float:left; line-height:32px; text-align:center;  color:#044881; font-weight:bold;CURSOR: hand;}
.indexNannyTilte ul li.readmore{ width:180px; height:32px; line-height:32px; text-align:right; padding:2px 20px 0 0; color:#044881; font-weight:bold;CURSOR: hand; float:right;}
.indexNannyTilte ul li.readmore a{ width:180px; height:32px; line-height:32px; text-align:right; color:#044881; font-weight:bold;CURSOR: hand;}

.indexNannyBgArea{ width:918px; height:220px; overflow:hidden;}
.indexNannyBgArea ul{ width:918px; height:220px; overflow:hidden;}
.indexNannyBgArea ul li{ width:305px; height:110px; float:left; overflow:hidden; border-right:1px solid #c8c8c8;}
.indexNannyBgArea ul li.nannyBorder{ border:none;}
.nannyShowArea{ width:415px; height:77px; background:url(images/inner_Show_nanny_order_bg.gif) left top no-repeat;}
.nannyShowContentBorder{ border-bottom:1px solid #d8d8d8;}
h3.nannyShowContentTitle{ width:154px; height:34px; line-height:34px; background:url(images/inner_Show_nanny_title_1.gif) left top no-repeat; text-align:center; font-size:14px; color:#FFF;}
/*------------------------------------- inner_About --------------------------------*/
.LeftListArea{ width:197px; margin-bottom:20px; }
.LeftListArea ul{ width:197px;}
.LeftListArea ul li{ width:197px; height:24px; line-height:24px; padding:3px 0; border-bottom:1px  dashed #a9a9a9; text-align:left; background:url(images/icon2.gif) 20px center no-repeat; text-indent:60px;  text-align:left; }
.LeftListArea ul li a{ }
.LeftListArea ul li a:hover{ color:#F00; }

.LeftListArea2{ width:211px; margin-bottom:20px; text-align:center; }
.LeftListArea2 h2{ width:211px; height:30px; line-height:30px; background:url(images/inner_left_bg2.gif) left center repeat-x; font-size:14px; color:#FFF;}
.LeftListArea2 ul{ width:197px; margin:10px 0; background:url(images/news_top.gif) left top no-repeat;}
.LeftListArea2 ul li{ width:197px; height:25px; line-height:25px; text-align:left;   text-align:left; text-indent:40px; }
.LeftListArea2 ul li a{ }
.LeftListArea2 ul li a:hover{ color:#F00; }

.leftArea3{ width:211px;}

/*------------------------------------- inner_News --------------------------------*/

ul.innerNewsArea{ width:701px; margin:10px 0 20px 0; overflow:hidden; }
ul.innerNewsArea li{ width:701px; height:28px; line-height:28px; border-bottom:1px dashed #CCC;}
ul.innerNewsArea li span.title{ width:501px; height:28px; line-height:28px; float:left; text-align:left; overflow:hidden;}
ul.innerNewsArea li span.title a{color:#005197;}
ul.innerNewsArea li span.title a:hover{ color:#F00;}
ul.innerNewsArea li span.date{ width:200px; height:28px; line-height:28px;  float:right; text-align:right; color:#666; overflow:hidden;}

/*------------------------------------- inner_Nanny --------------------------------*/
.nannySearchBg{ background:url(images/nanny_searchbar_bg.gif) left top no-repeat; }
form.nannySearhBar{ height:30px; padding:5px 0 0 30px;}
.nannySearchBtn{ width:60px; height:22px; line-height:22px; border:none; color:#000; background:url(images/nannysearchbtn.gif) left center no-repeat;}
.innerNannyArea{ width:700px; margin:10px 0;}
.innerNannyArea ul{ width:700px;}

.innerNannyArea ul li{ width:350px; height:161px; padding-top:20px; float:left; background:url(images/inner_nanny_bg.gif) center center no-repeat; text-align:center;}
.innerNannyTable{border-collapse:collapse;}
.innerNannyTable .w1{background:url(images/pl_bg.gif) repeat-x #eeeeee;text-align:right;padding-right:10px;}
.innerNannyTable .w3{background-color:#f4f4f4;text-align:right;padding-right:10px; }
.innerNannyTable .w2{text-align:left;padding-left:10px;}
/*------------------------------------- inner_membercenter --------------------------------*/
.memberCenterTitleBg{ background:url(images/member_center_title.gif) left center no-repeat;}
.memberCenterMainBg{ background:url(images/member_center_bg.gif) left top repeat-y;}
.memberBorder{ background:#FFF; border:1px solid #bfbfbf;}
.loginInputBox{ background:#FFF;  border:1px solid #bfbfbf; width:230px; height:20px;}
.loginInputBox2{ background:#FFF;  border:1px solid #bfbfbf; width:100px; height:20px;}
.loginInputSubmit{ width:181px; height:36px; border:none; background:url(images/login_btn.gif);}

.RegisterSubmit{ width:206px; height:39px; border:none; background:url(images/Register_btn.gif) left center no-repeat;}

/*------------------------------------- inner_services --------------------------------*/
.innerLeftBg{ background:url(images/inner_left_bg1.gif) left center repeat-y;}
.innerContainerBg{ background:url(images/inner_container_title_bg.gif) left top no-repeat; border:1px solid #88c3eb;}
h1.innerContainerTitle{background:url(images/inner_container_title_h1_bg.gif) left center repeat-x; font-size:14px; font-weight:bold; color:#FFF; height:32px; line-height:32px; float:left; padding:0 20px;}

.LeftServiceListArea{ width:197px; margin-bottom:20px; }
.LeftServiceListArea ul{ width:197px;}
.LeftServiceListArea ul li{ width:197px; height:24px; line-height:24px; padding:3px 0; border-bottom:1px  dashed #a9a9a9; text-align:left; background:url(images/icon2.gif) 15px center no-repeat; text-indent:30px; }
.LeftServiceListArea ul li a{ }
.LeftServiceListArea ul li a:hover{ color:#F00; }

.innerContainerArea{ width:701px; margin:20px 0; }
.innerContainerArea ul.service{ width:700px;}
.innerContainerArea ul.service li{ width:175px; height:154px; overflow:hidden; text-align:center; float:left;}
/*------------------------------------- inner_join --------------------------------*/

.joinTxtArea{ width:177px; text-align:left;}

/*------------------------------------- Footer --------------------------------*/
.frindLinksTitle
{
	width:960px;
	height:29px;
	line-height:29px;
	background:url(images/frindLinks_top_title_bg.gif) left center repeat-x;
}
.frindLinksBorder
{
	 border:1px solid #549ddb; 
}
/*------------------------------------- Footer --------------------------------*/
.bottomBg{ width:960px; height:30px; background-color:#ededed;}

.jifentableBg{ background:url(images/jf_table_bg.gif) left center repeat-x;}


/*信息提示框*/
#msgBoxDiv{
}
#msgBoxDiv .l{
	background-image: url(tips.gif);
	background-repeat: no-repeat;
	background-position: -33px 0px;
	height:39px;
	float:left;
	width:53px;
}
#msgBoxDiv .c{
	background-image: url(tips.gif);
	background-repeat: repeat-x;
	background-position: 0px -106px;
	height:27px;
	float:left;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	padding:12px 5px 0 5px;
	letter-spacing:1px;
}

#msgBoxDiv .r{
	background-image: url(tips.gif);
	background-repeat: no-repeat;
	background-position: -13px 0px;
	height:39px;
	float:left;
	width:20px;}
	
	
#msgMaxBoxDiv{}
#msgMaxBoxDiv .l{
	background-image: url(tips.gif);
	background-repeat: no-repeat;
	background-position: -33px -42px;
	height:60px;
	float:left;
	width:70px;
}
#msgMaxBoxDiv .c{
	background-image: url(tips.gif);
	background-repeat: repeat-x;
	background-position: 0px -149px;
	height:40px;
	float:left;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	padding:20px 5px 0 5px;
	letter-spacing:1px;
}
#msgMaxBoxDiv .r{
	background-image: url(tips.gif);
	background-repeat: no-repeat;
	background-position: -13px -42px;
	height:60px;
	float:left;
	width:20px;}

