.menu_list li ul { display:none; opacity: 0; position: absolute; left: 0; width: 8em; background: #e7e8e3; list-style-type: none; padding: 0; margin: 0; }
.menu_list li:hover ul { opacity: 1; display:block; }


.menu_list li ul { background: #e7e8e3; width: 100%;text-indent: 0%; top: 40px;border:1px solid #000;z-index: 100}
.menu_list li ul li {display: block !important; float:none !important;}
.menu_list li ul li a { text-indent: 0% !important; display: block !important; font-family: 'EB Garamond', serif !important; font-size: 8px important; color:#969695 !important;padding: 1px !important;}
.menu_list li ul li a:hover { color:black !important;}


#header{
    position:relative;
    top:0px;
    margin: 0 auto;
    width: 100%;
    min-width: 1028px;
    text-align: center;
    background-color: #f0f0f0;
}

#header div{
    display: inline-block;
    margin: 0 auto;
}

#header .social .icon{
    width:30px;
    height:30px;
    display:block;
    float:left;
}

#header .social .icon{
    width: 30px;
    height: 30px;
    margin-right: 10px;
}
#header .social .icon.facebook{
    background: url('../image/menclub/top/icon_30x30_social.png') no-repeat 0px 0px;	
}
#header .social .icon.weibo{
    background: url('../image/menclub/top/icon_30x30_social.png') no-repeat -90px 0px;
}
#header .social .icon.instagram{
    background: url('../image/menclub/top/icon_30x30_social.png') no-repeat -30px 0px;
}
#header .social .icon.youtube{
    background: url('../image/menclub/top/icon_30x30_social.png') no-repeat -60px 0px;
}



#header .page_search_container .page_search{
    margin: 0 auto;
    width:155px;
    height:25px;
    display:block;
    font-size:10px;
    border:0px;
    text-align:center;
    color:#444244;
    letter-spacing:1px;
    padding-left: 30px;
    background-color: white;
}


.page_search_container + .page_navigation_container{
    border: 0px none;
}

.btn_search{
    width: 15px;
    height: 15px;
    background-image: url('../image/menclub/top/icon_15x15_search.png');
    background-repeat: no-repeat;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    outline: none;
    display: inline-block;
    position: relative;
    top: -19px;
    left: -78px;
}

#header #handbooknofity{
    color: white;
    width: 25px;
    height: 25px;
    background-image: url('../image/menclub/top/myHandbook_circle.png');
    background-repeat: no-repeat;
    position: relative;
    left:68px;
    top:3px;
    display:none;
}

#header #mc_logo a{
    display: block;
    width: 100%;
    height: 100%;
    white-space: nowrap;
    text-indent: -100%;
    overflow: hidden;
    border: 0 none;
}


#header .menu_bar .menu_list li a{
    color:#000;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
text-transform: uppercase;

}

.submenu li{
    transition: all 0.5s ease;
}

.submenu li:hover{
    background-color:#999;
    color:#eee;
}

#header #btn_register{
    position: absolute;
    top: 0px;
    left: 250px;
    z-index: 10000;
    width: 91px;
    height: 79px;
    display: block;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    word-wrap: normal;
    background-image: url(../image/beautyexchange/top/btn_register.png);
    background-repeat: no-repeat;
    background-position: left 0;
}

#header #btn_register:hover{
    background-position: left bottom;
}

#header .member_bg{
    height:128px;
    background-color:#f0f0f0;
    width:100%;
    position:relative;
}

#header .member_bg > div{
    width:19%;
}

#header #headerdate{
    padding: 30px 1%;
    position: relative;
    top: -29px;
    font-size: larger;
}

#header .member_bg .social{
    padding: 30px 1%;
    position: relative;
    top: -68px;
    line-height: 3;    
    width:121px;
}

#header .page_search_container{
    margin:30px 1%;
    position: relative;
    top: -10px;
}

#header #myhandbook{
    max-width: 165px;
    min-width:100px;
    height: 44px;
    background: url('../image/menclub/top/myHandbook.png') no-repeat;
    margin:0px -1%;
    position: relative;
    top: -19px;
    background-size:100% auto;
    width:100%;
    display:inline-block;
}

#header .member_bar{
    float:right;
}

#header #mc_logo{
    min-width:200px;
    max-width:299px;
    height:87px;
    z-index:10000;
    top:0px;
    text-indent: -9999px;
    background-image:url(../image/menclub/top/logo.png);
    background-repeat:no-repeat;
    background-size:100% auto;
    color:#fff;
    padding: 30px 1%;
}

#header .member_bar .login,
#header .member_bar .social,
#header .member_bar .welcome,
#header .member_bar #head_login_form{
    float:left;
}

#header .member_bar .field{
    float:left;
    height:25px;
    line-height:25px;
    padding:0px 10px;
    letter-spacing:2px;
    cursor:default;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
}

#header .member_bar .field.login{
    background:#e77a8f;
    padding:0 20px;
}

#header .member_bar .field.welcome{
    background:#fffff4;
    padding:0 20px;
    font-size:13px;
}

#header .member_bar .field.welcome a{
    color:#BC8377;
    font-weight:bold;
}

#header .member_bar .field.search{
    background:url(../image/beautyexchange/top/icon_search_pink.png) #fffff4 4px 3px no-repeat;
}

#header .member_bar .search_field{
    width:120px;
    margin-left:15px;
}

#header .member_bar #btn_facebook_login{
    float: left;
    margin: 5px 10px 0px 0px;
    background-image: url('../image/beautyexchange/button/facebook_login.png');
    background-repeat: no-repeat;
    background-position: center top;
    width: 71px;
    height: 16px;
    display: block;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

#header .member_bar .be_btn.login{
    background:#e77a8f;
    padding:0 20px;
    color:#fff;
    border:0px;
    height:25px;
    font-family: 'EB Garamond', serif;
    font-size:11px;
    letter-spacing:2px;
    cursor:pointer;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#header .member_bar .be_btn.login:hover{
    background-color:#e070a0;
}

#header .member_bar .label{
    float:left;
    color:#915059;
    font-size:10px;
}

#header input[type='text'],
#header input[type='password']{
    border:0px;
    height:25px;
    line-height:25px;
    margin:0px;
    background:none;
    color:#915059;
    width:100px;
    font-size:11px;
    font-family: 'EB Garamond', serif;
    letter-spacing: 2px;
}

#header input[type='password']{
    display:none;
}


#header .menu_bg{
    background-color:#f0f0f0 !important;
    height:40px;
    width:100%;
    border-bottom:7px solid #000;
    border-top:1px dotted #000;
}

#header .menu_bar{

    font-size:11px;
    width: 100%;
}

#header .menu_bar #float_menu_setting{
    position: absolute;
    top: 30px;
    right: 0px;
    width: 215px;
    overflow: hidden;
    background-color: #92505A;
    display:none;
}

#header .menu_bar #float_menu_setting li a{
    color: #FFF;
    width:170px;
    display:block;
    padding:8px 23px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#header .menu_bar #float_menu_setting li a:hover{
    background-color:#aaa;
    border-top:1px dotted #fff;
    border-bottom:1px dotted #fff;
    padding:11px 23px;
    text-decoration: none;
}

#header .menu_bar #float_menu_setting .user_profile{
    float: left;
    width: 100%;
    border-bottom: dotted 1px #FFF;
    background-color:#a45a64;
}

#header .menu_bar #float_menu_setting .user_profile .wrapper{
    float: left;
    margin: 5px 10px;
    width: 195px;
    height:67px;
}

#header .menu_bar #float_menu_setting .user_profile img{
    float: left;
    max-width:66px;
    max-height:66px;
}

#header .menu_bar #float_menu_setting .user_profile .info{
    float: right;
    width: 115px;
    text-align: center;
}

#header .menu_bar #float_menu_setting .user_profile .info p{
    color: #FFF;
    font-size: 15px;
    font-weight: bold;
}

#header .menu_bar #float_menu_setting .feature{
    background-color:#b06873;
    float:left;
    width:100%;
    border-bottom: dotted 1px #FFF;
}

#header .menu_bar #float_menu_setting .feature ul{
    width:195px;
}

#header .menu_bar #float_menu_setting .feature ul li{
}

#header .menu_bar #float_menu_setting #menu_btn_link_facebook{
    display: none;
}

#header .menu_bar #float_menu_setting .btn_signout{
    width:80%;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    color: #FFF;
    padding: 10px 10%;
    margin-top: 20px;
    text-decoration: none;
    font-style: italic;
    background-color:#d4939f;
}

#header .menu_bar span.split{
    float:left;
    margin:0 24px;
    font-size:14px;
}

#header .menu_bar .menu_list{
    width:100%;
    display: flex;
    justify-content: space-evenly;
}

#header .menu_bar .menu_list li{
    float:left;
    color:#f0f0f0;
    line-height:30px;
    letter-spacing:1px;
    width:auto;
}
.menu_bar .menu_list a{
    height: 38px;
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    outline: none;
    font-size:14px;
    display: inline-block;
    text-align: center;
}

#header .menu_lifestyle{
    width: 100px;
    background: url('../image/menclub/top/menu_lifestyle.png') no-repeat 0px 0px;
}

#header .menu_powernmoney{
    width: 154px;
    background: url('../image/menclub/top/menu_power&money.png') no-repeat 0px 0px;
}


#header .menu_style{
    width: 59px;
    background: url('../image/menclub/top/menu_style.png') no-repeat 0px 0px;
}
#header .menu_tech{
    width: 49px;
    background: url('../image/menclub/top/menu_tech.png') no-repeat 0px 0px;
}
#header .menu_autos{
    width: 53px;
    background: url('../image/menclub/top/menu_auto.png') no-repeat 0px 0px;
}
#header .menu_people{
    width: 72px;
    background: url('../image/menclub/top/menu_people.png') no-repeat 0px 0px;
}
#header .menu_girls{
    width: 55px;
    background: url('../image/menclub/top/menu_girls.png') no-repeat 0px 0px;
}
#header .menu_gags{
    width: 52px;
    background: url('../image/menclub/top/menu_gags.png') no-repeat 0px 0px;
}


/*
#header .menu_feature{
    width: 83px;
    margin-left: 15px;
    background: url('../image/menclub/top/menu_feature.png') no-repeat 0px 0px;
}

#header .menu_life{
    width: 40px;
    background: url('../image/menclub/top/menu_life.png') no-repeat 0px 0px;
}

#header .menu_machine{
    width: 94px;
    background: url('../image/menclub/top/menu_machines.png') no-repeat 0px 0px;
}

#header .menu_menwomen{
    width: 132px;
    background: url('../image/menclub/top/menu_man&woman.png') no-repeat 0px 0px;
}
*/

#header .menu_blog{
    width: 49px;
    background: url('../image/menclub/top/menu_blog.png') no-repeat 0px 0px;
}

#header .menu_forum{
    width: 65px;
    background: url('../image/menclub/top/menu_forum.png') no-repeat 0px 0px;
}

#header .menu_private{
    width: 135px;
    background: url('../image/menclub/top/menu_prirateRoom.png') no-repeat 0px 0px;
}

#header .menu_thezone1{
    width: 97px;
    background: url('../image/menclub/top/menu_thezone1.png') no-repeat 0px 0px;
}

#header .menu_thezone2{
    width: 97px;
    background: url('../image/menclub/top/menu_thezone2.png') no-repeat 0px 0px;
}

#header .menu_girl{
    width: 143px;
    background: url('../image/menclub/top/menu_girl.png') no-repeat 0px 0px;
}




#header .be_btn.pm{
    position: absolute;
    top: 0px;
    right: 30px;
    width: 30px;
    height: 30px;
    padding: 0;
    background-image: url('../image/beautyexchange/top/icon_pm.png');
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0.5;
    filter: alpha(opacity=50);
    transition: all 0.5s ease;
}

#header .be_btn.pm:hover,
#header .be_btn.pm.active{
    opacity: 1;
    filter: alpha(opacity=100);
}

#header .be_btn.pm .wrapper{
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
}

#header .be_btn.pm .wrapper .cnt{
    position: absolute;
    bottom: 2px;
    right: 2px;
    width: auto;
    padding:0 2px;
    height: 14px;
    display: block;
    background-color: #FF0000;
    color: #FFF;
    font-size: 10px;
    font-weight: bold;
    font-family: Arial;
    text-align: center;
    border-radius: 2px 2px;
    display: none;
}

#header .be_btn.setting{
    position: absolute;
    top: 0px;
    right: 0px;
    width:30px;
    height:30px;
    background:url(../image/beautyexchange/top/icon_setting.png) center center no-repeat;
}

#header .h_wrap {
    min-width: 1024px;
    margin: 0 auto;
    position: relative;
    width: 100%;
    max-width: 1317px;
}

.header_links a.current{
    text-decoration: underline;
}



#header .h_wrap .m1{width:11%;}
#header .h_wrap .m2{width:15%;}
#header .h_wrap .m3{width:7%;}
#header .h_wrap .m4{width:8%;}
#header .h_wrap .m5{width:11%;}
#header .h_wrap .m6{width:7%;}
#header .h_wrap .m7{width:8%;}
#header .h_wrap .m8{width:16%;}
#header .h_wrap .m9{width:13%;}