@charset "utf-8";


.portal-outlogin {}
.portal-outlogin .login-box { display:table; width:100%; table-layout:fixed; }
.portal-outlogin .login-cell { display:table-cell; padding:0px; vertical-align:middle; }
.portal-outlogin .login-cell.login-btn {width:70px;height: 80px;text-align:center;background: #fafafa;border: 1px solid #cccccc;color: #3F3F3F;font-size: 12px;border-left:0px;cursor:pointer;letter-spacing:-1px;}
.portal-outlogin .login-cell .form-control:focus { border-color:#ccc !important; box-shadow:none !important; }
.portal-outlogin .login-cell .no-top-border { border-top:0px !important }
.portal-outlogin .login-misc { margin-top:8px; letter-spacing:-1px; color:#888; }
.portal-outlogin .login-misc label { line-height:12px; font-weight: normal; cursor: pointer; }

.portal-outlogin .profile .photo { margin-right:10px; }
.portal-outlogin .profile .photo img { width:44px; height:44px; border-radius: 50%; border:0; }
.portal-outlogin .profile .photo i { width:44px; height:44px; font-size:26px; line-height:44px; text-align:center; background:#eee; border-radius: 50%; color:#fff; }
.portal-outlogin .bar { color:#ccc; margin:0px 4px; }
.portal-outlogin .exp-bar { margin:8px 0px; }
.portal-outlogin .exp-bar .progress { margin:0px !important; height:8px !important; }

.portal-outlogin .logout-btn { background:#fafafa; border:1px solid #ddd; text-align:center; margin-top:-2px; width: 60px; height: 20px; font-size: 12px; line-height: 20px; letter-spacing:-1px; }

.playlowrap{
    margin-bottom: 0px;
}

.portal-memeber{zoom:1;border: 1px solid #dcdcdc;border-bottom:0;height: 100%;position:relative;z-index:10;}
.portal-memeber .member-wrap{height:54px;position:relative;z-index:10;background-color:#f3f4f3;border-bottom: 1px solid #e6e6e6;}
.portal-memeber .member-wrap .userifo{position:relative;padding:8px 0 4px 58px;zoom:1}
.portal-memeber .member-wrap .userifo .userthumb{position:absolute;left:11px;top:5px;width:42px;height:42px;overflow:hidden}
.portal-memeber .member-wrap .userifo .userthumb img{width:auto;height:auto;max-width:100%;max-height:100%;border-radius:50%;}

.portal-memeber .usubinfo{margin-bottom:5px;line-height:19px;white-space:nowrap;position:relative}
.portal-memeber .usubinfo .uname{max-width:90px;*width:90px;vertical-align:middle;position:relative;overflow:hidden;box-sizing:content-box;margin-right:6px}

.portal-memeber .usubinfo .uname a{color:#2f3743;font-weight:bold}.profile .private .user_name a:hover{text-decoration:none}
.portal-memeber .link-info{color:#848688;text-decoration:underline;font-size: 10px;margin-left: -5px;}
.portal-memeber .btn-logout{position:absolute;right: 6px;border:1px solid #d1d1d1;color: #525252;font-size: 10px;height: 18px;overflow:hidden;vertical-align:top}
.portal-memeber .btn-logout .biner{border:1px solid #fff;border-right:0;border-bottom:0;background-color: #FFFFFF;padding:0 4px 0;height:15px;line-height:15px;vertical-align:top;*line-height:17px}
.portal-memeber .userservice{font-size: 11px;line-height: 6px;white-space:nowrap;margin-left: -9px;}
.portal-memeber .userservice a{color: #6b6b6b;letter-spacing: -1px;font-size: 12px;text-decoration:none !important;vertical-align:top;cursor:pointer !important;}
.portal-memeber .userservice .lnk_my{padding: 0px 8px 0px 10px;*padding-right:9px;top: 2px;position: relative;}
.lbar{color: #a9a9a9;position: relative;top: 2px;margin-right: 3px;}
.memoco{font-size: 11px;margin-left: 2px;color: #00A1FF;font-weight: 600;}


.ncs_out_login{float:left;background:#f8f8f8;text-align:center;position: relative;}
.ncs_my_info{width:100%;position:relative;margin:0 auto;}
.ncs_info1{position:absolute; left:2px; top:10px; width:167px; height:76px; overflow:hidden; text-align:left; border-right:1px solid #e9e9e9;}
.ncs_info1 em img{width:48px;height:48px;border:1px solid #e3e3e3; }
.ncs_info1 strong{display:block;position:absolute; text-align:center; left:51px; top:5px;}
.ncs_info1 strong span{display:block; color:#333; font-size:11px;}
.ncs_info1 strong span u{font-weight:normal; color:#666; text-decoration:none;}
.ncs_info1 strong b{display:block;margin-top: 3px;width:90px;height: 21px;overflow:hidden;color:#000;font-size:12px;}
.ncs_info1 .ncs_info1_1{text-align:center;width:110px;height:30px; margin-top: 5px; font-size:11px; line-height:30px; letter-spacing:-0.05em;color:#666;border-top: 1px solid #e9e9e9;overflow:hidden;}
.ncs_info1 .ncs_info1_1 a{display:inline-block; margin-right:3px;  letter-spacing:-1px;} 
.ncs_info1 .ncs_info1_1 a b{display:inline-block;padding-left: 3px;}
.ncs_info1 .ncs_info1_1 a:link,
.ncs_info1 .ncs_info1_1 a:visited{color:#7e7e7e;}
.ncs_info1 .ncs_info1_1 a:hover{color:#000;}


.ncs_info2{position:absolute; left:170px; top:10px; width:155px; height:76px; overflow:hidden; text-align:left; border-left:1px solid #fff;}
.ncs_info2 .exp{float:right;text-align:center;width:136px;overflow:hidden;margin-bottom: 8px;}
.ncs_info2 .exp strong{float:left; width:34px; height:24px; line-height:24px; font-weight:normal; color:#666; font-size:11px; letter-spacing:-1px;}
.ncs_info2 .exp .exp_bar{float:left; height:24px; overflow:hidden; width:80px; position:relative;}
.ncs_info2 .exp .exp_bar u{display:block;  position:absolute; top:8px; left:0px; z-index:1; width:100%; height:6px; background:#ddd;}
.ncs_info2 .exp .exp_bar span{display:block; height:6px; background:#1b7dde; position:absolute; top:8px; left:0px; z-index:2;}
.ncs_info2 .exp .exp_bar em{display:block; width:6px; height:6px; background:#1b7dde; position:absolute; top:8px; right:0px; z-index:3;}
.ncs_info2 .exp .next_level{float:left; text-align:right; width:30px; height:24px; line-height:24px; color:#1b7dde; font-size:11px; letter-spacing:-1px; overflow:hidden;}
.ncs_info2 .my_exp{float:right;text-align:center;width:146px;height:25px;line-height:25px;font-family:verdana;letter-spacing:-0.05em;color:#666;border-top: 1px solid #e9e9e9;overflow:hidden;}
.ncs_info2 .my_info02-1{float:right; text-align:right; width:146px; overflow:hidden; height:28px; line-height:28px; font-size:11px; letter-spacing:-1px;}
.ncs_info2 .my_info02-1 u{display:inline-block; padding:0 5px;text-decoration:none; color:#c0c0c0;}
.div_progress_custom{height:10px !important;width: 80px;}

.ncs_info3{position:absolute;left: 0px;top:70px;width: 332px;height: 66px;background:#fff;overflow:hidden;border-top:1px solid #dbdbdb;border-bottom:1px solid #efefef;}
.ncs_info3 div{width:33%;float:left;margin-top: 8px;height: 48px;overflow:hidden;text-align:center;color:#666;font-size:11px;letter-spacing:-1px;}
.ncs_info3 div span{display:block;padding-top:5px;color:#333;font-family:verdana;font-size:11px;letter-spacing:-1px;}
.ncs_info3 div.ncs_03_02{border-left:1px solid #e9e9e9;border-right:1px solid #e9e9e9}
.ncs_info3 div.ncs_03_01 span b{color:#000000;}
.ncs_info3 div.ncs_03_02 span b{color:#cc0000;}
.ncs_info3 div.ncs_03_03 span b{color:#012295;}

.form_custom_login{
    height: 40px;
}
.member_content_info{width: 332px;height: 35px;position: relative;top: 135px;left: 0px;bottom: 6px;}
.member_content_info .my_contents{width:100%;height: 35px;position:relative;border-top: 1px solid #cecece;}
.member_content_info_b{width:334px;height: 35px;overflow:hidden;margin: 0;list-style: none;padding: 0;}
.member_content_info_b li{float:left;height: 35px;text-align: center;width:67px;background:URL(./img/ico_toptab_line.gif) no-repeat left center;}
.member_content_info_b li a{display:block;height: 35px;line-height: 35px;width:100%;letter-spacing:-1px;font-size:11px;color: #333 !important;}
.member_content_info_b li.first{width:66px;background:none;}