@charset "utf-8";
.Area_1{ height:230px;}
/*Focus Reg*/
/*Focus Css star*/
#slides { width:660px; height:230px; position:relative;}
.slides_container { width:660px; height:230px; overflow:hidden; position:relative; z-index:1; }
#slides ul { left:50%; bottom:0px; margin-left:-42px; height:15px; filter:alpha(opacity=80);opacity: 0.8; width:64px; position:relative; z-index:10; padding:5px 10px 0; background:url(/image_2012/fouce_bg.png) center top no-repeat; position:absolute; overflow:hidden;}
#slides ul li { float:left; margin:0 2px; }
#slides ul li a { display:block; width:12px; height:0; padding-top:12px; background-image:url(/image_2012/pagination.png); background-position:0 0; float:left; overflow:hidden; }
#slides ul li.current a { background-position:0 -12px;}
.prev,.next{ display:none;}
/*Focus Css End*/
.registration{ width:288px; border:1px solid #dddcdc; background:#fdf7fa; height:228px;}
.login_before{ padding:130px 0 0 0; background:url(/image_2012/reg_font.png) center 5px no-repeat;}
.login_before p{ text-align:center; padding:5px 0; word-spacing:5px;}
.reg{ width:137px; height:47px; display:block; margin:0 auto; background:url(/image_2012/home.png) 0 -23px no-repeat;}
.reg:hover{ background:url(/image_2012/home.png) -138px -23px no-repeat;}
.login_after{padding:15px;}
.WelcomeMember{}
.home_per{ height:126px;}
.home_per img{ position:absolute; padding:2px; background:#fff; max-width:100px; min-height:100px;}
.home_per ul{ padding-left:120px; overflow:hidden;}
.home_per ul li{ line-height:25px;}
.home_per ul li span{ padding-right:8px;}

/*Vip*/
.Area_2{ overflow:hidden;}
.Area_2_left{ padding-right:300px;}
.home_vip{ height:240px;}
.tit{ height:33px; line-height:33px; background:url(/image_2012/home.png) left -124px; border:1px solid #ddd; border-bottom:none; padding:0 12px;}
.tit h2{ float:left; color:#ea1776;}
.home_vip .tit h2{ padding-left:25px; background:url(/image_2012/vip.gif) left 5px no-repeat;}
.home_vip_show{ height:191px; border:1px solid #ddd; border-top:none; padding-top:14px;}
.home_vip_show li{ float:left; width:106px; height:180px; margin:0 8px 0px 14px; position:relative;border:1px solid #fff; display:inline;}
.home_vip_show li img{ overflow:hidden; padding:3px;}
.home_vip_name{ padding:5px; text-align:center;}
.home_vip_show li p.home_vip_name span a{ display:block; margin:0 auto; margin-top:5px; color:#fff;}
.home_vip_show li .Hide_box{ display:none;}
.Hide_box{ padding:0 4px;}
.matchmaker a{ padding:5px 0 0px 25px; height:20px; display:block; background:url(/image_2012/matchmaker.png) 5px 3px no-repeat; color:#F00;}
.home_vip_show li:hover,.home_vip_show li.ie_hover{border:1px solid #f58bbb; margin:0 8px -52px 14px; width:106px; height:230px; background:#fff; -moz-box-shadow:2px 2px 5px #cccccc; -webkit-box-shadow:2px 2px 5px #cccccc; box-shadow:2px 2px 5px #cccccc;}
.home_vip_show li:hover .Hide_box,.home_vip_show li.ie_hover .Hide_box{ display:block;}
.home_vip_show li:hover .home_vip_name a,.home_vip_show li.ie_hover .home_vip_name a{ color:#ea1776;}
.home_vip_show li:hover .home_vip_name span a,.home_vip_show li.ie_hover .home_vip_name span a{ color:#fff;}
.ad_story{ height:84px; overflow:hidden;}
/*Tujian*/
.tj_meau{ margin-right:-8px;}
.tj_meau a{ padding:0 8px;}
.member_show{ height:636px; width:658px; border:1px solid #ddd; border-top:none; overflow:hidden;}
.member_show ul{ overflow:hidden; height:637px;}
.member_show ul li{ float:left; border-top:1px dotted #ddd; border-left:1px dotted #ddd; margin:-1px 0 0 -1px; float:left; padding:14px; width:301px; height:131px; overflow:hidden;}
.member_show ul li img.personal{ position:absolute; padding:3px; border:1px solid #fff; background:#fff;}
.member_show ul li .memer_show_con{ padding-left:118px;}
.memer_show_con p{ padding-bottom:5px;}
.memer_show_con p em{ color:#ea1776; font-style:normal; padding-right:8px; font-weight:bold;}
.memer_show_con p span{ padding-right:3px;}
.present{ color:#999; height:64px;}
.member_show ul li:hover,.member_show ul li.ie_hover{ background:url(/image_2012/hover_bg.png) bottom repeat-x;}
.member_show ul li:hover img,.member_show ul li.ie_hover img{ border:1px solid #f58bbb; width:100px; height:120px;}
/*sidebar*/
.sidebar{ width:290px; margin-left:-290px;}
.integrity{ height:336px;}
.integrity_con{ border:1px solid #ddd; padding:2px 10px; border-top:none; height:297px;}
.integrity_con h3{ font-size:12px; padding:10px 0;}
#ticker_02{ height:280px;}
.ticker{ overflow:hidden; border-top:1px solid #eee;}
.ticker li{ height:36px; padding:6px 0 6px 35px;line-height:32px; border-bottom:1px; border-bottom:1px solid #eee;}
.ticker li img{ margin-left:-30px; float:left; display:inline;}
.ticker li .color1{ padding-right:8px;}
.ticker li:hover{ background:#FDF7FA;}
.ticker li strong{ color:#ea1776; font-weight:normal; padding:0 3px;}
.cx_btn a,.cx_btn a:hover{ width:120px; height:27px; background:url(/image_2012/home.png) -121px -71px no-repeat; display:block; color:#fff; line-height:27px; text-align:center;}
.light_icon a{ margin:0 5px; float:left; line-height:18px; display:inline;}

.tit3{ height:32px; border:1px solid #dddcdc; background:url(/image_2012/home.png) left -159px repeat-x; line-height:32px; padding:0 10px;}
.club_con{ height:248px; border:1px solid #dddcdc; border-top:none; position:relative;}
.club_con ul{ width:100%; overflow:hidden;}
.club_con ul li{ float:left; width:124px; padding:13px 0 0 12px;}
.club_con ul li img{ padding:3px; border:1px solid #dddcdc;}
.club_con ul li span{ padding:8px 2px; display:block;}
.more_club,.more_club:hover{ width:120px; height:27px; margin-left:12px; background:url(/image_2012/home.png) left -71px no-repeat; display:block; line-height:27px; text-align:center; color:#fff;}
.contact_club{ height:60px; background:#fff5f9; position:absolute; bottom:0; left:0; border-top:1px solid #dddcdc;}
.contact_club p{ line-height:130%; padding:8px 0 0 12px;}
.contact_club p span{ font-size:18px; float:left; padding-right:10px; padding-top:3px;}
.media_list{ padding:14px; border:1px solid #dddcdc; border-top:none; overflow:hidden;}
#slides2 { width:260px; height:166px; position:relative;}
.slides_container2 { width:260px; height:166px; overflow:hidden; position:relative; z-index:1; }
#slides2 ul{ left:0; bottom:0px;height:17px; filter:alpha(opacity=60);opacity: 0.6; position:relative; z-index:10; padding:5px 4px 0; width:252px; background:#000; position:absolute; overflow:hidden;}
#slides2 ul li { float:left; margin:0 3px; }
#slides2 ul li a { display:block; width:12px; height:0; padding-top:12px; background-image:url(/image_2012/pagination2.png); background-position:0 0; float:left; overflow:hidden; }
#slides2 ul li.current a { background-position:0 -12px;}
.title{width:560px;height:26px;margin:0px auto;margin-top:10px;background-image:url(/xinpic/uTlibg.gif)}
.uTli,.uTliSelect{float:left;width:80px;height:18px;padding:8px 0 0 0;margin:0 5px 0 0}
.title .uTli{background-image:url(/xinpic/uTli.gif)}
.title .help{cursor:help}
.title .uTliSelect{background-image:url(/xinpic/uTliSelect.gif);color:#fff;font-weight:bold}
.title .uTliSelect a{text-decoration:none;color:#fff;font-weight:bold}
.title .uTliSelect a:hover{color:#ff0}
.title .uTliBlank{float:left;width:258px;height:26px;line-height:26px;text-align:right;color:#999;font-family:Verdana}
.title .uTliPage{float:left;width:212px;height:26px;text-align:right}
.titleline{width:560px;height:9px;margin:0px auto;font-size:0;background-image:url(/xinpic/titleline.gif)}
.title .uTliPage .Sinput{width:154px;border:#ddd 1px solid;background:#fff;height:19px;line-height:19px;margin:0 3px 0 0}
.main{width:580px;margin:0px auto;padding:5px 0 0 0}

.pop_elec {
    font-size: 14px;
    color: #C9337D;
    line-height: 1.5em;
    font-weight: bold;
}

.pop_img {
    padding: 13px;
    border: 1px solid #DCDCDC;
    background: #F2F2F2;
    display: block;
    float: left;
    margin: 0 17px;
    width: 110px;
    height: 135px;
}

.pop_img img {
    width: 110px;
    height: 135px;
}

.pop_pic {
    padding: 0 0 20px 280px;
    background: url(../img/pop_test.gif) no-repeat 20px 0;
}

.pop_ker {
    padding: 0 0 20px 220px;
    background:url(../img/pop_kero.gif) no-repeat 20px 0;
}

.pop_dia {
    padding: 0 0 20px 150px;
}

.dia_bg1 {
    background:url(../img/ad_dia.gif) no-repeat 20px 0;
}

.dia_bg2 {
    background:url(../img/ad_img.gif) no-repeat 20px 0;
}

.pop_font {
    font-size: 14px;
    line-height: 2.5em;
}

.pop_back {
    float: right;
    margin: 20px 20px 0 0;
}

.pop_list li {
    margin: 8px 0 0 10px;
}

.pop_list li span {
    color: #7F7F7F;
}

.pop_keep {
    margin: 20px 0 10px 180px;
    display: inline;
}

.pop_job li {
    margin: 10px 0 0 50px;

}

.pop_job li select {
    width: 200px;

}

.pop_job li span {
    width: 100px;
    text-align: right;
    display: block;
    float: left;
    margin: 0 10px 0 0;

}

.pop_upload {
    padding: 20px 0 0 0;
}

.pop_upload a {
    margin: 0 10px 0 0;
    float: left;
}

.pop_say {
    padding: 8px 0 0 0;
}

.pop_icon_vip {
    background: url(../image_2012/vip.gif) no-repeat;
    height: 23px;
    margin: 0 0 0 150px;
    display: block;
    padding-left: 45px;
}

.pop_mar {
    margin: 20px 0 0 130px;
}

.pop_margin {
    margin: 0 10px 0 20px;
    line-height: 2em;
}

.pop_v_list {
    margin: 20px 10px;
    overflow: hidden;
}

.pop_v_list li {
    float: left;
    width: 210px;
    margin: 10px 0 0 0;
    display: inline;
}

.pop_v_title {
    font-weight: normal;
    line-height: 1.8em;
}

.pop_vip_wrap {
    background: url(../image_2012/sprites_pop.gif) no-repeat -286px 0;
    width: 320px;
    height: 121px;
    padding: 10px;
    margin: 0 0 0 20px;
}

.pop_v_join li {
    color: #F00;
}

.pop_v_line li {
    line-height: 2.5em;
}

.pop_v_cover {
    width: 580px;
    height: 324px;
}

.pop_v_top {
    position: relative;
    height:50px;
}
.popCon{height:170px}
.vip_close {
    position: absolute;
    right: 20px;
    top: 25px;
}

.pop_v_up {
    display: block;
    margin: 280px 0 0 182px;
    width: 140px;
    height: 30px;
    text-indent: -9999px;
}

.pop_window {
    width: 286px;
    height: 220px;
    background: url(../image_2012/sprites_pop.gif) no-repeat;
}
.window_img {
    float: left;
    margin: 15px 10px 0 35px;
    width: 65px;
    height: 80px;
}

.window {
    width: 135px;
    float: left;
    margin: 10px 0 0 0;
}
.window a{
    display:block;
    text-align:right;
}
.window_img img {
    width: 65px;
    height: 80px;
}

.window p {
    line-height: 2em;
    margin:0 0 10px 0;
}

.window_title {
    color: #F36;
    margin: 20px 35px 0;
    font-weight: bold;
    text-align:center;
}

.window_title a {
    color: #F36;
}

.window_title a:hover {
    color: #06F;
}