@charset "utf-8";
/* CSS Document */
HTML{background:#6699CC;}
body {font-family:"宋体",Verdana, Arial, Helvetica, sans-serif;font-size:12px;}
*{padding:0;margin:0;}
#header,#wrapper,#footer{margin:0 auto;width:880px;padding:10px 60px; text-align:left;}
#header{height:130px;background:url(http://img.vvjob.com/images/vvclub/header_bg.png) center top no-repeat;}
#wrapper{background:url(http://img.vvjob.com/images/vvclub/wrapper_bg.png) center center repeat-y;background-color:#fff;}
#footer{height:130px;background:url(http://img.vvjob.com/images/vvclub/footer_bg.png) center bottom no-repeat;}
  
  .nav{float:right;margin-top:5px;}
  .nav a{display:inline-block;border:#f2f2f2 1px solid; background-color:#6699CC;color:#DDEEFF;height:15px;line-height:15px; font-size:14px; padding:5px 10px; margin-left:20px; text-decoration:none;}
  .nav a:hover{ background-color:#CC3300;color:#FFFFCC;}
  .NoticeDiv{float:left;width:280px;height:100px;text-align:left;padding:5px 15px 5px 35px;background:url(http://img.vvjob.com/images/vvclub/notice_bg.png) 0 9px no-repeat;}
  .NoticeDiv.History{background:url(http://img.vvjob.com/images/vvclub/history_bg.png) 0 9px no-repeat;}
  .NoticeDiv ul{float:left;width:100%;padding:0;}
  .NoticeDiv ul li{float:left;background:url(http://img.vvjob.com/images/wrapper/blk_blue.png) no-repeat 1px 5px;display:block;width:94%;padding-left:4%;height:20px;line-height:20px;}
  .NoticeDiv ul li em{float:right;width:20%;height:100%;color:#aaa; text-align:right; font-style:normal;}
  .NoticeDiv ul li a{float:left;width:80%;height:100%;color:#666;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden; text-decoration:none;}  
  .NoticeDiv ul li a:visited{color:#666;}
  .NoticeDiv ul li a:hover{color:#FF6600;} 

  .HelpDiv{float:left;width:220px;padding:5px 0;}
  .HelpDiv a{float:left;width:220px;height:50px;background:#fff url(http://img.vvjob.com/images/vvclub/vvclub_btn.png) 0 0 no-repeat;}
  .HelpDiv a.join{background-position: 0 -50px;}
  .HelpDiv a:hover{ background-color:#FF3300;}
  
  .Hpics{float:left;width:880px;padding:5px 0;height:90px; overflow:hidden;}    
  .Hpics ul{float:left;width:840px;height:80px; padding:4px 0 4px 40px; overflow:hidden;white-space:nowrap; border-bottom:#f2f2f2 dotted 1px; border-top:#f2f2f2 dotted 1px;background:url(http://img.vvjob.com/images/vvclub/activity_bg.png) 0 7px no-repeat;}
  .Hpics ul li{float:left;width:114px;height:74px;padding:3px;text-align:right; list-style:none;overflow:hidden;}
  .Hpics ul li a {float:left;position:relative; text-decoration:none;}
  .Hpics ul li a img{float:left;border:#ccc 1px solid; padding:2px;height:68px;width:105px;filter:alpha(opacity=90);-moz-opacity:0.9;opacity:0.9;} 
  .Hpics ul li a img:hover{border-color:#FF6600; background-color:#f8f8f8;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
  .Hpics ul li a span{position:absolute;width:105px; bottom:3px; left:3px;height:20px;line-height:20px; background-color:#111;color:#fff; text-align:center; cursor:pointer;filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;}
  .Hpics ul li a span:hover{color:#FF6600;}
  
  .Thanks{float:left;width:880px;padding:5px 0;}    
  .Thanks ul{padding-top:10px;border-top:#f2f2f2 dotted 1px;}
  .Thanks ul li{float:left;width:158px;height:50px; border:#d8d8d8 1px solid;margin-right:20px;list-style:none;}
  .Thanks ul li.tail{margin:0;}
  .Thanks ul li a {text-decoration:none;}
  .Thanks ul li a img{ float:left;height:50px;width:50px; border:0;} 
  .Thanks ul li a span{float:left;height:40px;width:98px; padding-left:5px; margin:5px 2px; border-left:#d9d9d9 1px dotted; line-height:20px;color:#585858; text-align:left; cursor:pointer;white-space:normal; font-size:12px; letter-spacing:1px;}
  .Thanks ul li a span:hover{color:#FF6600;}  
  
  .ClubRemark{float:left;width:660px;padding:10px 0;text-align:left;}
  .ClubRemark ul{width:100%;}
  .ClubRemark ul li{float:left;list-style:none;width:300px;height:65px;padding:8px 25px 12px 5px; margin-bottom:15px; background:url(http://img.vvjob.com/images/vvclub/vvclub_li.png) 0 0 no-repeat; overflow:hidden;line-height:20px;}
  .ClubRemark ul li.vip{ background-position:0 -85px;} 
  .ClubRemark ul li.supper{ background-position:0 -170px;}  
  .ClubRemark ul li h2{float:left;height:23px;width:180px;font-size:14px; color:#009900; font-weight:normal; letter-spacing:1px;}
  .ClubRemark ul li.vip h2{color:#CC3300;}
  .ClubRemark ul li.supper h2{color:#993300;}
  .ClubRemark ul li a{float:left;height:23px;font-size:12px; color:#339933; padding:0 1px;}
  .ClubRemark ul li a.qqgroup{width:90px;}
  .ClubRemark ul li a.apply{width:25px;color:#CC3300}
  .ClubRemark ul li a:hover{color:#FF3333;}
  .ClubRemark ul li em{float:left;height:23px;width:50px;font-size:12px; color:#339933; font-style:normal; text-decoration:underline; cursor:help;padding:0 5px;}
  .ClubRemark ul li img{float:left;height:40px;width:40px;border:#fff 1px solid;}
  .ClubRemark ul li p{float:left;width:240px;height:40px;font-size:12px; color:#868686; line-height:20px;padding:0 5px;overflow:hidden;}
  .ClubRemark ul li p a{float:none;line-height:20px;color:#666666;}
  .ClubRemark ul li:hover{background-position:0 -255px;}
  
  .Friends{float:left;width:210px;height:375px; border:#9bc9df 1px solid;margin-top:10px;padding:2px 4px;text-align:left;overflow:hidden; background-color:#dbedf5;}
  .Friends h2{padding:0 5px;height:25px; line-height:25px; font-weight:normal; color:#333333; font-size:14px; letter-spacing:1px;}
  .Friends h2 em{font-family:Verdana;font-size:9px;padding-left:10px;color:#a1b8c2; font-style:normal;}
  .Friends .feedback{width:190px;height:330px;padding:10px; background-color:#fff; border:0;}
  .Friends ul{width:100%;}
  .Friends ul li{list-style:none;width:100%;margin:8px auto;padding-bottom:5px; border-bottom:#6699FF dotted 1px;line-height:20px;color:#353535;} 
  .Friends ul li strong{ font-size:12px; font-weight:bold; display:inline-block;color:#0066CC;}
  .Friends ul li em{font-size:12px; display:inline-block;color:#999;padding-left:10px; font-style:normal;}
  .Friends ul li p{display:block;width:190px;} 

/* 内容页 */  	
	strong{font-weight:bold;letter-spacing:0;}
	#hr_main_l,#hr_main_r{float:left;}
	#hr_main_l{ width:650px;}
	#hr_main_r{ width:200px; margin-left:30px;}
	#hr_main_l .box_title{ width:100%;text-align:center; padding:10px 0; background-color:#f8f8f8;border-top:#d8d8d8 1px solid; position:relative;}
	#hr_main_l .box_title h1{ color:#3366CC; font-family:黑体; font-weight:normal;font-size:16px; line-height:30px;letter-spacing:2px;}
	#hr_main_l .box_title h2{ color:#999; font-size:12px; line-height:20px;letter-spacing:1px;}
	#hr_main_l .box_title a.goback{position:absolute;left:2px; top:5px;width:58px;height:58px; border:#ccc 1px solid;line-height:50px; font-size:14px; letter-spacing:5px; text-decoration:none; background:url(http://img.vvjob.com/images/vvclub/goback.png) no-repeat;color:#666666; text-align:center;}
	#hr_main_l .box_title a.goback:hover{color:#993300; border-color:#e18105; background-position:0 -58px;line-height:55px; }
	#hr_main_l .box_remark{ border-bottom:#ccc 1px dotted;line-height:20px;padding:5px 0 5px 0;}
	#hr_main_l .box_content{color:#444;padding:8px 0;color:#222;font-size:14px; line-height:28px; }
	#hr_main_l .box_content ul{padding:8px 0;}
	#hr_main_l .box_content ul li{color:#222;font-size:14px;padding-left:20px;background:url(http://img.vvjob.com/images/wrapper/block_blue.png) 2px 8px no-repeat;}
	#hr_main_l .box_content h3{margin:8px 0 15px 0;font-size:14px; font-weight:bold; letter-spacing:1px;}
	#hr_main_l .box_content h4{text-indent:1em;margin:8px 0 15px 0;font-size:14px; font-weight:bold; letter-spacing:1px;}
	#hr_main_l .box_content p,#hr_main_l .box_content div{text-indent:2em; margin:8px 0 12px 0;font-size:14px;}
	#hr_main_l .box_content .pimg{float:right;padding:5px; border:0;}
	#hr_main_l .box_content a{padding:0 3px 0 3px; font-size:14px; color:#222;text-decoration:underline;}	
	#hr_main_l .box_content strong{font-size:14px; font-weight:bold;}
	#hr_main_l .box_content u{font-size:14px;}
	#hr_main_l .box_content img{border:#eee 2px solid; margin:2px;}
	#hr_main_l .box_content .sampleImg{width:100%; text-align:center;}
	#hr_main_l .box_content .sampleImg img{border:1px #f2f2f2 solid; margin:0 auto;}
	#hr_main_l .box_content .sampleImg em{width:100%;height:25px; line-height:25px;font-size:12px;color:#666; font-style:normal; font-weight:bold; display:block;}
	#hr_main_l .box_keywords{border-top:#ccc 1px dotted;font-size:12px;line-height:20px;padding:5px 0;}
	#hr_main_l .box_review{padding-bottom:10px; margin-top:1px;border-top:#c6e4f1 1px solid;}
	#hr_main_l .box_review .ban{background:#eef8ff url(http://img.vvjob.com/images/vvclub/review_bg.png) no-repeat;height:40px;}
	#hr_main_l .box_review .ban a{float:right;height:20px;line-height:20px; padding:15px 5px 5px 0;color:#0066FF;}
	#hr_main_l .box_review .ban a:hover{color:#CC3300;}
	#hr_main_l .box_review p{display:block;color:#555; line-height:20px; margin:5px auto; padding:5px 0; border-bottom:#f2f2f2 1px solid; text-indent:2em;line-height:20px;}
	#hr_main_l .box_review strong{color:#0066CC; letter-spacing:1px;}
	#hr_main_l .box_review em{color:#aaa;padding:0 10px; font-style:normal;}
	
	#hr_main_l .box_mywords{padding:5px 0;}
	#hr_main_l .box_mywords textarea{float:left;height:50px;width:578px;padding:4px; margin-right:2px; border:#9bc1ec 1px solid; background-color:#f6fcfe;}
	#hr_main_l .box_mywords textarea.focus{border-color:#CC6600; background-color:#FFFFCC;}
	#hr_main_l .box_mywords input.submit{float:left;height:60px;width:60px;background:url(http://img.vvjob.com/images/vvclub/feedback.png) no-repeat;color:#555;font-size:12px;border:#9bc1ec 1px solid; cursor:pointer;line-height:50px;}
	#hr_main_l .box_mywords input.submit:hover{color:#993300; border-color:#e18105; background-position:0 -58px;line-height:55px; }
	
	#hr_main_r .ads_box_200{width:200px;padding:10px 0;}
	
	#hr_main_r .note_box_t{background:url(http://img.vvjob.com/images/wrapper/note_t_bg.gif) no-repeat;width:200px;height:35px;padding-top:5px;}
	#hr_main_r .note_box_t p{ font-size:13px; font-weight:bold; padding:15px 0 0 10px; letter-spacing:2px; color:#996600}
	#hr_main_r .note_box_m{background:url(http://img.vvjob.com/images/wrapper/note_m_bg.gif) repeat-y;height:auto!important;height:50px;min-height:50px;}
	#hr_main_r .note_box_b{background:url(http://img.vvjob.com/images/wrapper/note_b_bg.gif) no-repeat;width:200px;height:5px;}
	
	#hr_main_r .note_box_m ul{padding:15px 2px 4px 10px;}
	#hr_main_r .note_box_m ul li{background:url(http://img.vvjob.com/images/wrapper/help/quest_li.gif) no-repeat 5px 7px;font-size:12px;color:#444;height:22px; line-height:22px; padding-left:16px;width:165px;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;}
	#hr_main_r .note_box_m ul li a{font-size:12px;color:#666;}
	#hr_main_r .note_box_m ul li a em{color:#999; font-style:normal;}
	#hr_main_r .note_box_m ul li a:hover{color:#FF0000;}
	#hr_main_r .note_box_m ul li.title{background:none;font-size:12px; font-weight:bold;letter-spacing:1px;color:#0066CC; border-bottom:#bac9d1 1px dotted; height:20px;width:180px;line-height:20px;padding:0; margin-bottom:5px;}
	#hr_main_r .note_box_m ul li.impo{background:url(http://img.vvjob.com/images/wrapper/help/quest_li_impo.gif) no-repeat 5px 5px;}
    #hr_main_r .note_box_m ul li.noinfo{background:url(http://img.vvjob.com/images/wrapper/help/li_noinfo.png) no-repeat 0 0;height:80px;width:180px;padding:0;}
	#qqflow{width:90%;padding:10px 5%; text-align:center;}
	#qqflow h3{color:#3366CC; font-family:黑体; font-weight:normal;font-size:16px; line-height:30px;letter-spacing:2px;}
	#qqflow p{ text-indent:2em; font-size:14px; line-height:28px;text-align:left;padding:20px 0;}
	#qqflow img{border:0;}
    ul.Clubcorp{float:right;width:160px;padding-left:40px;background:url(http://img.vvjob.com/images/vvclub/clubcorp.png) no-repeat 0 0;}
    ul.Clubcorp li{float:left;width:158px;height:50px; border:#d8d8d8 1px solid;margin-bottom:20px;list-style:none;}
    ul.Clubcorp li.tail{margin:0;}
    ul.Clubcorp li a {text-decoration:none;}
    ul.Clubcorp li a img{ float:left;height:50px;width:50px; border:0;} 
    ul.Clubcorp li a span{float:left;height:40px;width:98px; padding-left:5px; margin:5px 2px; border-left:#d9d9d9 1px dotted; line-height:20px;color:#585858; text-align:left; cursor:pointer;white-space:normal; font-size:12px; letter-spacing:1px;}
    ul.Clubcorp li a span:hover{color:#FF6600;}  	
	
/* 内容页 over */
/* 用户信息 */
#userinfo {width:190px;height:140px; margin-top:-55px;margin-bottom:10px;padding:50px 5px 10px 5px;text-align:left;overflow:hidden;background:url(http://img.vvjob.com/images/vvclub/vvclub_userinfo.gif) no-repeat 0 0; z-index:10; position:relative;}
#userinfo .userZone{width:190px;height:100px; background-color:#fff;} 
#userinfo .userZone ul{width:100%;height:60px;margin-top:10px; overflow:hidden;}
#userinfo .userZone ul li{float:left;width:85px; height:25px; line-height:25px;text-align:left; letter-spacing:1px; margin:0 5px 5px 3px;background-color:#fff;}
#userinfo .userZone ul li a{float:left;width:60px;height:25px;padding-left:25px;font-size:14px; color:#3366CC; text-decoration:none;}
#userinfo .userZone ul li a#userCenter{background:url(http://img.vvjob.com/images/header/icon_user_center.gif) left center no-repeat;}
#userinfo .userZone ul li a#sendInfo{background:url(http://img.vvjob.com/images/header/icon_user_post.gif) left center no-repeat;}
#userinfo .userZone ul li a#newMail{background:url(http://img.vvjob.com/images/header/icon_user_mail.gif) left center no-repeat;}
#userinfo .userZone ul li a#newMail.haveNewMail{background:url(http://img.vvjob.com/images/header/icon_user_newMail.gif) left center no-repeat;color:#009900;}
#userinfo .userZone ul li a#newMail.haveNewResume{background:url(http://img.vvjob.com/images/header/icon_user_newResume.gif) left center no-repeat;color:#009900;}
#userinfo .userZone ul li a#newMail.haveNewInfo{background:url(http://img.vvjob.com/images/header/icon_user_newInfo.gif) left center no-repeat;color:#009900;}
#userinfo .userZone ul li a#logoutbt{background:url(http://img.vvjob.com/images/vvclub/icon_user_logout.gif) left center no-repeat;color:#990000;}
#userinfo .userZone ul li a:hover{color:#CC3300; text-decoration:underline;}
#userinfo .userZone p{width:180px;height:22px;margin:0 auto;line-height:22px;padding:4px 0;text-align:left; border-bottom:#ccc 1px dotted;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;}
#userinfo .userZone p a{padding-top:2px;font-size:12px; color:#6699cc;}
#userinfo .userZone #userwelcome{width:100%;color:#585858;}
#userinfo .logonDiv{width:152px;padding:0 18px;height:110px;background-color:#fff;}
#userinfo .bt_top{border:0;width:150px; height:35px; border:#D0E8F9 1px solid;padding:0;margin-bottom:3px;cursor:pointer;} 
#userinfo .bt_top.login{background:url(http://img.vvjob.com/images/vvclub/vvclub_bt_login.png) no-repeat;border-color:#ABE2BC;}
#userinfo .bt_top.preg{background:url(http://img.vvjob.com/images/vvclub/vvclub_bt_preg.png) no-repeat;}
#userinfo .bt_top.creg{background:url(http://img.vvjob.com/images/vvclub/vvclub_bt_creg.png) no-repeat;margin-bottom:0;}
#userinfo .bt_top:hover{background-position:0 -35px; border-color:#FBAA75;}
  
#userinfo .bt_logout{float:left;border:0;width:107px; height:22px;padding:0;cursor:pointer;background:url(http://img.vvjob.com/images/header/bt_logout.png) no-repeat; } 

/* 用户信息 over */ 
  .copyright{padding:0 20px;color:#222;line-height:25px; text-align:center;}
  .copyright a{color:#996600;}
  .copyright a:hover{ text-decoration:underline;}
  
.AutoHeight:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.AutoHidden{white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;}