@import url(header.jpg.css);
@import url(footer.jpg.css);


/********** main **********/
*{
	font-size: 16px;
}
.main{
	width:1170px; margin:0 auto; clear:both; text-align:left;}
.main .onlineCount{
	padding-bottom:10px;}
.main .onlineCount a{
	text-decoration:none; color:#213b4a;}
.main .onlineCount a:hover{
	text-decoration:underline; color:#213b4a;}
.main .onlineCount a span{
	font-weight:bold; color:red;}
.main .part1{
	height:360px; overflow:hidden; margin-bottom:6px;}
.main .part1 .hero{
	float:left;
	width:1170px;
	height:360px;}
/********** heroCtrl **********/
.heroCtrl{
	width:1170px; height:25px; position:absolute; margin-left:-1170px; margin-top:251px;}
*:lang(en) .heroCtrl{
	margin-left:0;}
.heroCtrl .padder{
	float:right; height:25px; padding-right:4px;}
.heroCtrl .bgLeft{
	background:url(../images/hero_ctrl_bg_left.jpg) no-repeat left top; width:3px; height:25px; overflow:hidden; float:left;}
.heroCtrl .bgMiddle{
	background:url(../images/hero_ctrl_bg_middle.jpg) repeat-x left top; height:25px; float:left;}
.heroCtrl .bgRight{
	background:url(../images/hero_ctrl_bg_right.jpg) no-repeat left top; width:3px; height:25px; overflow:hidden; float:left;}
.heroCtrl a{
	width:20px; height:19px; float:left; text-align:center; line-height:19px; margin-top:3px; margin-right:4px; font-weight:bold;}
.heroCtrl a.unselect:link,.heroCtrl a.unselect:visited,.heroCtrl a.unselect:active{
	background:white; text-decoration:none; color:#49708c;}
.heroCtrl a.unselect:hover{
	background:url(../images/hero_ctrl_btn_bg.jpg) no-repeat left -19px; text-decoration:none; color:#49708c;}
.heroCtrl a.select:link,.heroCtrl a.select:visited,.heroCtrl a.select:active{
	background:url(../images/hero_ctrl_btn_bg.jpg) no-repeat left top; text-decoration:none; color:white;}
.heroCtrl a.select:hover{
	background:url(../images/hero_ctrl_btn_bg.jpg) no-repeat left top; text-decoration:none; color:white;}
.heroCtrl a.lastone{
	margin-right:0;}
/********** main **********/
.main .part1 .version{
	float:right; background:url(../images/bgs.jpg) no-repeat left top; width:200px; height:280px; color:#213b4a;}
.main .part1 .version .padder{
	padding:0 0 0 9px;}
.main .part1 .version .padder .littlePadder{
	height:81px; margin-bottom:2px; overflow:hidden;}
.main .part1 .version h2{
	padding:0; margin:0 0 0 10px; font-weight:bold; font-size:16px; line-height:28px;}
.main .part1 .version ul{
	padding:0; margin:0 0 0 10px;}
/**:lang(en) .main .part1 .version ul{
	line-height:20px;
}*/
.main .part1 .version ul.lastone{
	padding-bottom:11px;}
.main .part1 .version li{
	margin:0; padding:0; list-style:none; color:#3372a2; height:34px; margin-bottom:2px; line-height:34px;}
.main .part1 .version li a{
	font-size:16px;}
.main .part1 .version li a.hot{
	background:url(../images/label.jpg) no-repeat right 1px; padding-right:20px;}
.main .part1 .version li a.new{
	background:url(../images/label.jpg) no-repeat right -29px; padding-right:20px;}
.main .part1 .version a.all{
	font-size:16px; margin-left:9px; line-height:34px;}
.middleBar{
	clear:both; margin-bottom:6px; height:34px;}
.middleBar .left{
	background:url(../images/middle_bar.jpg) no-repeat 0 0; width:4px; height:34px; float:left; margin-right:-4px;}
.middleBar .middle{
	background:url(../images/middle_bar.jpg) repeat-x 0 -34px; height:34px; margin:0 4px; line-height:40px;}
.middleBar .right{
	background:url(../images/middle_bar.jpg) no-repeat 0 -68px; width:4px; height:34px; float:right; margin-left:-4px;}
.middleBar .middle .news{
	width:584px; float:left; background:url(../images/middle_bar.jpg) no-repeat right -102px;margin-left:20px;font-size: 16px;}
.middleBar .middle .other{
	width:240px; float:left;}
.middleBar .middle .other a{
	margin-left:27px; display:block; height:34px;}

.main .part2 .left,.main .part2 .personal,.main .part2 .right{
	float:left; margin-bottom:14px;}
.main .part2 .left{
	width:300px; height:250px; background:url(../images/bgs.jpg) no-repeat 0 0; margin-right:14px;background-size: 1170px 264px;}
.main .part2 .left h2{
	margin:0 0 0 12px; padding:2px 0 2px 0; color:#213b4a; line-height:22px; font-size:18px;}
.main .part2 .left ul{
	margin:0; padding:5px 0 0 25px;}
.main .part2 .left li{
    box-sizing: border-box;
    margin: 0 0 5px 0;
    padding: 0px 0 0px 27px;
    list-style: none;
    background: url(../images/account_icons.jpg) no-repeat;
    background-size: 20px 148px;
}
.main .part2 .left li.signup{
	background-position:0 3px;}
.main .part2 .left li.protect{
	background-position:0 -22px;}
.main .part2 .left li.find{
	background-position:0 -46px;}
.main .part2 .left li.resume{
	background-position:0 -70px;}
.main .part2 .left li.safe{
	background-position:0 -93px;}
.main .part2 .left li.service{
	background-position:0 -116px;}
.main .part2 .left li a{
	line-height:28px; font-size:16px;}
.main .part2 .personal{
	background: url(../images/bgs.jpg) no-repeat -327px 0;
    width: 421px;
    height: 250px;
    margin-right: 14px;
    background-size: 1272px 318px;}
.main .part2 .personal .padder{
	padding:10px 0 0 10px;}
.main .part2 .personal h2{
	margin:0 0 0 12px; padding:2px 0 2px 0; color:#213b4a; line-height:32px; font-size:18px;}
.main .part2 .personal h3{
	font-size:16px; margin:0; padding:0; font-weight:normal; padding-left:25px;}
.main .part2 .personal div{
	padding:2px 0 6px 25px;}
.main .part2 .personal div a{
	margin-right:12px;	display:inline-block; line-height:28px;font-size: 16px;}
.main .part2 .personal div a.new{
	background:url(../images/label.jpg) no-repeat right -29px; padding-right:20px;}
.main .part2 .personal div a.hot{
	background:url(../images/label.jpg) no-repeat right 2px; padding-right:20px;}
.main .part2 .personal h3.case{
	background:url(../images/myli2.jpg) no-repeat left 2px; padding-left:10px;}
.main .part2 .personal h3 a{
	font-size:16px;}
.main .part2 .personal .more{
	padding-right: 2px; padding-top:8px;	float: right;}

.main .part2 .right{
	background: url(../images/bgs.jpg) no-repeat -603px 0;
    width: 421px;
    height: 250px;
	background-size: 1024px 318px;
}
.main .part2 .right .padder{
	padding-right:10px;}
.main .part2 .right h2{
	margin:0; padding:2px 0 2px 25px; color:#213b4a; line-height:29px; font-size:18px;}
.main .part2 .right h3{
	margin:0; padding:7px 0 0 25px;}
.main .part2 .right h3 a,.main .part2 .right h3 span{
	font-size:16px;}
.main .part2 .right h3 span{
	color:#eb5900; margin-left:10px;}
.main .part2 .right p{
	line-height:19px; color:#75858e; margin:0; padding:0;}
.main .part2 .right ul{
	margin:0; padding:5px 0 0 25px;}
.main .part2 .right li{
	margin:0; padding:0; list-style:none; line-height:24px;}
.main .part2 .right li span{
	margin-left:10px; color:#808080;}

.main .part2 h2{
	float: left;}

.main .part2 .right .more{
	padding-right: 16px; padding-top:8px;	float: right;}


/*part3*/

.main .part3 .left,.main .part3 .right{
	float:left; margin-top:5px;}

.main .part3 .left{
	background:url(../images/bgs3.jpg) no-repeat; width:320px; height:260px;}
.main .part3 .left .padder{
	padding-right:10px;}
.main .part3 .left h2{
	margin:0; padding:2px 0 2px 25px; color:#213b4a; line-height:29px; font-size:16px; float:left
;}
.main .part3 .left h3{
	margin:0; padding:7px 0 0 25px;}
.main .part3 .left h3 a,.main .part2 .right h3 span{
	font-size:16px;}
.main .part3 .left h3 span{
	color:#eb5900; margin-left:10px;}
.main .part3 .left p{
	line-height:19px; color:#75858e; margin:0; padding:0;}
.main .part3 .left ul{
	margin:0; padding:5px 0 0 25px;}
.main .part3 .left li{
	margin:0; padding:0; list-style:none; line-height:24px;}
.main .part3 .left li span{
	margin-left:10px; color:#808080;}


.main .part3 .right{
	background:url(../images/bgs4.jpg) no-repeat; width:583px; height:260px; margin-left:6px;}
.main .part3 .right .padder{
	padding:6px 0 0 25px;}
.main .part3 .right h2{
	margin:0 0 0 12px; padding:2px 0 2px 0; color:#213b4a; line-height:29px; font-size:16px; float:left
;}

.main .part3 .more{
	padding-right: 10px; padding-top:8px;	float: right;}

.main .part3 .right .fright{ float:left; padding-left:10px;}
.main .part3 .right .fright ul{ margin:0;}
.main .part3 .right .fright ul li{ float:left; margin:0; list-style:none;}
.main .part3 .right .fright ul li h5,
.main .part3 .right .fright ul li h6{ font-size:12px; font-weight:400; text-align:center; margin:3px;}

.photo{
	text-align:center;
	padding:5px;
	margin:3px;
	padding-right:10px;}

.photo  a{
	width:139px;
	display:block;
	border:1px #e5e5e5 solid;
	padding:3px;}

.photo  a:hover{
	border:1px #ff0000 solid;
}
.main .part2 .right.rightadd{
	width: 578px;
	background: url(../images/bgs.jpg) no-repeat -450px 0;
	background-size: 1748px 318px;
}
.main .part2 .personal.personaladd{
	width: 380px;
        background: url(../images/bgs.jpg) no-repeat -539px 0;
        background-size: 916px 318px;
}
.nav_menustyle_2_2{
	box-sizing: border-box;
}
.leftPart{
	width: 1064px;
}