@charset "UTF-8";
#con-body-area{box-sizing:border-box;min-height:70vh;background:#171717}
#con-body-area .join-body{padding:0 12px}
#con-body-area .select-all{overflow:hidden}
#con-body-area .select-all label{color:#fff;font-size:16px;line-height:20px;font-weight:700}
#con-body-area .select-all .left-side{float:left;padding:2px 0}
#con-body-area .select-all .left-side input{width:16px;height:16px}
#con-body-area .select-all .right-side{float:left;width:calc((100% - 24px));margin-left:7px}
#con-body-area .quasar-row{overflow:hidden;padding-top:30px}
#con-body-area .quasar-row label{color:#fff;font-size:16px;line-height:20px;font-weight:700}
#con-body-area .quasar-row .left-side{float:left;padding:2px 0}
#con-body-area .quasar-row .left-side input{width:16px;height:16px}
#con-body-area .quasar-row .right-side{float:left;width:calc((100% - 24px));margin-left:7px}
#con-body-area .quasar-row span{color:#ff9400;font-size:12px;font-weight:700}
#con-body-area .quasar-row .terms-area{height:200px;border:1px solid #545454;margin-top:15px}
#con-body-area .quasar-row .terms-area .mCustomScrollbar{height:200px;background-color:#272727;padding:15px 0 10px 15px;box-sizing:border-box;font-size:12px;color:#999;line-height:16px}
#con-body-area .quasar-row .terms-area .mCustomScrollBox{width:100%}
#con-body-area .join-body .btn-area{padding-top:25px;padding-bottom:40px}
#con-body-area .join-body .btn-area a{padding:13px 0 11px}
#con-body-area .join-body .btn-area .cancel-btn{display:inline-block;font-size:17px;font-weight:700;color:#fff;background:#272727;border:1px solid #4e4e4e;width:calc((100% - 16px)/ 2);text-align:center}
#con-body-area .join-body .btn-area .ok-btn{display:inline-block;font-size:17px;font-weight:700;color:#fff;background:#ff9200;border:1px solid #4e4e4e;width:calc((100% - 15px)/ 2);text-align:center;margin-left:5px}
#con-body-area .join-body .join-form li{padding-top:25px}
#con-body-area .join-body .join-form li:first-child{padding-top:0}
#con-body-area .join-body .join-form li p {color: #fff;font-size: 16px;font-weight: 700;letter-spacing: -.5px;}
#con-body-area .join-body .join-form li p span {font-size: 12px;color: #fff;letter-spacing: -1px;}
#con-body-area .join-body .join-form li p span.mail-chk{color:#ff9200}
#con-body-area .join-body .join-form li p.pw-area{position:relative}
#con-body-area .join-body .join-form li p.pw-area .pass-input-state{position:absolute;right:14px;height:39px;line-height:58px;padding-right:28px;top:0;color:#fff;font-size:12px}
#con-body-area .join-body .join-form li p.pw-area .pass-input-state:after{position:absolute;right:0;width:20px;height:20px;content:"";top:50%;margin-top:-1px}
#con-body-area .join-body .join-form li p.pw-area .pass-input-state.type1{color:#6dff7b}
#con-body-area .join-body .join-form li p.pw-area .pass-input-state.type1:after{background:url(../images/sub/pass_icon_type1.png) no-repeat center center;background-size:20px 20px}
#con-body-area .join-body .join-form li p.pw-area .pass-input-state.type2{color:#ffc820}
#con-body-area .join-body .join-form li p.pw-area .pass-input-state.type2:after{background:url(../images/sub/pass_icon_type2.png) no-repeat center center;background-size:20px 20px}
#con-body-area .join-body .join-form li p.pw-area .pass-input-state.type3{color:#fd6c6c}
#con-body-area .join-body .join-form li p.pw-area .pass-input-state.type3:after{background:url(../images/sub/pass_icon_type3.png) no-repeat center center;background-size:20px 20px}
#con-body-area .join-body .join-form li p.pw-area .pass-input-state.type4{text-indent:-9999px;overflow:hidden}
#con-body-area .join-body .join-form li p.pw-area .pass-input-state.type4:after{background:url(../images/sub/pass_icon_type4.png) no-repeat center center;background-size:20px 20px}
#con-body-area .join-body .join-form li input{height:38px;background:#272727;color:#fff;border:1px solid #4f4f4f;box-sizing:border-box;width:100%;padding-left:5px;margin-top:10px}
#con-body-area .join-body .join-btn{display:block;font-size:17px;font-weight:700;color:#fff;background:#ff9200;border:1px solid #4e4e4e;text-align:center;padding:14px 0;margin-top:50px}
#con-body{box-sizing:border-box;min-height:100vh;background:#272727}
#con-body .page-name{border-bottom:2px solid #ff9920;font-size:17px;font-weight:700;color:#fff;padding:14px 12px;position:relative}
#con-body .page-name .sub-tit{display:block;padding-top:10px;font-size:14px;color:#7b7b7b;font-weight:700}
#con-body .info-body .page-name .sort-area{position:absolute;right:12px;top:5px}
#con-body .info-body .view-page-name {padding: 14px 12px 10px 12px;position: relative;background: #222;border-bottom: 1px solid #333;}
.view-style01{padding:12px;border-bottom:1px solid #323232}
.view-style01 .tit {overflow: hidden;padding: 0 0 12px;display: flex;}
.view-style01 .tit div{float:left}
.view-style01 .tit h1,.view-style01 .tit p{font-size:18px;font-weight:700;color:#fff;padding-top:2px}
.view-style01 .tit .num span{display:inline-block;font-size:12px;min-width:25px;height:25px;vertical-align:top;text-align:center;line-height:23px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;box-sizing:border-box;padding:0 4px}
.view-style01 .tit .num span.tp1{border:1px solid #525252;background-color:#272727;color:#828282}
.view-style01 .tit .ment {width: calc(100% - 25px);padding-left: 10px;line-height: 22px;}
.content .ev-tit{padding:12px;background:#222;border-bottom:2px solid #333}
.content .ev-tit h1,.content .ev-tit p{font-size:16px;font-weight:700;color:#fff;padding-top:2px}
.content .ev-tit .ment span.time-txt{display:block;font-size:14px;color:#7b7b7b;font-weight:700;padding-top:5px}
.view-style01 .view-content{color:#e3e3e3;padding:12px 0 50px;line-height:18px}
.view-style01 .view-content p{color:#e3e3e3;padding:0}
.view-style01 .view-url-area{padding:0}
.view-style01 .view-url-area .view-url-link{background:#443828;border:2px solid #333;padding:6px}
.view-style01 .view-url-area .view-url-link p{color:#e3e3e3;font-size:13px;padding-left:15px;background:url(../images/sub/view_url_icon.png) no-repeat left 0;background-size:10px 13px;display:inline-block}
.view-style01 .view-url-area .view-url-link a{display:inline-block;color:#e3e3e3;font-size:13px;letter-spacing:.3px;width:calc((100% - 48px));word-break:break-all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;top:1px;vertical-align:middle}
.act-style01{margin:0 12px;background:#242424}
.act-style01 .act-tit{border-bottom:1px solid #525252;padding:12px 0;overflow:hidden}
.act-style01 .act-tit a{display:inline-block;color:#fff;font-size:13px;float:left}
.act-style01 .act-tit a span{color:#dba84f;font-size:13px;display:inline-block}
.act-style01 .act-tit .act-btn{display:inline-block;float:right}
.act-style01 .act-tit .act-btn a{display:inline-block;text-indent:-99999px;width:18px;height:18px;margin-left:5px}
.act-style01 .act-tit .act-btn a:first-child{margin-left:0}
.act-style01 .act-tit .act-btn a.reco{background:url(../images/sub/act_reco_btn.png) no-repeat center center;background-size:18px 18px}
.act-style01 .act-tit .act-btn a.scrap{background:url(../images/sub/act_scrap_btn.png) no-repeat center center;background-size:18px 18px}
.act-style01 .act-tit .act-btn a.link{background:url(../images/sub/act_link_btn.png) no-repeat center center;background-size:18px 18px}
.act-style01 .act-tit .act-btn a.def{background:url(../images/sub/act_def_btn.png) no-repeat center center;background-size:18px 18px}
.act-style01 .act-tit .act-btn a.call{background:url(../images/sub/act_def_btn.png) no-repeat center center;background-size:18px 18px}
.act-style01 .act-tit .act-btn a.hold{background:url(../images/sub/act_hold_btn.png) no-repeat center center;background-size:18px 18px}
.act-style01 .act-list-area{padding:12px 0;display:none}
.act-style01 .act-list-area.active{display:block!important}
.act-style01 .act-list-area .tab-menu a{display:inline-block;color:#656565;font-size:14px;font-weight:700;padding-bottom:3px;margin-right:10px}
.act-style01 .act-list-area .tab-menu a.on{color:#fff;border-bottom:1px solid #ff9400}
.act-style01 .act-list-area .tab-story{display:block}
.act-style01 .act-list-area .tab-con{padding-top:10px}
.act-style01 .act-list-area .tab-con ul li{overflow:hidden}
.act-style01 .act-list-area .tab-con ul li a{display:inline-block;float:left;color:#e3e3e3;font-size:13px;padding:5px 0;word-break:break-all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;width:calc((100% - 76px))}
.act-style01 .act-list-area .tab-con ul li p{display:inline-block;float:right;color:#525252;font-size:13px;padding:5px 0}
.comment-style01{padding:12px 12px 0}
.comment-style01 .tit{font-size:16px;font-weight:700;color:#fff;padding-bottom:12px}
.comment-style01 .tab-area{overflow:hidden;border-bottom:1px solid #333;padding-bottom:12px;padding-top:3px}
.comment-style01 .tab-area .tab-menu{float:left}
.comment-style01 .tab-area .tab-menu a{display:inline-block;color:#656565;font-size:14px;padding-right:8px}
.comment-style01 .tab-area .tab-menu a.on{color:#fff}
.comment-style01 .view-comment-btn{float:right}
.comment-style01 .view-comment-btn a{color:#fff;font-size:13px;position:relative;padding-right:38px}
.comment-style01 .comment{padding:12px 0 0}
.comment-style01 .comment .comment-user-image{width:40px;height:40px;background:red;border-radius:45px;float:left}
.comment-style01 .comment .comment-user-level{background:red;width:20px;height:20px;border-radius:25px;display:inline-block}
.comment-style01 .comment .comment_main .comment-user-form{float:left;padding-left:10px;width:calc((100% - 50px))}
.comment-style01 .comment .comment-user-info{position:relative}
.comment-style01 .comment .comment-user-info p{display:inline-block;font-size:14px;color:#fff;font-weight:700}
.comment-style01 .comment .comment-user-info span{display:inline-block;font-size:12px;color:#fff;font-weight:700;padding:1px 8px 0 15px;border-radius:3px;margin-left:5px;background:url(../images/sub/comment_good_icon.png) no-repeat 3px 3px red;background-size:10px 10px}
.comment-style01 .comment .comment-view-date p{display:inline-block;font-size:13px;color:#525252}
.comment-style01 .comment .comment-user-form .comment-view-date{padding-top:3px}
.comment-style01 .comment .comment-user-form .comment_story{color:#fff;font-size:13px;line-height:2;padding-top:3px;word-break:break-word}
.comment-style01 .comment .comment-user-form .comment_option {overflow: hidden;}
.comment-style01 .comment .comment-user-form .comment_option a.comment-btn{display:inline-block;float:left;font-size:13px;color:#fff;background:#000;padding:4px 10px 4px 20px;border-radius:3px;position:relative}
.comment-style01 .comment .comment-user-form .comment_option a.comment-btn.open:before{position:absolute;content:"";left:-4px;top:10px;width:21px;height:5px;background:url(../images/sub/comment_btn_icon.png) no-repeat 10px center;background-size:9px 5px}
.comment-style01 .comment .comment-user-form .comment_option a.comment-btn.close:before{position:absolute;content:"";left:4px;top:10px;width:21px;height:5px;background:url(../images/sub/comment_btn_icon.png) no-repeat 10px center;background-size:9px 5px;transform:rotate(-180deg)}
.comment-style01 .comment .commnet-main{border-bottom:none!important;padding:15px 0;border-top:1px solid #333;position:relative}
.comment-style01 .comment .commnet-main.comment-reply{padding-left:50px;border-top:none;padding-top:0}
.comment-style01 .comment .commnet-main:first-child{border-top:none}
.comment-style01 .comment .commnet-main .comment-user-form{padding-left:10px;padding-bottom:5px;display:inline-block;width:calc((100% - 40px))}
.comment-style01 .comment .commnet-main .comment-user-form .comment_option .comment-fix-btn{float:right}
.comment-style01 .comment .commnet-main .comment-user-form .comment_option .comment-fix-btn a{color:#a4a4a4;font-size:13px;padding:3px 0;margin-left:10px;display:inline-block}
.comment-style01 .comment .commnet-main .comment-user-form .comment_option .comment-fix-btn a.fix{color:#dba84f}
.comment-style01 .comment .commnet-main .comment-user-form .comment_option .comment-fix-btn a.del{color:#dba84f}
.comment-style01 .comment .commnet-main .comment-user-form .comment_option .comment-fix-btn a.reply{color:#dba84f}
.comment-style01 .comment .commnet-main .comment-user-form .comment_option .comment-fix-btn a.def{position:relative}
.comment-style01 .comment .commnet-main .comment-user-form .comment_option .comment-fix-btn a.def:before{position:absolute;content:"";left:-7px;top:6px;width:1px;height:8px;background:#a4a4a4}
.comment-style01 .comment .commnet-reply{overflow:hidden;width:calc((100% - 50px));padding:15px 0 0 50px;border-bottom:none!important}
.comment-style01 .comment .commnet-reply .comment-user-form .comment_option .comment-fix-btn{float:right}
.comment-style01 .comment .commnet-reply .comment-user-form .comment_option .comment-fix-btn a{color:#a4a4a4;font-size:13px;padding:3px 0;margin-left:10px;display:inline-block}
.comment-style01 .comment .commnet-reply .comment-user-form .comment_option .comment-fix-btn a.fix{color:#dba84f}
.comment-style01 .comment .commnet-reply .comment-user-form .comment_option .comment-fix-btn a.del{color:#dba84f}
.comment-style01 .comment .commnet-reply .comment-user-form .comment_option .comment-fix-btn a.reply{color:#dba84f}
.comment-style01 .comment .commnet-reply .comment-user-form .comment_option .comment-fix-btn a.def{position:relative}
.comment-style01 .comment .commnet-reply .comment-user-form .comment_option .comment-fix-btn a.def:before{position:absolute;content:"";left:-7px;top:6px;width:1px;height:8px;background:#a4a4a4}
#con-body .info-body .view-page-name .view-back-area{padding-bottom:8px}
#con-body .info-body .view-page-name .view-back-area a {color: #fff;font-size: 17px;font-weight: 700;display: inline-block;background: url(../images/sub/view-tit-arrow.png) no-repeat right 2px;background-size: 6px;padding-right: 15px;}
#con-body .info-body .view-page-name .view-user-area{padding-top:8px;position:relative}
#con-body .info-body .view-page-name .view-user-area .view-user-img{width:40px;height:40px;overflow:hidden;border-radius:45px;display:inline-block}
#con-body .info-body .view-page-name .view-user-area .view-user-img img{width:40px;height:40px}
#con-body .info-body .view-page-name .view-user-area .view-user-info{display:inline-block;padding-left:8px;position:relative;width:calc((100% - 154px));vertical-align:top;padding-top:2px}
#con-body .info-body .view-page-name .view-user-area .view-user-info .view-user-level{width:20px;height:20px;overflow:hidden;display:inline-block}
#con-body .info-body .view-page-name .view-user-area .view-user-info .view-user-level img{width:20px;height:20px}
#con-body .info-body .view-page-name .view-user-area .view-user-info .view-user-pro a.view-user-nick{color:#e3e3e3;font-size:16px;font-weight:700;display:inline-block;word-break:break-all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;width:calc((100% - 26px));vertical-align:top;top:2px!important;line-height:18px}
#con-body .info-body .view-page-name .view-user-area .view-user-info .view-date p{display:inline-block;color:#767676;font-size:12px;padding:0 5px;position:relative}
#con-body .info-body .view-page-name .view-user-area .view-user-info .view-date p:first-child{padding-left:0}
#con-body .info-body .view-page-name .view-user-area .view-user-info .view-date p.time:after{position:absolute;content:"";right:-3px;top:2px;width:1px;height:10px;background:#767676}
#con-body .info-body .view-page-name .view-user-area .view-user-btn{float:right}
#con-body .info-body .view-page-name .view-user-area .view-user-btn a{width:20px;height:18px;display:inline-block;text-indent:-99999px;margin:2px 0 3px;position:relative}
#con-body .info-body .view-page-name .view-user-area .view-user-btn a.view-msg-btn{background:url(../images/sub/view_msg_icon.png) no-repeat center center;background-size:20px 18px;padding:9px 5px}
#con-body .info-body .view-page-name .view-user-area .view-user-btn a.view-add-btn{background:url(../images/sub/view_add_icon.png) no-repeat center center;background-size:20px 18px;padding:9px 5px}
#con-body .info-body .view-page-name .view-user-area .view-user-btn a.view-del-btn{background:url(../images/sub/view_del_icon.png) no-repeat center center;background-size:20px 18px;padding:9px 0 9px 13px}
#con-body .info-body .view-page-name .view-user-area .view-user-btn a.view-del-btn:before{position:absolute;content:"";left:0;top:11px;width:1px;height:15px;background:#959595}
#con-body .page-name .sort-area select{display:inline-block;width:90px;height:31px;background:url(../images/sub/sort_arrow_icon_down.png) no-repeat 70px 12px;color:#fff;border-top:1px solid #525252;border-right:1px solid #525252;border-left:1px solid #525252;border-bottom:1px solid #525252;padding-right:10px;padding-left:10px;font-size:13px;-webkit-appearance:none;appearance:none}
#con-body .page-name .sort-area select option{background:#272727;color:#fff;border-bottom:1px solid #525252;border-right:1px solid #525252;border-left:1px solid #525252;border-top:none}
#con-body .page-name .sort-area .sort-bt:after{position:absolute;content:"";right:10px;top:50%;margin-top:-2px;width:7px;height:4px;background:url(../images/sub/sort_arrow_icon.png) no-repeat}
#con-body .page-name .sort-area .sort-bt span{font-size:12px;font-weight:700;color:#e3e3e3}
#con-body .page-name .sort-area .hide-area{position:absolute;display:none;width:100%;bottom:30px;left:0;border-top:1px solid #525252;border-left:1px solid #525252;border-right:1px solid #525252;box-sizing:border-box}
#con-body .page-sub-name{border-bottom:2px solid #323232;font-size:17px;font-weight:700;color:#fff;padding:16px 12px 12px}
#con-body .page-sub-main{border-bottom:2px solid #323232;font-size:17px;font-weight:700;color:#ff9400;padding:16px 36px 12px;position:relative}
#con-body .page-sub-main.intro:before{position:absolute;left:12px;width:20px;height:20px;top:50%;margin-top:-10px;background:url(../images/sub/intro_h2_icon.png) no-repeat;content:"";background-size:20px 20px}
#con-body .info-body .content .sns-area{padding:50px 12px}
#con-body .info-body .content .sns-area a{display:block;font-size:17px;color:#fff;font-weight:700;text-align:center;height:50px;line-height:52px;border:1px solid #4f4f4f;letter-spacing:.5px;margin-top:10px;border:none}
#con-body .info-body .content .sns-area a:first-child{margin-top:0}
#con-body .info-body .content .sns-area a.naver-btn{background:#00c63b;padding:0 10px 0 0}
#con-body .info-body .content .sns-area a.naver-btn img{width:40px;position:relative;top:-2px}
#con-body .info-body .content .sns-area a.kakao-btn{background:#ffe800;color:#000;padding:0 5px 0 0}
#con-body .info-body .content .sns-area a.kakao-btn img{width:35px;position:relative;padding-right:3px}
#con-body .info-body .content .sns-area a.facebook-btn{background:#42609d;padding:0 11px 0 0}
#con-body .info-body .content .sns-area a.facebook-btn img{width:30px;position:relative;top:-4px;padding-right:3px}
#con-body .info-body .content .sns-area a.google-btn{background:#fff;color:#000;padding:0 3px 0 0}
#con-body .info-body .content .sns-area a.google-btn img{width:30px;position:relative;top:-2px;padding-right:3px}
#con-body .info-body .content .sns-area a.steam-btn{background:#000;padding:0 7px 0 0}
#con-body .info-body .content .sns-area a.steam-btn img{width:40px;position:relative;top:-2px;padding-right:3px}
#con-body .info-body .content .info-area{padding:12px}
#con-body .info-body .content .info-area ul li{padding-top:12px}
#con-body .info-body .content .info-area ul li:first-child{padding-top:0}
#con-body .info-body .content .info-area ul li .my-info{border:1px solid #525252;padding:15px}
#con-body .info-body .content .info-area ul li .my-info .profile-area{overflow:hidden}
#con-body .info-body .content .info-area ul li .my-info .profile-area .profile-img{width:70px;height:70px;border-radius:40px;background:red;float:left}
#con-body .info-body .content .info-area ul li .my-info .profile-area .profile-img img{width:70px;height:70px}
#con-body .info-body .content .info-area ul li .my-info .profile-area .profile-info{float:left;margin-left:10px;padding:11px 0}
#con-body .info-body .content .info-area ul li .my-info .profile-area .profile-info .user-name{color:#fff;font-weight:700;letter-spacing:.5px}
#con-body .info-body .content .info-area ul li .my-info .profile-area .profile-info .user-name span{padding:0 5px 0 3px;color:#fff;font-weight:700;letter-spacing:.5px;display:inline-block;max-width:132px;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;position:relative}
#con-body .info-body .content .info-area ul li .my-info .profile-area .profile-info .user-name img{width:24px;height:24px}
#con-body .info-body .content .info-area ul li .my-info .profile-area .profile-info .intro-self{font-size:13px;color:silver;font-weight:700;padding-top:8px;letter-spacing:.5px}
#con-body .info-body .content .info-area ul li .btn-area{padding-top:15px;overflow:hidden}
#con-body .info-body .content .info-area ul li .btn-area a{display:inline-block;color:#fff;font-weight:700;font-size:13px;border:1px solid #525252;padding:8px 11px;float:right}
#con-body .info-body .content .info-area ul li .pass-info{border:1px solid #525252;padding:15px}
#con-body .info-body .content .info-area ul li .pass-info .pass-area .pass-write-div{margin:15px 0}
#con-body .info-body .content .info-area ul li .pass-info .pass-area .pass-write-div .pass-icon{display:inline-block}
#con-body .info-body .content .info-area ul li .pass-info .pass-area .pass-write-div .pass-icon img{width:20px;height:23px}
#con-body .info-body .content .info-area ul li .pass-info .pass-area .pass-write-div input.pass-txt{height:38px;background:#272727;color:#fff;border:1px solid #4f4f4f;box-sizing:border-box;margin-left:10px;width:calc((100% - 34px))}
#con-body .info-body .content .info-area ul li .add-info{border:1px solid #525252;padding:15px}
#con-body .info-body .content .info-area ul li .add-info .add-area .add-info-view li{font-size:13px;font-weight:700;color:#fff;letter-spacing:.5px;width:100%;position:relative;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-top:5px}
#con-body .info-body .content .info-area ul li .add-info .add-area .add-info-view li span{font-size:13px;font-weight:700;color:#fff;letter-spacing:.5px}
#con-body .info-body .content .info-area ul li .sns-info{border:1px solid #525252;padding:15px}
#con-body .info-body .content .info-area ul li .sns-info .sns-info-view{text-align:left;padding-top:15px}
#con-body .info-body .content .info-area ul li .sns-info .sns-info-view a{display:inline-block;padding:0 3px}
#con-body .info-body .content .info-area ul li .sns-info .sns-info-view a img{width:40px;height:40px}
#con-body .info-body .content .info-area ul li .ask-info{border:1px solid #525252;padding:15px;background:url(../images/sub/ask_icon_bg.png) no-repeat top 20px left 15px;background-size:50px 34px}
#con-body .info-body .content .info-area ul li .ask-info .ask-info-view{text-align:left;padding-top:15px;color:#fff;font-weight:700;letter-spacing:.5px;font-size:13px;padding-left:58px}
#con-body .info-body .content .info-area ul li .ask-info .ask-info-view span{color:#ff9920;font-weight:700;letter-spacing:.5px;padding-right:3px;font-size:13px}

/* 푸시 알람 기능 설정 */
#con-body .info-body .content .info-area ul li .push-info{border:1px solid #525252;padding:15px;background:url(../images/sub/push_icon_bg.png) no-repeat top 27px left 15px;background-size:60px 60px}
#con-body .info-body .content .info-area ul li .push-info .push-info-view{text-align:left;padding-top:15px;color:#fff;font-weight:700;letter-spacing:.5px;font-size:13px;padding-left:80px}
#con-body .info-body .content .info-area ul li .push-info .push-info-view .tit{font-size:13px;color:#eee;font-weight:700;letter-spacing:.5px}
/* 푸시 알람 기능 설정 라디오 버튼 */
.push_box{display: flex;padding-right: 30px;justify-content: space-between;}
.push_box .txt{font-size:13px !important;width:45px;color: #919191;}
.push_box > span{padding-top:7px;}
.push_box > div{padding-top:7px;}
.push_box > div input[type=radio], .individual_push_box input[type=radio]:checked{ appearance: none;width: 15px;height: 15px;border:1px solid #535353;border-radius: 100%;box-sizing:border-box;}
.push_box > div input[type=radio]{background-color: #272727;margin-right:10px;position:relative;top:-2px;}
.push_box > div input[type=radio]:checked{background-color: #f90;outline: 2px solid #535353;border: 2px solid #272727;}


#con-body .info-body .content .info-area ul li .drop-info{border:1px solid #525252;padding:15px;background:url(../images/sub/drop_icon_bg.png) no-repeat top 27px left 15px;background-size:44px 44px}
#con-body .info-body .content .info-area ul li .drop-info .drop-info-view{text-align:left;padding-top:15px;color:#fff;font-weight:700;letter-spacing:.5px;font-size:13px;padding-left:58px}
#con-body .info-body .content .info-area ul li .drop-info .drop-info-view .tit{font-size:13px;color:#eee;font-weight:700;letter-spacing:.5px}
#con-body .info-body .content .info-area ul li .drop-info .drop-info-view .sub {font-size: 12px;color: #919191;margin-top: 8px;}
#con-body .info-body .content .info-area .pass-modi-area{padding:50px 12px}
#con-body .info-body .content .info-area .pass-modi-area li{padding-top:50px}
#con-body .info-body .content .info-area .pass-modi-area li:first-child{padding-top:0}
#con-body .info-body .content .info-area .pass-modi-area li .txt{display:inline-block;font-size:13px;color:#eee;font-weight:700;width:86px;text-align:right}
#con-body .info-body .content .info-area .pass-modi-area li .pass-modi-input{display:inline-block;height:38px;background:#272727;color:#fff;border:1px solid #4f4f4f;box-sizing:border-box;margin-left:10px;width:calc((100% - 100px));padding-left:5px}
#con-body .info-body .content .info-area .pass-modi-area li .chk-pass{overflow:hidden;padding-top:10px}
#con-body .info-body .content .info-area .pass-modi-area li .chk-pass .ok{float:right;color:#6dff7b;font-size:12px}
#con-body .info-body .content .info-area .pass-modi-area li .chk-pass .ok img{width:12px;margin-right:3px;position:relative;top:-1px}
#con-body .info-body .content .info-area .pass-modi-area li .chk-pass .no{float:right;color:#ff6e6e;font-size:12px}
#con-body .info-body .content .info-area .pass-modi-area li .chk-pass .no img{width:12px;margin-right:3px;position:relative;top:-1px}
#con-body .info-body .content .info-area .pass-modi-area .chng-btn-area{padding-top:50px}
#con-body .info-body .content .info-area .pass-modi-area .chng-btn-area a{padding:13px 0 11px}
#con-body .info-body .content .info-area .pass-modi-area .chng-btn-area .cancel-btn{display:inline-block;font-size:15px;font-weight:700;color:#fff;background:#272727;border:1px solid #4e4e4e;width:calc((100% - 16px)/ 2);text-align:center}
#con-body .info-body .content .info-area .pass-modi-area .chng-btn-area .chng-btn{display:inline-block;font-size:15px;font-weight:700;color:#fff;background:#ff9200;border:1px solid #4e4e4e;width:calc((100% - 15px)/ 2);text-align:center;margin-left:5px}
#con-body .info-body .content .info-area .pro-modi-area{padding:50px 12px}
#con-body .info-body .content .info-area .pro-modi-area .fix-pro-img{float:left;width:calc((100% - 73px));margin-left:3px;padding-top:18px}
#con-body .info-body .content .info-area .pro-modi-area>ul>li{padding-top:50px;overflow:hidden}
#con-body .info-body .content .info-area .pro-modi-area>ul>li:first-child{padding-top:0}
#con-body .info-body .content .info-area .pro-modi-area>ul>li .txt{display:inline-block;font-size:13px;color:#eee;font-weight:700;width:70px;text-align:right}
#con-body .info-body .content .info-area .pro-modi-area>ul>li .img{display:inline-block;font-size:15px;color:#eee;font-weight:700;width:70px;text-align:right;float:left}
#con-body .info-body .content .info-area .pro-modi-area>ul>li .pass-modi-input{display:inline-block;height:38px;background:#181818;color:#fff;border:1px solid #4f4f4f;box-sizing:border-box;margin-left:10px;width:calc((100% - 85px));padding-left:5px}
#con-body .info-body .content .info-area .pro-modi-area>ul>li .pass-modi-input02{display:inline-block;height:38px;background:#181818;color:#fff;border:1px solid #4f4f4f;box-sizing:border-box;margin-left:10px;width:calc((100% - 12px));padding-left:5px}
#con-body .info-body .content .info-area .pro-modi-area>ul>li .chk-pass{overflow:hidden;padding-top:10px}
#con-body .info-body .content .info-area .pro-modi-area>ul>li .chk-pass .ok{float:right;color:#6dff7b;font-size:13px}
#con-body .info-body .content .info-area .pro-modi-area>ul>li .chk-pass .ok img{width:16px;margin-right:3px;position:relative;top:-1px}
#con-body .info-body .content .info-area .pro-modi-area>ul>li .chk-pass .no{float:right;color:#ff6e6e;font-size:12px}
#con-body .info-body .content .info-area .pro-modi-area>ul>li .chk-pass .no img{width:12px;margin-right:3px;position:relative;top:-1px}
#con-body .info-body .content .info-area .pro-modi-area>ul>li .ex-txt{color:#737373;font-size:12px;text-align:right;font-weight:700;padding-top:5px}
#con-body .info-body .content .info-area .pro-modi-area>ul>li .fix-pro-img .chk-pass{overflow:hidden;padding-top:10px}
#con-body .info-body .content .info-area .pro-modi-area>ul>li .fix-pro-img .chk-pass .ok{float:right;color:#6dff7b;font-size:12px}
#con-body .info-body .content .info-area .pro-modi-area>ul>li .fix-pro-img .chk-pass .ok img{width:12px;margin-right:3px;position:relative;top:-1px}
#con-body .info-body .content .info-area .pro-modi-area>ul>li .fix-pro-img .chk-pass .no{float:right;color:#ff6e6e;font-size:12px}
#con-body .info-body .content .info-area .pro-modi-area>ul>li .fix-pro-img .chk-pass .no img{width:12px;margin-right:3px;position:relative;top:-1px}
#con-body .info-body .content .info-area .pro-modi-area .chng-btn-area{padding-top:50px}
#con-body .info-body .content .info-area .pro-modi-area .chng-btn-area a{padding:13px 0 11px}
#con-body .info-body .content .info-area .pro-modi-area .chng-btn-area .cancel-btn{display:inline-block;font-size:15px;font-weight:700;color:#fff;background:#272727;border:1px solid #4e4e4e;width:calc((100% - 16px)/ 2);text-align:center}
#con-body .info-body .content .info-area .pro-modi-area .chng-btn-area .chng-btn{display:inline-block;font-size:15px;font-weight:700;color:#fff;background:#ff9200;border:1px solid #4e4e4e;width:calc((100% - 15px)/ 2);text-align:center;margin-left:8px}
#con-body .info-body .content .info-area .pro-modi-area .intro-self{padding-top:50px}
#con-body .info-body .content .info-area .pro-modi-area .intro-self p{font-size:16px;color:#fff;font-weight:700;padding-bottom:12px}
#con-body .info-body .content .info-area .pro-modi-area .intro-self textarea{border:1px solid #515151;background:#181818;color:#fff;width:100%;box-sizing:border-box;overflow:hidden;padding:20px;height:160px}
#con-body .info-body .content .info-area .pro-modi-area .intro-self .pr-view-area{overflow:hidden}
#con-body .info-body .content .info-area .pro-modi-area .intro-self .pr-view-area a{display:inline-block;font-size:13px;font-weight:700;background:#181818;border:1px solid #4e4e4e;color:#fff;text-align:center;padding:10px 12px;margin-top:10px;float:right}
#con-body .info-body .content .info-area .pro-modi-area .profile-img{width:70px;height:70px;border-radius:40px;background:red}
#con-body .info-body .content .info-area .self-modi-area{padding:50px 12px}
#con-body .info-body .content .info-area .self-modi-area li{padding-top:25px;overflow:hidden}
#con-body .info-body .content .info-area .self-modi-area li:first-child{padding-top:0}
#con-body .info-body .content .info-area .self-modi-area li .txt{display:inline-block;font-size:13px;color:#eee;font-weight:700;width:55px;text-align:right}
#con-body .info-body .content .info-area .self-modi-area li .self-modi-input {display: inline-block;height: 38px;background: #181818;color: #fff;border: 1px solid #4f4f4f;box-sizing: border-box;margin-left: 10px;width: calc(100% - 70px);padding-left: 5px;line-height: 38px;}
#con-body .info-body .content .info-area .self-modi-area li .self-modi-input02 {display: inline-block;height: 38px;background: #181818;color: #fff;border: 1px solid #4f4f4f;box-sizing: border-box;margin-left: 10px;width: calc(100% - 145px);padding-left: 5px;line-height: 38px;}
#con-body .info-body .content .info-area .self-modi-area li .self-modi-input03 {display: inline-block;height: 38px;background: #181818;color: #fff;border: 1px solid #4f4f4f;box-sizing: border-box;margin-left: 10px;width: calc(100% - 68px);padding-left: 5px;margin-top: 10px;float: right;line-height: 38px;}
#con-body .info-body .content .info-area .self-modi-area li .adress-btn {display: inline-block;font-size: 13px;color: #fff;background: #ff9200;border: 1px solid #4f4f4f;font-weight: bold;text-align: center;margin-left: 5px;min-width: 64px;height: 36px;line-height: 36px;}
#con-body .info-body .content .info-area .self-modi-area .noti-chng-txt{color:#737373;font-size:12px;text-align:right;letter-spacing:.5px;padding-top:25px;font-weight:700}
#con-body .info-body .content .info-area .self-modi-area .chng-btn-area{padding-top:50px}
#con-body .info-body .content .info-area .self-modi-area .chng-btn-area a{padding:13px 0 11px}
#con-body .info-body .content .info-area .self-modi-area .chng-btn-area .cancel-btn{display:inline-block;font-size:15px;font-weight:700;color:#fff;background:#272727;border:1px solid #4e4e4e;width:calc((100% - 16px)/ 2);text-align:center}
#con-body .info-body .content .info-area .self-modi-area .chng-btn-area .chng-btn{display:inline-block;font-size:15px;font-weight:700;color:#fff;background:#ff9200;border:1px solid #4e4e4e;width:calc((100% - 15px)/ 2);text-align:center;margin-left:0px}
#con-body .info-body .content .info-area .sece-modi-area{padding-top:50px}
#con-body .info-body .content .info-area .sece-modi-area .sece-ment{color:#eee;font-size:14px;font-weight:700;text-align:center;letter-spacing:.5px;padding:50px 0}
#con-body .info-body .content .info-area .sece-modi-area .chng-btn-area{padding-top:50px}
#con-body .info-body .content .info-area .sece-modi-area .chng-btn-area a{padding:13px 0 11px}
#con-body .info-body .content .info-area .sece-modi-area .chng-btn-area .cancel-btn {display: inline-block;font-size: 15px;font-weight: 700;color: #fff;background: #272727;border: 1px solid #4e4e4e;width: calc((100% - 18px)/ 2);text-align: center;}
#con-body .info-body .content .info-area .sece-modi-area .chng-btn-area .sece-btn{display:inline-block;font-size:15px;font-weight:700;color:#fff;background:#ff9200;border:1px solid #4e4e4e;width:calc((100% - 15px)/ 2);text-align:center;margin-left:8px}
#con-body .info-body .content .info-area .modi-chk-area{background:#181818;border:1px solid #4e4e4e;padding:35px 12px 35px 12px}
#con-body .info-body .content .info-area .modi-chk-area .logo-move-btn{display:block;text-align:center}
#con-body .info-body .content .info-area .modi-chk-area .logo-move-btn img{width:200px}
#con-body .info-body .content .info-area .modi-chk-area .modi-chk-ment{color:#fff;font-size:13px;font-weight:700;padding-top:30px;text-align:center;line-height:22px}
#con-body .info-body .content .info-area .modi-chk-area .pro-div{width:226px;margin:0 auto;padding-top:25px}
#con-body .info-body .content .info-area .modi-chk-area .pro-div .pro-img{background:red;width:45px;height:45px;border-radius:45px;overflow:hidden;margin:10px 0;float:left}
#con-body .info-body .content .info-area .modi-chk-area .pro-div .pro-img img{width:45px;height:45px}
#con-body .info-body .content .info-area .modi-chk-area .pro-div .info-txt{float:left;margin:15px 0 14px 10px}
#con-body .info-body .content .info-area .modi-chk-area .pro-div .info-txt .name-user{color:#fff;font-size:15px;font-weight:700}
#con-body .info-body .content .info-area .modi-chk-area .pro-div .info-txt .name-user img{width:20px;height:20px;background:red}
#con-body .info-body .content .info-area .modi-chk-area .pro-div .info-txt .name-user span{width:20px;height:20px;background:red;display:inline-block;margin-right:5px;position:relative;top:-1px}
#con-body .info-body .content .info-area .modi-chk-area .pro-div .info-txt .name-user a{color:#fff;font-size:15px;font-weight:700;padding-right:5px}
#con-body .info-body .content .info-area .modi-chk-area .pro-div .info-txt .info-user{overflow:hidden}
#con-body .info-body .content .info-area .modi-chk-area .pro-div .info-txt .info-user div{color:silver;font-weight:700;font-size:14px;float:left;padding-right:14px;position:relative}
#con-body .info-body .content .info-area .modi-chk-area .pro-div .info-txt .info-user .class:after{width:1px;height:10px;background:silver;content:"";top:50%;transform:translateY(-50%);position:absolute;right:5px}
#con-body .info-body .content .info-area .modi-chk-area .pass-chk-div{padding-top:25px}
#con-body .info-body .content .info-area .modi-chk-area .pass-modi-input{display:inline-block;height:38px;background:#181818;color:#fff;border:1px solid #4f4f4f;box-sizing:border-box;width:100%;padding-left:5px}
#con-body .info-body .content .info-area .modi-chk-area .btn-area{padding-top:10px}
#con-body .info-body .content .info-area .modi-chk-area .btn-area a{padding:13px 0 11px}
#con-body .info-body .content .info-area .modi-chk-area .btn-area .chk-pass-btn{display:inline-block;font-size:17px;font-weight:700;color:#fff;background:#ff9200;border:1px solid #4e4e4e;width:100%;text-align:center}
#con-body .info-body .content .info-area .modi-chk-area .btn-area .return-btn{display:inline-block;font-size:17px;font-weight:700;color:#fff;background:#272727;border:1px solid #4e4e4e;width:100%;text-align:center}
#con-body .info-body .content .login-area{padding:10px 0}
#con-body .info-body .content .login-area .login{padding:0 12px}
#con-body .info-body .content .login-area .login a{display:block;text-align:center}
#con-body .info-body .content .login-area .login a img{width:260px}
#con-body .info-body .content .login-area .login .login-system{padding-top:50px}
#con-body .info-body .content .login-area .login .login-system input{height:38px;background:#272727;color:#fff;border:1px solid #4f4f4f;box-sizing:border-box;width:100%;padding-left:5px}
#con-body .info-body .content .login-area .login .login-btn{font-size:17px;font-weight:700;color:#fff;background:#ff9200;border:1px solid #4e4e4e;text-align:center;padding:14px 0;margin-top:15px}
#con-body .info-body .content .login-area .login .login-option{overflow:hidden;padding-top:15px;padding-bottom:50px;border-bottom:1px solid #2e2e2e}
#con-body .info-body .content .login-area .login .login-option a{display:inline-block;float:left}
#con-body .info-body .content .login-area .login .login-option a label{font-size:13px;color:#fff;vertical-align:middle;margin-left:6px;font-weight:700}
#con-body .info-body .content .login-area .login .login-option .find-menu{float:right}
#con-body .info-body .content .login-area .login .login-option .find-menu a{display:inline-block;font-size:13px;color:#fff;vertical-align:middle;font-weight:700}
#con-body .info-body .content .login-area .login .login-option .find-menu a.find-pass-btn:after{content:"";width:2px;background:#fff;height:8px;display:inline-block;margin-left:8px}
#con-body .info-body .content .login-area .login .login-option .find-menu a.join-btn{padding-left:8px}
#con-body .info-body .content .login-area a.naver-btn{background:#00c63b;padding:0 10px 0 0}
#con-body .info-body .content .login-area a.naver-btn img{width:40px;position:relative;top:-2px}
#con-body .info-body .content .login-area a.kakao-btn{background:#ffe800;color:#000;padding:0 5px 0 0}
#con-body .info-body .content .login-area a.kakao-btn img{width:35px;position:relative;padding-right:3px}
#con-body .info-body .content .login-area a.facebook-btn{background:#42609d;padding:0 11px 0 0}
#con-body .info-body .content .login-area a.facebook-btn img{width:30px;position:relative;top:-4px;padding-right:3px}
#con-body .info-body .content .login-area a.google-btn{background:#fff;color:#000;padding:0 3px 0 0}
#con-body .info-body .content .login-area a.google-btn img{width:30px;position:relative;top:-2px;padding-right:3px}
#con-body .info-body .content .login-area a.steam-btn{background:#000;padding:0 7px 0 0}
#con-body .info-body .content .login-area a.steam-btn img{width:40px;position:relative;top:-2px;padding-right:3px}
#con-body .info-body .content .acccount-area{padding:0}
#con-body .info-body .content .acccount-area .acccount{padding:20px 12px}
#con-body .info-body .content .acccount-area .acccount a{display:block;text-align:center}
#con-body .info-body .content .acccount-area .acccount a img{width:260px}
#con-body .info-body .content .acccount-area .acccount .ment{padding-top:50px}
#con-body .info-body .content .acccount-area .acccount .ment .tit{color:#fff;text-align:center;font-size:16px;font-weight:700;letter-spacing:.5px}
#con-body .info-body .content .acccount-area .acccount .ment .sub{color:#fff;text-align:center;font-size:14px;letter-spacing:.5px;padding-top:10px;line-height:18px}
#con-body .info-body .content .acccount-area .acccount .chk-mail{padding-top:50px}
#con-body .info-body .content .acccount-area .acccount .chk-mail p{color:#fff;font-size:13px;letter-spacing:.5px;font-weight:700;padding-bottom:10px}
#con-body .info-body .content .acccount-area .acccount .chk-mail input{height:38px;background:#272727;color:#fff;border:1px solid #4f4f4f;box-sizing:border-box;width:100%;padding-left:5px}
#con-body .info-body .content .acccount-area .acccount .btn-area{padding-top:25px;display:flex;}
#con-body .info-body .content .acccount-area .acccount .btn-area .cancel-btn{display:inline-block;font-size:17px;font-weight:700;color:#fff;background:#272727;border:1px solid #4e4e4e;width:calc((100% - 16px)/ 2);text-align:center;padding:13px 0 11px}
#con-body .info-body .content .acccount-area .acccount .btn-area .ok-btn{display:inline-block;font-size:17px;font-weight:700;color:#fff;background:#ff9200;border:1px solid #4e4e4e;width:calc((100% - 16px)/ 2);text-align:center;margin-left:8px;padding:13px 0 11px}
#con-body .info-body .content .intro-area{padding:30px 12px}
#con-body .info-body .content .intro-area .main-ment{color:#ff9400;font-size:16px;font-weight:700;line-height:20px;letter-spacing:.5px;padding-left:16px;position:relative}
#con-body .info-body .content .intro-area .main-ment:before{width:3px;height:14px;background:#ff9400;content:"";top:2px;position:absolute;left:5px}
#con-body .info-body .content .intro-area .sub-ment{color:#fff;font-size:14px;line-height:24px;padding:15px 0 50px}
#con-body .info-body .content .list-area{padding:0 0 50px}
#con-body .info-body .content .list-area .list-style01 .flexslider ul li {padding: 0}
#con-body .info-body .content .list-area .list-style01 ul li {padding: 8px 10px;border-bottom: 1px solid #424242;overflow: visible;}
#con-body .info-body .content .list-area .list-style01 ul li.noti{background:#181818}
#con-body .info-body .content .list-area .list-style01 ul li.noti .top .story a {color: #fff;font-weight: 700;font-size: 14px;width: 100%;word-break: break-all;overflow: hidden;text-overflow: ellipsis;white-space: normal;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;min-height: 20px;max-height: 40px;position: relative;line-height: 20px;margin: 2px 0 2px 0;padding: 0 2px;}
#con-body .info-body .content .list-area .list-style01 ul li .top{overflow:hidden;padding-bottom:4px}
#con-body .info-body .content .list-area .list-style01 ul li .top .admin-chk {float: left;padding: 4px 6px 6px 0;}
#con-body .info-body .content .list-area .list-style01 ul li .top .num {float: left;}
#con-body .info-body .content .list-area .list-style01 ul li .top .num span {display: inline-block;min-width: 26px;height: 26px;vertical-align: top;text-align: center;line-height: 25px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;box-sizing: border-box;font-size: 11px;}
#con-body .info-body .content .list-area .list-style01 ul li .top .num span.tp1{border:1px solid #2f2f2f;background-color:#272727;color:#686868}
#con-body .info-body .content .list-area .list-style01 ul li .top .num span.tp2{border:1px solid #3f3f3f;background-color:#272727;color:#b5b5b5}
#con-body .info-body .content .list-area .list-style01 ul li .top .num span.tp3{border:1px solid #3f3f3f;background-color:#474747;color:#b9b9b9}
#con-body .info-body .content .list-area .list-style01 ul li .top .num span.tp4{border:1px solid #3f3f3f;background-color:#e6a200;color:#fff}
#con-body .info-body .content .list-area .list-style01 ul li .top .num span.tp5{border:1px solid #3f3f3f;background-color:#e66700;color:#fff}
#con-body .info-body .content .list-area .list-style01 ul li .top .num span.tp6{border:1px solid #3f3f3f;background-color:#e61600;color:#fff}
#con-body .info-body .content .list-area .list-style01 ul li .top .story{float:left;width:calc((100% - 30px))}
#con-body .info-body .content .list-area .list-style01 ul li.noti .top .story{width:100%}
#con-body .info-body .content .list-area .list-style01 ul li .top .story.adm-list{width:calc((100% - 66px))!important}
#con-body .info-body .content .list-area .list-style01 ul li .top .story a {color: #d2d2d2;padding: 4px 0 5px 5px;font-size: 13px;display: inline-block;width: 100%;word-break: break-all;overflow: hidden;text-overflow: ellipsis;white-space: normal;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;max-height: 36px;position: relative;}
#con-body .info-body .content .list-area .list-style01 ul li .bot{overflow:hidden}
#con-body .info-body .content .list-area .list-style01 ul li .bot .state{display:inline-block;width:43px;height:20px;text-align:center;line-height:19px;font-size:11px;font-weight:700;color:#e3e3e3;border:1px solid #515151;background-color:#181818;box-sizing:border-box;float:left;margin-right:6px}
#con-body .info-body .content .list-area .list-style01 ul li .bot .state.end{color:#e3e3e3}
#con-body .info-body .content .list-area .list-style01 ul li .bot .state.ask{color:#e3e3e3}
#con-body .info-body .content .list-area .list-style01 ul li .bot .state.info{color:#e3e3e3}
#con-body .info-body .content .list-area .list-style01 ul li .bot .state.sida{color:#84ffc4}
#con-body .info-body .content .list-area .list-style01 ul li .bot .state.fini{color:#ff9920}
#con-body .info-body .content .list-area .list-style01 ul li .bot .state-wd{width:64px;}
#con-body .info-body .content .list-area .list-style01 ul li .bot .nick{color:silver;font-size:13px;display:inline-block;width:113px;position:relative;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:2px 5px 2px 0;letter-spacing:.2px;float:left}
#con-body .info-body .content .list-area .list-style01 ul li .bot .nick img{position:relative;top:-1px;margin-right:3px;width:16px;height:16px}
#con-body .info-body .content .list-area .list-style01 ul li .bot .date{overflow:hidden;float:right;padding:2px 0}
#con-body .info-body .content .list-area .list-style01 ul li .bot .date p {float: left;color: #919191;font-size: 12px;text-align: right;padding-left: 12px;position: relative;}
#con-body .info-body .content .list-area .list-style01 ul li .bot .date p.dateA:before{position:absolute;left:6px;width:1px;height:10px;top:50%;transform:translateY(-50%);content:"";background:#7b7b7b}
#con-body .info-body .content .list-area .list-style02 ul li {padding: 8px 10px;border-bottom: 1px solid #424242;}
#con-body .info-body .content .list-area .list-style02 ul li:after{content:'';display:block;clear:both}
#con-body .info-body .content .list-area .list-style02 ul li .list-img-area{float:left;position:relative}
#con-body .info-body .content .list-area .list-style02 ul li .list-img-area img{width:54px}
#con-body .info-body .content .list-area .list-style02 ul li .list-img-area .adm-chk{position:absolute;display:inline-block;top:4px;left:4px}
#con-body .info-body .content .list-area .list-style02 ul li .list-img-form {float: left;width: calc(100% - 65px);padding-left: 10px;height: 54px;position: relative;}
#con-body .info-body .content .list-area .list-style02 ul li.noti{background:#181818}
#con-body .info-body .content .list-area .list-style02 ul li.noti .top .story a{color:#fff;font-weight:700;padding:4px 0 5px 0;font-size:13px;display:inline-block;width:100%;word-break:break-all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative}
#con-body .info-body .content .list-area .list-style02 ul li .top{overflow:hidden;padding-bottom:4px}
#con-body .info-body .content .list-area .list-style02 ul li .top .admin-chk{float:left;padding:4px 10px 2px 0}
#con-body .info-body .content .list-area .list-style02 ul li .top .num {float: left;}
#con-body .info-body .content .list-area .list-style02 ul li .top .num span{display:inline-block;font-size:12px;min-width:25px;height:25px;vertical-align:top;text-align:center;line-height:23px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;box-sizing:border-box;padding:0 4px}
#con-body .info-body .content .list-area .list-style02 ul li .top .num span.tp1{border:1px solid #2f2f2f;background-color:#272727;color:#686868}
#con-body .info-body .content .list-area .list-style02 ul li .top .num span.tp2{border:1px solid #3f3f3f;background-color:#272727;color:#b5b5b5}
#con-body .info-body .content .list-area .list-style02 ul li .top .num span.tp3{border:1px solid #3f3f3f;background-color:#474747;color:#b9b9b9}
#con-body .info-body .content .list-area .list-style02 ul li .top .num span.tp4{border:1px solid #3f3f3f;background-color:#e6a200;color:#fff}
#con-body .info-body .content .list-area .list-style02 ul li .top .num span.tp5{border:1px solid #3f3f3f;background-color:#e66700;color:#fff}
#con-body .info-body .content .list-area .list-style02 ul li .top .num span.tp6{border:1px solid #3f3f3f;background-color:#e61600;color:#fff}
#con-body .info-body .content .list-area .list-style02 ul li.noti .top .story{width:100%}
#con-body .info-body .content .list-area .list-style02 ul li .top .story {float: left;width: calc(100% - 30px);margin-left: 4px;}
#con-body .info-body .content .list-area .list-style02 ul li .top .story.adm-list{width:calc((100% - 54px))!important}
#con-body .info-body .content .list-area .list-style02 ul li .top .story a{color:#d2d2d2;padding:4px 0 5px 3px;font-size:13px;display:inline-block;width:100%;word-break:break-all;overflow:hidden;text-overflow:ellipsis;position:relative}
#con-body .info-body .content .list-area .list-style02 ul li .bot .state {display: inline-block;width: 36px;height: 20px;text-align: center;line-height: 19px;font-size: 11px;font-weight: 700;color: #e3e3e3;border: 1px solid #515151;background-color: #181818;box-sizing: border-box;float: left;}
#con-body .info-body .content .list-area .list-style02 ul li .bot .state.end{color:#686868}
#con-body .info-body .content .list-area .list-style02 ul li .bot .nick{color:silver;font-size:13px;display:inline-block;min-width:76px;position:relative;max-width:500px;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:2px 5px;letter-spacing:.2px;float:left;width:calc((100% - 145px))}
#con-body .info-body .content .list-area .list-style02 ul li .bot .nick img{position:relative;top:-1px;margin-right:3px;width:16px;height:16px}
#con-body .info-body .content .list-area .list-style02 ul li .bot .date {overflow: hidden;float: right;line-height: 20px;}
#con-body .info-body .content .list-area .list-style02 ul li .bot .date .visiter{padding-left:0}
#con-body .info-body .content .list-area .list-style02 ul li .bot .date p {float: left;color: #919191;font-size: 12px;text-align: right;padding-left: 12px;position: relative;}
#con-body .info-body .content .list-area .list-style02 ul li .bot .date p.dateA:before {position: absolute;left: 7px;width: 1px;height: 9px;top: 5px;content: "";background: #616161;}
#con-body .info-body .content .list-area .paging-box{padding-top:16px}
#con-body .info-body .content .list-area .paging-box .float-center{text-align:center;font-size:0}
#con-body .info-body .content .list-area .paging-box .float-center ul{font-size:0;border:1px solid #525252;display:inline-block}
#con-body .info-body .content .list-area .paging-box .float-center ul li{display:inline-block;border-left:1px solid #525252}
#con-body .info-body .content .list-area .paging-box .float-center ul li:first-child{border-left:0}
#con-body .info-body .content .list-area .paging-box .float-center ul li a {display: inline-block;height: 28px;line-height: 28px;font-size: 12px;color: #e3e3e3;font-weight: 700;padding: 0 10px;}
#con-body .info-body .content .list-area .paging-box .float-center ul li a.on{background-color:#ff9400}
#con-body .info-body .content .list-area .paging-box .float-center .page-jump.prev{margin-right:8px;padding-left:11px}
#con-body .info-body .content .list-area .paging-box .float-center .page-jump.prev:before{left:0;background:url(../images/sub/paging_prev_icon.png) no-repeat}
#con-body .info-body .content .list-area .paging-box .float-center .page-jump{font-weight:700;color:#e3e3e3;font-size:12px;position:relative;display:none}
#con-body .info-body .content .list-area .paging-box .float-center .page-jump.active{display:inline-block}
#con-body .info-body .content .list-area .paging-box .float-center .page-jump.next{margin-left:8px;padding-right:11px}
#con-body .info-body .content .list-area .paging-box .float-center .page-jump:before {position: absolute;content: "";top: 50%;margin-top: -2px;width: 6px;height: 9px;}
#con-body .info-body .content .list-area .paging-box .float-center .page-jump.next:before{right:0;background:url(../images/sub/paging_next_icon.png) no-repeat}
#con-body .info-body .content .list-area .srch-box{width:90%;margin:16px auto 0;border:1px solid #525252}
#con-body .info-body .content .list-area .srch-sel-area{width:90px;position:relative;float:left;z-index:99999}
#con-body .info-body .content .list-area .srch-sel-area select {display: inline-block;width: 90px;height: 31px;background: url(../images/sub/sort_arrow_icon_down.png) no-repeat 74px 13px;color: #fff;border-top: none;border-right: 1px solid #525252;border-left: none;border-bottom: none;padding-right: 10px;padding-left: 10px;font-size: 12px;-webkit-appearance: none;appearance: none;}
#con-body .info-body .content .list-area .srch-sel-area select option{background:#272727;color:#fff;border-bottom:1px solid #525252;border-right:1px solid #525252;border-left:1px solid #525252;border-top:none}
#con-body .info-body .content .list-area .srch-sel-area .sort-bt{display:inline-block;outline:0;width:90px;border-right:1px solid #525252;background-color:#272727;height:30px;line-height:28px;padding-left:12px;box-sizing:border-box;position:relative}
#con-body .info-body .content .list-area .srch-sel-area .sort-bt span{font-size:12px;font-weight:700;color:#e3e3e3}
#con-body .info-body .content .list-area .srch-sel-area .sort-bt:after{position:absolute;content:"";right:11px;top:50%;margin-top:-2px;width:7px;height:4px;background:url(../images/sub/sel_arrow_icon.png) no-repeat}
#con-body .info-body .content .list-area .srch-sel-area .hide-area{position:absolute;display:none;width:106px;top:31px;left:-1px;border-bottom:1px solid #525252;border-left:1px solid #525252;border-right:1px solid #525252;box-sizing:border-box}
#con-body .info-body .content .list-area .srch-sel-area .hide-area li{border-top:1px solid #525252}
#con-body .info-body .content .list-area .srch-sel-area .hide-area li:first-child{border-top:0}
#con-body .info-body .content .list-area .srch-sel-area .hide-area li a{display:block;background-color:#181818;height:28px;line-height:28px;padding-left:12px;font-size:12px;font-weight:700;color:#e3e3e3}
#con-body .info-body .content .list-area .srch-box .srch-input-area {float: left;width: calc(100% - 90px);padding-right: 30px;position: relative;box-sizing: border-box;}
#con-body .info-body .content .list-area .srch-box .srch-input-area input{background-color:#272727;width:100%;padding-left:12px;height:30px;font-size:12px;font-weight:700;color:#e3e3e3;box-sizing:border-box;border:0}
#con-body .info-body .content .list-area .srch-input-area .srch-bt{position:absolute;display:inline-block;right:0;top:0;width:30px;height:30px;text-align:center;line-height:30px}
#con-body .info-body .content .list-area .srch-input-area .srch-bt span{color:#fff;font-size:12px;font-weight:700;padding-left:16px;position:relative}
#con-body .info-body .content .list-area .srch-input-area .srch-bt span:before{position:absolute;left:0;top:0;width:12px;height:12px;background:url(../images/sub/srch_bt_icon2.png) no-repeat;content:""}
#con-body .info-body .content .list-area .srch-box:after{display:block;content:"";clear:both}
a.write-btn{display:inline-block;position:fixed;bottom:12px;right:12px}
a.write-btn img{width:65px;height:65px}
.info-body .admin-util-box{text-align:center;margin-top:16px}
.info-body .admin-util-box ul{font-size:0;border:1px solid #555;display:inline-block}
.info-body .admin-util-box ul li{border-left:1px solid #555;display:inline-block}
.info-body .admin-util-box ul li:first-child{border-left:0}
.info-body .admin-util-box ul li a{display:inline-block;text-align:center;width:40px;height:37px;line-height:39px;background-color:#333}
#cBody .content .login-wrap{box-sizing:border-box;padding-top:10px;position:relative;height:45px;padding-left:47px;background-color:#212121;-moz-box-shadow:0 1px 4px #000;-webkit-box-shadow:0 1px 4px #000;box-shadow:0 1px 4px #000}
#cBody .content .login-wrap .all-menu-bt{display:inline-block;position:absolute;left:13px;top:15px;width:20px;height:17px;background:url(../images/common/all_menu_bt.png) no-repeat;background-size:20px 17px;text-indent:-9999px;overflow:hidden}
#cBody .content .login-wrap .login-area a{display:inline-block}
#cBody .content .login-wrap .login-area a .thumb-area{vertical-align:top;display:inline-block;width:25px;height:25px;background:url(../images/common/login_no_image.png) no-repeat;background-size:25px 25px;border-radius:100%;overflow:hidden}
#cBody .content .login-wrap .login-area a .thumb-area img{display:block;width:100%;height:100%}
#cBody .content .login-wrap .login-area a .txt{display:inline-block;margin-left:7px;font-size:11px;font-weight:700;color:#d2d2d2;height:25px;line-height:27px;vertical-align:top}

#emoticon{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1000}
#myProfile{position:absolute;left:0;top:0;width:100%;height:100%;z-index:999999;padding-top:35px}
#myProfile .post-tab-wrap{background-color:#202020;width:100%;height:100%;position:fixed;padding-top:35px;top:0;box-sizing:border-box}
#myProfile .post-tab-wrap .tab-bt-wrap{border-bottom:1px solid #525252;position:relative;padding-left:48px;box-sizing:border-box}
#myProfile .post-tab-wrap .tab-bt-wrap .back-bt{width:48px;border-right:1px solid #525252;box-sizing:border-box;position:absolute;left:0;top:-1px;height:28px;line-height:28px;background:url(../images/popup/back_bt_arrow.png) 50% 50% no-repeat;background-size:8px 15px;display:inline-block;text-indent:-9999px;overflow:hidden}
#myProfile .post-tab-wrap .tab-bt-wrap .tab-bt-area{overflow:hidden}
#myProfile .post-tab-wrap .tab-bt-wrap .tab-bt-area .tab-bt{width:50%;float:left;border-left:1px solid #525252;text-align:center;height:27px;line-height:27px;display:inline-block;font-weight:700;font-size:10px;color:#b5b5b5;box-sizing:border-box}
#myProfile .post-tab-wrap .tab-bt-wrap .tab-bt-area .tab-bt:first-child{border-left:0}
#myProfile .post-tab-wrap .tab-bt-wrap .tab-bt-area .tab-bt.active{color:#ff9920}
#myProfile .post-tab-wrap .tab-con-wrap{padding:0 10px}
#myProfile .post-tab-wrap .tab-con-wrap.op-tp{overflow-y:scroll;position:fixed;width:100%;box-sizing:border-box;height:100%;padding:0 10px 116px}
#myProfile .post-tab-wrap .tab-con-wrap .tab-con-area{display:none}
#myProfile .post-tab-wrap .tab-con-wrap .tab-con-area.active{display:block}
#myProfile .post-tab-wrap .tab-con-wrap .tab-con-area table{width:100%}
#myProfile .post-tab-wrap .tab-con-wrap .tab-con-area table th{text-align:center;font-size:10px;color:#e3e3e3;font-weight:700;vertical-align:middle;padding:5px 0 2px;border-bottom:1px solid #565656}
#myProfile .post-tab-wrap .tab-con-wrap .tab-con-area table td .cate1{color:#fff}
#myProfile .post-tab-wrap .tab-con-wrap .tab-con-area table td{vertical-align:middle;padding:12px 0 11px;border-bottom:1px solid #565656;text-align:center;font-size:10px;font-weight:700;color:#e3e3e3}
#myProfile .post-tab-wrap .tab-con-wrap .tab-con-area table td .tit{text-align:left;padding:0 8px;box-sizing:border-box}
#myProfile .post-tab-wrap .tab-con-wrap .tab-con-area table td .tit a{display:block;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;font-size:10px;color:#e3e3e3;font-weight:700;line-height:14px}
#myProfile .post-tab-wrap .paging-area{font-size:0;text-align:center;padding:14px 0 14px;background-color:#181818;line-height:23px;position:absolute;bottom:0;left:0;width:100%}
#myProfile .post-tab-wrap .paging-area .prev-bt{display:inline-block;width:6px;height:10px;vertical-align:middle;background:url(../images/popup/paging_prev_bt.png) no-repeat;background-size:6px 10px;margin-right:16px}
#myProfile .post-tab-wrap .paging-area .next-bt{display:inline-block;width:6px;height:10px;vertical-align:middle;background:url(../images/popup/paging_next_bt.png) no-repeat;background-size:6px 10px;margin-left:16px}
#myProfile .post-tab-wrap .paging-area ul{display:inline-block}
#myProfile .post-tab-wrap .paging-area ul li{display:inline-block;margin-left:8px}
#myProfile .post-tab-wrap .paging-area ul li:first-child{margin-left:0}
#myProfile .post-tab-wrap .paging-area ul li a{font-size:10px;border:1px solid #525252;background-color:#272727;color:#e3e3e3;width:25px;height:25px;line-height:23px;text-align:center;box-sizing:border-box;display:inline-block;vertical-align:top}
#myProfile .post-tab-wrap .paging-area ul li a.active{background-color:#ff9920;color:#fff}
#myProfile .post-wrap{background-color:#202020;width:100%;height:100%;position:fixed;padding-top:35px;top:0;box-sizing:border-box}
#myProfile .post-wrap .post-tab-wrap .tab-bt-wrap .back-bt{width:48px;border-right:1px solid #525252;box-sizing:border-box;position:absolute;left:0;top:0;height:28px;line-height:28px;background:url(../images/popup/back_bt_arrow.png) 50% 50% no-repeat;background-size:8px 15px;display:inline-block;text-indent:-9999px;overflow:hidden}
#myProfile .post-wrap .post-tab-wrap .tab-bt-wrap .tab-bt-area{overflow:hidden}
#myProfile .post-wrap .post-tab-wrap .tab-bt-wrap .tab-bt-area .tab-bt{width:50%;float:left;border-left:1px solid #525252;text-align:center;height:27px;line-height:27px;display:inline-block;font-weight:700;font-size:10px;color:#b5b5b5;box-sizing:border-box}
#myProfile .post-wrap .post-tab-wrap .tab-bt-wrap .tab-bt-area .tab-bt:first-child{border-left:0}
#myProfile .post-wrap .post-tab-wrap .tab-bt-wrap .tab-bt-area .tab-bt.active{color:#ff9920}
#myProfile .post-wrap .post-tab-wrap .tab-con-wrap{padding:0 10px 116px;overflow-y:scroll;position:fixed;width:100%;box-sizing:border-box;height:100%}
#myProfile .post-wrap .post-tab-wrap .tab-con-wrap.p-tp{padding:0 10px 116px!important}
#myProfile .post-wrap .post-tab-wrap .tab-con-wrap .tab-con-area{display:none}
#myProfile .post-wrap .post-tab-wrap .tab-con-wrap .tab-con-area.active{display:block}
#myProfile .post-wrap .post-tab-wrap .tab-con-wrap .tab-con-area table{width:100%}
#myProfile .post-wrap .post-tab-wrap .tab-con-wrap .tab-con-area table th{text-align:center;font-size:10px;color:#e3e3e3;font-weight:700;vertical-align:middle;padding:5px 0 2px;border-bottom:1px solid #565656}
#myProfile .post-wrap .post-tab-wrap .tab-con-wrap .tab-con-area table td .cate1{color:#fff}
#myProfile .post-wrap .post-tab-wrap .tab-con-wrap .tab-con-area table td{vertical-align:middle;padding:12px 0 11px;border-bottom:1px solid #565656;text-align:center;font-size:10px;font-weight:700;color:#e3e3e3}
#myProfile .post-wrap .post-tab-wrap .tab-con-wrap .tab-con-area table td .tit{text-align:left;padding:0 8px;box-sizing:border-box}
#myProfile .post-wrap .post-tab-wrap .tab-con-wrap .tab-con-area table td .tit a{display:block;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;font-size:10px;color:#e3e3e3;font-weight:700;line-height:14px}
#myProfile .post-wrap .paging-area{font-size:0;text-align:center;padding:14px 0 14px;background-color:#181818;line-height:23px;position:absolute;bottom:0;left:0;width:100%}
#myProfile .post-wrap .paging-area .prev-bt{display:inline-block;width:6px;height:10px;vertical-align:middle;background:url(../images/popup/paging_prev_bt.png) no-repeat;background-size:6px 10px;margin-right:16px}
#myProfile .post-wrap .paging-area .next-bt{display:inline-block;width:6px;height:10px;vertical-align:middle;background:url(../images/popup/paging_next_bt.png) no-repeat;background-size:6px 10px;margin-left:16px}
#myProfile .post-wrap .paging-area ul{display:inline-block}
#myProfile .post-wrap .paging-area ul li{display:inline-block;margin-left:8px}
#myProfile .post-wrap .paging-area ul li:first-child{margin-left:0}
#myProfile .post-wrap .paging-area ul li a{font-size:10px;border:1px solid #525252;background-color:#272727;color:#e3e3e3;width:25px;height:25px;line-height:23px;text-align:center;box-sizing:border-box;display:inline-block;vertical-align:top}
#myProfile .post-wrap .paging-area ul li a.active{background-color:#ff9920;color:#fff}
#myProfile .profile-wrap{background-color:#202020;height:100%;position:fixed;width:100%;overflow-y:scroll;box-sizing:border-box;padding-bottom:80px}
#myProfile .profile-wrap .profile-area{padding:0 8px 0}
#myProfile .profile-wrap .profile-area .profile-top-area{height:132px;padding-left:80px;background-color:#202020;padding-top:19px;box-sizing:border-box;position:relative}
#myProfile .profile-wrap .profile-area .profile-top-area .my-info-area{position:absolute;left:9px;top:22px;width:61px;text-align:center}
#myProfile .profile-wrap .profile-area .profile-top-area .my-info-area .pic-thumb-area{display:block;position:relative;overflow:hidden;width:61px;height:61px;background-color:grey;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%}
#myProfile .profile-wrap .profile-area .profile-top-area .my-info-area .pic-thumb-area img{width:100%;display:block}
#myProfile .profile-wrap .profile-area .profile-top-area .my-info-area .pic-thumb-area:before{position:absolute;left:0;top:0;width:100%;height:100%;content:"";background:url(../images/sub/thumb_pic_hover.png) no-repeat;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;opacity:0}
#myProfile .profile-wrap .profile-area .profile-top-area .my-info-area .pic-thumb-area:hover:before{opacity:1}
#myProfile .profile-wrap .profile-area .profile-top-area .my-info-area .my-info-view{display:inline-block;margin-top:10px;width:56px;height:17px;border:1px solid #505050;background-color:#181818;line-height:17px;text-align:center;font-size:10px;font-weight:700;color:#e3e3e3;box-sizing:border-box}
#myProfile .profile-wrap .profile-area .profile-top-area dl dt .id{font-weight:700;font-size:12px;color:#e3e3e3;line-height:22px;display:inline-block}
#myProfile .profile-wrap .profile-area .profile-top-area dl dt .id img{margin-right:1px}
#myProfile .profile-wrap .profile-area .profile-top-area dl dt .msg-send-bt{display:inline-block;width:16px;height:16px;background:url(../images/popup/msg_send_bt.png) no-repeat;margin-left:6px;position:relative;top:1px}
#myProfile .profile-wrap .profile-area .profile-top-area dl dt .follow-bt{display:inline-block;width:15px;height:13px;margin-left:4px;position:relative;top:1px}
#myProfile .profile-wrap .profile-area .profile-top-area dl dt .unfollow-bt{display:inline-block;width:15px;height:13px;margin-left:4px;position:relative;top:1px}
#myProfile .profile-wrap .profile-area .profile-top-area dl dt .follow-state{position:relative;top:2px;padding-right:0;margin-left:5px}
#myProfile .profile-wrap .profile-area .profile-top-area dl dt .follow-state em{width:17px;height:11px;display:inline-block;background:url(../images/popup/follow_state_icon.png) no-repeat;background-size:17px 11px}
#myProfile .profile-wrap .profile-area .profile-top-area dl dt .block-bt{position:relative;top:1px;padding-left:11px;margin-left:6px}
#myProfile .profile-wrap .profile-area .profile-top-area dl dt .block-bt:after{position:absolute;left:0;top:3px;width:2px;height:12px;background-color:#656565;content:""}
#myProfile .profile-wrap .profile-area .profile-top-area dl dt .block-bt a{display:inline-block;width:17px;height:13px;background:url(../images/popup/unfollow_bt.png) no-repeat;position:relative;top:1px}
#myProfile .profile-wrap .profile-area .profile-top-area dl dd{margin-top:2px;padding-left:6px}
#myProfile .profile-wrap .profile-area .profile-top-area dl dd p{font-size:0;margin-top:-2px}
#myProfile .profile-wrap .profile-area .profile-top-area dl dd p:first-child{margin-top:0}
#myProfile .profile-wrap .profile-area .profile-top-area dl dd p span{font-size:10px;color:#b5b5b5;margin-left:5px;padding-left:8px;position:relative;letter-spacing:-.5px}
#myProfile .profile-wrap .profile-area .profile-top-area dl dd p span:before{position:absolute;left:0;top:0;content:"";width:1px;height:10px;background-color:#b5b5b5}
#myProfile .profile-wrap .profile-area .profile-top-area dl dd p span:first-child{padding-left:0;margin-left:0}
#myProfile .profile-wrap .profile-area .profile-top-area dl dd p span:first-child:before{display:none}
#myProfile .profile-wrap .profile-area .profile-top-area dl dd p span a{font-weight:700;font-size:10px;color:#e3e3e3;text-decoration:underline}
#myProfile .profile-wrap .profile-area .profile-mid-area{border:1px solid #515151;background-color:#171717;box-sizing:border-box;padding:10px 10px 15px 10px}
#myProfile .profile-wrap .profile-area .profile-mid-area .lately-get-planet{padding-top:6px;box-sizing:border-box}
#myProfile .profile-wrap .profile-area .profile-mid-area .lately-get-planet .l-tit{font-size:11px;font-weight:700;color:#e3e3e3}
#myProfile .profile-wrap .profile-area .profile-mid-area .lately-get-planet .con-none{font-size:10px;font-weight:700;color:#b5b5b5;text-align:center;margin-top:15px;padding-bottom:10px}
#myProfile .profile-wrap .profile-area .profile-mid-area .lately-get-planet .con{position:relative;box-sizing:border-box;padding-left:60px;margin-top:13px}
#myProfile .profile-wrap .profile-area .profile-mid-area .lately-get-planet .con .planet-img{position:absolute;left:0;top:0}
#myProfile .profile-wrap .profile-area .profile-mid-area .lately-get-planet .con .planet-img img{width:100%}
#myProfile .profile-wrap .profile-area .profile-mid-area .lately-get-planet .con .info .tit{font-size:10px;font-weight:700;color:#e3e3e3}
#myProfile .profile-wrap .profile-area .profile-mid-area .lately-get-planet .con .info .txt{font-size:10px;color:#b5b5b5;line-height:13px;margin-top:3px}
#myProfile .profile-wrap .profile-area .profile-mid-area .lately-get-planet .con .info .date{font-size:10px;color:#b5b5b5;margin-top:6px}
#myProfile .profile-wrap .profile-area .profile-mid-area .lately-get-planet .con .info .date a{text-decoration:underline;font-weight:700;font-size:10px;color:#b5b5b5}
#myProfile .profile-wrap .profile-area .profile-mid-area .lately-post{padding-top:12px;box-sizing:border-box;border-top:1px solid #4d4d4d;margin-top:15px}
#myProfile .profile-wrap .profile-area .profile-mid-area .lately-post .l-tit{font-size:11px;font-weight:700;color:#e3e3e3}
#myProfile .profile-wrap .profile-area .profile-mid-area .lately-post .con-none{font-size:10px;font-weight:700;color:#b5b5b5;text-align:center;margin-top:15px;padding-bottom:10px}
#myProfile .profile-wrap .profile-area .profile-mid-area .lately-post .con{margin-top:3px}
#myProfile .profile-wrap .profile-area .profile-mid-area .lately-post .con ul li{position:relative;padding-right:35px}
#myProfile .profile-wrap .profile-area .profile-mid-area .lately-post .con ul li .tit{width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#myProfile .profile-wrap .profile-area .profile-mid-area .lately-post .con ul li .tit a{font-size:10px;color:#e3e3e3}
#myProfile .profile-wrap .profile-area .profile-mid-area .lately-post .con ul li .date{position:absolute;right:0;top:0;font-size:10px;color:#b5b5b5}
#myProfile .profile-wrap .profile-area .profile-bot-area{position:relative;border:1px solid #515151;background-color:#171717;box-sizing:border-box;margin-top:10px;padding-top:12px}
#myProfile .profile-wrap .profile-area .profile-bot-area .l-tit{color:#e3e3e3;font-weight:700;font-size:11px;display:inline;border-bottom:1px solid #ff9400;padding-bottom:3px;position:relative;left:10px}
#myProfile .profile-wrap .profile-area .profile-bot-area .intro-area{width:100%;background-color:grey;margin-top:9px;box-sizing:border-box}
#myProfile .profile-wrap .profile-area .profile-bot-area .intro-area img{display:block;width:100%}
#myProfile .profile-wrap .profile-area .sanc-list-bt{text-align:right;margin-top:7px}
#myProfile .profile-wrap .profile-area .sanc-list-bt a{display:inline-block;border:1px solid #505050;background-color:#181818;width:55px;height:16px;line-height:16px;text-align:center;font-weight:700;font-size:10px;color:#e3e3e3;box-sizing:border-box}
#myProfile .profile-wrap .profile-area .sanc-list-area{border:1px solid #4e4e4e;display:none;background-color:#171717;margin-top:8px;padding:12px 0 12px 17px;box-sizing:border-box}
#myProfile .profile-wrap .profile-area .sanc-list-area.active{display:block}
#myProfile .profile-wrap .profile-area .sanc-list-area ul li{font-size:10px;color:#e3e3e3;line-height:18px}
#myProfile .inner-layer-popup{position:fixed;display:none;left:0;top:0;width:100%;height:100%;background-color:#fff;z-index:1000;padding-top:35px;box-sizing:border-box}
#myProfile .inner-layer-popup.up{z-index:1001}
#myProfile .inner-layer-popup .inner-head{height:34px;position:fixed;top:0;width:100%;left:0;background-color:#181818;z-index:1001;border-bottom:1px solid #525252}
#myProfile .inner-layer-popup .inner-head .logo{position:absolute;left:12px;top:6px}
#myProfile .inner-layer-popup .inner-head .logo img{width:18px;height:21px}
#myProfile .inner-layer-popup .inner-head .tit{text-align:center;font-size:11px;line-height:34px;font-weight:700;color:#e3e3e3}
#myProfile .inner-layer-popup .inner-head .tit span{color:#ff9920}
#myProfile .inner-layer-popup .inner-head .close-bt{position:absolute;right:12px;top:11px}
#myProfile .inner-layer-popup .inner-head .close-bt img{width:13px;height:13px}
#myProfile .inner-layer-popup.active{display:block}
#myProfile .inner-layer-popup .pop-head-wrap{position:absolute;left:0;top:0;width:100%;border-bottom:1px solid #525252}
#myProfile .inner-layer-popup .pop-head-wrap .inner-pop-close{position:absolute;right:12px;top:11px}
#myProfile .inner-layer-popup .inner-popup-content{position:relative;height:100%;background-color:#202020}
#myProfile .inner-layer-popup2 .inner-popup-content .add-friend-wrap{height:100%;padding-bottom:53px;box-sizing:border-box;overflow-y:scroll}
#myProfile .post-wrap .post-tab-wrap .tab-bt-wrap{position:relative;background-color:#202020;box-sizing:border-box;border-bottom:1px solid #525252}
#myProfile .post-wrap .post-tab-wrap .tab-bt-wrap .back-bt{width:48px;border-right:1px solid #525252;box-sizing:border-box;position:absolute;left:0;top:0;height:28px;line-height:28px;background:url(../images/popup/back_bt_arrow.png) 50% 50% no-repeat;background-size:8px 15px;display:none;text-indent:-9999px;overflow:hidden}
#myProfile .post-wrap .post-tab-wrap .tab-bt-wrap .tab-bt-area{overflow:hidden}
#myProfile .post-wrap .post-tab-wrap .tab-bt-wrap .tab-bt-area .tab-bt{width:50%;float:left;border-left:1px solid #525252;text-align:center;height:27px;line-height:27px;display:inline-block;font-weight:700;font-size:10px;color:#b5b5b5;box-sizing:border-box}
#myProfile .post-wrap .post-tab-wrap .tab-bt-wrap .tab-bt-area .tab-bt:first-child{border-left:0}
#myProfile .post-wrap .post-tab-wrap .tab-bt-wrap .tab-bt-area .tab-bt.active{color:#ff9920}
#myProfile .post-wrap .post-tab-wrap .tab-con-wrap{padding:0 10px}
#myProfile .post-wrap .post-tab-wrap .tab-con-wrap .tab-con-area{display:none}
#myProfile .post-wrap .post-tab-wrap .tab-con-wrap .tab-con-area.active{display:block}
#myProfile .post-wrap .post-tab-wrap .tab-con-wrap .tab-con-area table th{text-align:center;font-size:10px;color:#e3e3e3;font-weight:700;vertical-align:middle;padding:5px 0 2px;border-bottom:1px solid #565656}
#myProfile .post-wrap .post-tab-wrap .tab-con-wrap .tab-con-area table td{vertical-align:middle;padding:12px 0 11px;border-bottom:1px solid #565656;text-align:center;font-size:10px;font-weight:700;color:#e3e3e3}
#myProfile .post-wrap .post-tab-wrap .tab-con-wrap .tab-con-area table td .tit{text-align:left;padding:0 8px;box-sizing:border-box}
#myProfile .post-wrap .post-tab-wrap .tab-con-wrap .tab-con-area table td .tit a{display:block;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;font-size:10px;color:#e3e3e3;font-weight:700;line-height:14px}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap{height:100%}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .top-bt-wrap{position:relative;padding-left:48px;background-color:#202020;box-sizing:border-box;border-bottom:1px solid #525252}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .top-bt-wrap.type2{padding-left:52px}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .top-bt-wrap.type2 .back-bt{width:52px;height:100%}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .top-bt-wrap .back-bt{width:48px;border-right:1px solid #525252;box-sizing:border-box;position:absolute;left:0;top:-1px;height:28px;line-height:28px;background:url(../images/popup/back_bt_arrow.png) 50% 50% no-repeat;background-size:8px 15px;display:inline-block;text-indent:-9999px;overflow:hidden}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .top-bt-wrap .input{position:relative;padding-right:45px;box-sizing:border-box}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .top-bt-wrap .input input{width:100%;height:27px;background-color:#202020;color:#e3e3e3;font-weight:700;font-size:12px;box-sizing:border-box;padding-left:12px;border:0}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .top-bt-wrap .input input::-webkit-input-placeholder{color:#767676;font-weight:700}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .top-bt-wrap .input input::-moz-placeholder{color:#767676;font-weight:700}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .top-bt-wrap .input input:-ms-input-placeholder{color:#767676;font-weight:700}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .top-bt-wrap .input input:-moz-placeholder{color:#767676;font-weight:700}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .top-bt-wrap .input a{position:absolute;right:0;top:0;width:30px;height:27px;text-indent:-9999px;overflow:hidden;background:url(../images/popup/frd_srch_bt.gif) no-repeat;background-size:30px 27px}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .top-bt-wrap .s-tit-type{line-height:28px;height:28px}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .top-bt-wrap .s-tit-type span{font-weight:700;font-size:10px;color:#e4cf1a;position:relative;padding-left:12px;margin-left:14px}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .top-bt-wrap .s-tit-type span:before{position:absolute;left:0;top:1px;width:9px;height:9px;content:"";background:url(../images/popup/mss_icon2.gif) no-repeat;background-size:9px 9px}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .top-bt-wrap .msg-top-wrap{height:48px;padding-left:12px;box-sizing:border-box;padding-top:3px}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .top-bt-wrap .msg-top-wrap .con-area{display:block;padding-left:37px;box-sizing:border-box;position:relative}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .top-bt-wrap .msg-top-wrap .con-area.login:before{display:block}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .top-bt-wrap .msg-top-wrap .con-area:before{position:absolute;left:-3px;top:-3px;display:none;width:6px;height:6px;background-color:#5fed73;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;content:""}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .top-bt-wrap .msg-top-wrap .con-area .thumb-area{position:absolute;left:0;top:50%;margin-top:-15px;width:30px;height:30px;display:inline-block;background-color:grey;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;overflow:hidden}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .top-bt-wrap .msg-top-wrap .con-area .thumb-area img{width:100%;height:100%;display:block}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .top-bt-wrap .msg-top-wrap .con-area .txt-area{padding-top:5px;position:relative}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .top-bt-wrap .msg-top-wrap .con-area .txt-area .id a{font-size:10px;font-weight:700;color:silver}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .top-bt-wrap .msg-top-wrap .con-area .txt-area .id a img{margin-right:2px}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .top-bt-wrap .msg-top-wrap .con-area .txt-area .util{font-size:0;margin-top:1px}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .top-bt-wrap .msg-top-wrap .con-area .txt-area .util span{position:relative;display:inline-block;margin-left:6px;padding-left:6px}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .top-bt-wrap .msg-top-wrap .con-area .txt-area .util span:before{position:absolute;left:0;top:3px;width:1px;height:9px;content:"";background:#afafaf}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .top-bt-wrap .msg-top-wrap .con-area .txt-area .util span:first-child{margin-left:0;padding-left:0}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .top-bt-wrap .msg-top-wrap .con-area .txt-area .util span:first-child:before{display:none}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .top-bt-wrap .msg-top-wrap .con-area .txt-area .util span a{font-size:10px;font-weight:700;color:#afafaf}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .top-bt-wrap .msg-top-wrap .con-area .txt-area .msg-out{display:inline-block;position:absolute;top:50%;margin-top:-8px;background-color:#181818;font-size:10px;font-weight:700;color:#e3e3e3;border:1px solid #505050;text-align:center;right:10px;width:72px;height:16px;line-height:16px;box-sizing:border-box}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .top-bt-wrap .msg-top-wrap .con-area .txt-area .msg-out:hover{color:#ff9400}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mid-con-wrap{padding:0 0;border-bottom:1px solid #525252}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mid-con-wrap ul li{position:relative;padding:5px 0 5px 49px;box-sizing:border-box;min-height:49px;border-top:1px solid #525252}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mid-con-wrap ul li:first-child{border-top:0}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mid-con-wrap ul li .thumb-area{position:absolute;left:13px;top:50%;margin-top:-14px;width:28px;height:28px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;overflow:hidden;display:inline-block;background-color:grey}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mid-con-wrap ul li .thumb-area img{width:100%;height:100%;display:block}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mid-con-wrap ul li a{font-size:10px;color:#e3e3e3;font-weight:700;position:relative;top:11px}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mid-con-wrap ul li a img{margin-right:2px}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mss-con-wrap{padding:0 0;border-bottom:1px solid #525252}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mss-con-wrap ul li{padding:1px 47px 2px 13px;box-sizing:border-box;position:relative;border-top:1px solid #565656}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mss-con-wrap ul li:first-child{border-top:0}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mss-con-wrap ul li:after{position:absolute;top:50%;margin-top:-7px;right:47px;width:1px;height:13px;content:"";background-color:#565656}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mss-con-wrap ul li .con-area{display:block;min-height:38px;padding-left:36px;box-sizing:border-box;position:relative}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mss-con-wrap ul li .con-area.login:before{display:block}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mss-con-wrap ul li .con-area:before{position:absolute;left:-3px;top:-3px;display:none;width:6px;height:6px;background-color:#5fed73;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;content:""}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mss-con-wrap ul li .con-area .thumb-area{position:absolute;left:0;top:50%;margin-top:-14px;width:28px;height:28px;display:inline-block;background-color:grey;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;overflow:hidden}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mss-con-wrap ul li .con-area .thumb-area img{width:100%;height:100%;display:block}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mss-con-wrap ul li .con-area .txt-area{padding-top:5px;position:relative}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mss-con-wrap ul li .con-area .txt-area .id a{font-size:10px;font-weight:700;color:silver}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mss-con-wrap ul li .con-area .txt-area .id a img{margin-right:2px}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mss-con-wrap ul li .con-area .txt-area .id .bookmark{display:inline-block;vertical-align:top;padding-left:2px;width:13px;height:13px;background:url(../images/popup/mss_icon2.png) no-repeat}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mss-con-wrap ul li .con-area .txt-area .id .bookmark:hover{background:url(../images/popup/mss_icon2_hover.png) no-repeat}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mss-con-wrap ul li .con-area .txt-area .text{width:95%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-top:2px}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mss-con-wrap ul li .con-area .txt-area .text a{font-size:10px;color:silver;font-weight:700;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:100%;display:inline-block}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mss-con-wrap ul li .date{line-height:49px;height:47px;font-size:10px;color:silver;position:absolute;right:0;top:0;text-align:center;width:47px;display:inline-block}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mid-msg-wrap{height:100%;padding:15px 10px;box-sizing:border-box;background-color:#272727}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mid-msg-wrap .prev-msg-area{position:absolute;display:block;top:0;left:0;text-align:center;display:block;width:100%;height:29px;line-height:29px;background:url(../images/popup/more_bt_bg2.gif) repeat-x;background-size:100% 29px}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mid-msg-wrap .prev-msg-area a{position:relative;padding-right:14px;font-size:11px;font-weight:700;color:#e3e3e3}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mid-msg-wrap .prev-msg-area a span{position:relative;padding-right:14px;font-size:10px;font-weight:700;color:#e3e3e3}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mid-msg-wrap .prev-msg-area a span:after{position:absolute;right:0;top:3px;width:8px;height:7px;content:"";background:url(../images/popup/prev_msg_icon.gif) no-repeat;background-size:8px 7px}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mid-msg-wrap .msg-list-area div:first-child{margin-top:0}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mid-msg-wrap .msg-list-area .msg-sendA{overflow:hidden;padding:10px 0}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mid-msg-wrap .msg-list-area .msg-type1{float:left;margin-top:25px;max-width:215px;padding:11px 7px 25px;border:1px solid #565656;background-color:#373432;box-sizing:border-box;position:relative;min-width:140px}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mid-msg-wrap .msg-list-area .msg-type1:before{position:absolute;bottom:-10px;left:-1px;width:11px;height:10px;content:"";background:url(../images/popup/word_left_tit.gif) no-repeat;background-size:11px 10px}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mid-msg-wrap .msg-list-area .msg-type1 .msg-con{font-size:10px;color:#e3e3e3;line-height:15px}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mid-msg-wrap .msg-list-area .msg-type1 .util{position:absolute;right:6px;bottom:2px}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mid-msg-wrap .msg-list-area .msg-type1 .util .date{font-size:10px;color:#e3e3e3;padding-left:11px;position:relative}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mid-msg-wrap .msg-list-area .msg-type1 .util .date:before{position:absolute;left:0;top:2px;width:8px;height:6px;content:"";background:url(../images/popup/msg_no_open.png) no-repeat;background-size:8px 6px}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mid-msg-wrap .msg-list-area .msg-type1 .util .date.active:before{position:absolute;left:0;top:1px;width:8px;height:8px;content:"";background:url(../images/popup/msg_open.png) no-repeat;background-size:8px 8px}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mid-msg-wrap .msg-list-area .msg-type1 .util .delete-bt{width:9px;height:9px;display:inline-block;background:url(../images/popup/msg_delete_bt.png) no-repeat;background-size:9px 9px;vertical-align:middle}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mid-msg-wrap .msg-list-area .msg-type1 .star-icon{position:absolute;right:-15px;top:0;width:11px;height:11px;background:url(../images/popup/star_icon_d.gif) no-repeat;background-size:11px 11px;display:inline-block}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mid-msg-wrap .msg-list-area .msg-type1 .star-icon.active{background:url(../images/popup/star_icon_a.gif) no-repeat;background-size:11px 11px}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mid-msg-wrap .msg-list-area .msg-type1 .state{width:5px;height:5px;position:absolute;right:-12px;bottom:3px;display:inline-block;background-color:#ff9400;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mid-msg-wrap .msg-list-area .msg-type1 .state.active{background-color:silver}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mid-msg-wrap .msg-list-area .msg-sendB{overflow:hidden;padding:10px 0}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mid-msg-wrap .msg-list-area .msg-type2{float:right;margin-top:25px;max-width:215px;min-width:140px;padding:11px 7px 25px;border:1px solid #565656;background-color:#202020;box-sizing:border-box;position:relative}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mid-msg-wrap .msg-list-area .msg-type2:before{position:absolute;bottom:-10px;right:-1px;width:10px;height:10px;content:"";background:url(../images/popup/word_right_tit.gif) no-repeat;background-size:10px 10px}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mid-msg-wrap .msg-list-area .msg-type2 .msg-con{font-size:10px;color:#e3e3e3;line-height:15px}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mid-msg-wrap .msg-list-area .msg-type2 .util{position:absolute;right:6px;bottom:6px}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mid-msg-wrap .msg-list-area .msg-type2 .util .date{font-size:10px;color:#e3e3e3;padding-left:11px;position:relative}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mid-msg-wrap .msg-list-area .msg-type2 .util .date:before{position:absolute;left:0;top:2px;width:8px;height:6px;content:"";background:url(../images/popup/msg_icon.png) no-repeat;background-size:8px 6px}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mid-msg-wrap .msg-list-area .msg-type2 .util .date.active:before{position:absolute;left:0;top:1px;width:8px;height:8px;content:"";background:url(../images/popup/msg_open.png) no-repeat;background-size:8px 8px}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mid-msg-wrap .msg-list-area .msg-type2 .util .delete-bt{width:9px;height:9px;display:inline-block;background:url(../images/popup/msg_delete_bt.png) no-repeat;background-size:9px 9px;vertical-align:middle}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mid-msg-wrap .refresh-msg-area{position:absolute;display:block;bottom:0;left:0;width:100%;height:34px;text-align:center;line-height:34px;background:url(../images/popup/refresh_bg2.gif) repeat-x}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mid-msg-wrap .refresh-msg-area a{position:relative;padding-right:18px;font-size:11px;font-weight:700;color:#e3e3e3}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mid-msg-wrap .refresh-msg-area a:after{position:absolute;right:0;top:0;width:11px;height:11px;content:"";background:url(../images/popup/refresh_icon2.png) no-repeat}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .bot-msg-wrap{border-top:1px solid #515151;padding:10px 10px 0;background-color:#181818;height:124px;box-sizing:border-box}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .bot-msg-wrap .text-area{position:relative;box-sizing:border-box;height:68px;padding-right:30px}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .bot-msg-wrap .text-area textarea{width:100%;box-sizing:border-box;color:#e3e3e3;font-size:10px;padding:6px;background-color:#272727;border:1px solid #505050;height:68px;overflow:hidden}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .bot-msg-wrap .text-area textarea::-webkit-input-placeholder{color:#767676}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .bot-msg-wrap .text-area textarea::-moz-placeholder{color:#767676}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .bot-msg-wrap .text-area textarea:-ms-input-placeholder{color:#767676}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .bot-msg-wrap .text-area textarea:-moz-placeholder{color:#767676}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .bot-msg-wrap .text-area .send-bt-list{position:absolute;right:2px;top:4px;font-size:0}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .bot-msg-wrap .text-area .send-bt-list .send-bt2{margin-top:6px}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .bot-msg-wrap .text-area .send-bt-list .send-bt3{margin-top:7px}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .bot-msg-wrap .send-bt{text-align:center;margin-top:10px}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .bot-msg-wrap .send-bt a{display:block;background-color:#ff9400;font-size:10px;color:#fff;font-weight:700;border:1px solid #865723;height:25px;line-height:25px;box-sizing:border-box}
#myProfile .inner-layer-popup .inner-popup-content .hidden-detail-wrap{width:100%;display:none;position:absolute;left:0;top:0;height:525px;box-sizing:border-box;background-color:#272727}
#myProfile .inner-layer-popup .inner-popup-content .hidden-detail-wrap.active{display:block}
#myProfile .inner-layer-popup .inner-popup-content .hidden-detail-wrap .top-bt-wrap{position:relative;padding-left:64px;background-color:#202020;box-sizing:border-box;border-bottom:1px solid #525252}
#myProfile .inner-layer-popup .inner-popup-content .hidden-detail-wrap .top-bt-wrap .back-bt{width:64px;border-right:1px solid #525252;box-sizing:border-box;position:absolute;left:0;top:0;height:34px;line-height:34px;background:url(../images/popup/back_bt_arrow.png) 50% 50% no-repeat;display:inline-block;text-indent:-9999px;overflow:hidden}
#myProfile .inner-layer-popup .inner-popup-content .hidden-detail-wrap .top-bt-wrap .input{position:relative;padding-right:45px;box-sizing:border-box}
#myProfile .inner-layer-popup .inner-popup-content .hidden-detail-wrap .top-bt-wrap .input input{width:100%;height:34px;background-color:#202020;color:#e3e3e3;font-weight:700;font-size:12px;box-sizing:border-box;padding-left:12px}
#myProfile .inner-layer-popup .inner-popup-content .hidden-detail-wrap .top-bt-wrap .input input::-webkit-input-placeholder{color:#767676;font-weight:700}
#myProfile .inner-layer-popup .inner-popup-content .hidden-detail-wrap .top-bt-wrap .input input::-moz-placeholder{color:#767676;font-weight:700}
#myProfile .inner-layer-popup .inner-popup-content .hidden-detail-wrap .top-bt-wrap .input input:-ms-input-placeholder{color:#767676;font-weight:700}
#myProfile .inner-layer-popup .inner-popup-content .hidden-detail-wrap .top-bt-wrap .input input:-moz-placeholder{color:#767676;font-weight:700}
#myProfile .inner-layer-popup .inner-popup-content .hidden-detail-wrap .top-bt-wrap .input a{position:absolute;right:0;top:0;width:40px;height:34px;text-indent:-9999px;overflow:hidden;background:url(../images/popup/frd_srch_bt.png) no-repeat}
#myProfile .inner-layer-popup .inner-popup-content .hidden-detail-wrap .mid-con-wrap{padding:0 12px;border-bottom:1px solid #525252}
#myProfile .inner-layer-popup .inner-popup-content .hidden-detail-wrap .mid-con-wrap ul li{padding:16px 30px 16px 0;box-sizing:border-box;position:relative;border-top:1px solid #565656}
#myProfile .inner-layer-popup .inner-popup-content .hidden-detail-wrap .mid-con-wrap ul li:first-child{border-top:0}
#myProfile .inner-layer-popup .inner-popup-content .hidden-detail-wrap .mid-con-wrap ul li:after{position:absolute;top:50%;margin-top:-8px;right:30px;width:1px;height:16px;content:"";background-color:#565656}
#myProfile .inner-layer-popup .inner-popup-content .hidden-detail-wrap .mid-con-wrap ul li .con-area{display:block;min-height:38px;padding-left:47px;box-sizing:border-box;position:relative}
#myProfile .inner-layer-popup .inner-popup-content .hidden-detail-wrap .mid-con-wrap ul li .con-area .thumb-area{position:absolute;left:0;top:0;width:38px;height:38px;display:inline-block;background-color:grey;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;overflow:hidden}
#myProfile .inner-layer-popup .inner-popup-content .hidden-detail-wrap .mid-con-wrap ul li .con-area .thumb-area img{width:100%;height:100%;display:block}
#myProfile .inner-layer-popup .inner-popup-content .hidden-detail-wrap .mid-con-wrap ul li .con-area .txt-area{padding-top:5px;position:relative}
#myProfile .inner-layer-popup .inner-popup-content .hidden-detail-wrap .mid-con-wrap ul li .con-area .txt-area .id a{font-size:12px;font-weight:700;color:#e3e3e3}
#myProfile .inner-layer-popup .inner-popup-content .hidden-detail-wrap .mid-con-wrap ul li .con-area .txt-area .id a img{margin-right:2px}
#myProfile .inner-layer-popup .inner-popup-content .hidden-detail-wrap .mid-con-wrap ul li .con-area .txt-area .util{font-size:0;margin-top:7px;padding-left:20px}
#myProfile .inner-layer-popup .inner-popup-content .hidden-detail-wrap .mid-con-wrap ul li .con-area .txt-area .util span{font-size:11px;color:#b2b2b2;font-weight:700;position:relative;margin-left:7px;padding-left:8px}
#myProfile .inner-layer-popup .inner-popup-content .hidden-detail-wrap .mid-con-wrap ul li .con-area .txt-area .util span:first-child{margin-left:0;padding-left:0}
#myProfile .inner-layer-popup .inner-popup-content .hidden-detail-wrap .mid-con-wrap ul li .con-area .txt-area .util span:first-child:before{display:none}
#myProfile .inner-layer-popup .inner-popup-content .hidden-detail-wrap .mid-con-wrap ul li .con-area .txt-area .util span:before{position:absolute;left:0;top:0;width:1px;content:"";background-color:#b2b2b2;height:11px}
#myProfile .inner-layer-popup .inner-popup-content .hidden-detail-wrap .mid-con-wrap ul li .delete-bt{position:absolute;right:0;top:50%;margin-top:-6px;text-indent:-9999px;overflow:hidden;width:14px;height:13px;background:url(../images/popup/delete_bt_icon2.png) no-repeat}
#myProfile .inner-layer-popup .inner-popup-content .paging-area{font-size:0;text-align:center;padding:14px 0 14px;background-color:#181818;line-height:23px;position:absolute;bottom:0;left:0;width:100%}
#myProfile .inner-layer-popup .inner-popup-content .paging-area .prev-bt{display:inline-block;width:6px;height:10px;vertical-align:middle;background:url(../images/popup/paging_prev_bt.png) no-repeat;background-size:6px 10px;margin-right:16px}
#myProfile .inner-layer-popup .inner-popup-content .paging-area .next-bt{display:inline-block;width:6px;height:10px;vertical-align:middle;background:url(../images/popup/paging_next_bt.png) no-repeat;background-size:6px 10px;margin-left:16px}
#myProfile .inner-layer-popup .inner-popup-content .paging-area ul{display:inline-block}
#myProfile .inner-layer-popup .inner-popup-content .paging-area ul li{display:inline-block;margin-left:8px}
#myProfile .inner-layer-popup .inner-popup-content .paging-area ul li:first-child{margin-left:0}
#myProfile .inner-layer-popup .inner-popup-content .paging-area ul li a{font-size:10px;border:1px solid #525252;background-color:#272727;color:#e3e3e3;width:25px;height:25px;line-height:23px;text-align:center;box-sizing:border-box;display:inline-block;vertical-align:top}
#myProfile .inner-layer-popup .inner-popup-content .paging-area ul li a.active{background-color:#ff9920;color:#fff}
.popup-head{height:34px;position:fixed;top:0;width:100%;left:0;background-color:#181818;z-index:1001;border-bottom:1px solid #525252}
.popup-head .logo{position:absolute;left:12px;top:6px}
.popup-head .logo img{width:18px;height:21px}
.popup-head .tit{text-align:center;font-size:11px;line-height:34px;font-weight:700;color:#e3e3e3}
.popup-head .tit span{color:#ff9920}
.popup-head .close-bt{position:absolute;right:12px;top:11px}
.popup-head .close-bt img{width:13px;height:13px}
.pop-head-wrap{height:34px;position:fixed;top:0;width:100%;left:0;background-color:#181818;z-index:1000;border-bottom:1px solid #525252}
.pop-head-wrap .logo{position:absolute;left:12px;top:6px}
.pop-head-wrap .logo img{width:18px;height:21px}
.pop-head-wrap .tit{text-align:center;font-size:11px;line-height:34px;font-weight:700;color:#e3e3e3}
.pop-head-wrap .inner-pop-close{position:absolute;right:12px;top:9px}
.pop-head-wrap .inner-pop-close img{width:13px;height:13px}
#emoticon .emoticon-popup-area{position:fixed;width:100%;height:100%;background-color:#181818;z-index:999;border:1px solid #565656;box-sizing:border-box}
#emoticon .emoticon-popup-area .tab-bt-area{font-size:0;overflow:hidden}
#emoticon .emoticon-popup-area .tab-bt-area a{width:50%;display:inline-block;height:27px;line-height:29px;text-align:center;float:left;background-color:#ccc;border-left:1px solid #b1b1b1;box-sizing:border-box}
#emoticon .emoticon-popup-area .tab-bt-area a:first-child{border-left:0}
#emoticon .emoticon-popup-area .tab-bt-area a span{font-size:11px;font-weight:700;color:#444}
#emoticon .emoticon-popup-area .tab-bt-area a.active{background-color:#444}
#emoticon .emoticon-popup-area .tab-bt-area a.active span{color:#ccc}
#emoticon .emoticon-popup-area .content-area{padding:0 0 0;border-top:1px solid #b1b1b1;display:none;position:relative;padding-top:95px;padding-bottom:75px;box-sizing:border-box;height:100%}
#emoticon .emoticon-popup-area .content-area.active{display:block}
#emoticon .emoticon-popup-area .content-area .top-con-area {height:95px;background-color:#efefef;padding:4px 0 0;box-sizing:border-box;position:absolute;left:0;top:0;width:100%}
#emoticon .emoticon-popup-area .content-area .top-con-area .prev-bt{position:absolute;left:12px;top:50%;margin-top:-5px;width:5px;height:11px;background:url(../images/popup/hasticon_prev_bt.png) no-repeat;background-size:5px 11px;text-indent:-9999px;overflow:hidden}
#emoticon .emoticon-popup-area .content-area .top-con-area .hasticon{overflow:hidden;width:261px;margin:0 auto}
#emoticon .emoticon-popup-area .content-area .top-con-area .hasticon li{float:left;margin:1px}
#emoticon .emoticon-popup-area .content-area .top-con-area .hasticon li a{width:27px;height:27px;border:1px solid #efefef;text-align:center;vertical-align:top;outline:0;box-sizing:border-box;display:inline-block}
#emoticon .emoticon-popup-area .content-area .top-con-area .hasticon li a.active{background-color:#dbdbdb;border:1px solid #b1b1b1}
#emoticon .emoticon-popup-area .content-area .top-con-area .hasticon li a img{display:block;width:100%;height:100%}
#emoticon .emoticon-popup-area .content-area .top-con-area .cate-sort{overflow:hidden;padding:13px 24px 0 24px}
#emoticon .emoticon-popup-area .content-area .top-con-area .cate-sort li{float:left;margin:4px 4px}
#emoticon .emoticon-popup-area .content-area .top-con-area .cate-sort li a{display:inline-block;background-color:#dbdbdb;padding:0 9px;height:24px;line-height:24px;border:1px solid #b1b1b1;font-size:10px;color:#444;font-weight:700;box-sizing:border-box}
#emoticon .emoticon-popup-area .content-area .top-con-area .cate-sort li a.active{background-color:#f90;color:#eee}
#emoticon .emoticon-popup-area .content-area .top-con-area .next-bt{position:absolute;right:12px;top:50%;margin-top:-5px;width:5px;height:11px;background:url(../images/popup/hasticon_next_bt.png) no-repeat;background-size:5px 11px;text-indent:-9999px;overflow:hidden}
#emoticon .emoticon-popup-area .content-area .mid-con-area{background-color:#fff;height:100%;overflow-y:scroll}
#emoticon .emoticon-popup-area .content-area .mid-con-area .emoticon-list-wrap ul{padding:2px 10px;overflow:hidden}
#emoticon .emoticon-popup-area .content-area .mid-con-area .emoticon-list-wrap ul li{float:left;margin:5px}
#emoticon .emoticon-popup-area .content-area .mid-con-area .emoticon-list-wrap ul li a{display:inline-block;width:27px;height:27px;vertical-align:top;border:1px solid #dbdbdb;box-sizing:border-box}
#emoticon .emoticon-popup-area .content-area .mid-con-area .view-emoticon-wrap ul{padding:0 9px 30px;overflow:hidden}
#emoticon .emoticon-popup-area .content-area .mid-con-area .view-emoticon-wrap ul li{float:left;margin:11px 5px 0}
#emoticon .emoticon-popup-area .content-area .mid-con-area .view-emoticon-wrap ul li a{display:inline-block;width:140px;height:155px}
#emoticon .emoticon-popup-area .content-area .mid-con-area .view-emoticon-wrap ul li a .img-area{width:140px;height:auto;background-color:grey}
#emoticon .emoticon-popup-area .content-area .mid-con-area .view-emoticon-wrap ul li a .img-area img{width:100%;display:block}
#emoticon .emoticon-popup-area .content-area .mid-con-area .view-emoticon-wrap ul li a .info-area{text-align:center;padding-top:10px}
#emoticon .emoticon-popup-area .content-area .mid-con-area .view-emoticon-wrap ul li a .info-area .tit{font-size:13px;font-weight:700;color:#000}
#emoticon .emoticon-popup-area .content-area .mid-con-area .view-emoticon-wrap ul li a .info-area .tit img{vertical-align:middle;position:relative;top:-1px}
#emoticon .emoticon-popup-area .content-area .mid-con-area .view-emoticon-wrap ul li a .info-area .txt{font-size:11px;width:100%;font-weight:700;color:#b1b1b1;margin-top:2px}
#emoticon .emoticon-popup-area .content-area .mid-con-area .view-emoticon-wrap ul li a .info-area .util{margin-top:2px}
#emoticon .emoticon-popup-area .content-area .mid-con-area .view-emoticon-wrap ul li a .info-area .util .p-value{font-size:11px;color:#f90;font-weight:700;position:relative;padding-left:19px}
#emoticon .emoticon-popup-area .content-area .mid-con-area .view-emoticon-wrap ul li a .info-area .util .p-value:before{position:absolute;left:0;top:-1px;content:"";width:15px;height:12px;background:url(../images/popup/emo_p_value.gif) no-repeat}
#emoticon .emoticon-popup-area .content-area .mid-con-area .view-emoticon-wrap ul li a .info-area .util .c-value{font-size:11px;color:#f90;font-weight:700;position:relative;padding-left:26px;margin-left:8px}
#emoticon .emoticon-popup-area .content-area .mid-con-area .view-emoticon-wrap ul li a .info-area .util .c-value:before{position:absolute;left:0;top:-1px;content:"";width:23px;height:12px;background:url(../images/popup/emo_c_value.gif) no-repeat}
#emoticon .emoticon-popup-area .content-area .bot-con-area{position:absolute;left:0;bottom:27px;width:100%;background-color:#efefef;height:48px;box-sizing:border-box}
#emoticon .emoticon-popup-area .content-area .bot-con-area .bt-area{text-align:center;font-size:0;padding-top:13px}
#emoticon .emoticon-popup-area .content-area .bot-con-area .bt-area a{display:inline-block;width:101px;font-size:11px;font-weight:700;color:#555;border:1px solid #b1b1b1;background-color:#ccc;margin:0 3px;height:23px;line-height:25px;text-align:center;box-sizing:border-box}
#emoticon .buy-popup-area{position:fixed;width:100%;background-color:#fff;z-index:999;border:1px solid #d8d8d8;box-sizing:border-box}
#emoticon .buy-popup-area .top-detail-area{padding-left:350px;position:relative;height:296px}
#emoticon .buy-popup-area .top-detail-area .img-area{position:absolute;left:50px;top:37px;width:237px;height:219px;background-color:#ebebeb}
#emoticon .buy-popup-area .top-detail-area .txt-area{padding-top:41px}
#emoticon .buy-popup-area .top-detail-area .txt-area .util-bt{font-size:0}
#emoticon .buy-popup-area .top-detail-area .txt-area .util-bt a.like-bt{display:inline-block;border:1px solid #ebebeb;width:47px;height:31px;text-align:center;vertical-align:top;line-height:31px;box-sizing:border-box;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}
#emoticon .buy-popup-area .top-detail-area .txt-area .util-bt a.like-bt span{font-weight:700;font-size:14px;color:#000;padding-left:22px;position:relative}
#emoticon .buy-popup-area .top-detail-area .txt-area .util-bt a.like-bt span:before{position:absolute;left:0;top:0;content:"";width:15px;height:15px;background:url(../images/popup/like_bt_icon.png) no-repeat}
#emoticon .buy-popup-area .top-detail-area .txt-area .util-bt a.share-bt{display:inline-block;border:1px solid #ebebeb;width:31px;height:31px;vertical-align:top;margin-left:4px;background:url(../images/popup/share_bt_icon.png) 50% 50% no-repeat;box-sizing:border-box;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}
#emoticon .buy-popup-area .top-detail-area .txt-area .tit{font-size:22px;font-weight:700;color:#000;width:310px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-top:20px}
#emoticon .buy-popup-area .top-detail-area .txt-area .txt{font-size:14px;font-weight:700;color:#000;width:310px;line-height:22px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word;margin-top:13px}
#emoticon .buy-popup-area .top-detail-area .txt-area .radio-area{margin-top:25px}
#emoticon .buy-popup-area .top-detail-area .txt-area .radio-area .radio-unit{margin-left:24px}
#emoticon .buy-popup-area .top-detail-area .txt-area .radio-area .radio-unit:first-child{margin-left:0}
#emoticon .buy-popup-area .top-detail-area .txt-area .radio-area .radio-unit label{color:#f90;font-weight:700;font-size:20px}
#emoticon .buy-popup-area .top-detail-area .txt-area .radio-area .radio-unit label img{vertical-align:middle;display:inline-block;margin:0 3px}
#emoticon .buy-popup-area .mid-bt-area{height:117px;background-color:#ccc;text-align:center;padding-top:36px;box-sizing:border-box}
#emoticon .buy-popup-area .mid-bt-area ul{font-size:0}
#emoticon .buy-popup-area .mid-bt-area ul li{margin:0 14px;display:inline-block}
#emoticon .buy-popup-area .mid-bt-area ul li a{display:inline-block;width:153px;height:43px;line-height:43px;border:1px solid #555;box-sizing:border-box}
#emoticon .buy-popup-area .mid-bt-area ul li a span{font-weight:700;color:#555;font-size:22px;position:relative}
#emoticon .buy-popup-area .mid-bt-area ul li a.b-choice-bt1{border:1px solid #f90}
#emoticon .buy-popup-area .mid-bt-area ul li a.b-choice-bt1 span{padding-left:43px}
#emoticon .buy-popup-area .mid-bt-area ul li a.b-choice-bt1 span:before{position:absolute;top:50%;margin-top:-12px;left:0;width:31px;height:24px;content:"";background:url(../images/popup/buy_choice_icon1.png) no-repeat}
#emoticon .buy-popup-area .mid-bt-area ul li a.b-choice-bt2 span{padding-left:43px}
#emoticon .buy-popup-area .mid-bt-area ul li a.b-choice-bt2 span:before{position:absolute;top:50%;margin-top:-12px;left:0;width:28px;height:24px;content:"";background:url(../images/popup/buy_choice_icon2.png) no-repeat}
#emoticon .buy-popup-area .mid-bt-area ul li a.b-choice-bt3 span{padding-left:43px}
#emoticon .buy-popup-area .mid-bt-area ul li a.b-choice-bt3 span:before{position:absolute;top:50%;margin-top:-12px;left:0;width:26px;height:24px;content:"";background:url(../images/popup/buy_choice_icon3.png) no-repeat}
#emoticon .buy-popup-area .bot-info-area{overflow-y:scroll;height:425px}
#emoticon .buy-popup-area .bot-info-area .info-inner{width:643px;margin:0 auto;padding-top:33px}
#emoticon .buy-popup-area .bot-info-area .info-inner .info-area dl{margin-top:28px}
#emoticon .buy-popup-area .bot-info-area .info-inner .info-area dl:first-child{margin-top:0}
#emoticon .buy-popup-area .bot-info-area .info-inner .info-area dl dt{font-weight:700;font-size:16px;color:#000}
#emoticon .buy-popup-area .bot-info-area .info-inner .info-area dl dd{font-size:14px;color:#000;line-height:20px;margin-top:8px}
#emoticon .buy-popup-area .bot-info-area .info-inner .info-area .noti{text-align:center;height:39px;font-size:14px;color:#000;line-height:39px;background-color:#ebebeb;margin-top:22px}
#emoticon .buy-popup-area .bot-info-area .emoti-list{overflow:hidden;font-size:0;padding-top:49px}
#emoticon .buy-popup-area .bot-info-area .emoti-list li{margin-left:51px;float:left;margin-bottom:58px}
#emoticon .buy-popup-area .bot-info-area .emoti-list li:first-child{margin-left:0}
#emoticon .buy-popup-area .bot-info-area .emoti-list li:nth-child(13),#emoticon .buy-popup-area .bot-info-area .emoti-list li:nth-child(17),#emoticon .buy-popup-area .bot-info-area .emoti-list li:nth-child(21),#emoticon .buy-popup-area .bot-info-area .emoti-list li:nth-child(25),#emoticon .buy-popup-area .bot-info-area .emoti-list li:nth-child(29),#emoticon .buy-popup-area .bot-info-area .emoti-list li:nth-child(33),#emoticon .buy-popup-area .bot-info-area .emoti-list li:nth-child(5),#emoticon .buy-popup-area .bot-info-area .emoti-list li:nth-child(9){margin-left:0}
#emoticon .buy-popup-area .bot-info-area .emoti-list li a{display:inline-block;width:122px;height:113px;background-color:#ebebeb}
#emoticon .buy-popup-area .msg-popup-area{position:absolute;left:0;top:0;width:100%;height:100%;display:none}
#emoticon .buy-popup-area .msg-popup-area.active{display:block}
#emoticon .buy-popup-area .msg-popup-area .msg-content-area{width:392px;height:162px;position:absolute;z-index:1;background-color:#181818;border:1px solid #565656;top:68px;left:50%;margin-left:-196px;padding-top:20px;box-sizing:border-box}
#emoticon .buy-popup-area .msg-popup-area .msg-content-area .title{text-align:center;color:#fff;font-size:12px;padding-top:27px;position:relative;line-height:18px}
#emoticon .buy-popup-area .msg-popup-area .msg-content-area .title em{color:#ff9400}
#emoticon .buy-popup-area .msg-popup-area .msg-content-area .title:before{position:absolute;top:0;left:50%;margin-left:-9px;width:17px;height:13px;content:"";background:url(../images/popup/follow_bt.png) no-repeat}
#emoticon .buy-popup-area .msg-popup-area .msg-content-area .bt{font-size:0;text-align:center;margin-top:12px}
#emoticon .buy-popup-area .msg-popup-area .msg-content-area .bt a{display:inline-block;width:48px;margin:0 3px;height:24px;border:1px solid #525252;background-color:#202020;line-height:26px;font-size:11px;font-weight:700;color:#fff;text-align:center}
#emoticon .buy-popup-area .msg-popup-area .msg-content-area .bt a:hover{background-color:#ff7d7d}
#emoticon .buy-popup-area .msg-popup-area .inner-dimmed{position:absolute;width:100%;height:100%;left:0;top:0;background-color:#000;opacity:.5}
#con-body .info-body .content .total-srch-area{padding:0 0 50px;margin-top:-2px}
#con-body .info-body .content .total-srch-area .list-style01 ul li{padding:10px 12px;border-bottom:1px solid #333;overflow:hidden}
#con-body .info-body .content .total-srch-area .list-style01 ul li.noti{background:#181818}
#con-body .info-body .content .total-srch-area .list-style01 ul li.noti .top .story a{color:#fff;font-weight:700;padding:4px 0 5px 10px;font-size:16px;display:inline-block;width:100%;word-break:break-all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative}
#con-body .info-body .content .total-srch-area .list-style01 ul li .top{overflow:hidden;padding-bottom:5px}
#con-body .info-body .content .total-srch-area .list-style01 ul li .top .admin-chk{float:left;padding:4px 10px 2px 0}
#con-body .info-body .content .total-srch-area .list-style01 ul li .top .num{float:left;width:30px}
#con-body .info-body .content .total-srch-area .list-style01 ul li .top .num span{display:inline-block;font-size:12px;min-width:25px;height:25px;vertical-align:top;text-align:center;line-height:23px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;box-sizing:border-box;padding:0 4px}
#con-body .info-body .content .total-srch-area .list-style01 ul li .top .num span.tp1{border:1px solid #2f2f2f;background-color:#272727;color:#686868}
#con-body .info-body .content .total-srch-area .list-style01 ul li .top .num span.tp2{border:1px solid #3f3f3f;background-color:#272727;color:#b5b5b5}
#con-body .info-body .content .total-srch-area .list-style01 ul li .top .num span.tp3{border:1px solid #3f3f3f;background-color:#474747;color:#b9b9b9}
#con-body .info-body .content .total-srch-area .list-style01 ul li .top .num span.tp4{border:1px solid #3f3f3f;background-color:#e6a200;color:#fff}
#con-body .info-body .content .total-srch-area .list-style01 ul li .top .num span.tp5{border:1px solid #3f3f3f;background-color:#e66700;color:#fff}
#con-body .info-body .content .total-srch-area .list-style01 ul li .top .num span.tp6{border:1px solid #3f3f3f;background-color:#e61600;color:#fff}
#con-body .info-body .content .total-srch-area .list-style01 ul li .top .story{float:left;width:calc((100% - 30px))}
#con-body .info-body .content .total-srch-area .list-style01 ul li .top .story.adm-list{width:calc((100% - 54px))!important}
#con-body .info-body .content .total-srch-area .list-style01 ul li .top .story a{color:#d2d2d2;padding:4px 0 5px 10px;font-size:16px;display:inline-block;width:calc((100% - 26px));word-break:break-all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative}
#con-body .info-body .content .total-srch-area .list-style01 ul li .bot{overflow:hidden}
#con-body .info-body .content .total-srch-area .list-style01 ul li .bot .state{display:inline-block;width:43px;height:20px;text-align:center;line-height:20px;font-size:11px;font-weight:700;color:#e3e3e3;border:1px solid #515151;background-color:#181818;box-sizing:border-box;float:left}
#con-body .info-body .content .total-srch-area .list-style01 ul li .bot .state.end{color:#686868}
#con-body .info-body .content .total-srch-area .list-style01 ul li .bot .nick{color:silver;font-size:14px;display:inline-block;width:113px;position:relative;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:2px 5px;letter-spacing:.2px;float:left}
#con-body .info-body .content .total-srch-area .list-style01 ul li .bot .nick img{position:relative;top:-1px;margin-right:3px;width:16px;height:16px}
#con-body .info-body .content .total-srch-area .list-style01 ul li .bot .date{overflow:hidden;float:right;padding:2px 0}
#con-body .info-body .content .total-srch-area .list-style01 ul li .bot .date p{float:left;color:#7b7b7b;font-size:12px;text-align:right;padding-left:12px;position:relative}
#con-body .info-body .content .total-srch-area .list-style01 ul li .bot .date p.dateA:before{position:absolute;left:6px;width:1px;height:8px;top:3px;content:"";background:#7b7b7b}
#con-body .info-body .content .total-srch-area .list-style02 .title{background-color:#181818;color:#fff;font-size:14px;font-weight:700;height:34px;line-height:34px;padding-left:12px}
#con-body .info-body .content .total-srch-area .list-style02 ul li{padding:10px 12px;border-top:1px solid #333;overflow:hidden}
#con-body .info-body .content .total-srch-area .list-style02 ul li .list-img-area{float:left;position:relative}
#con-body .info-body .content .total-srch-area .list-style02 ul li .list-img-area img{width:54px}
#con-body .info-body .content .total-srch-area .list-style02 ul li .list-img-area .adm-chk{position:absolute;display:inline-block;top:4px;left:4px}
#con-body .info-body .content .total-srch-area .list-style02 ul li .list-img-form{float:left;width:100%}
#con-body .info-body .content .total-srch-area .list-style02 ul li.noti{background:#181818}
#con-body .info-body .content .total-srch-area .list-style02 ul li.noti .top .story a{color:#fff;font-weight:700;padding:4px 0 5px 10px;font-size:16px;display:inline-block;width:100%;word-break:break-all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative}
#con-body .info-body .content .total-srch-area .list-style02 ul li .top{overflow:hidden;padding-bottom:5px}
#con-body .info-body .content .total-srch-area .list-style02 ul li .top .admin-chk{float:left;padding:4px 10px 2px 0}
#con-body .info-body .content .total-srch-area .list-style02 ul li .top .num{float:left;width:30px}
#con-body .info-body .content .total-srch-area .list-style02 ul li .top .num span{display:inline-block;font-size:12px;min-width:25px;height:25px;vertical-align:top;text-align:center;line-height:23px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;box-sizing:border-box;padding:0 4px}
#con-body .info-body .content .total-srch-area .list-style02 ul li .top .num span.tp1{border:1px solid #2f2f2f;background-color:#272727;color:#686868}
#con-body .info-body .content .total-srch-area .list-style02 ul li .top .num span.tp2{border:1px solid #3f3f3f;background-color:#272727;color:#b5b5b5}
#con-body .info-body .content .total-srch-area .list-style02 ul li .top .num span.tp3{border:1px solid #3f3f3f;background-color:#474747;color:#b9b9b9}
#con-body .info-body .content .total-srch-area .list-style02 ul li .top .num span.tp4{border:1px solid #3f3f3f;background-color:#e6a200;color:#fff}
#con-body .info-body .content .total-srch-area .list-style02 ul li .top .num span.tp5{border:1px solid #3f3f3f;background-color:#e66700;color:#fff}
#con-body .info-body .content .total-srch-area .list-style02 ul li .top .num span.tp6{border:1px solid #3f3f3f;background-color:#e61600;color:#fff}
#con-body .info-body .content .total-srch-area .list-style02 ul li .top .story{float:left;width:calc((100% - 30px))}
#con-body .info-body .content .total-srch-area .list-style02 ul li .top .story.adm-list{width:calc((100% - 54px))!important}
#con-body .info-body .content .total-srch-area .list-style02 ul li .top .story a{color:#d2d2d2;padding:4px 30px 5px 10px;font-size:13px;display:inline-block;max-width:100%;word-break:break-all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;box-sizing:border-box}
#con-body .info-body .content .total-srch-area .list-style02 ul li .top .story a em{position:absolute;right:0;font-weight:700;color:#ff9920;font-size:14px}
#con-body .info-body .content .total-srch-area .list-style02 ul li .bot{overflow:hidden}
#con-body .info-body .content .total-srch-area .list-style02 ul li .bot .state{display:inline-block;width:36px;height:20px;text-align:center;line-height:20px;font-size:11px;font-weight:700;color:#e3e3e3;border:1px solid #515151;background-color:#181818;box-sizing:border-box;float:left}
#con-body .info-body .content .total-srch-area .list-style02 ul li .bot .state.end{color:#686868}
#con-body .info-body .content .total-srch-area .list-style02 ul li .bot .nick{color:silver;font-size:13px;display:inline-block;min-width:76px;position:relative;max-width:500px;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:2px 5px;letter-spacing:.2px}
#con-body .info-body .content .total-srch-area .list-style02 ul li.img-type{position:relative;padding:10px 12px 10px 75px}
#con-body .info-body .content .total-srch-area .list-style02 ul li.img-type .list-img-area{position:absolute;left:12px;top:10px}
#con-body .info-body .content .total-srch-area .list-style02 ul li .bot .nick img{position:relative;top:-1px;margin-right:3px;width:16px;height:16px}
#con-body .info-body .content .total-srch-area .list-style02 ul li .bot .cate{background-color:#181818;border:1px solid #323232;height:15px;padding:0 5px;display:inline-block;font-size:10px;color:#d2d2d2}
#con-body .info-body .content .total-srch-area .list-style02 ul li .bot .date{overflow:hidden;float:right;padding:2px 0}
#con-body .info-body .content .total-srch-area .list-style02 ul li .bot .date .visiter{padding-left:0}
#con-body .info-body .content .total-srch-area .list-style02 ul li .bot .date p{float:left;color:#7b7b7b;font-size:12px;text-align:right;padding-left:12px;position:relative}
#con-body .info-body .content .total-srch-area .list-style02 ul li .bot .date p.dateA:before{position:absolute;left:6px;width:1px;height:8px;top:3px;content:"";background:#7b7b7b}
#con-body .info-body .content .total-srch-area .l-title{background-color:#222;padding-left:12px;font-size:14px;font-weight:700;color:#fff;height:33px;line-height:33px;border-bottom:1px solid #f8992f}
#con-body .info-body .content .total-srch-area .list-style02{margin-top:0}
#con-body .info-body .content .total-srch-area .list-style02:first-child{margin-top:0}
#con-body .info-body .content .total-srch-area .list-style02 .more-bt{border-top:1px dashed #43403e;width:100%;display:block;height:40px;line-height:40px;text-align:center;background:url(../images/sub/more_bt_bg.gif) repeat-x;background-size:100% 40px}
#con-body .info-body .content .total-srch-area .list-style02 .more-bt span{padding-right:15px;position:relative;font-size:11px;color:#e3e3e3;font-weight:700}
#con-body .info-body .content .total-srch-area .list-style02 .more-bt span:after{position:absolute;content:"";width:9px;height:9px;background:url(../images/sub/more_bt_refresh.png) no-repeat;right:0;top:1px}
#con-body .info-body .content .total-srch-area .paging-box{padding-top:16px}
#con-body .info-body .content .total-srch-area .paging-box .float-center{text-align:center;font-size:0}
#con-body .info-body .content .total-srch-area .paging-box .float-center ul{font-size:0;border:1px solid #525252;display:inline-block}
#con-body .info-body .content .total-srch-area .paging-box .float-center ul li{display:inline-block;border-left:1px solid #525252}
#con-body .info-body .content .total-srch-area .paging-box .float-center ul li:first-child{border-left:0}
#con-body .info-body .content .total-srch-area .paging-box .float-center ul li a{display:inline-block;height:28px;line-height:30px;font-size:12px;color:#e3e3e3;font-weight:700;padding:0 10px}
#con-body .info-body .content .total-srch-area .paging-box .float-center ul li a.on{background-color:#ff9400}
#con-body .info-body .content .total-srch-area .paging-box .float-center .page-jump.prev{margin-right:8px;padding-left:11px}
#con-body .info-body .content .total-srch-area .paging-box .float-center .page-jump.prev:before{left:0;background:url(../images/sub/paging_prev_icon.png) no-repeat}
#con-body .info-body .content .total-srch-area .paging-box .float-center .page-jump{font-weight:700;color:#e3e3e3;font-size:12px;position:relative;display:none}
#con-body .info-body .content .total-srch-area .paging-box .float-center .page-jump.active{display:inline-block}
#con-body .info-body .content .total-srch-area .paging-box .float-center .page-jump.next{margin-left:8px;padding-right:11px}
#con-body .info-body .content .total-srch-area .paging-box .float-center .page-jump:before{position:absolute;content:"";top:50%;margin-top:-5px;width:6px;height:9px}
#con-body .info-body .content .total-srch-area .paging-box .float-center .page-jump.next:before{right:0;background:url(../images/sub/paging_next_icon.png) no-repeat}
#con-body .info-body .content .total-srch-area .srch-box{width:90%;margin:16px auto 0;border:1px solid #525252}
#con-body .info-body .content .total-srch-area .srch-sel-area{width:90px;position:relative;float:left;z-index:99999}
#con-body .info-body .content .total-srch-area .srch-sel-area .sort-bt{display:inline-block;outline:0;width:90px;border-right:1px solid #525252;background-color:#272727;height:30px;line-height:28px;padding-left:12px;box-sizing:border-box;position:relative}
#con-body .info-body .content .total-srch-area .srch-sel-area .sort-bt span{font-size:12px;font-weight:700;color:#e3e3e3}
#con-body .info-body .content .total-srch-area .srch-sel-area .sort-bt:after{position:absolute;content:"";right:11px;top:50%;margin-top:-2px;width:7px;height:4px;background:url(../images/sub/sel_arrow_icon.png) no-repeat}
#con-body .info-body .content .total-srch-area .srch-sel-area .hide-area{position:absolute;display:none;width:106px;top:31px;left:-1px;border-bottom:1px solid #525252;border-left:1px solid #525252;border-right:1px solid #525252;box-sizing:border-box}
#con-body .info-body .content .total-srch-area .srch-sel-area .hide-area li{border-top:1px solid #525252}
#con-body .info-body .content .total-srch-area .srch-sel-area .hide-area li:first-child{border-top:0}
#con-body .info-body .content .total-srch-area .srch-sel-area .hide-area li a{display:block;background-color:#181818;height:28px;line-height:28px;padding-left:12px;font-size:12px;font-weight:700;color:#e3e3e3}
#con-body .info-body .content .total-srch-area .srch-box .srch-input-area{float:left;width:calc((100% - 90px));padding-right:70px;position:relative;box-sizing:border-box}
#con-body .info-body .content .total-srch-area .srch-box .srch-input-area input{background-color:#272727;width:100%;padding-left:12px;height:30px;font-size:12px;font-weight:700;color:#e3e3e3;box-sizing:border-box;border:0}
#con-body .info-body .content .total-srch-area .srch-input-area .srch-bt{position:absolute;display:inline-block;right:0;top:0;width:30px;height:30px;text-align:center;line-height:30px}
#con-body .info-body .content .total-srch-area .srch-input-area .srch-bt span{color:#fff;font-size:12px;font-weight:700;padding-left:16px;position:relative}
#con-body .info-body .content .total-srch-area .srch-input-area .srch-bt span:before{position:absolute;left:0;top:0;width:12px;height:12px;background:url(../images/sub/srch_bt_icon2.png) no-repeat;content:""}
#con-body .info-body .content .total-srch-area .srch-box:after{display:block;content:"";clear:both}
#myProfile .level-content-wrap{background-color:#202020;height:100%}
#myProfile .level-content-wrap .level-top-area{position:relative;padding:14px 10px 0}
#myProfile .level-content-wrap .level-top-area .text{color:#e3e3e3;line-height:14px;font-size:11px}
#myProfile .level-content-wrap .level-top-area .text span{color:#e3e3e3}
#myProfile .level-content-wrap .level-top-area .text .c-pink{font-weight:700;color:#e98686}
#myProfile .level-content-wrap .level-top-area .point-list{position:absolute;right:11px;top:20px;background-color:#181818;width:80px;height:18px;line-height:17px;border:1px solid #505050;text-align:center;color:#e3e3e3;font-weight:700;font-size:10px;box-sizing:border-box}
#myProfile .level-content-wrap .level-top-area .gauge-bar-wrap{height:27px;margin-top:10px;padding-top:2px;box-sizing:border-box;position:relative}
#myProfile .level-content-wrap .level-top-area .gauge-bar-wrap:before{position:absolute;left:-2px;z-index:1;top:-5px;width:32px;height:32px;content:"";background:url(../../images/common/ic_quasar.svg) no-repeat center;background-size:70%;background-color:#272727;border-radius:50%}
#myProfile .level-content-wrap .level-top-area .gauge-bar-wrap .gauge-bar-area{-moz-border-radius:9px;-webkit-border-radius:9px;border-radius:9px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background-color:#181818;border:1px solid #565656;height:16px;box-sizing:border-box}
#myProfile .level-content-wrap .level-top-area .gauge-bar-wrap .gauge-bar-area .gauge-bar{padding-left:24px;text-align:center;height:14px;line-height:19px;position:relative;box-sizing:border-box;-moz-border-radius:9px;-webkit-border-radius:9px;border-radius:9px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background-color:#ff9300;-moz-box-shadow:inset 0 0 6px rgba(25,15,0,.72);-webkit-box-shadow:inset 0 0 6px rgba(25,15,0,.72);box-shadow:inset 0 0 6px rgba(25,15,0,.72)}
#myProfile .level-content-wrap .level-top-area .gauge-bar-wrap .gauge-bar-area .gauge-bar span{font-weight:700;line-height:16px;font-size:10px;color:#fff}
#myProfile .level-content-wrap .level-top-area .gauge-bar-wrap .gauge-bar-area .gauge-bar.small-size span{position:absolute;right:-68px;top:0;z-index:1}
#myProfile .level-content-wrap .level-top-area .noti{text-align:right;margin-top:-4px;font-weight:700;color:#888;font-size:10px}
#myProfile .level-content-wrap .now-planet-area{padding:0 8px;margin-top:12px}
#myProfile .level-content-wrap .now-planet-area .now-planet-inner{border:1px solid #525252;background-color:#171717;padding:14px 5px 14px 10px;box-sizing:border-box}
#myProfile .level-content-wrap .now-planet-area .now-planet-inner .title{font-weight:700;color:#e3e3e3;font-size:11px;border-bottom:1px solid #ff7d7d;display:inline-block;padding-bottom:3px}
#myProfile .level-content-wrap .now-planet-area .now-planet-inner .now-planet{position:relative;box-sizing:border-box;padding-left:107px;margin-top:14px}
#myProfile .level-content-wrap .now-planet-area .now-planet-inner .now-planet .planet-img{position:absolute;left:9px;top:0}
#myProfile .level-content-wrap .now-planet-area .now-planet-inner .now-planet .planet-img img{width:90px;height:90px}
#myProfile .level-content-wrap .now-planet-area .now-planet-inner .now-planet .text-area .tit1{color:#ff7d7d;font-weight:700;font-size:12px}
#myProfile .level-content-wrap .now-planet-area .now-planet-inner .now-planet .text-area .tit2{font-size:10px;color:#e3e3e3;font-weight:700;margin-top:-1px}
#myProfile .level-content-wrap .now-planet-area .now-planet-inner .now-planet .text-area .txt{font-size:10px;color:#767676;letter-spacing:0;line-height:13px;margin-top:4px}
#myProfile .level-content-wrap .now-planet-area .now-planet-inner .now-planet .text-area .exam{margin-top:5px}
#myProfile .level-content-wrap .now-planet-area .now-planet-inner .now-planet .text-area .exam .tit{font-size:10px;font-weight:700;color:#ff7d7d;margin-right:5px}
#myProfile .level-content-wrap .now-planet-area .now-planet-inner .now-planet .text-area .exam .tit em{font-size:10px;font-weight:700;color:#ff7d7d;text-decoration:underline}
#myProfile .level-content-wrap .now-planet-area .now-planet-inner .now-planet .text-area .exam img{position:relative;top:1px;margin-right:1px}
#myProfile .level-content-wrap .now-planet-area .now-planet-inner .now-planet .text-area .exam .id{font-size:10px;color:silver}
#myProfile .level-content-wrap .another-planet-area{margin-top:9px;padding:0 8px;position:relative}
#myProfile .level-content-wrap .another-planet-area .another-planet-inner{border:1px solid #525252;background-color:#171717;padding:14px 10px 14px 10px;height:322px;box-sizing:border-box}
#myProfile .level-content-wrap .another-planet-area .another-planet-inner .title{font-weight:700;color:#e3e3e3;font-size:11px;border-bottom:1px solid #ff7d7d;display:inline-block;padding-bottom:3px}
#myProfile .level-content-wrap .another-planet-area .another-planet-inner .sort-area{position:absolute;right:19px;top:11px}
#myProfile .level-content-wrap .another-planet-area .another-planet-inner .sort-area .pu-color{color:#bb9dff!important}
#myProfile .level-content-wrap .another-planet-area .another-planet-inner .sort-area .pi-color{color:#ff8c8c!important}
#myProfile .level-content-wrap .another-planet-area .another-planet-inner .sort-area .sort-bt{display:inline-block;width:63px;background-color:#272727;height:15px;line-height:13px;padding-left:6px;border:1px solid #525252;box-sizing:border-box;position:relative}
#myProfile .level-content-wrap .another-planet-area .another-planet-inner .sort-area select{display:inline-block;width:59px;background-color:#272727;height:15px;line-height:13px;padding-left:4px;border:1px solid #525252;box-sizing:border-box;position:relative;color:#fff;font-size:10px}
#myProfile .level-content-wrap .another-planet-area .another-planet-inner .sort-area .sort-bt:after{position:absolute;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);content:"";right:6px;top:50%;margin-top:-2px;width:7px;height:4px;background:url(../images/sub/sort_arrow_icon.png) no-repeat}
#myProfile .level-content-wrap .another-planet-area .another-planet-inner .planet-list ul li a img{width:40px;height:40px}
#myProfile .level-content-wrap .another-planet-area .another-planet-inner .planet-list ul li a span{font-size:10px;padding-top:4px;display:block}
#myProfile .level-content-wrap .another-planet-area .another-planet-inner .planet-list ul li a span.red{color:#ff8181}
#myProfile .level-content-wrap .another-planet-area .another-planet-inner .planet-list ul li a span.per{color:#cc9fff}
#myProfile .level-content-wrap .another-planet-area .another-planet-inner .planet-list ul li a span.wht{color:#fff}
#myProfile .level-content-wrap .another-planet-area .another-planet-inner .sort-area .sort-bt span{font-size:10px;font-weight:700;color:#e3e3e3}
#myProfile .level-content-wrap .another-planet-area .another-planet-inner .sort-area .sort-bt.active{background-color:#181818}
#myProfile .level-content-wrap .another-planet-area .another-planet-inner .sort-area .hide-area{position:absolute;z-index:1;display:none;width:100%;top:21px;left:0;border-bottom:1px solid #525252;border-left:1px solid #525252;border-right:1px solid #525252;box-sizing:border-box}
#myProfile .level-content-wrap .another-planet-area .another-planet-inner .sort-area .hide-area li{border-top:1px solid #525252}
#myProfile .level-content-wrap .another-planet-area .another-planet-inner .sort-area .hide-area li:first-child{border-top:0}
#myProfile .level-content-wrap .another-planet-area .another-planet-inner .sort-area .hide-area li a{display:block;background-color:#181818;height:21px;line-height:21px;padding-left:6px;font-size:12px;font-weight:700;color:#e3e3e3}
#myProfile .level-content-wrap .another-planet-area .another-planet-inner .sort-area .hide-area.active{display:block}
#myProfile .level-content-wrap .another-planet-area .another-planet-inner .planet-list{height:184px;padding-top:10px;box-sizing:border-box}
#myProfile .level-content-wrap .another-planet-area .another-planet-inner .planet-list ul{font-size:0}
#myProfile .level-content-wrap .another-planet-area .another-planet-inner .planet-list ul li{display:inline-block;width:20%;float:left;text-align:center;margin:5px 0}
#myProfile .level-content-wrap .another-planet-area .another-planet-inner .paging-area{font-size:0;text-align:center}
#myProfile .level-content-wrap .another-planet-area .another-planet-inner .paging-area .prev-bt{display:inline-block;width:6px;height:10px;vertical-align:middle;background:url(../images/popup/paging_prev_bt.png) no-repeat;background-size:6px 10px;margin-right:16px}
#myProfile .level-content-wrap .another-planet-area .another-planet-inner .paging-area .next-bt{display:inline-block;width:12px;height:20px;vertical-align:middle;background:url(../images/popup/paging_next_bt.png) no-repeat;background-size:12px 20px;margin-left:16px}
#myProfile .level-content-wrap .another-planet-area .another-planet-inner .paging-area ul{display:inline-block;font-size:0}
#myProfile .level-content-wrap .another-planet-area .another-planet-inner .paging-area ul li{display:inline-block;margin-left:8px}
#myProfile .level-content-wrap .another-planet-area .another-planet-inner .paging-area ul li:first-child{margin-left:0}
#myProfile .level-content-wrap .another-planet-area .another-planet-inner .paging-area ul li a{font-size:10px;border:1px solid #525252;background-color:#272727;color:#e3e3e3;width:24px;height:24px;line-height:24px;text-align:center;box-sizing:border-box;display:inline-block;vertical-align:top}
#myProfile .level-content-wrap .another-planet-area .another-planet-inner .paging-area ul li a.active{background-color:#ff9920;color:#fff}
#myProfile .level-content-wrap .another-planet-area .another-planet-inner .btn-area{font-size:0;text-align:center;position:relative;margin-top:17px}
#myProfile .level-content-wrap .another-planet-area .another-planet-inner .btn-area a{display:inline-block;width:48px;height:24px;font-size:11px;color:#fff;margin-left:8px;line-height:24px;text-align:center;border:1px solid #525252;background-color:#202020;box-sizing:border-box}
#myProfile .level-content-wrap .another-planet-area .another-planet-inner .btn-area a:first-child{margin-left:0}
#myProfile .level-content-wrap .another-planet-area .another-planet-inner .btn-area a.active,#myProfile .level-content-wrap .another-planet-area .another-planet-inner .btn-area a:hover{background-color:#ff7d7d}
#myProfile .level-content-wrap .another-planet-area .another-planet-inner .btn-area span{font-size:10px;font-weight:700;color:#ff7d7d;display:block;margin-top:8px}
#popLayerPopup{width:100%;height:100%;left:0;top:0;position:absolute;display:none}
#popLayerPopup.active{display:block;z-index:1002}
#popLayerPopup .follow-area{width:220px;height:113px;z-index:1;left:50%;padding-top:20px;background-color:#181818;margin-left:-110px;top:50%;margin-top:-56px;box-sizing:border-box;border:1px solid #565656;position:fixed}
#popLayerPopup.follow-popup .follow-area{width:250px;height:113px;z-index:1;left:50%;padding-top:20px;background-color:#181818;margin-left:-125px;top:50%;margin-top:-56px;box-sizing:border-box;border:1px solid #565656;position:fixed}
#popLayerPopup.ban-popup .follow-area{width:250px;height:113px;z-index:1;left:50%;padding-top:20px;background-color:#181818;margin-left:-125px;top:50%;margin-top:-56px;box-sizing:border-box;border:1px solid #565656;position:fixed}
#popLayerPopup .follow-area.f-tp{height:126px;margin-top:-63px}
#popLayerPopup .follow-area.f-tp2{height:144px;margin-top:-72px}
#popLayerPopup .follow-area.f-tp2 .title:before{background:url(../images/popup/ban_popup_icon.png) no-repeat;background-size:17px 17px;width:17px;height:17px}
#popLayerPopup .follow-area .title{text-align:center;color:#fff;font-size:12px;padding-top:20px;position:relative}
#popLayerPopup .follow-area .title.unfollow:before{position:absolute;top:0;left:50%;margin-left:-9px;width:17px;height:13px;content:"";background:url(../images/popup/unfollow_bt.png) no-repeat}
#popLayerPopup .follow-area .title:before{position:absolute;top:0;left:50%;margin-left:-9px;width:15px;height:13px;content:"";background:url(../images/popup/follow_bt.gif) no-repeat;background-size:15px 11px}
#popLayerPopup .follow-area .bt{font-size:0;text-align:center;margin-top:12px}
#popLayerPopup .follow-area .bt a{display:inline-block;width:48px;margin:0 3px;height:24px;border:1px solid #525252;background-color:#202020;line-height:26px;font-size:11px;font-weight:700;color:#fff;text-align:center}
#popLayerPopup .follow-area .bt a:hover{background-color:#ff7d7d}
#popLayerPopup .block-area{width:274px;height:137px;z-index:1;left:50%;padding-top:28px;background-color:#181818;margin-left:-137px;top:50%;margin-top:-68px;box-sizing:border-box;border:1px solid #565656;position:fixed}
#popLayerPopup .block-area .title{text-align:center;color:#fff;font-size:12px;padding-top:22px;position:relative;line-height:18px}
#popLayerPopup .block-area .title em{color:#ff7d7d}
#popLayerPopup .block-area .title:before{position:absolute;top:0;left:50%;margin-left:-6px;width:13px;height:11px;content:"";background:url(../images/popup/unfollow_bt.gif) no-repeat;background-size:13px 11px}
#popLayerPopup .block-area .bt{font-size:0;text-align:center;margin-top:12px}
#popLayerPopup .block-area .bt a{display:inline-block;width:48px;margin:0 3px;height:24px;border:1px solid #525252;background-color:#202020;line-height:26px;font-size:11px;font-weight:700;color:#fff;text-align:center}
#popLayerPopup .block-area .bt a:hover{background-color:#ff7d7d}
#popLayerPopup .frd-rq-area{width:274px;height:142px;z-index:1;left:50%;padding-top:20px;background-color:#181818;margin-left:-137px;top:50%;margin-top:-71px;box-sizing:border-box;border:1px solid #565656;position:fixed}
#popLayerPopup .frd-rq-area .title{text-align:center;color:#fff;font-size:12px;padding-top:27px;position:relative;line-height:18px}
#popLayerPopup .frd-rq-area .title em{color:#62b3ff}
#popLayerPopup .frd-rq-area .title:before{position:absolute;top:0;left:50%;margin-left:-9px;width:17px;height:13px;content:"";background:url(../images/popup/follow_bt.png) no-repeat}
#popLayerPopup .frd-rq-area .bt{font-size:0;text-align:center;margin-top:12px}
#popLayerPopup .frd-rq-area .bt a{display:inline-block;width:48px;margin:0 3px;height:24px;border:1px solid #525252;background-color:#202020;line-height:26px;font-size:11px;font-weight:700;color:#fff;text-align:center}
#popLayerPopup .frd-rq-area .bt a:hover{background-color:#ff7d7d}
#popLayerPopup .emoti-send-area{width:274px;height:142px;z-index:1;left:50%;padding-top:20px;background-color:#181818;margin-left:-137px;top:50%;margin-top:-71px;box-sizing:border-box;border:1px solid #565656;position:fixed}
#popLayerPopup .emoti-send-area .title{text-align:center;color:#fff;font-size:12px;padding-top:27px;position:relative;line-height:18px}
#popLayerPopup .emoti-send-area .title em{color:#62b3ff}
#popLayerPopup .emoti-send-area .title:before{position:absolute;top:0;left:50%;margin-left:-9px;width:17px;height:14px;content:"";background:url(../images/popup/gift_pop_icon.png) no-repeat}
#popLayerPopup .emoti-send-area .bt{font-size:0;text-align:center;margin-top:12px}
#popLayerPopup .emoti-send-area .bt a{display:inline-block;width:48px;margin:0 3px;height:24px;border:1px solid #525252;background-color:#202020;line-height:26px;font-size:11px;font-weight:700;color:#fff;text-align:center}
#popLayerPopup .emoti-send-area .bt a:hover{background-color:#ff7d7d}
#popLayerPopup .bookmark-cancel-area{width:220px;height:114px;z-index:1;left:50%;padding-top:20px;background-color:#181818;margin-left:-110px;top:50%;margin-top:-57px;box-sizing:border-box;border:1px solid #565656;position:fixed}
#popLayerPopup .bookmark-cancel-area .title{text-align:center;color:#fff;font-size:12px;padding-top:21px;position:relative;line-height:18px}
#popLayerPopup .bookmark-cancel-area .title:before{position:absolute;top:0;left:50%;margin-left:-6px;width:13px;height:13px;content:"";background:url(../images/popup/mss_icon2_hover.png) no-repeat}
#popLayerPopup .bookmark-cancel-area .bt{font-size:0;text-align:center;margin-top:12px}
#popLayerPopup .bookmark-cancel-area .bt a{display:inline-block;width:48px;margin:0 3px;height:24px;border:1px solid #525252;background-color:#202020;line-height:26px;font-size:11px;font-weight:700;color:#fff;text-align:center}
#popLayerPopup .bookmark-cancel-area .bt a:hover{background-color:#ff7d7d}
#popLayerPopup .dimmed{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000;opacity:.8}
#myProfile .notice-wrap{height:100%;background-color:#202020;width:100%;position:fixed;padding-top:35px;top:0;box-sizing:border-box}
#myProfile .notice-wrap .paging-area{font-size:0;text-align:center;padding:14px 0 14px;background-color:#181818;line-height:23px;position:absolute;bottom:0;left:0;width:100%}
#myProfile .notice-wrap .paging-area .prev-bt{display:inline-block;width:6px;height:10px;vertical-align:middle;background:url(../images/popup/paging_prev_bt.png) no-repeat;background-size:6px 10px;margin-right:16px}
#myProfile .notice-wrap .paging-area .next-bt{display:inline-block;width:6px;height:10px;vertical-align:middle;background:url(../images/popup/paging_next_bt.png) no-repeat;background-size:6px 10px;margin-left:16px}
#myProfile .notice-wrap .paging-area ul{display:inline-block}
#myProfile .notice-wrap .paging-area ul li{display:inline-block;margin-left:8px}
#myProfile .notice-wrap .paging-area ul li:first-child{margin-left:0}
#myProfile .notice-wrap .paging-area ul li a{font-size:10px;border:1px solid #525252;background-color:#272727;color:#e3e3e3;width:25px;height:25px;line-height:23px;text-align:center;box-sizing:border-box;display:inline-block;vertical-align:top}
#myProfile .notice-wrap .paging-area ul li a.active{background-color:#ff9920;color:#fff}
#myProfile .notice-wrap .notice-area{background-color:#272727;height:100%}
#myProfile .notice-wrap .notice-area .top-noti{border-bottom:1px solid #525252;height:28px;line-height:28px;font-size:0;padding-left:12px;background-color:#202020;position:relative}
#myProfile .notice-wrap .notice-area .top-noti span{font-weight:700;font-size:10px}
#myProfile .notice-wrap .notice-area .top-noti span.noti-tp1{color:#ff9920;padding-left:13px;position:relative}
#myProfile .notice-wrap .notice-area .top-noti span.noti-tp1:before{position:absolute;left:0;top:2px;width:7px;height:8px;content:"";background:url(../images/popup/noti_new_icon.gif) no-repeat;background-size:7px 8px}
#myProfile .notice-wrap .notice-area .top-noti span.noti-tp2{color:#8a8a8a;margin-left:11px}
#myProfile .notice-wrap .notice-area .top-noti .bt{position:absolute;right:10px;font-size:0;top:5px}
#myProfile .notice-wrap .notice-area .top-noti .bt.sel-tp{right:102px}
#myProfile .notice-wrap .notice-area .top-noti .bt a{display:inline-block;font-size:10px;height:17px;vertical-align:top;border:1px solid #4c4c4c;background-color:#181818;padding:0 6px;line-height:17px;text-align:center;font-weight:700;color:#e3e3e3;box-sizing:border-box;margin-left:7px}
#myProfile .notice-wrap .notice-area .top-noti .bt a:first-child{margin-left:0}
#myProfile .notice-wrap .notice-area .top-noti .cate-select-area{position:absolute;right:15px;top:6px;font-size:0}
#myProfile .notice-wrap .notice-area .top-noti .cate-select-area .cate-area.w-auto .cate-bt{display:inline-block;width:78px;vertical-align:top;font-size:12px;height:21px;line-height:21px;background-color:#181818;padding-left:10px;border:1px solid #525252;box-sizing:border-box;position:relative}
#myProfile .notice-wrap .notice-area .top-noti .cate-select-area .cate-area.w-auto .cate-bt:after{position:absolute;content:"";right:5px;top:50%;margin-top:-2px;width:7px;height:4px;background:url(../images/popup/cate_arrow_icon2.png) no-repeat}
#myProfile .notice-wrap .notice-area .top-noti .cate-select-area .cate-area.w-auto .cate-bt span{font-size:12px;font-weight:700;color:#e3e3e3}
#myProfile .notice-wrap .notice-area .top-noti .cate-select-area .cate-area.w-auto .cate-bt.active{background-color:#181818}
#myProfile .notice-wrap .notice-area .top-noti .cate-select-area .cate-area.w-auto .hide-area{position:absolute;display:none;width:100%;top:20px;left:0;border:1px solid #525252;box-sizing:border-box}
#myProfile .notice-wrap .notice-area .top-noti .cate-select-area .cate-area.w-auto .hide-area ul{float:none;border-left:1px solid #525252}
#myProfile .notice-wrap .notice-area .top-noti .cate-select-area .cate-area.w-auto .hide-area ul:first-child{border-left:0}
#myProfile .notice-wrap .notice-area .top-noti .cate-select-area .cate-area.w-auto .hide-area ul li{border-top:1px solid #525252}
#myProfile .notice-wrap .notice-area .top-noti .cate-select-area .cate-area.w-auto .hide-area ul li:first-child{border-top:0}
#myProfile .notice-wrap .notice-area .top-noti .cate-select-area .cate-area.w-auto .hide-area ul li a{display:block;width:100%;box-sizing:border-box;background-color:#181818;line-height:21px;padding-left:10px;font-size:12px;font-weight:700;color:#e3e3e3;height:21px}
#myProfile .notice-wrap .notice-area .top-noti .cate-select-area .cate-area.w-auto .hide-area.active{display:block}
#myProfile .notice-wrap .notice-area .refresh-area{height:40px;text-align:center;background:url(../images/sub/more_bt_bg.gif) repeat-x;background-size:100% 40px;display:table;width:100%;border-bottom:1px dashed #3f3f3f}
#myProfile .notice-wrap .notice-area .refresh-area span{display:table-cell;vertical-align:middle}
#myProfile .notice-wrap .notice-area .refresh-area span a{display:inline-block;color:#e3e3e3;font-size:11px;font-weight:700;padding-right:12px;position:relative}
#myProfile .notice-wrap .notice-area .refresh-area span a:after{position:absolute;right:0;top:4px;width:8px;height:8px;background:url(../images/popup/refresh_icon.png) no-repeat;background-size:8px 8px;content:""}
#myProfile .notice-wrap .notice-area .list-area{padding:0 10px 158px;position:fixed;width:100%;box-sizing:border-box;overflow-y:scroll;height:100%}
#myProfile .notice-wrap .notice-area .list-area ul li{padding:14px 23px 11px 0;box-sizing:border-box;position:relative;border-top:1px solid #565656}
#myProfile .notice-wrap .notice-area .list-area ul li:first-child{border-top:0}
#myProfile .notice-wrap .notice-area .list-area ul li:after{position:absolute;top:50%;margin-top:-8px;right:23px;width:1px;height:16px;content:"";background-color:#565656}
#myProfile .notice-wrap .notice-area .list-area ul li .con-area{display:block}
#myProfile .notice-wrap .notice-area .list-area ul li .con-area .tit{max-width:92%;font-size:12px;color:#e3e3e3;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#myProfile .notice-wrap .notice-area .list-area ul li .con-area .tit .label{font-weight:700;margin-right:3px;color:#fff}
#myProfile .notice-wrap .notice-area .list-area ul li .con-area .tit .label.tp2{color:#74ff77}
#myProfile .notice-wrap .notice-area .list-area ul li .con-area .util{padding-left:9px;margin-top:5px}
#myProfile .notice-wrap .notice-area .list-area ul li .con-area .util .txt{max-width:115px;font-size:10px;color:#b2b2b2;display:inline-block;vertical-align:top;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#myProfile .notice-wrap .notice-area .list-area ul li.new .con-area .util .txt{color:#fff}
#myProfile .notice-wrap .notice-area .list-area ul li .con-area .util .cate{font-size:10px;color:#b2b2b2;display:inline-block;vertical-align:top;position:relative;padding-left:8px;margin-left:5px}
#myProfile .notice-wrap .notice-area .list-area ul li.new .con-area .util .cate{color:#fff}
#myProfile .notice-wrap .notice-area .list-area ul li .con-area .util .cate:before{position:absolute;left:0;top:0;width:1px;height:12px;background-color:#565656;content:""}
#myProfile .notice-wrap .notice-area .list-area ul li .con-area .util .date{font-size:10px;color:#b2b2b2;display:inline-block;vertical-align:top;position:relative;padding-left:8px;margin-left:5px}
#myProfile .notice-wrap .notice-area .list-area ul li.new .con-area .util .date{color:#fff}
#myProfile .notice-wrap .notice-area .list-area ul li .con-area .util .date:before{position:absolute;left:0;top:0;width:1px;height:12px;background-color:#565656;content:""}
#myProfile .notice-wrap .notice-area .list-area ul li .delete-bt{position:absolute;right:0;top:50%;margin-top:-5px;text-indent:-9999px;overflow:hidden;width:11px;height:10px;background:url(../images/popup/delete_bt_icon2.png) no-repeat;background-size:11px 10px}
#myProfile .post-wrap .part-type{background-color:#202020;padding:0 0 53px 0;box-sizing:border-box;overflow-y:scroll;height:100%}
#myProfile .post-wrap .part-type table{width:100%}
#myProfile .post-wrap .part-type table th{text-align:center;padding:9px 0;border-bottom:1px solid #525252}
#myProfile .post-wrap .part-type table th span{color:#e3e3e3;font-size:12px}
#myProfile .post-wrap .part-type table td{vertical-align:top;text-align:left;padding:14px 5px 11px 5px;border-bottom:1px solid #525252;line-height:16px}
#myProfile .post-wrap .part-type table td:first-child{text-align:center}
#myProfile .post-wrap .part-type table td span{font-size:12px;color:#e3e3e3;vertical-align:top;position:relative;display:inline-block;font-weight:700}
#myProfile .post-wrap .part-type table td .participants .label{margin:8px 0 7px}
#myProfile .post-wrap .part-type table td .participants .label span{color:#d7d7d7;display:inline-block;border:1px solid #d7d7d7;border-radius:3px;padding:0 3px;color:#e3e3e3}
#myProfile .post-wrap .part-type table td .participants .not1{margin:4px 0;font-size:12px;font-weight:700;color:#e3e3e3}
#myProfile .post-wrap .part-type table td .participants .not2{font-size:12px;font-weight:100;color:#e3e3e3;padding-right:12px;display:-webkit-box;display:-ms-flexbox;display:box;margin-top:1px;max-height:80px;overflow:hidden;vertical-align:top;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:2}
#myProfile .post-wrap .part-type table td .participants .not1 span{color:#e3e3e3}
#myProfile .post-wrap .part-type table td .participants .not2 span{color:#e3e3e3}
#myProfile .post-wrap .part-type02{background-color:#202020;padding:0 0 155px 0;box-sizing:border-box;overflow-y:scroll;height:100%}
#myProfile .post-wrap .part-type02 table{width:100%}
#myProfile .post-wrap .part-type02 table thead{border-bottom:1px solid #525252}
#myProfile .post-wrap .part-type02 table tr{border-bottom:1px solid #525252}
#myProfile .post-wrap .part-type02 table tr:last-child{border-bottom:none}
#myProfile .post-wrap .part-type02 table th{text-align:center;padding:9px 0}
#myProfile .post-wrap .part-type02 table th span{color:#e3e3e3;font-size:12px}
#myProfile .post-wrap .part-type02 table td{vertical-align:top;text-align:left;padding:14px 5px 11px 5px;line-height:16px}
#myProfile .post-wrap .part-type02 table td:first-child{text-align:center}
#myProfile .post-wrap .part-type02 table td span{font-size:12px;color:#e3e3e3;vertical-align:top;position:relative;display:inline-block;font-weight:700}
#myProfile .post-wrap .part-type02 table td .participants .label{margin:8px 0 7px}
#myProfile .post-wrap .part-type02 table td .participants .label span{color:#d7d7d7;display:inline-block;border:1px solid #d7d7d7;border-radius:3px;padding:0 3px;color:#e3e3e3}
#myProfile .post-wrap .part-type02 table td .participants .not1{margin:4px 0;font-size:12px;font-weight:700;color:#e3e3e3;width:100%}
#myProfile .post-wrap .part-type02 table td .participants .not2{font-size:12px;font-weight:100;color:#e3e3e3;padding-right:12px;display:-webkit-box;display:-ms-flexbox;display:box;margin-top:1px;max-height:80px;overflow:hidden;vertical-align:top;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:2}
#myProfile .post-wrap .part-type02 table td .participants .not1 span{color:#e3e3e3}
#myProfile .post-wrap .part-type02 table td .participants .not2 span{color:#e3e3e3}
#myProfile .post-wrap .tit-cus{color:#ff9920;font-size:16px;font-weight:700;padding:12px;line-height:20px}
#myProfile .post-wrap .ex-down-btn{padding:0 12px 12px;text-align:right}
#myProfile .post-wrap .ex-down-btn a{font-size:14px;color:#61f200;font-weight:700;text-decoration:underline}
#myProfile .post-wrap .ex-ment-cus{border-bottom:1px solid #525252;font-size:12px;color:#fff;padding:12px;letter-spacing:.5px}
#myProfile .post-wrap .option-btn-div{background:#333;position:fixed;bottom:52px;left:0;width:100%;padding:12px}
#myProfile .post-wrap .option-btn-div .input-file{display:inline-block;height:35px;border:1px solid #525252;background-color:#181818;box-sizing:border-box;vertical-align:top;padding-top:6px;padding-left:5px;width:calc((100% - 20px))}
#myProfile .post-wrap .option-btn-div .file-btn-div{padding-top:10px}
#myProfile .post-wrap .option-btn-div .file-btn-div a{display:inline-block;width:calc((100% - 27px)/ 2);background:#181818;font-size:12px;color:#fff;font-weight:700;text-align:center;padding:8px 0;border:1px solid #525252}
#myProfile .post-wrap .part-type02 table td .participants input{display:inline-block;height:30px;background:#181818;color:#fff;border:1px solid #4f4f4f;box-sizing:border-box;margin-left:10px;padding-left:5px}
#myProfile .post-wrap .part-type02 table td .participants input.sponType01{width:100%}
#myProfile .post-wrap .part-type02 table td .participants .not1 span.txt{display:inline-block;padding-top:7px}
#myProfile .post-wrap .part-type02 table td .participants .not1 span.inputTypeArea{width:calc((100% - 45px))}
#myProfile .post-wrap .part-type02 table td .participants .not1 span.inputTypeArea02{width:calc((100% - 65px))}
#myProfile .post-wrap .part-type02 table td .participants .not1 span.inputTypeArea03{width:calc((100% - 55px))}
#myProfile .post-wrap .part-type02 table td .participants .not1 span.inputTypeArea04{width:calc((100% - 35px))}
#myProfile .post-wrap .part-type02 table td .participants .not1 span select{display:inline-block;width:100%;height:30px;background:url(../images/sub/sort_arrow_icon_down.png) no-repeat right 10px top 12px;color:#fff;border-top:1px solid #525252;border-right:1px solid #525252;border-left:1px solid #525252;border-bottom:1px solid #525252;padding-right:10px;padding-left:10px;font-size:13px;-webkit-appearance:none;appearance:none}
#myProfile .post-wrap .part-type03{background-color:#202020;padding:0 0 155px 0;box-sizing:border-box;overflow-y:scroll;height:100%}
#myProfile .post-wrap .part-type03 table{width:100%}
#myProfile .post-wrap .part-type03 table thead{border-bottom:1px solid #525252}
#myProfile .post-wrap .part-type03 table tr{border-bottom:1px solid #525252}
#myProfile .post-wrap .part-type03 table tr:last-child{border-bottom:none}
#myProfile .post-wrap .part-type03 table th{text-align:center;padding:9px 0}
#myProfile .post-wrap .part-type03 table th span{color:#e3e3e3;font-size:12px}
#myProfile .post-wrap .part-type03 table td{vertical-align:top;text-align:left;padding:14px 5px 11px 5px;line-height:16px}
#myProfile .post-wrap .part-type03 table td:first-child{text-align:center}
#myProfile .post-wrap .part-type03 table td span{font-size:12px;color:#e3e3e3;vertical-align:top;position:relative;display:inline-block;font-weight:700}
#myProfile .post-wrap .part-type03 table td .participants .label{margin:8px 0 7px}
#myProfile .post-wrap .part-type03 table td .participants .label span{color:#d7d7d7;display:inline-block;border:1px solid #d7d7d7;border-radius:3px;padding:0 3px;color:#e3e3e3}
#myProfile .post-wrap .part-type03 table td .participants .not1{margin:4px 0;font-size:12px;font-weight:700;color:#e3e3e3;width:100%}
#myProfile .post-wrap .part-type03 table td .participants .not2{font-size:12px;font-weight:100;color:#e3e3e3;padding-right:12px;display:-webkit-box;display:-ms-flexbox;display:box;margin-top:1px;max-height:80px;overflow:hidden;vertical-align:top;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:2}
#myProfile .post-wrap .part-type03 table td .participants .not1 span{color:#e3e3e3}
#myProfile .post-wrap .part-type03 table td .participants .not2 span{color:#e3e3e3}
#myProfile .post-wrap .part-type03 table td .participants input{display:inline-block;height:30px;background:#181818;color:#fff;border:1px solid #4f4f4f;box-sizing:border-box;margin-left:10px;padding-left:5px}
#myProfile .post-wrap .part-type03 table td .participants input.sponType01{width:100%}
#myProfile .post-wrap .part-type03 table td .participants .not1 span.txt{display:inline-block;padding-top:7px}
#myProfile .post-wrap .part-type03 table td .participants .not1 span.inputTypeArea{width:calc((100% - 45px))}
#myProfile .post-wrap .part-type03 table td .participants .not1 span.inputTypeArea02{width:calc((100% - 65px))}
#myProfile .post-wrap .part-type03 table td .participants .not1 span.inputTypeArea03{width:calc((100% - 55px))}
#myProfile .post-wrap .part-type03 table td .participants .not1 span.inputTypeArea04{width:calc((100% - 35px))}
#myProfile .post-wrap .part-type03 table td .participants .not1 span select{display:inline-block;width:100%;height:30px;background:url(../images/sub/sort_arrow_icon_down.png) no-repeat right 10px top 12px;color:#fff;border-top:1px solid #525252;border-right:1px solid #525252;border-left:1px solid #525252;border-bottom:1px solid #525252;padding-right:10px;padding-left:10px;font-size:13px;-webkit-appearance:none;appearance:none}
#myProfile .post-wrap .part-type03 .adm-msg-snd{border-top:1px solid #525252;padding:12px}
#myProfile .post-wrap .part-type03 .adm-msg-snd .tit{color:#fff;font-size:16px;font-weight:700;padding-bottom:10px}
#myProfile .post-wrap .part-type03 .adm-msg-snd textarea{border:1px solid #525252;background:#181818;width:100%}
#myProfile .post-wrap .part-type03 .adm-msg-snd a{display:inline-block;border:1px solid #525252;padding:8px 0;font-weight:700;color:#fff;font-size:12px;text-align:center;width:100%;margin-top:15px}
#con-body .calender-wrap{background-color:#272727;box-sizing:border-box;padding-top:17px}
#con-body .calender-wrap .text{text-align:left;padding-left:12px;padding-right:12px}
#con-body .calender-wrap .text p{display:inline-block;position:relative;padding-left:18px;font-weight:700;font-size:12px;color:#e3e3e3;line-height:21px}
#con-body .calender-wrap .text p.comment_total:before{position:absolute;left:0;top:5px;width:10px;height:10px;content:"";background:url(../images/sub/flag_icon.gif) no-repeat;background-size:10px 10px}
#con-body .calender-wrap .text p.attend_total:before{position:absolute;left:0;top:5px;width:10px;height:10px;content:"";background:url(../images/sub/att_all_icon.png) no-repeat;background-size:10px 10px}
#con-body .calender-wrap .text p.attend_seq:before{position:absolute;left:0;top:5px;width:10px;height:11px;content:"";background:url(../images/sub/att_attend_icon.png) no-repeat;background-size:10px 10px}
#con-body .calender-wrap .calender-area{margin:30px auto 0;position:relative}
#con-body .calender-wrap .calender-area .prev-year-bt{position:absolute;left:12px;top:-1px;color:#757575;font-weight:700;font-size:10px}
#con-body .calender-wrap .calender-area .next-year-bt{position:absolute;right:12px;top:-1px;color:#757575;font-weight:700;font-size:10px}
#con-body .calender-wrap .calender-area .l-year-month{text-align:center}
#con-body .calender-wrap .calender-area .l-year-month .prev-month-bt{display:inline-block;width:5px;height:8px;position:relative;top:-1px;background:url(../images/sub/calender_prev_bt.gif) no-repeat;background-size:5px 8px;margin-right:5px;overflow:hidden;text-indent:-9999px}
#con-body .calender-wrap .calender-area .l-year-month span{font-weight:700;font-size:15px;color:#fff}
#con-body .calender-wrap .calender-area .l-year-month .next-month-bt{display:inline-block;width:5px;height:8px;position:relative;top:-1px;background:url(../images/sub/calender_next_bt.gif) no-repeat;background-size:5px 8px;margin-left:5px;overflow:hidden;text-indent:-9999px}
#con-body .calender-wrap .calender-area .table-area{margin-top:11px;position:relative}
#con-body .calender-wrap .calender-area .table-area:before{position:absolute;top:21px;left:0;width:100%;height:2px;background-color:#323232;content:""}
#con-body .calender-wrap .calender-area .table-area table{width:100%}
#con-body .calender-wrap .calender-area .table-area table th{text-align:center;font-weight:700;font-size:10px;color:#bc934d;padding-bottom:10px}
#con-body .calender-wrap .calender-area .table-area table td{text-align:center;padding:4px 0}
#con-body .calender-wrap .calender-area .table-area table td span {font-weight: 700;font-size: 11px;cursor: pointer;color: #fff;border: 1px solid #242424;text-align: center;display: inline-block;width: 22px;height: 22px;line-height: 20px;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;box-sizing: border-box;padding-right: 1px;}
#con-body .calender-wrap .calender-area .table-area table td span.dimmed{color:#757575}
#con-body .calender-wrap .calender-area .table-area table td span.active1{border:1px solid #bf954d;background-color:#bf954d}
#con-body .calender-wrap .calender-area .table-area table td span.active2{border:1px solid #bf954d;background-color:#242424}
#con-body .att-chk-ranking {box-sizing: border-box;padding-top: 30px;background-color: #272727;position: relative;}
#con-body .att-chk-ranking .att-tit-area{background-color:#181818;line-height:45px;height:45px;padding-left:12px}
#con-body .att-chk-ranking .att-tit-area .title{color:#fff;font-weight:700;font-size:17px}
#con-body .att-chk-ranking .att-list-wrap{padding-top:34px}
#con-body .att-chk-ranking .att-list-wrap dl{width:100%}
#con-body .att-chk-ranking .att-list-wrap dl dt{text-align:center;margin-bottom:13px}
#con-body .att-chk-ranking .att-list-wrap dl dt p{font-weight:700;padding-top:10px;padding-bottom:13px;color:#fff;font-size:15px;border-bottom:1px solid #bd944d}
#con-body .att-chk-ranking .att-list-wrap dl dd table{table-layout:fixed;width:100%}
#con-body .att-chk-ranking .att-list-wrap dl dd table th{text-align:center;padding:7px 0;font-weight:700;font-size:12px;color:silver}
#con-body .att-chk-ranking .att-list-wrap dl dd table td{text-align:center;padding:6px 0}
#con-body .att-chk-ranking .att-list-wrap dl dd table td .rank{font-size:12px;color:#fff}
#con-body .att-chk-ranking .att-list-wrap dl dd table td .id{font-size:12px;color:#fff;position:relative}
#con-body .att-chk-ranking .att-list-wrap dl dd table td .id:before{position:absolute;left:0;top:1px;width:1px;height:12px;background-color:#414141;content:""}
#con-body .att-chk-ranking .att-list-wrap dl dd table td .id img{position:relative;top:-1px;margin-right:2px}
#con-body .att-chk-ranking .att-list-wrap dl dd table td .date{font-size:12px;color:#fff;position:relative}
#con-body .att-chk-ranking .att-list-wrap dl dd table td .date:before{position:absolute;left:0;top:1px;width:1px;height:12px;background-color:#414141;content:""}
#con-body .paging-area{font-size:0;text-align:center;padding:14px 0 14px;line-height:23px;width:100%}
#con-body .paging-area .prev-bt{display:inline-block;width:6px;height:10px;vertical-align:middle;background:url(../images/popup/paging_prev_bt.png) no-repeat;background-size:6px 10px;margin-right:16px}
#con-body .paging-area .next-bt{display:inline-block;width:6px;height:10px;vertical-align:middle;background:url(../images/popup/paging_next_bt.png) no-repeat;background-size:6px 10px;margin-left:16px}
#con-body .paging-area ul{display:inline-block}
#con-body .paging-area ul li{display:inline-block;margin-left:8px}
#con-body .paging-area ul li:first-child{margin-left:0}
#con-body .paging-area ul li a{font-size:10px;border:1px solid #525252;background-color:#272727;color:#e3e3e3;width:25px;height:25px;line-height:23px;text-align:center;box-sizing:border-box;display:inline-block;vertical-align:top}
#con-body .paging-area ul li a.active{background-color:#ff9920;color:#fff}
#decPopup{position:fixed;top:0;width:100%;height:100%;background-color:#272727;z-index:1000;display:none}
#decPopup.active{display:block}
#decPopup .title-area{height:45px;line-height:45px;background-color:#f90;padding-left:12px;position:relative}
#decPopup .title-area p{color:#fff;font-size:17px;font-weight:700}
#decPopup .title-area button{position:absolute;width:20px;height:19px;right:10px;top:12px;background:url(../images/popup/pop_close_icon.png) no-repeat;background-size:20px 19px;overflow:hidden;text-indent:-9999px}
#decPopup .content-box table{width:100%}
#decPopup .content-box table tr:first-child td,#decPopup .content-box table tr:first-child th{border-top:0}
#decPopup .content-box table th{background-color:#333;vertical-align:middle;text-align:center;height:35px;line-height:35px}
#decPopup .content-box table th span{font-weight:700;font-size:15px;color:#fff}
#decPopup .content-box table td{vertical-align:middle}
#decPopup .content-box table td .td-content{padding:0 13px}
#decPopup .content-box table td .td-content .target{color:#fff;font-size:15px;line-height:23px;padding-left:6px}
#decPopup .content-box table td .td-content .route{color:#656565;font-size:15px;margin-top:17px;padding-left:6px}
#decPopup .content-box table td .td-content ul{text-align:center;margin-top:16px}
#decPopup .content-box table td .td-content ul li{display:inline-block;margin-left:30px}
#decPopup .content-box table td .td-content ul li:first-child{margin-left:0}
#decPopup .content-box table td .td-content ul li .chk-area input[type=radio]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;clip:rect(0,0,0,0);border:0}
#decPopup .content-box table td .td-content ul li .chk-area input[type=radio]+label{padding-left:26px;overflow:visible;display:inline-block;position:relative;top:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;font-size:14px;color:#fff;line-height:19px;letter-spacing:-.5px}
#decPopup .content-box table td .td-content ul li .chk-area input[type=radio]+label::before{content:'';position:absolute;top:50%;margin-top:-10px;left:0;width:19px;height:19px;text-align:center;background:url(../images/popup/chk_type_d.gif) no-repeat;background-size:19px 19px;box-sizing:border-box;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease}
#decPopup .content-box table td .td-content ul li .chk-area input[type=radio]:checked+label:before{background:url(../images/popup/chk_type_a.gif) no-repeat;background-size:19px 19px}
#decPopup .content-box table td .td-content .text-area{margin-top:19px}
#decPopup .content-box table td .td-content .text-area textarea{width:100%;height:137px;padding:12px 12px;color:#fff;overflow:hidden;font-size:15px;background-color:#222;border:1px solid #525252;box-sizing:border-box}
#decPopup .content-box table td .td-content .text-area textarea::-webkit-input-placeholder{color:#656565}
#decPopup .content-box table td .td-content .text-area textarea::-moz-placeholder{color:#656565}
#decPopup .content-box table td .td-content .text-area textarea:-ms-input-placeholder{color:#656565}
#decPopup .content-box table td .td-content .text-area textarea:-moz-placeholder{color:#656565}
#decPopup .content-box .bt-area{text-align:center;margin-top:26px}
#decPopup .content-box .bt-area a{display:inline-block;height:35px;line-height:35px;margin:0 5px;padding:0 12px;text-align:center;font-size:14px;color:#fff;box-sizing:border-box;font-weight:700}
#decPopup .content-box .bt-area a.can{background-color:#353535;border:1px solid #252525;width:59px}
#decPopup .content-box .bt-area a.com{background-color:#ff9920;border:1px solid #d87900;width:77px}
#con-body .write-editor-wrap{background-color:#272727;position:relative;padding:15px 0 42px}
#con-body .write-editor-wrap .write-editor-area .cate-select-area{position:absolute;left:18px;top:18px;font-size:0}
#con-body .write-editor-wrap .write-editor-area .cate-select-area .cate-type1.w-auto .cate-bt{display:inline-block;width:auto;padding-right:35px;background-color:#272727;height:36px;line-height:36px;padding-left:12px;border:1px solid #525252;box-sizing:border-box;position:relative}
#con-body .write-editor-wrap .write-editor-area .cate-select-area .cate-type1.w-auto .cate-bt:after{position:absolute;content:"";right:10px;top:50%;margin-top:-3px;width:11px;height:7px;background:url(../images/sub/cate_arrow_icon.png) no-repeat}
#con-body .write-editor-wrap .write-editor-area .cate-select-area .cate-type1.w-auto .cate-bt span{font-size:14px;font-weight:700;color:#e3e3e3}
#con-body .write-editor-wrap .write-editor-area .cate-select-area .cate-type1.w-auto .cate-bt.active{background-color:#181818}
#con-body .write-editor-wrap .write-editor-area .cate-select-area .cate-type1.w-auto .hide-area{position:absolute;display:none;width:100%;top:35px;left:0;border:1px solid #525252;box-sizing:border-box}
#con-body .write-editor-wrap .write-editor-area .cate-select-area .cate-type1.w-auto .hide-area ul{float:none;border-left:1px solid #525252}
#con-body .write-editor-wrap .write-editor-area .cate-select-area .cate-type1.w-auto .hide-area ul:first-child{border-left:0}
#con-body .write-editor-wrap .write-editor-area .cate-select-area .cate-type1.w-auto .hide-area ul li{border-top:1px solid #525252}
#con-body .write-editor-wrap .write-editor-area .cate-select-area .cate-type1.w-auto .hide-area ul li:first-child{border-top:0}
#con-body .write-editor-wrap .write-editor-area .cate-select-area .cate-type1.w-auto .hide-area ul li a{display:block;width:100%;box-sizing:border-box;background-color:#181818;height:36px;line-height:36px;padding-left:14px;font-size:14px;font-weight:700;color:#e3e3e3}
#con-body .write-editor-wrap .write-editor-area .cate-select-area .cate-type1.w-auto .hide-area.active{display:block}
#con-body .write-editor-wrap .write-editor-area .cate-select-area .cate-area.w-auto .cate-bt{display:inline-block;width:auto;padding-right:35px;background-color:#272727;height:36px;line-height:36px;padding-left:12px;border:1px solid #525252;box-sizing:border-box;position:relative}
#con-body .write-editor-wrap .write-editor-area .cate-select-area .cate-area.w-auto .cate-bt:after{position:absolute;content:"";right:10px;top:50%;margin-top:-3px;width:11px;height:7px;background:url(../images/sub/cate_arrow_icon.png) no-repeat}
#con-body .write-editor-wrap .write-editor-area .cate-select-area .cate-area.w-auto .cate-bt span{font-size:14px;font-weight:700;color:#e3e3e3}
#con-body .write-editor-wrap .write-editor-area .cate-select-area .cate-area.w-auto .cate-bt.active{background-color:#181818}
#con-body .write-editor-wrap .write-editor-area .cate-select-area .cate-area.w-auto .hide-area{position:absolute;display:none;z-index:100;width:100%;top:35px;left:0;border:1px solid #525252;box-sizing:border-box}
#con-body .write-editor-wrap .write-editor-area .cate-select-area .cate-area.w-auto .hide-area ul{float:none;border-left:1px solid #525252}
#con-body .write-editor-wrap .write-editor-area .cate-select-area .cate-area.w-auto .hide-area ul:first-child{border-left:0}
#con-body .write-editor-wrap .write-editor-area .cate-select-area .cate-area.w-auto .hide-area ul li{border-top:1px solid #525252}
#con-body .write-editor-wrap .write-editor-area .cate-select-area .cate-area.w-auto .hide-area ul li:first-child{border-top:0}
#con-body .write-editor-wrap .write-editor-area .cate-select-area .cate-area.w-auto .hide-area ul li a{display:block;width:100%;box-sizing:border-box;background-color:#181818;height:36px;line-height:36px;padding-left:14px;font-size:14px;font-weight:700;color:#e3e3e3}
#con-body .write-editor-wrap .write-editor-area .cate-select-area .cate-area.w-auto .hide-area.active{display:block}
#con-body .write-editor-wrap .write-editor-area .cate-select-area .cate-area1{display:inline-block;position:relative}
#con-body .write-editor-wrap .write-editor-area .cate-select-area .cate-area1.w87 .cate-bt{width:87px}
#con-body .write-editor-wrap .write-editor-area .cate-select-area .cate-area1.w87 .hide-area{width:87px}
#con-body .write-editor-wrap .write-editor-area .cate-select-area .cate-area1.w87 .hide-area ul li a{width:85px}
#con-body .write-editor-wrap .write-editor-area .cate-select-area .cate-area1 .cate-bt{display:inline-block;width:126px;background-color:#272727;height:36px;line-height:36px;padding-left:12px;border:1px solid #525252;box-sizing:border-box;position:relative}
#con-body .write-editor-wrap .write-editor-area .cate-select-area .cate-area1 .cate-bt:after{position:absolute;content:"";right:10px;top:50%;margin-top:-3px;width:11px;height:7px;background:url(../images/sub/cate_arrow_icon.png) no-repeat}
#con-body .write-editor-wrap .write-editor-area .cate-select-area .cate-area1 .cate-bt span{font-size:14px;font-weight:700;color:#e3e3e3}
#con-body .write-editor-wrap .write-editor-area .cate-select-area .cate-area1 .cate-bt.active{background-color:#181818}
#con-body .write-editor-wrap .write-editor-area .cate-select-area .cate-area1 .hide-area{position:absolute;display:none;width:251px;top:35px;left:0;border:1px solid #525252;box-sizing:border-box}
#con-body .write-editor-wrap .write-editor-area .cate-select-area .cate-area1 .hide-area ul{float:left;border-left:1px solid #525252}
#con-body .write-editor-wrap .write-editor-area .cate-select-area .cate-area1 .hide-area ul:first-child{border-left:0}
#con-body .write-editor-wrap .write-editor-area .cate-select-area .cate-area1 .hide-area ul li{border-top:1px solid #525252}
#con-body .write-editor-wrap .write-editor-area .cate-select-area .cate-area1 .hide-area ul li:first-child{border-top:0}
#con-body .write-editor-wrap .write-editor-area .cate-select-area .cate-area1 .hide-area ul li a{display:block;width:124px;box-sizing:border-box;background-color:#181818;height:36px;line-height:36px;padding-left:14px;font-size:14px;font-weight:700;color:#e3e3e3}
#con-body .write-editor-wrap .write-editor-area .cate-select-area .cate-area1 .hide-area.active{display:block}
#con-body .write-editor-wrap .write-editor-area .cate-select-area .cate-area2{display:inline-block;margin-left:12px;position:relative}
#con-body .write-editor-wrap .write-editor-area .cate-select-area .cate-area2 .cate-bt{display:inline-block;width:126px;background-color:#272727;height:36px;line-height:36px;padding-left:12px;border:1px solid #525252;box-sizing:border-box;position:relative}
#con-body .write-editor-wrap .write-editor-area .cate-select-area .cate-area2 .cate-bt:after{position:absolute;content:"";right:10px;top:50%;margin-top:-3px;width:11px;height:7px;background:url(../images/sub/cate_arrow_icon.png) no-repeat}
#con-body .write-editor-wrap .write-editor-area .cate-select-area .cate-area2 .cate-bt span{font-size:14px;font-weight:700;color:#e3e3e3}
#con-body .write-editor-wrap .write-editor-area .cate-select-area .cate-area2 .cate-bt.active{background-color:#181818}
#con-body .write-editor-wrap .write-editor-area .cate-select-area .cate-area2 .hide-area{position:absolute;display:none;width:126px;top:35px;left:0;border:1px solid #525252;box-sizing:border-box}
#con-body .write-editor-wrap .write-editor-area .cate-select-area .cate-area2 .hide-area ul{float:left;border-left:1px solid #525252}
#con-body .write-editor-wrap .write-editor-area .cate-select-area .cate-area2 .hide-area ul:first-child{border-left:0}
#con-body .write-editor-wrap .write-editor-area .cate-select-area .cate-area2 .hide-area ul li{border-top:1px solid #525252}
#con-body .write-editor-wrap .write-editor-area .cate-select-area .cate-area2 .hide-area ul li:first-child{border-top:0}
#con-body .write-editor-wrap .write-editor-area .cate-select-area .cate-area2 .hide-area ul li a{display:block;width:124px;box-sizing:border-box;background-color:#181818;height:36px;line-height:36px;padding-left:14px;font-size:14px;font-weight:700;color:#e3e3e3}
#con-body .write-editor-wrap .write-editor-area .cate-select-area .cate-area2 .hide-area.active{display:block}
#con-body .write-editor-wrap .write-editor-area .market-board-write{margin-bottom:20px}
#con-body .write-editor-wrap .write-editor-area .market-board-write .market-board-area.type2 ul li{width:100%}
#con-body .write-editor-wrap .write-editor-area .market-board-write .market-board-area.type2 ul li .con{width:600px}
#con-body .write-editor-wrap .write-editor-area .market-board-write .market-board-area.type2 ul li .radio-wrap{display:inline-block;float:left;margin-right:75px}
#con-body .write-editor-wrap .write-editor-area .market-board-write .market-board-area.type2 ul li .input{float:left}
#con-body .write-editor-wrap .write-editor-area .market-board-write .market-board-area ul{overflow:hidden}
#con-body .write-editor-wrap .write-editor-area .market-board-write .market-board-area ul li{float:left;width:50%;height:30px;margin:5px 0;font-size:0}
#con-body .write-editor-wrap .write-editor-area .market-board-write .market-board-area ul li .tit{display:inline-block;margin-right:12px;float:left;width:62px;font-size:14px;font-weight:700;color:#e3e3e3;text-align:right;line-height:30px}
#con-body .write-editor-wrap .write-editor-area .market-board-write .market-board-area ul li .con{float:left}
#con-body .write-editor-wrap .write-editor-area .market-board-write .market-board-area ul li .con .input{width:270px}
#con-body .write-editor-wrap .write-editor-area .market-board-write .market-board-area ul li .con .input input{width:100%;height:30px;padding-left:12px;font-size:14px;font-weight:700;color:#e3e3e3;border:1px solid #4d4d4d;background-color:#272727;box-sizing:border-box}
#con-body .write-editor-wrap .write-editor-area .market-board-write .market-board-area ul li .con .input .value{height:30px;color:#fff;font-size:14px;margin-left:6px}
#con-body .write-editor-wrap .write-editor-area .market-board-write .market-board-area ul li .con .radio-area{line-height:30px;margin-left:5px}
#con-body .write-editor-wrap .write-editor-area .market-board-write .market-board-area ul li .con .radio-area:first-child{margin-left:0}
#con-body .write-editor-wrap .write-editor-area .market-board-write .market-board-area ul li .con .radio-area input[type=radio]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;clip:rect(0,0,0,0);border:0}
#con-body .write-editor-wrap .write-editor-area .market-board-write .market-board-area ul li .con .radio-area input[type=radio]+label{padding-left:14px;overflow:visible;display:inline-block;position:relative;top:1px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;font-size:14px;color:#fff}
#con-body .write-editor-wrap .write-editor-area .market-board-write .market-board-area ul li .con .radio-area input[type=radio]+label::before{content:'';position:absolute;top:9px;left:0;width:9px;height:9px;text-align:center;background:url(../images/sub/radio_chk_d.gif) no-repeat;box-sizing:border-box;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease}
#con-body .write-editor-wrap .write-editor-area .market-board-write .market-board-area ul li .con .radio-area input[type=radio]:checked+label:before{background:url(../images/sub/radio_chk_a.gif) no-repeat}
#con-body .write-editor-wrap .write-editor-area .add-area{margin-bottom:26px;height:30px;position:relative;padding-left:94px;box-sizing:border-box}
#con-body .write-editor-wrap .write-editor-area .add-area .tit{position:absolute;left:0;top:0;line-height:30px;font-weight:700;font-size:14px;color:#fff}
#con-body .write-editor-wrap .write-editor-area .add-area .input input{display:block;width:100%;height:30px;padding-left:8px;color:#fff;font-size:14px;line-height:30px;border:1px solid #4d4d4d;background-color:#272727;box-sizing:border-box}
#con-body .write-editor-wrap .write-editor-area .add-area .input input::-webkit-input-placeholder{color:#454545}
#con-body .write-editor-wrap .write-editor-area .add-area .input input::-moz-placeholder{color:#454545}
#con-body .write-editor-wrap .write-editor-area .add-area .input input:-ms-input-placeholder{color:#454545}
#con-body .write-editor-wrap .write-editor-area .add-area .input input:-moz-placeholder{color:#454545}
#con-body .write-editor-wrap .write-editor-area .input-area{padding:0 12px}
#con-body .write-editor-wrap .write-editor-area .input-area .input-box{border-bottom:1px solid #525252;padding:10px 0 3px;position:relative}
#con-body .write-editor-wrap .write-editor-area .input-area .input-box.noti-type{padding-right:150px}
#con-body .write-editor-wrap .write-editor-area .input-area .input-box .noti{position:absolute;right:0;top:50%;margin-top:-6px;font-size:13px;color:#494949}
#con-body .write-editor-wrap .write-editor-area .input-area{margin-top:26px}
#con-body .write-editor-wrap .write-editor-area .input-area .input-box:first-child{padding:0 0 3px}
#con-body .write-editor-wrap .write-editor-area .input-area .input-box input{color:#e3e3e3;font-weight:700;display:block;width:100%;background-color:#272727}
#con-body .write-editor-wrap .write-editor-area .input-area .input-box input.input-type1{font-size:14px;outline:0;border:0}
#con-body .write-editor-wrap .write-editor-area .input-area .input-box input.input-type2{font-size:20px}
#con-body .write-editor-wrap .write-editor-area .input-area .input-box input::-webkit-input-placeholder{color:#494949;font-weight:700}
#con-body .write-editor-wrap .write-editor-area .input-area .input-box input::-moz-placeholder{color:#494949;font-weight:700}
#con-body .write-editor-wrap .write-editor-area .input-area .input-box input:-ms-input-placeholder{color:#494949;font-weight:700}
#con-body .write-editor-wrap .write-editor-area .input-area .input-box input:-moz-placeholder{color:#494949;font-weight:700}
#con-body .write-editor-wrap .write-editor-area .editor-box{box-sizing:border-box;background-color:#272727;margin-top:8px}
#con-body .write-editor-wrap .write-editor-area .editor-box .bt-list-area{border-bottom:1px solid #343434;height:28px;box-sizing:border-box;padding-top:3px;font-size:0;padding:0 12px}
#con-body .write-editor-wrap .write-editor-area .editor-box .bt-list-area a{display:inline-block;vertical-align:top}
#con-body .write-editor-wrap .write-editor-area .editor-box .bt-list-area a.vote-bt{background:url(../images/popup/edit_list_13.gif) no-repeat;width:30px;height:33px}
#con-body .write-editor-wrap .write-editor-area .editor-box .bt-list-area a.vote-bt.active{background:url(../images/popup/edit_list_13_on.gif) no-repeat}
#con-body .write-editor-wrap .write-editor-area .editor-box .bt-list-area span{display:inline-block;vertical-align:top}
#con-body .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area{display:inline-block;position:relative}
#con-body .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area .editor-popup-area{width:320px;height:800px;display:none;position:absolute;top:33px;right:0;background-color:#333;z-index:999;padding-top:28px;box-sizing:border-box}
#con-body .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area .editor-popup-area.active{display:block}
#con-body .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area .editor-popup-area .title-area{height:54px;background-color:#444;position:relative}
#con-body .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area .editor-popup-area .title-area .title{color:#ccc;font-size:20px;line-height:56px;padding-left:11px}
#con-body .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area .editor-popup-area .title-area .close-bt{position:absolute;right:10px;top:50%;margin-top:-11px;width:20px;height:22px;background:url(../images/popup/vote_close_bt.png) no-repeat;content:""}
#con-body .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area .editor-popup-area .content-area{padding-top:23px}
#con-body .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area .editor-popup-area .content-area .title-input-area{border-bottom:1px solid #555;padding-bottom:20px;padding-left:12px}
#con-body .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area .editor-popup-area .content-area .title-input-area input{font-size:17px;color:#e3e3e3;width:100%;outline:0}
#con-body .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area .editor-popup-area .content-area .title-input-area input::-webkit-input-placeholder{color:#ccc}
#con-body .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area .editor-popup-area .content-area .title-input-area input::-moz-placeholder{color:#ccc}
#con-body .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area .editor-popup-area .content-area .title-input-area input:-ms-input-placeholder{color:#ccc}
#con-body .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area .editor-popup-area .content-area .title-input-area input:-moz-placeholder{color:#ccc}
#con-body .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area .editor-popup-area .content-area .mid-con-area{padding:34px 12px 51px}
#con-body .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area .editor-popup-area .content-area .mid-con-area .vote-list-area .op-tit{font-size:20px;color:#ccc;padding-top:27px;padding-bottom:6px}
#con-body .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area .editor-popup-area .content-area .mid-con-area .vote-list-area .unit{position:relative;padding-right:46px;margin-top:9px}
#con-body .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area .editor-popup-area .content-area .mid-con-area .vote-list-area .unit:first-child{margin-top:0}
#con-body .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area .editor-popup-area .content-area .mid-con-area .vote-list-area .unit input{width:100%;height:46px;padding:0 9px;background-color:#222;font-size:20px;color:#fff;box-sizing:border-box}
#con-body .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area .editor-popup-area .content-area .mid-con-area .vote-list-area .unit input::-webkit-input-placeholder{color:#555}
#con-body .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area .editor-popup-area .content-area .mid-con-area .vote-list-area .unit input::-moz-placeholder{color:#555}
#con-body .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area .editor-popup-area .content-area .mid-con-area .vote-list-area .unit input:-ms-input-placeholder{color:#555}
#con-body .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area .editor-popup-area .content-area .mid-con-area .vote-list-area .unit input:-moz-placeholder{color:#555}
#con-body .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area .editor-popup-area .content-area .mid-con-area .vote-list-area .unit .bt{position:absolute;right:0;top:0;width:46px;height:46px;background-color:#00f;display:inline-block}
#con-body .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area .editor-popup-area .content-area .mid-con-area .vote-list-area .unit .bt.add-pic-bt{background:url(../images/popup/add_pic_icon.png) no-repeat #444}
#con-body .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area .editor-popup-area .content-area .mid-con-area .vote-list-area .unit .bt.add-unit-bt{background:url(../images/popup/add_unit_icon.png) no-repeat #444}
#con-body .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area .editor-popup-area .content-area .mid-con-area .vote-list-area .unit .bt.chk-bt{background:url(../images/popup/chk_icon_d.png) no-repeat #444}
#con-body .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area .editor-popup-area .content-area .mid-con-area .vote-list-area .unit .bt.chk-bt.active{background:url(../images/popup/chk_icon_a.png) no-repeat #444}
#con-body .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area .editor-popup-area .content-area .mid-con-area .vote-list-area .unit.option-1:before{position:absolute;left:0;top:0;width:34px;height:46px;content:"";background:url(../images/popup/op1_icon_d.png) no-repeat}
#con-body .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area .editor-popup-area .content-area .mid-con-area .vote-list-area .unit.option-1 input{padding:0 9px 0 34px}
#con-body .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area .editor-popup-area .content-area .mid-con-area .vote-list-area .unit.option-1.active:before{position:absolute;left:0;top:0;width:34px;height:46px;content:"";background:url(../images/popup/op1_icon_a.png) no-repeat}
#con-body .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area .editor-popup-area .content-area .mid-con-area .vote-list-area .unit.option-2:before{position:absolute;left:0;top:0;width:39px;height:46px;content:"";background:url(../images/popup/op2_icon_d.png) no-repeat}
#con-body .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area .editor-popup-area .content-area .mid-con-area .vote-list-area .unit.option-2 input{padding:0 9px 0 39px}
#con-body .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area .editor-popup-area .content-area .mid-con-area .vote-list-area .unit.option-2.active:before{position:absolute;left:0;top:0;width:39px;height:46px;content:"";background:url(../images/popup/op2_icon_a.png) no-repeat}
#con-body .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area .editor-popup-area .content-area .mid-con-area .vote-list-area .unit.option-3:before{position:absolute;left:0;top:0;width:38px;height:46px;content:"";background:url(../images/popup/op3_icon_d.png) no-repeat}
#con-body .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area .editor-popup-area .content-area .mid-con-area .vote-list-area .unit.option-3 input{padding:0 9px 0 38px}
#con-body .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area .editor-popup-area .content-area .mid-con-area .vote-list-area .unit.option-3.active:before{position:absolute;left:0;top:0;width:38px;height:46px;content:"";background:url(../images/popup/op3_icon_a.png) no-repeat}
#con-body .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area .editor-popup-area .content-area .mid-con-area .vote-list-area .date{height:24px;margin-top:9px;padding-bottom:6px;font-size:0}
#con-body .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area .editor-popup-area .content-area .mid-con-area .vote-list-area .date .cal-bt{height:24px;display:inline-block;width:145px;float:left}
#con-body .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area .editor-popup-area .content-area .mid-con-area .vote-list-area .date .cal-bt a{display:block;position:relative;box-sizing:border-box;border:1px solid #404040;height:24px}
#con-body .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area .editor-popup-area .content-area .mid-con-area .vote-list-area .date .cal-bt a input{background-color:#222;padding-left:8px;color:#aaa;font-size:11px;width:100%;box-sizing:border-box;height:22px}
#con-body .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area .editor-popup-area .content-area .mid-con-area .vote-list-area .date .cal-bt a img{position:absolute;right:0;top:0}
#con-body .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area .editor-popup-area .content-area .mid-con-area .vote-list-area .date .time-select{height:24px;background-color:#222;text-align:center;border:1px solid #404040;box-sizing:border-box;display:inline-block;width:145px;float:right}
#con-body .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area .editor-popup-area .content-area .mid-con-area .vote-list-area .date .time-select .select{display:inline-block;text-align:left;padding-top:6px;padding-right:11px;position:relative;margin:0 10px}
#con-body .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area .editor-popup-area .content-area .mid-con-area .vote-list-area .date .time-select .select:after{position:absolute;top:9px;right:0;width:6px;height:5px;background:url(../images/popup/s_sel_arrow.gif) no-repeat;content:""}
#con-body .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area .editor-popup-area .content-area .mid-con-area .vote-list-area .date .time-select .select select{color:#aaa;font-size:11px}
#con-body .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area .editor-popup-area .content-area .mid-con-area .vote-list-area .date .time-select .select select option{color:#aaa;font-size:11px}
#con-body .write-editor-wrap .write-editor-area .editor-box .bt-list-area .vote-bt-area .editor-popup-area .content-area .set-complete-bt{display:block;background-color:#f90;text-align:center;font-weight:700;font-size:25px;height:54px;line-height:54px;color:#eee}
#con-body .write-editor-wrap .write-editor-area .editor-box .text-area textarea{width:100%;padding:18px 15px;min-height:230px;color:#fff;overflow:hidden;font-size:11px;outline:0;box-sizing:border-box;background-color:#272727;border:0}
#con-body .write-editor-wrap .write-editor-area .editor-box .text-area textarea::-webkit-input-placeholder{color:#656565}
#con-body .write-editor-wrap .write-editor-area .editor-box .text-area textarea::-moz-placeholder{color:#656565}
#con-body .write-editor-wrap .write-editor-area .editor-box .text-area textarea:-ms-input-placeholder{color:#656565}
#con-body .write-editor-wrap .write-editor-area .editor-box .text-area textarea:-moz-placeholder{color:#656565}
#con-body .write-editor-wrap .write-editor-area .source-area{position:relative;margin-top:23px;border-top:1px solid #525252;padding-top:25px}
#con-body .write-editor-wrap .write-editor-area .source-area .tit{font-size:13px;font-weight:700;color:#e3e3e3}
#con-body .write-editor-wrap .write-editor-area .source-area .source-url{position:relative;border:1px solid #4c4c4c;background-color:#272727;margin-top:15px}
#con-body .write-editor-wrap .write-editor-area .source-area .source-url p{font-size:14px;color:#e3e3e3}
#con-body .write-editor-wrap .write-editor-area .source-area .source-url input{font-size:12px;color:#e3e3e3;border:0;background:#272727;height:34px;padding-left:14px;box-sizing:border-box}
#con-body .write-editor-wrap .write-editor-area .image-choice-area{position:relative}
#con-body .write-editor-wrap .write-editor-area .image-choice-area .tit{font-size:13px;font-weight:700;color:#e3e3e3}
#con-body .write-editor-wrap .write-editor-area .image-choice-area .thumb-image-list{margin-top:14px}
#con-body .write-editor-wrap .write-editor-area .image-choice-area .thumb-image-list{position:relative;background-color:#272727}
#con-body .write-editor-wrap .write-editor-area .image-choice-area .thumb-image-list ul li{margin-left:8px;display:inline-block}
#con-body .write-editor-wrap .write-editor-area .image-choice-area .thumb-image-list ul li:first-child{margin-left:0}
#con-body .write-editor-wrap .write-editor-area .image-choice-area .thumb-image-list ul li a{display:inline-block;position:relative;background-color:#fff;border:1px solid #565656;text-align:center;line-height:42px;width:42px;height:42px;box-sizing:border-box}
#con-body .write-editor-wrap .write-editor-area .image-choice-area .thumb-image-list ul li a img{max-width:100%;max-height:100%}
#con-body .write-editor-wrap .write-editor-area .image-choice-area .thumb-image-list ul li a.active:after{position:absolute;right:5px;bottom:5px;width:21px;height:21px;content:"";background:url(../images/sub/thumb_choice_icon.png) no-repeat}
#con-body .write-editor-wrap .write-editor-area .p-all-area{padding:27px 12px 0;border-top:1px solid #343434}
#con-body .write-editor-wrap .write-editor-area .image-choice-area .thumb-image-list .noti{margin-top:10px}
#con-body .write-editor-wrap .write-editor-area .image-choice-area .thumb-image-list .noti p{color:#494949;font-weight:700;margin-top:5px;font-size:12px;line-height:15px}
#con-body .write-editor-wrap .write-editor-area .image-choice-area .thumb-image-list .noti p:first-child{margin-top:0}
#con-body .write-editor-wrap .util-sel-area{padding:0 12px}
#con-body .write-editor-wrap .util-sel-area:after{display:block;clear:both;content:""}
#con-body .write-editor-wrap .util-sel-area .select{float:left}
#con-body .write-editor-wrap .util-sel-area .select select{width:84px;height:35px;border:1px solid #525252;background-color:#272727;padding-left:9px;box-sizing:border-box;color:#e3e3e3;font-size:11px}
#con-body .write-editor-wrap .util-sel-area .bt-area{float:right;margin-top:0!important}
#con-body .write-editor-wrap .util-sel-area .bt-area a{display:inline-block;height:35px;line-height:35px;box-sizing:border-box;text-align:center;font-weight:700;font-size:14px;font-size:0;color:#fff;font-size:14px}
#con-body .write-editor-wrap .util-sel-area .bt-area a.bt1{width:60px;background-color:#353535;border:1px solid #252525}
#con-body .write-editor-wrap .util-sel-area .bt-area a.bt2{width:77px;background-color:#ff9920;border:1px solid #d87900;margin-left:9px}
#con-body .write-editor-wrap .write-editor-area .bt-area{text-align:center;margin-top:25px}
#con-body .write-editor-wrap .write-editor-area .bt-area a{display:inline-block;height:35px;line-height:35px;box-sizing:border-box;text-align:center;font-weight:700;font-size:14px;font-size:0;color:#fff;font-size:14px}
#con-body .write-editor-wrap .write-editor-area .bt-area a.bt1{width:60px;background-color:#353535;border:1px solid #252525}
#con-body .write-editor-wrap .write-editor-area .bt-area a.bt2{width:77px;background-color:#ff9920;border:1px solid #d87900;margin-left:9px}
#con-body .vote-box-wrap .vote-box-area{border-top:1px solid #525252;padding:15px 12px 15px;background-color:#272727}
#con-body .vote-box-wrap .vote-box-area .vote-box{border:1px solid #525252;width:100%;box-sizing:border-box}
#con-body .vote-box-wrap .vote-box-area .vote-box .vote-con{padding:16px 13px 0;position:relative;background-color:#202020;box-sizing:border-box;width:100%}
#con-body .vote-box-wrap .vote-box-area .vote-box .vote-con .delete-bt{position:absolute;right:0;top:0;width:11px;height:11px;overflow:hidden;text-indent:-9999px;background:url(../images/sub/vote_delete_bt.gif) no-repeat;background-size:11px 11px}
#con-body .vote-box-wrap .vote-box-area .vote-box .vote-con .tit-area{position:relative;padding-right:25px;box-sizing:border-box}
#con-body .vote-box-wrap .vote-box-area .vote-box .vote-con .tit-area .tit{font-size:11px;color:#fff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#con-body .vote-box-wrap .vote-box-area .vote-box .vote-con .tit-area .delete-bt{position:absolute;right:0;top:0}
#con-body .vote-box-wrap .vote-box-area .vote-box .vote-con .list-area{padding:7px 0 10px}
#con-body .vote-box-wrap .vote-box-area .vote-box .vote-con .list-area a{display:block;border:1px solid #525252;padding-left:10px;margin-top:6px;height:26px;line-height:26px;box-sizing:border-box}
#con-body .vote-box-wrap .vote-box-area .vote-box .vote-con .list-area a span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:10px;color:#fff;width:100%;display:block}
#con-body .vote-box-wrap .vote-box-area .vote-box .vote-con .list-area a:first-child{margin-top:0}
#con-body .vote-box-wrap .vote-box-area .vote-box .modify-bt{border-top:1px solid #525252;background-color:#181818;display:block;height:26px;line-height:26px;padding-left:14px;position:relative}
#con-body .vote-box-wrap .vote-box-area .vote-box .modify-bt:before{position:absolute;right:10px;top:50%;margin-top:-6px;width:13px;height:13px;content:"";background:url(../images/popup/modify_vote_icon.gif) no-repeat;background-size:13px 13px}
#con-body .vote-box-wrap .vote-box-area .vote-box .modify-bt span{padding-left:12px;position:relative;font-size:10px;color:#fff}
#con-body .vote-box-wrap .vote-box-area .vote-box .modify-bt span:before{position:absolute;left:0;top:50%;margin-top:-5px;content:"";width:9px;height:9px;background:url(../images/popup/modify_vote_icon2.gif) no-repeat;background-size:9px 9px}
#myProfile .editor-popup-area input{border:0}
#myProfile .editor-popup-area{background-color:#272727;z-index:999;height:100%;overflow-y:scroll;position:fixed;width:100%}
#myProfile .editor-popup-area .content-area{padding:19px 12px 0}
#myProfile .editor-popup-area .content-area .title-input-area{border-bottom:1px solid #555;padding:0 9px 15px 9px}
#myProfile .editor-popup-area .content-area .title-input-area input{font-size:12px;color:#e3e3e3;width:100%;box-sizing:Border-box;outline:0;border:0;background-color:#272727}
#myProfile .editor-popup-area .content-area .title-input-area input::-webkit-input-placeholder{color:#ccc}
#myProfile .editor-popup-area .content-area .title-input-area input::-moz-placeholder{color:#ccc}
#myProfile .editor-popup-area .content-area .title-input-area input:-ms-input-placeholder{color:#ccc}
#myProfile .editor-popup-area .content-area .title-input-area input:-moz-placeholder{color:#ccc}
#myProfile .editor-popup-area .content-area .mid-con-area{padding:27px 6px 39px}
#myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .op-tit{font-size:14px;color:#ccc;padding-top:22px;padding-left:12px;padding-bottom:3px}
#myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .unit{position:relative;padding-right:30px;margin-top:9px}
#myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .unit:first-child{margin-top:0}
#myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .unit input{width:100%;height:30px;padding:0 15px;background-color:#222;font-size:14px;color:#fff;box-sizing:border-box;border-top:1px solid #444;border-bottom:1px solid #444;border-left:1px solid #444}
#myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .unit input::-webkit-input-placeholder{color:#555}
#myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .unit input::-moz-placeholder{color:#555}
#myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .unit input:-ms-input-placeholder{color:#555}
#myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .unit input:-moz-placeholder{color:#555}
#myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .unit .bt{position:absolute;right:0;top:0;width:30px;height:30px;background-color:#00f;display:inline-block}
#myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .unit .bt.add-pic-bt{background:url(../images/popup/add_pic_icon.png) no-repeat #444;background-size:30px 30px}
#myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .unit .bt.add-unit-bt{background:url(../images/popup/add_unit_icon.png) no-repeat #444;background-size:30px 30px}
#myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .unit .bt.chk-bt{background:url(../images/popup/chk_icon_d.png) no-repeat #444;background-size:30px 30px}
#myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .unit .bt.chk-bt.active{background:url(../images/popup/chk_icon_a.png) no-repeat #444;background-size:30px 30px}
#myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .unit.option-1:before{position:absolute;left:0;top:0;width:26px;height:28px;content:"";background:url(../images/popup/op1_icon_d.png) no-repeat;background-size:26px 28px}
#myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .unit.option-1 input{padding:0 9px 0 34px}
#myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .unit.option-1.active:before{position:absolute;left:0;top:0;width:26px;height:28px;content:"";background:url(../images/popup/op1_icon_a.png) no-repeat;background-size:26px 28px}
#myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .unit.option-2{margin-top:51px}
#myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .unit.option-2:before{position:absolute;left:0;top:0;width:30px;height:28px;content:"";background:url(../images/popup/op2_icon_d.png) no-repeat;background-size:30px 28px}
#myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .unit.option-2 input{padding:0 9px 0 39px}
#myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .unit.option-2.active:before{position:absolute;left:0;top:0;width:30px;height:28px;content:"";background:url(../images/popup/op2_icon_a.png) no-repeat;background-size:30px 28px}
#myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .unit.option-3:before{position:absolute;left:0;top:0;width:30px;height:28px;content:"";background:url(../images/popup/op3_icon_d.png) no-repeat;background-size:30px 28px}
#myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .unit.option-3 input{padding:0 9px 0 38px}
#myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .unit.option-3.active:before{position:absolute;left:0;top:0;width:30px;height:28px;content:"";background:url(../images/popup/op3_icon_a.png) no-repeat; background-size:30px 28px}
#myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .date{height:24px;margin-top:9px;padding-bottom:6px;font-size:0}
#myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .date .cal-bt{height:24px;display:inline-block;width:48%;float:left}
#myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .date .cal-bt a{display:block;position:relative;box-sizing:border-box;border:1px solid #404040;height:25px}
#myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .date .cal-bt a input{background-color:#222;padding-left:8px;color:#aaa;font-size:11px;width:100%;box-sizing:border-box;height:22px;border:0}
#myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .date .cal-bt a img{position:absolute;right:0;top:0}
#myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .date .time-select{height:25px;background-color:#222;text-align:center;border:1px solid #404040;box-sizing:border-box;display:inline-block;width:48%;float:right}
#myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .date .time-select .select{display:inline-block;text-align:left;padding-top:5px;position:relative;margin:0 3px}
#myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .date .time-select .select:after{position:absolute;top:9px;right:0;width:6px;height:5px;background:url(../images/popup/s_sel_arrow.gif) no-repeat;content:""}
#myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .date .time-select .select select{color:#fff;font-size:11px;border:0}
#myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .date .time-select .select select option{color:#aaa;font-size:11px}
#myProfile .editor-popup-area .content-area .set-complete-bt{display:block;background-color:#f90;text-align:center;font-weight:700;font-size:18px;height:40px;line-height:40px;color:#eee}
#myProfile .post-wrap .messenger-area.pb-tp{padding-bottom:83px}
#myProfile .post-wrap .messenger-area.pb-tp .f-noti{position:absolute;right:13px;bottom:60px;font-size:10px;font-weight:700;color:#606060}
#myProfile .post-wrap .messenger-area .refresh-msg-area{display:block;width:100%;height:29px;text-align:center;line-height:29px;background:url(../images/popup/more_bt_bg2.gif) repeat-x;background-size:100% 29px}
#myProfile .post-wrap .messenger-area .refresh-msg-area a{display:block;height:29px}
#myProfile .post-wrap .messenger-area .refresh-msg-area a span{display:inline-block;position:relative;padding-right:15px;font-size:10px;font-weight:700;color:#fff}
#myProfile .post-wrap .messenger-area .refresh-msg-area a span:after{position:absolute;right:0;top:10px;width:9px;height:9px;content:"";background:url(../images/popup/refresh_icon2.gif) no-repeat;background-size:9px 9px}
#myProfile .post-wrap .messenger-area{background-color:#272727;height:100%;border-bottom:1px solid #565656;overflow-y:scroll;padding-bottom:53px;box-sizing:border-box}
#myProfile .post-wrap .messenger-area .top-noti{border-bottom:1px solid #525252;height:28px;line-height:28px;font-size:0;padding-left:10px;background-color:#202020;position:relative}
#myProfile .post-wrap .messenger-area .top-noti span.frd-tp1{color:#5fed73;padding-left:10px;position:relative;display:inline-block}
#myProfile .post-wrap .messenger-area .top-noti span.frd-tp1 a{color:#5fed73;font-size:10px;font-weight:700}
#myProfile .post-wrap .messenger-area .top-noti span.frd-tp1:before{position:absolute;left:0;top:10px;width:6px;height:8px;content:"";background:url(../images/popup/frd_icon_1.png) no-repeat;background-size:6px 8px}
#myProfile .post-wrap .messenger-area .top-noti span.frd-tp2{color:#adadad;margin-left:6px}
#myProfile .post-wrap .messenger-area .top-noti span.frd-tp2 a{color:#adadad;font-size:10px;font-weight:700}
#myProfile .post-wrap .messenger-area .top-noti span.frd-tp3{color:#ff7c7c;padding-left:12px;position:relative;margin-left:6px;display:inline-block}
#myProfile .post-wrap .messenger-area .top-noti span.frd-tp3 a{color:#ff7c7c;font-size:10px;font-weight:700}
#myProfile .post-wrap .messenger-area .top-noti span.frd-tp3:before{position:absolute;left:0;top:9px;width:9px;height:9px;content:"";background:url(../images/popup/frd_icon_2.png) no-repeat;background-size:9px 9px}
#myProfile .post-wrap .messenger-area .top-noti .mss-tp1{font-weight:700;font-size:10px;color:#699eff;position:relative;padding-left:13px}
#myProfile .post-wrap .messenger-area .top-noti .mss-tp1:before{position:absolute;left:0;top:2px;width:10px;height:8px;content:"";background:url(../images/popup/mss_icon1.gif) no-repeat;background-size:10px 8px}
#myProfile .post-wrap .messenger-area .top-noti .mss-tp2{font-weight:700;font-size:10px;color:#e4cf1a;position:relative;padding-left:13px;margin-left:9px}
#myProfile .post-wrap .messenger-area .top-noti .mss-tp2:before{position:absolute;left:0;top:1px;width:9px;height:9px;content:"";background:url(../images/popup/mss_icon2.gif) no-repeat;background-size:9px 9px}
#myProfile .post-wrap .messenger-area .top-noti .bt{position:absolute;right:10px;font-size:0;top:5px}
#myProfile .post-wrap .messenger-area .top-noti .bt a{display:inline-block;font-size:10px;height:17px;vertical-align:top;border:1px solid #4c4c4c;background-color:#181818;padding:0 6px;line-height:17px;text-align:center;font-weight:700;color:#e3e3e3;box-sizing:border-box;margin-left:9px}
#myProfile .post-wrap .messenger-area .top-noti .bt a:first-child{margin-left:0}
#myProfile .post-wrap .messenger-area .list-area ul li{padding:1px 67px 2px 13px;box-sizing:border-box;position:relative;border-top:1px solid #565656}
#myProfile .post-wrap .messenger-area .list-area.friend ul li{padding:1px 27px 2px 13px}
#myProfile .post-wrap .messenger-area .list-area.friend ul li.req-tp{padding:1px 0 2px 13px}
#myProfile .post-wrap .messenger-area .list-area.friend ul li.req-tp:after{display:none}
#myProfile .post-wrap .messenger-area .list-area.friend ul li.req-tp .ox-bt{position:absolute;right:10px;top:50%;margin-top:-9px;color:#fff}
#myProfile .post-wrap .messenger-area .list-area.friend ul li.req-tp .ox-bt a{color:#b2b2b2;font-weight:700;font-size:10px;margin:0 7px}
#myProfile .post-wrap .messenger-area .list-area.friend ul li:after{right:25px}
#myProfile .post-wrap .messenger-area .list-area.friend ul li .msg-send-bt{position:absolute;right:13px;top:50%;margin-top:-8px;background-color:1px solid #505050;color:#e3e3e3;font-weight:700;font-size:10px;border:1px solid #505050;padding:0 5px;height:16px;line-height:16px;box-sizing:border-box}
#myProfile .post-wrap .messenger-area .list-area.friend ul li .req{font-size:10px;font-weight:700;color:#ff9920}
#myProfile .post-wrap .messenger-area .list-area ul li:first-child{border-top:0}
#myProfile .post-wrap .messenger-area .list-area ul li:after{position:absolute;top:50%;margin-top:-7px;right:67px;width:1px;height:13px;content:"";background-color:#565656}
#myProfile .post-wrap .messenger-area .list-area ul li .con-area{display:block;padding-left:36px;box-sizing:border-box;position:relative}
#myProfile .post-wrap .messenger-area .list-area ul li .con-area.login:before{display:block}
#myProfile .post-wrap .messenger-area .list-area ul li .con-area:before{position:absolute;left:-5px;top:8px;display:none;width:4px;height:4px;background-color:#5fed73;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;content:""}
#myProfile .post-wrap .messenger-area .list-area ul li .con-area .thumb-area{position:absolute;left:0;top:50%;margin-top:-14px;width:28px;height:28px;display:inline-block;background-color:grey;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;overflow:hidden}
#myProfile .post-wrap .messenger-area .list-area ul li .con-area .thumb-area img{width:100%;height:100%;display:block}
#myProfile .post-wrap .messenger-area .list-area ul li .delete-bt{position:absolute;right:10px;top:50%;margin-top:-5px;text-indent:-9999px;overflow:hidden;width:11px;height:10px;background:url(../images/popup/delete_bt_icon2.png) no-repeat;background-size:11px 10px}
#myProfile .post-wrap .messenger-area .list-area ul li .con-area .txt-area{padding-top:5px;position:relative}
#myProfile .post-wrap .messenger-area .list-area ul li .con-area .txt-area .id a{font-size:10px;font-weight:700;color:silver}
#myProfile .post-wrap .messenger-area .list-area ul li .con-area .txt-area .id a img{margin-right:2px}
#myProfile .post-wrap .messenger-area .list-area ul li .con-area .txt-area .util{font-size:0;margin-top:2px}
#myProfile .post-wrap .messenger-area .list-area ul li .con-area .txt-area .util span{font-size:10px;color:#b2b2b2;font-weight:700;position:relative;margin-left:4px;padding-left:4px}
#myProfile .post-wrap .messenger-area .list-area ul li .con-area .txt-area .util span.req{color:#ff9920;font-weight:700}
#myProfile .post-wrap .messenger-area .list-area ul li .con-area .txt-area .util span:first-child{margin-left:0;padding-left:0}
#myProfile .post-wrap .messenger-area .list-area ul li .con-area .txt-area .util span:first-child:before{display:none}
#myProfile .post-wrap .messenger-area .list-area ul li .con-area .txt-area .util span:before{position:absolute;left:0;top:2px;width:1px;content:"";background-color:#b2b2b2;height:8px}
#myProfile .post-wrap .messenger-area .list-area ul li .con-area .txt-area .text{width:95%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-top:2px}
#myProfile .post-wrap .messenger-area .list-area ul li .con-area .txt-area .text a{font-size:10px;color:silver;font-weight:700;display:inline-block;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#myProfile .post-wrap .messenger-area .list-area ul li .date{line-height:49px;height:47px;font-size:10px;color:silver;position:absolute;right:0;top:0;text-align:center;width:67px;display:inline-block}
#myProfile .msg-scroll-inner{background-color:red;height:100%;position:relative;box-sizing:border-box;padding-top:29px;padding-bottom:202px}
#myProfile .msg-scroll-inner .mid-msg-wrap{overflow-y:scroll}
#myProfile .msg-scroll-inner .inner-bot-util{position:absolute;bottom:49px;left:0;width:100%;height:153px}
#myProfile .msg-scroll-inner .inner-bot-util .refresh-msg-area{display:block;width:100%;height:29px;text-align:center;line-height:29px;background:url(../images/popup/more_bt_bg2.gif) repeat-x;background-size:100% 29px}
#myProfile .msg-scroll-inner .inner-bot-util .refresh-msg-area a{display:block;height:29px;color:#fff;font-size:12px}
#myProfile .msg-scroll-inner .inner-bot-util .refresh-msg-area a span{display:inline-block;position:relative;padding-right:15px;font-size:10px;font-weight:700;color:#fff}
#myProfile .msg-scroll-inner .inner-bot-util .refresh-msg-area a span:after{position:absolute;right:0;top:10px;width:9px;height:9px;content:"";background:url(../images/popup/refresh_icon2.gif) no-repeat;background-size:9px 9px}
#myProfile .post-wrap .win-chk-area{background-color:#202020;padding:0 0 89px 0;box-sizing:border-box;position:fixed;width:100%;height:100%;overflow-y:scroll}
#myProfile .post-wrap .win-chk-area table{width:100%}
#myProfile .post-wrap .win-chk-area table th{text-align:center;padding:9px 0;border-bottom:1px solid #525252}
#myProfile .post-wrap .win-chk-area table th span{color:#e3e3e3;font-size:10px}
#myProfile .post-wrap .win-chk-area table td{text-align:center;padding:14px 10px 11px 15px;border-bottom:1px solid #525252;line-height:16px;vertical-align:middle}
#myProfile .post-wrap .win-chk-area table td:first-child{text-align:left}
#myProfile .post-wrap .win-chk-area.td table td{padding:14px 5px 11px 5px}
#myProfile .post-wrap .win-chk-area.td table td:first-child{text-align:center}
#myProfile .post-wrap .win-chk-area table td .cate1{font-size:10px;font-weight:700;color:#e3e3e3}
#myProfile .post-wrap .win-chk-area table td .cate2{font-size:10px;font-weight:700}
#myProfile .post-wrap .win-chk-area table td .con{color:#e3e3e3;font-size:10px;height:16px;font-weight:700;display:block;text-align:left;position:relative;padding-left:14px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word;box-sizing:border-box}
#myProfile .post-wrap .win-chk-area table td .con a{color:#e3e3e3;font-size:12px;font-weight:700}
#myProfile .post-wrap .win-chk-area table td .con:before{position:absolute;left:0;top:50%;margin-top:-14px;width:1px;height:28px;background-color:#565656;content:""}
#myProfile .post-wrap .win-chk-area table td span{font-size:10px;color:#e3e3e3;vertical-align:middle;position:relative;display:block}
#myProfile .post-wrap .win-chk-area table td span.get_col{color:#99a7ff}
#myProfile .post-wrap .win-chk-area table td span.fini_col{color:#767676}
#myProfile .scrap-wrap{height:100%;position:fixed;background-color:#202020;width:100%;padding-top:35px;box-sizing:border-box;top:0}
#myProfile .scrap-wrap .scrap-area{background-color:#272727;padding:0 10px 23px 10px;height:100%;padding-bottom:53px;box-sizing:border-box;overflow-y:scroll}
#myProfile .scrap-wrap .scrap-area table{width:100%;table-layout:fixed}
#myProfile .scrap-wrap .scrap-area table th{text-align:center;padding:3px 0;border-bottom:1px solid #525252}
#myProfile .scrap-wrap .scrap-area table th span{color:#e3e3e3;font-size:10px;font-weight:700}
#myProfile .scrap-wrap .scrap-area table td{text-align:center;padding:7px 0 6px;border-bottom:1px solid #525252}
#myProfile .scrap-wrap .scrap-area table td:first-child span:before{display:none}
#myProfile .scrap-wrap .scrap-area table td span{position:relative;display:block;font-size:10px;font-weight:700;color:#e3e3e3;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:100%;box-sizing:border-box;padding:0 5px}
#myProfile .scrap-wrap .scrap-area table td span:before{position:absolute;left:0;top:3px;width:1px;height:10px;background-color:#565656;content:""}
#myProfile .scrap-wrap .scrap-area table td span .delete-bt{display:inline-block;width:6px;height:6px;background:url(../images/popup/delete_bt_icon.png) no-repeat;background-size:6px 6px;overflow:hidden;text-indent:-9999px}
#myProfile .scrap-wrap .scrap-area table td .con{color:#e3e3e3;font-size:10px;font-weight:700;display:block;text-align:left;position:relative;width:100%;padding-left:8px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;box-sizing:border-box}
#myProfile .scrap-wrap .scrap-area table td .con2 a{color:#e3e3e3;font-size:10px;font-weight:700}
#myProfile .scrap-wrap .scrap-area table td .con2 a .m-color{color:#92ffa4}
#myProfile .scrap-wrap .scrap-area table td .con2{color:#e3e3e3;font-size:10px;font-weight:700;display:block;text-align:left;position:relative;width:100%;padding-left:14px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;box-sizing:border-box}
#myProfile .scrap-wrap .scrap-area table td .date{position:relative;font-size:0;display:block}
#myProfile .scrap-wrap .scrap-area table td .date:before{position:absolute;left:0;top:0;width:1px;height:12px;background-color:#565656;content:""}
#myProfile .scrap-wrap .scrap-area table td .date em{position:relative;color:#e3e3e3;font-size:10px;font-weight:700;margin-left:5px;padding-left:5px}
#myProfile .scrap-wrap .scrap-area table td .date em:before{position:absolute;top:50%;margin-top:-4px;left:0;width:1px;height:8px;background-color:#bfbfbf;content:""}
#myProfile .scrap-wrap .scrap-area table td .date em:first-child{margin-left:0;padding-left:0}
#myProfile .scrap-wrap .scrap-area table td .date em:first-child:before{display:none}
#myProfile .scrap-wrap .scrap-area table td .con a{color:#e3e3e3;font-size:10px;font-weight:700}
#myProfile .scrap-wrap .paging-area{font-size:0;text-align:center;padding:14px 0 14px;background-color:#181818;line-height:23px;position:absolute;bottom:0;left:0;width:100%}
#myProfile .scrap-wrap .paging-area .prev-bt{display:inline-block;width:6px;height:10px;vertical-align:middle;background:url(../images/popup/paging_prev_bt.png) no-repeat;background-size:6px 10px;margin-right:16px}
#myProfile .scrap-wrap .paging-area .next-bt{display:inline-block;width:6px;height:10px;vertical-align:middle;background:url(../images/popup/paging_next_bt.png) no-repeat;background-size:6px 10px;margin-left:16px}
#myProfile .scrap-wrap .paging-area ul{display:inline-block}
#myProfile .scrap-wrap .paging-area ul li{display:inline-block;margin-left:8px}
#myProfile .scrap-wrap .paging-area ul li:first-child{margin-left:0}
#myProfile .scrap-wrap .paging-area ul li a{font-size:10px;border:1px solid #525252;background-color:#272727;color:#e3e3e3;width:25px;height:25px;line-height:23px;text-align:center;box-sizing:border-box;display:inline-block;vertical-align:top}
#myProfile .scrap-wrap .paging-area ul li a.active{background-color:#ff9920;color:#fff}
.pop-sanction-wrap{padding-top:8px}
.pop-sanction-wrap .pop-sanction-area{background-color:#171717;border:1px solid #525252;padding:11px 10px 13px;box-sizing:border-box}
.pop-sanction-wrap .pop-sanction-area .title span{color:#e3e3e3;font-weight:700;font-size:11px;border-bottom:1px solid #ff9400;padding-bottom:3px}
.pop-sanction-wrap .pop-sanction-area .list-unit-area{margin-top:12px}
.pop-sanction-wrap .pop-sanction-area .list-unit-area .list-unit{position:relative;padding-left:50px;box-sizing:border-box;margin-top:8px;color:#e3e3e3;font-size:10px;line-height:23px}
.pop-sanction-wrap .pop-sanction-area .list-unit-area .list-unit:first-child{margin-top:0}
.pop-sanction-wrap .pop-sanction-area .list-unit-area .list-unit:after{display:block;clear:both;content:""}
.pop-sanction-wrap .pop-sanction-area .list-unit-area .list-unit .tit{position:absolute;left:0;top:0;line-height:23px;font-weight:700;color:#e3e3e3;font-size:10px}
.pop-sanction-wrap .pop-sanction-area .list-unit-area .list-unit .item{float:left}
.pop-sanction-wrap .pop-sanction-area .list-unit-area .list-unit .item.cal-item{border:1px solid #525252;width:49%;background-color:#272727;position:relative;padding-right:35px;box-sizing:border-box}
.pop-sanction-wrap .pop-sanction-area .list-unit-area .list-unit .item.cal-item input{height:21px;box-sizing:border-box;font-size:12px;font-weight:700;color:#e3e3e3;padding-left:8px;width:100%;border:0;background-color:#272727}
.pop-sanction-wrap .pop-sanction-area .list-unit-area .list-unit .item.cal-item .cal-bt{position:absolute;right:0;top:0;width:21px;height:21px;background:url(../images/popup/san_cal_bt.gif) no-repeat;background-size:21px 21px}
.pop-sanction-wrap .pop-sanction-area .list-unit-area .list-unit .item.time-item{border:1px solid #525252;width:49%;background-color:#272727;position:relative;padding-right:44px;box-sizing:border-box;margin-left:2%}
.pop-sanction-wrap .pop-sanction-area .list-unit-area .list-unit .item.time-item select{height:21px;width:100%;background:#272727;padding-left:8px;border:0;font-size:10px;font-weight:700;color:#e3e3e3}
.pop-sanction-wrap .pop-sanction-area .list-unit-area .list-unit .item.time-item .san-sel-area .sel-bt{display:inline-block;width:100%;padding-right:35px;background-color:#272727;height:23px;line-height:23px;padding-left:9px;box-sizing:border-box;position:relative}
.pop-sanction-wrap .pop-sanction-area .list-unit-area .list-unit .item.time-item .san-sel-area .sel-bt:after{position:absolute;content:"";right:10px;top:50%;margin-top:-3px;width:11px;height:7px;background:url(../images/sub/cate_arrow_icon.png) no-repeat}
.pop-sanction-wrap .pop-sanction-area .list-unit-area .list-unit .item.time-item .san-sel-area .sel-bt span{font-size:10px;font-weight:700;color:#e3e3e3}
.pop-sanction-wrap .pop-sanction-area .list-unit-area .list-unit .item.time-item .san-sel-area .sel-bt.active{background-color:#272727}
.pop-sanction-wrap .pop-sanction-area .list-unit-area .list-unit .item.time-item .san-sel-area .hide-area{position:absolute;display:none;z-index:100;width:124px;top:28px;left:-1px;border:1px solid #525252;border-top:1px solid #272727;box-sizing:border-box}
.pop-sanction-wrap .pop-sanction-area .list-unit-area .list-unit .item.time-item .san-sel-area .hide-area ul{float:none;border-left:1px solid #525252}
.pop-sanction-wrap .pop-sanction-area .list-unit-area .list-unit .item.time-item .san-sel-area .hide-area ul:first-child{border-left:0}
.pop-sanction-wrap .pop-sanction-area .list-unit-area .list-unit .item.time-item .san-sel-area .hide-area ul li:first-child{border-top:0}
.pop-sanction-wrap .pop-sanction-area .list-unit-area .list-unit .item.time-item .san-sel-area .hide-area ul li a{display:block;width:100%;box-sizing:border-box;background-color:#272727;height:36px;line-height:36px;padding-left:9px;font-size:12px;font-weight:700;color:#e3e3e3}
.pop-sanction-wrap .pop-sanction-area .list-unit-area .list-unit .item.time-item .san-sel-area .hide-area.active{display:block}
.pop-sanction-wrap .pop-sanction-area .list-unit-area .list-unit .item.time-item .value{position:absolute;right:0;top:0;width:44px;height:21px;line-height:19px;text-align:center;background:#afafaf}
.pop-sanction-wrap .pop-sanction-area .list-unit-area .list-unit .item.time-item .value span{font-weight:700;color:#e3e3e3;font-size:10px}
.pop-sanction-wrap .pop-sanction-area .list-unit-area .list-unit .item.san-item{border:1px solid #525252;width:49%;background-color:#272727;position:relative;box-sizing:border-box}
.pop-sanction-wrap .pop-sanction-area .list-unit-area .list-unit .item.san-item select{height:21px;width:100%;padding-left:8px;border:0;font-size:10px;font-weight:700;color:#e3e3e3}
.pop-sanction-wrap .pop-sanction-area .list-unit-area .list-unit .item.san-item .san-sel-area .sel-bt{display:inline-block;width:100%;padding-right:35px;background-color:#272727;height:28px;line-height:28px;padding-left:9px;box-sizing:border-box;position:relative}
.pop-sanction-wrap .pop-sanction-area .list-unit-area .list-unit .item.san-item .san-sel-area .sel-bt:after{position:absolute;content:"";right:10px;top:50%;margin-top:-3px;width:11px;height:7px;background:url(../images/sub/cate_arrow_icon.png) no-repeat}
.pop-sanction-wrap .pop-sanction-area .list-unit-area .list-unit .item.san-item .san-sel-area .sel-bt span{font-size:12px;font-weight:700;color:#e3e3e3}
.pop-sanction-wrap .pop-sanction-area .list-unit-area .list-unit .item.san-item .san-sel-area .sel-bt.active{background-color:#272727}
.pop-sanction-wrap .pop-sanction-area .list-unit-area .list-unit .item.san-item .san-sel-area .hide-area{position:absolute;display:none;z-index:100;width:181px;top:28px;left:-1px;border:1px solid #525252;border-top:1px solid #272727;box-sizing:border-box}
.pop-sanction-wrap .pop-sanction-area .list-unit-area .list-unit .item.san-item .san-sel-area .hide-area ul{float:none;border-left:1px solid #525252}
.pop-sanction-wrap .pop-sanction-area .list-unit-area .list-unit .item.san-item .san-sel-area .hide-area ul:first-child{border-left:0}
.pop-sanction-wrap .pop-sanction-area .list-unit-area .list-unit .item.san-item .san-sel-area .hide-area ul li:first-child{border-top:0}
.pop-sanction-wrap .pop-sanction-area .list-unit-area .list-unit .item.san-item .san-sel-area .hide-area ul li a{display:block;width:100%;box-sizing:border-box;background-color:#272727;height:36px;line-height:36px;padding-left:9px;font-size:12px;font-weight:700;color:#e3e3e3}
.pop-sanction-wrap .pop-sanction-area .list-unit-area .list-unit .item.san-item .san-sel-area .hide-area.active{display:block}
.pop-sanction-wrap .pop-sanction-area .list-unit-area .list-unit .item.memo-item{width:100%}
.pop-sanction-wrap .pop-sanction-area .list-unit-area .list-unit .item.memo-item textarea{border:1px solid #525252;display:block;padding:12px 9px;font-size:10px;font-weight:700;color:#e3e3e3;overflow:hidden;width:100%;height:73px;background-color:#272727;box-sizing:border-box}
.pop-sanction-wrap .pop-sanction-area .bt-area{font-size:0;text-align:center;margin-top:10px}
.pop-sanction-wrap .pop-sanction-area .bt-area a{display:inline-block;width:40px;border:1px solid #525252;height:23px;margin:0 4px;background-color:#272727;line-height:23px;color:#e3e3e3;font-weight:700;font-size:10px;box-sizing:border-box}
.pop-sanction-wrap .pop-sanction-area .san-state-area{margin-top:14px;margin-bottom:-9px}
.pop-sanction-wrap .pop-sanction-area .san-state-area p{font-size:10px;color:#e3e3e3;font-weight:700;margin-top:7px}
.pop-sanction-wrap .pop-sanction-area .san-state-area p:first-child{margin-top:0}
.pop-sanction-wrap .pop-sanction-area .san-state-area p span{font-size:10px;color:#e3e3e3;font-weight:700}
#myProfile .inner-layer-popup .detail-area{background-color:#272727;height:100%;overflow-y:scroll;padding-bottom:83px;box-sizing:border-box;position:absolute;top:0;left:0;width:100%;padding-top:35px;display:none}
#myProfile .inner-layer-popup .detail-area.active{display:block}
#myProfile .inner-layer-popup .detail-area .list-area.friend{padding-bottom:0;background-color:#272727;height:100%;overflow-y:scroll;box-sizing:border-box}
#myProfile .inner-layer-popup .detail-area .paging-area{font-size:0;text-align:center;padding:14px 0 14px;background-color:#181818;line-height:23px;position:absolute;bottom:0;left:0;width:100%}
#myProfile .inner-layer-popup .detail-area .paging-area .prev-bt{display:inline-block;width:6px;height:10px;vertical-align:middle;background:url(../images/popup/paging_prev_bt.png) no-repeat;background-size:6px 10px;margin-right:16px}
#myProfile .inner-layer-popup .detail-area .paging-area .next-bt{display:inline-block;width:6px;height:10px;vertical-align:middle;background:url(../images/popup/paging_next_bt.png) no-repeat;background-size:6px 10px;margin-left:16px}
#myProfile .inner-layer-popup .detail-area .paging-area ul{display:inline-block}
#myProfile .inner-layer-popup .detail-area .paging-area ul li{display:inline-block;margin-left:8px}
#myProfile .inner-layer-popup .detail-area .paging-area ul li:first-child{margin-left:0}
#myProfile .inner-layer-popup .detail-area .paging-area ul li a{font-size:10px;border:1px solid #525252;background-color:#272727;color:#e3e3e3;width:25px;height:25px;line-height:23px;text-align:center;box-sizing:border-box;display:inline-block;vertical-align:top}
#myProfile .inner-layer-popup .detail-area .paging-area ul li a.active{background-color:#ff9920;color:#fff}
#myProfile .inner-layer-popup .detail-area .top-noti{border-bottom:1px solid #525252;height:28px;line-height:28px;font-size:0;padding-left:10px;background-color:#202020;position:relative}
#myProfile .inner-layer-popup .detail-area .top-noti span.frd-tp1{color:#5fed73;padding-left:10px;position:relative;display:inline-block}
#myProfile .inner-layer-popup .detail-area .top-noti span.frd-tp1 a{color:#5fed73;font-size:10px;font-weight:700}
#myProfile .inner-layer-popup .detail-area .top-noti span.frd-tp1:before{position:absolute;left:0;top:10px;width:6px;height:8px;content:"";background:url(../images/popup/frd_icon_1.png) no-repeat;background-size:6px 8px}
#myProfile .inner-layer-popup .detail-area .top-noti span.frd-tp2{color:#adadad;margin-left:6px}
#myProfile .inner-layer-popup .detail-area .top-noti span.frd-tp2 a{color:#adadad;font-size:10px;font-weight:700}
#myProfile .inner-layer-popup .detail-area .top-noti span.frd-tp3{color:#ff7c7c;padding-left:12px;position:relative;margin-left:6px;display:inline-block}
#myProfile .inner-layer-popup .detail-area .top-noti span.frd-tp3 a{color:#ff7c7c;font-size:10px;font-weight:700}
#myProfile .inner-layer-popup .detail-area .top-noti span.frd-tp3:before{position:absolute;left:0;top:9px;width:9px;height:9px;content:"";background:url(../images/popup/frd_icon_2.png) no-repeat;background-size:9px 9px}
#myProfile .inner-layer-popup .detail-area .top-noti .mss-tp1{font-weight:700;font-size:10px;color:#699eff;position:relative;padding-left:13px}
#myProfile .inner-layer-popup .detail-area .top-noti .mss-tp1:before{position:absolute;left:0;top:2px;width:10px;height:8px;content:"";background:url(../images/popup/mss_icon1.gif) no-repeat;background-size:10px 8px}
#myProfile .inner-layer-popup .detail-area .top-noti .mss-tp2{font-weight:700;font-size:10px;color:#e4cf1a;position:relative;padding-left:13px;margin-left:9px}
#myProfile .inner-layer-popup .detail-area .top-noti .mss-tp2:before{position:absolute;left:0;top:1px;width:9px;height:9px;content:"";background:url(../images/popup/mss_icon2.gif) no-repeat;background-size:9px 9px}
#myProfile .inner-layer-popup .detail-area .top-noti .bt{position:absolute;right:10px;font-size:0;top:5px}
#myProfile .inner-layer-popup .detail-area .top-noti .bt a{display:inline-block;font-size:10px;height:17px;vertical-align:top;border:1px solid #4c4c4c;background-color:#181818;padding:0 6px;line-height:17px;text-align:center;font-weight:700;color:#e3e3e3;box-sizing:border-box;margin-left:9px}
#myProfile .inner-layer-popup .detail-area .top-noti .bt a:first-child{margin-left:0}
#myProfile .inner-layer-popup .detail-area .list-area ul li{padding:1px 47px 2px 13px;box-sizing:border-box;position:relative;border-top:1px solid #565656}
#myProfile .inner-layer-popup .detail-area .list-area.friend ul li{padding:1px 27px 2px 13px}
#myProfile .inner-layer-popup .detail-area .list-area.friend ul li.req-tp{padding:1px 0 2px 13px}
#myProfile .inner-layer-popup .detail-area .list-area.friend ul li.req-tp:after{display:none}
#myProfile .inner-layer-popup .detail-area .list-area.friend ul li.req-tp .ox-bt{position:absolute;right:10px;top:50%;margin-top:-9px;color:#fff}
#myProfile .inner-layer-popup .detail-area .list-area.friend ul li.req-tp .ox-bt a{color:#b2b2b2;font-weight:700;font-size:10px;margin:0 7px}
#myProfile .inner-layer-popup .detail-area .list-area.friend ul li:after{right:25px}
#myProfile .inner-layer-popup .detail-area .list-area.friend ul li .msg-send-bt{position:absolute;right:13px;top:50%;margin-top:-8px;background-color:1px solid #505050;color:#e3e3e3;font-weight:700;font-size:10px;border:1px solid #505050;padding:0 5px;height:16px;line-height:16px;box-sizing:border-box}
#myProfile .inner-layer-popup .detail-area .list-area.friend ul li .req{font-size:10px;font-weight:700;color:#ff9920}
#myProfile .inner-layer-popup .detail-area .list-area ul li:first-child{border-top:0}
#myProfile .inner-layer-popup .detail-area .list-area ul li:after{position:absolute;top:50%;margin-top:-7px;right:47px;width:1px;height:13px;content:"";background-color:#565656}
#myProfile .inner-layer-popup .detail-area .list-area ul li .con-area{display:block;padding-left:36px;box-sizing:border-box;position:relative}
#myProfile .inner-layer-popup .detail-area .list-area ul li .con-area.login:before{display:block}
#myProfile .inner-layer-popup .detail-area .list-area ul li .con-area:before{position:absolute;left:-5px;top:8px;display:none;width:4px;height:4px;background-color:#5fed73;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;content:""}
#myProfile .inner-layer-popup .detail-area .list-area ul li .con-area .thumb-area{position:absolute;left:0;top:50%;margin-top:-14px;width:28px;height:28px;display:inline-block;background-color:grey;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;overflow:hidden}
#myProfile .inner-layer-popup .detail-area .list-area ul li .con-area .thumb-area img{width:100%;height:100%;display:block}
#myProfile .inner-layer-popup .detail-area .list-area ul li .delete-bt{position:absolute;right:10px;top:50%;margin-top:-5px;text-indent:-9999px;overflow:hidden;width:11px;height:10px;background:url(../images/popup/delete_bt_icon2.png) no-repeat;background-size:11px 10px}
#myProfile .inner-layer-popup .detail-area .list-area ul li .con-area .txt-area{padding-top:5px;position:relative}
#myProfile .inner-layer-popup .detail-area .list-area ul li .con-area .txt-area .id a{font-size:10px;font-weight:700;color:silver}
#myProfile .inner-layer-popup .detail-area .list-area ul li .con-area .txt-area .id a img{margin-right:2px}
#myProfile .inner-layer-popup .detail-area .list-area ul li .con-area .txt-area .util{font-size:0;margin-top:2px}
#myProfile .inner-layer-popup .detail-area .list-area ul li .con-area .txt-area .util span{font-size:10px;color:#b2b2b2;font-weight:700;position:relative;margin-left:4px;padding-left:4px}
#myProfile .inner-layer-popup .detail-area .list-area ul li .con-area .txt-area .util span:first-child{margin-left:0;padding-left:0}
#myProfile .inner-layer-popup .detail-area .list-area ul li .con-area .txt-area .util span:first-child:before{display:none}
#myProfile .inner-layer-popup .detail-area .list-area ul li .con-area .txt-area .util span:before{position:absolute;left:0;top:2px;width:1px;content:"";background-color:#b2b2b2;height:8px}
#myProfile .inner-layer-popup .detail-area .list-area ul li .con-area .txt-area .text{width:95%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-top:2px}
#myProfile .inner-layer-popup .detail-area .list-area ul li .con-area .txt-area .text a{font-size:10px;color:silver;font-weight:700;display:inline-block;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#myProfile .inner-layer-popup .detail-area .list-area ul li .date{line-height:49px;height:47px;font-size:10px;color:silver;position:absolute;right:0;top:0;text-align:center;width:47px;display:inline-block}
#myProfile .inner-layer-popup .detail-area .f-noti{position:absolute;right:13px;bottom:60px;font-size:10px;font-weight:700;color:#606060}
#myProfile .inner-layer-popup .detail-area .top-bt-wrap{position:relative;padding-left:48px;background-color:#202020;box-sizing:border-box;border-bottom:1px solid #525252}
#myProfile .inner-layer-popup .detail-area .top-bt-wrap .back-bt{width:48px;border-right:1px solid #525252;box-sizing:border-box;position:absolute;left:0;top:-1px;height:28px;line-height:28px;background:url(../images/popup/back_bt_arrow.png) 50% 50% no-repeat;background-size:8px 15px;display:inline-block;text-indent:-9999px;overflow:hidden}
#myProfile .inner-layer-popup .detail-area .top-bt-wrap .input{position:relative;padding-right:45px;box-sizing:border-box}
#myProfile .inner-layer-popup .detail-area .top-bt-wrap .input input{width:100%;height:27px;background-color:#202020;color:#e3e3e3;font-weight:700;font-size:12px;box-sizing:border-box;padding-left:12px;border:0}
#myProfile .inner-layer-popup .detail-area .top-bt-wrap .input input::-webkit-input-placeholder{color:#767676;font-weight:700}
#myProfile .inner-layer-popup .detail-area .top-bt-wrap .input input::-moz-placeholder{color:#767676;font-weight:700}
#myProfile .inner-layer-popup .detail-area .top-bt-wrap .input input:-ms-input-placeholder{color:#767676;font-weight:700}
#myProfile .inner-layer-popup .detail-area .top-bt-wrap .input input:-moz-placeholder{color:#767676;font-weight:700}
#myProfile .inner-layer-popup .detail-area .top-bt-wrap .input a{position:absolute;right:0;top:0;width:30px;height:27px;text-indent:-9999px;overflow:hidden;background:url(../images/popup/frd_srch_bt.gif) no-repeat;background-size:30px 27px}
#myProfile .ranking-wrap{height:100%}
#myProfile .ranking-wrap .ranking-area{background-color:#272727;height:100%;position:fixed;width:100%}
#myProfile .ranking-wrap .ranking-area .top-noti{border-bottom:1px solid #525252;height:27px;line-height:27px;font-size:0;padding-left:12px;background-color:#202020;position:relative}
#myProfile .ranking-wrap .ranking-area .top-noti span{font-weight:700;font-size:12px}
#myProfile .ranking-wrap .ranking-area .top-noti span.level-inst-tp1{color:#ff9920;padding-left:15px;position:relative}
#myProfile .ranking-wrap .ranking-area .top-noti span.level-inst-tp1:before{position:absolute;left:0;top:2px;width:8px;height:10px;content:"";background:url(../images/popup/level_inst_icon.png) no-repeat}
#myProfile .ranking-wrap .ranking-area .top-noti .cate-select-area{float:right;padding-right:12px}
#myProfile .ranking-wrap .ranking-area .top-noti .cate-select-area a{display:inline-block;vertical-align:middle;font-size:10px;height:16px;border:1px solid #4c4c4c;background-color:#181818;padding:0 5px;line-height:16px;text-align:center;font-weight:700;color:#e3e3e3;box-sizing:border-box;margin-right:7px}
#myProfile .ranking-wrap .ranking-area .top-noti .cate-select-area select{display:inline-block;vertical-align:middle;font-size:10px;height:16px;border:1px solid #4c4c4c;background-color:#181818;padding:0 5px;line-height:16px;text-align:center;font-weight:700;color:#e3e3e3;box-sizing:border-box}
#myProfile .ranking-wrap .ranking-area .top-noti .left-bt{font-size:0;display:inline-block;float:left}
#myProfile .ranking-wrap .ranking-area .top-noti .left-bt select{display:inline-block;vertical-align:middle;font-size:10px;height:16px;border:1px solid #4c4c4c;background-color:#181818;line-height:16px;text-align:center;font-weight:700;color:#e3e3e3;box-sizing:border-box; width:70px}
#myProfile .ranking-wrap .ranking-area .top-noti .left-bt a{display:inline-block;vertical-align:middle;font-size:10px;height:16px;border:1px solid #4c4c4c;background-color:#181818;padding:0 5px;line-height:16px;text-align:center;font-weight:700;color:#e3e3e3;box-sizing:border-box;margin-left:7px}
#myProfile .ranking-wrap .ranking-area .top-noti .left-bt a:first-child{margin-left:0}
#myProfile .ranking-wrap .ranking-area .ranking-content{position:relative;background-color:#272727;box-sizing:border-box;height:100%;padding:29px 0 29px}
#myProfile .ranking-wrap .ranking-area .ranking-content .top-rank-chk{position:absolute;left:0;top:0;width:100%;height:29px;text-align:center;line-height:29px;background:url(../images/popup/more_bt_bg2.gif) repeat-x;background-size:100% 29px}
#myProfile .ranking-wrap .ranking-area .ranking-content .top-rank-chk a{display:block;height:29px}
#myProfile .ranking-wrap .ranking-area .ranking-content .top-rank-chk a span{display:inline-block;position:relative;padding-right:11px;font-size:10px;font-weight:700;color:#fff}
#myProfile .ranking-wrap .ranking-area .ranking-content .top-rank-chk a span:after{position:absolute;right:0;top:50%;margin-top:-2px;width:5px;height:3px;content:"";background:url(../images/popup/top_rank_chk.gif) no-repeat;background-size:5px 3px}
#myProfile .ranking-wrap .ranking-area .ranking-content .board{width:100%;margin:0 auto;height:100%;padding-bottom:64px;box-sizing:border-box;overflow-y:scroll}
#myProfile .ranking-wrap .ranking-area .ranking-content .board table{width:100%}
#myProfile .ranking-wrap .ranking-area .ranking-content .board table th{text-align:center;height:32px;line-height:16px;font-size:10px;font-weight:700;color:#e3e3e3;vertical-align:middle}
#myProfile .ranking-wrap .ranking-area .ranking-content .board table td{text-align:center;vertical-align:middle;padding:3px 0 0 0}
#myProfile .ranking-wrap .ranking-area .ranking-content .board table td.con-wrap{text-align:left}
#myProfile .ranking-wrap .ranking-area .ranking-content .board table td .rank{font-weight:700;color:#e3e3e3;font-size:10px}
#myProfile .ranking-wrap .ranking-area .ranking-content .board table td .pro-bt{display:inline-block;font-weight:700;color:#e3e3e3;font-size:10px;width:34px;height:16px;border:1px solid #505050;background-color:#181818;line-height:16px;box-sizing:border-box}
#myProfile .ranking-wrap .ranking-area .ranking-content .board table td .con-area{display:block;text-align:left;min-height:38px;padding-left:40px;box-sizing:border-box;position:relative}
#myProfile .ranking-wrap .ranking-area .ranking-content .board table td .con-area .thumb-area{position:absolute;left:0;top:0;width:32px;height:32px;display:inline-block;background-color:grey;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;overflow:hidden}
#myProfile .ranking-wrap .ranking-area .ranking-content .board table td .con-area .thumb-area img{width:100%;height:100%;display:block}
#myProfile .ranking-wrap .ranking-area .ranking-content .board table td .con-area .txt-area{padding-top:2px;position:relative}
#myProfile .ranking-wrap .ranking-area .ranking-content .board table td .con-area .txt-area .id a{font-size:10px;font-weight:700;color:#e3e3e3}
#myProfile .ranking-wrap .ranking-area .ranking-content .board table td .con-area .txt-area .id a img{margin-right:2px}
#myProfile .ranking-wrap .ranking-area .ranking-content .board table td .con-area .txt-area .util{font-size:0;margin-top:-1px;padding-left:16px}
#myProfile .ranking-wrap .ranking-area .ranking-content .board table td .con-area .txt-area .util span{font-size:10px;color:#b2b2b2;font-weight:700;position:relative;margin-left:4px;padding-left:4px}
#myProfile .ranking-wrap .ranking-area .ranking-content .board table td .con-area .txt-area .util span:first-child{margin-left:0;padding-left:0}
#myProfile .ranking-wrap .ranking-area .ranking-content .board table td .con-area .txt-area .util span:first-child:before{display:none}
#myProfile .ranking-wrap .ranking-area .ranking-content .board table td .con-area .txt-area .util span em{color:#89ff8c}
#myProfile .ranking-wrap .ranking-area .ranking-content .board table td .con-area .txt-area .util span:before{position:absolute;left:0;top:1px;width:1px;content:"";background-color:#b2b2b2;height:8px}
#myProfile .ranking-wrap .ranking-area .ranking-content .bot-rank-chk{position:fixed;left:0;bottom:0;width:100%;height:29px;line-height:29px;text-align:center;background:url(../images/popup/more_bt_bg2.gif) repeat-x;background-size:100% 29px}
#myProfile .ranking-wrap .ranking-area .ranking-content .bot-rank-chk a{display:block;height:29px}
#myProfile .ranking-wrap .ranking-area .ranking-content .bot-rank-chk a span{display:inline-block;position:relative;padding-right:11px;font-size:10px;font-weight:700;color:#fff}
#myProfile .ranking-wrap .ranking-area .ranking-content .bot-rank-chk a span:after{position:absolute;right:0;content:"";top:50%;margin-top:-2px;width:5px;height:3px;background:url(../images/popup/bot_rank_chk.gif) no-repeat;background-size:5px 3px}
#myProfile .level-inst-wrap{height:100%}
#myProfile .level-inst-wrap .level-inst-area{background-color:#272727;height:100%}
#myProfile .level-inst-wrap .level-inst-area .top-noti{border-bottom:1px solid #525252;height:27px;line-height:27px;font-size:0;padding-left:15px;background-color:#202020;position:relative}
#myProfile .level-inst-wrap .level-inst-area .top-noti span{font-weight:700;font-size:10px}
#myProfile .level-inst-wrap .level-inst-area .top-noti span.level-inst-tp1{color:#ff9920;padding-left:11px;position:relative}
#myProfile .level-inst-wrap .level-inst-area .top-noti span.level-inst-tp1:before{position:absolute;left:0;top:2px;width:7px;height:9px;content:"";background:url(../images/popup/level_inst_icon.png) no-repeat;background-size:7px 9px}
#myProfile .level-inst-wrap .level-inst-area .top-noti .bt{position:absolute;right:15px;font-size:0;top:6px}
#myProfile .level-inst-wrap .level-inst-area .top-noti .bt.sel-tp{right:102px}
#myProfile .level-inst-wrap .level-inst-area .top-noti .cate-select-area a{display:inline-block;font-size:10px;height:16px;vertical-align:top;border:1px solid #4c4c4c;background-color:#181818;padding:0 5px;line-height:16px;text-align:center;font-weight:700;color:#e3e3e3;box-sizing:border-box;margin-right:13px}
#myProfile .level-inst-wrap .level-inst-area .top-noti .cate-select-area{position:absolute;right:15px;top:5px;font-size:0}
#myProfile .level-inst-wrap .level-inst-area .top-noti .cate-select-area select{display:inline-block;vertical-align:top;font-size:10px;height:16px;border:1px solid #4c4c4c;background-color:#181818;padding:0 15px 0 5px;line-height:16px;text-align:center;font-weight:700;color:#e3e3e3;box-sizing:border-box}
#myProfile .level-inst-wrap .level-inst-area .planet-list-wrap{text-align:center}
#myProfile .level-inst-wrap .level-inst-area .planet-list-wrap table{width:100%}
#myProfile .level-inst-wrap .level-inst-area .planet-list-wrap table th{text-align:center;height:40px;line-height:16px;font-size:10px;font-weight:700;color:#e3e3e3;vertical-align:middle}
#myProfile .level-inst-wrap .level-inst-area .planet-list-wrap table td{text-align:center;height:40px;line-height:16px;font-size:10px;font-weight:700;color:#e3e3e3;vertical-align:middle}
#myProfile .level-inst-wrap .level-inst-area .planet-list-wrap table td span{font-size:10px;color:#e3e3e3;font-weight:700}
#myProfile .level-inst-wrap .level-inst-area .planet-list-wrap table td span em{color:#6f6f6f}
.comment-style01 .comment .commnet-reply>.comment-user-form{overflow:hidden}
.comment-style01 .comment .commnet-reply .comment-user-form{float:left;padding-left:10px;width:calc((100% - 52px))}
.commnet-reply .comment-user-form .comment_story span{color:#ff9400;padding-right:5px}
.comment-style01 .new-comment-refresh{border-top:1px dashed #4f4f4f}
.comment-style01 .new-comment-refresh a{font-size:13px;color:#fff;font-weight:700;display:block;text-align:center;padding:15px 0}
.comment-style01 .new-comment-refresh a .re-btn{padding-right:5px}
.comment-style01 .new-comment-refresh a .re-btn img{width:15px;height:15px}
.comment-write-style{background:#272727;padding:0 12px 12px 12px}
.comment-write-style textarea{background:#272727;border:1px solid #4f4f4f;width:94%;color:#fff;padding:10px 3%;height:110px}
.comment-write-style a.write-comment{display:block;color:#fff;font-size:14px;text-align:center;background:#704c1d;border:1px solid #563b17;width:100%;padding:10px 0;margin-top:10px}
.comment-write-style .write-btn-area{padding:12px 0}
.comment-write-style .write-btn-area a{padding:0 12px;display:inline-block}
.comment-write-style .write-btn-area a:first-child{padding-left:0}
.comment-write-style .write-btn-area img{width:30px;height:21px}
.list-tit-head{position:relative;font-size:13px;color:#fff;text-align:center;padding:15px 0;border-bottom:1px solid #333}
.list-tit-head a{font-size:13px;color:#fff;position:absolute}
.list-tit-head a.left-side-btn{padding:8px 8px 8px 24px;top:7px;left:12px}
.list-tit-head a.left-side-btn:before{content:"";top:6px;left:0;width:18px;height:18px;background:url(../images/sub/list_head_icon.png) no-repeat left center;background-size:18px 18px;position:absolute}
.list-tit-head a.right-side-btn{padding:8px 24px 8px 8px;top:7px;right:12px}
.list-tit-head a.right-side-btn:before{content:"";top:6px;right:0;width:18px;height:18px;background:url(../images/sub/list_head_icon.png) no-repeat left center;background-size:18px 18px;position:absolute;transform:rotate(-180deg)}
.comment-style01 .view-comment-btn a.open:before{content:"";top:-2px;right:0;width:30px;height:20px;background:url(../images/sub/comment_open_btn.png) no-repeat left center;background-size:27px 18px;position:absolute}
.comment-style01 .view-comment-btn a.close:before{content:"";top:-2px;right:0;width:30px;height:20px;background:url(../images/sub/comment_close_btn.png) no-repeat left center;background-size:27px 18px;position:absolute}
.comment-style01 .comment .comment-user-info span{display:inline-block;font-size:12px;color:#fff;font-weight:700;padding:1px 8px 0 15px;border-radius:3px;margin-left:5px;background:url(../images/sub/comment_good_icon.png) no-repeat 3px 3px;background-size:10px 10px}
.comment-style01 .comment .comment-user-info span.tp1{background:url(../images/sub/comment_good_icon.png) no-repeat 3px 3px #272727;background-size:10px 10px;border:1px solid #525252}
.comment-style01 .comment .comment-user-info span.tp2{background:url(../images/sub/comment_good_icon.png) no-repeat 3px 3px #000;background-size:10px 10px;color:#fff}
.comment-style01 .comment .comment-user-info span.tp3{background:url(../images/sub/comment_good_icon.png) no-repeat 3px 3px #a9a275;background-size:10px 10px;color:#fff}
.comment-style01 .comment .comment-user-info span.tp4{background:url(../images/sub/comment_good_icon.png) no-repeat 3px 3px #d9a42f;background-size:10px 10px;color:#fff}
.comment-style01 .comment .comment-user-info span.tp5{background:url(../images/sub/comment_good_icon.png) no-repeat 3px 3px #d37026;background-size:10px 10px;color:#fff}
.comment-style01 .comment .comment-user-info span.tp6{background:url(../images/sub/comment_good_icon.png) no-repeat 3px 3px #d03d20;background-size:10px 10px;color:#fff}
#con-body .info-body .content .write-area .top-area{position:relative;padding-top:15px;height:50px}
#con-body .info-body .content .write-area .top-area .right-side{position:absolute;right:12px}
#con-body .info-body .content .write-area .top-area .right-side a{padding:9px 0 8px}
#con-body .info-body .content .write-area .top-area .right-side .cancel-btn{display:inline-block;font-size:14px;font-weight:700;color:#fff;background:#272727;border:1px solid #4e4e4e;width:48px;text-align:center}
#con-body .info-body .content .write-area .top-area .right-side .ok-btn{display:inline-block;font-size:14px;font-weight:700;color:#fff;background:#ff9200;border:1px solid #4e4e4e;width:48px;text-align:center;}
#con-body .info-body .content .write-area .top-area .left-side .sort-area{position:absolute;left:12px}
#con-body .info-body .content .write-area .top-area .left-side .sort-area select{display:inline-block;width:110px;height:35px;background:url(../images/sub/sort_arrow_icon_down.png) no-repeat 95px 15px;color:#fff;border-top:1px solid #525252;border-right:1px solid #525252;border-left:1px solid #525252;border-bottom:1px solid #525252;padding-right:10px;padding-left:10px;font-size:13px;-webkit-appearance:none;appearance:none}
#con-body .info-body .content .write-area .top-area .left-side .sort-area select option{background:#272727;color:#fff;border-bottom:1px solid #525252;border-right:1px solid #525252;border-left:1px solid #525252;border-top:none}
#con-body .info-body .content .write-area .top-area .left-side .sort-area .sort-bt{display:inline-block;width:122px;background-color:#272727;height:35px;line-height:31px;padding-left:12px;border:1px solid #525252;box-sizing:border-box;position:relative}
#con-body .info-body .content .write-area .top-area .left-side .sort-area .sort-bt:after{position:absolute;content:"";right:10px;top:50%;margin-top:-2px;width:7px;height:4px;background:url(../images/sub/sort_arrow_icon.png) no-repeat}
#con-body .info-body .content .write-area .top-area .left-side .sort-area .sort-bt span{font-size:12px;font-weight:700;color:#e3e3e3}
#con-body .info-body .content .write-area .top-area .left-side .sort-area .hide-area{position:absolute;display:none;width:100%;bottom:30px;left:0;border-top:1px solid #525252;border-left:1px solid #525252;border-right:1px solid #525252;box-sizing:border-box}
#con-body .info-body .content .write-area .input-area{margin:0 12px;padding-top:25px}
#con-body .info-body .content .write-area .input-area .input-box{border-bottom:1px solid #525252;padding:10px 0 3px;position:relative}
#con-body .info-body .content .write-area .input-area .input-box.noti-type{padding-right:150px}
#con-body .info-body .content .write-area .input-area .input-box .noti{position:absolute;right:0;top:50%;margin-top:-6px;font-size:13px;color:#494949}
#con-body .info-body .content .write-area .input-area .input-box:first-child{padding:0 0 15px}
#con-body .info-body .content .write-area .input-area .input-box input{color:#e3e3e3;font-weight:700;display:block;width:100%;border:none;background:0 0}
#con-body .info-body .content .write-area .input-area .input-box input.input-type1{font-size:16px;height:25px}
#con-body .info-body .content .write-area .input-area .input-box input.input-type2{font-size:13px;height:25px}
#con-body .info-body .content .write-area .input-area .input-box input::-webkit-input-placeholder{color:#494949;font-weight:700}
#con-body .info-body .content .write-area .input-area .input-box input::-moz-placeholder{color:#494949;font-weight:700}
#con-body .info-body .content .write-area .input-area .input-box input:-ms-input-placeholder{color:#494949;font-weight:700}
#con-body .info-body .content .write-area .input-area .input-box input:-moz-placeholder{color:#494949;font-weight:700}
#con-body .info-body .content .write-area .edit-area{margin:0 12px}
#con-body .info-body .content .write-area .edit-area .top-edit-menu{padding:12px 0;border-bottom:1px solid #343434}
#con-body .info-body .content .write-area .edit-area .top-edit-menu select{background:url(../images/sub/sort_arrow_icon_down.png) no-repeat 48px 7px;color:#fff;border-top:none;border-right:1px solid #525252;border-left:none;border-bottom:none;padding-right:10px;font-size:14px;-webkit-appearance:none;appearance:none}
#con-body .info-body .content .write-area .edit-area .top-edit-menu select option{background:#272727;color:#fff;border-bottom:1px solid #525252;border-right:1px solid #525252;border-left:1px solid #525252;border-top:none}
#con-body .info-body .content .write-area .edit-area .top-edit-menu a{display:inline-block;padding:0 12px}
#con-body .info-body .content .write-area .edit-area .top-edit-menu a img{width:30px;height:21px}
#con-body .info-body .content .write-area .edit-area textarea{width:100%;background:0 0;border-bottom:1px solid #343434;border-top:none;border-left:none;border-right:none;color:#fff}
#con-body .info-body .content .write-area .edit-area textarea::-webkit-input-placeholder{color:#656565}
#con-body .info-body .content .write-area .edit-area textarea::-moz-placeholder{color:#656565}
#con-body .info-body .content .write-area .edit-area textarea:-ms-input-placeholder{color:#656565}
#con-body .info-body .content .write-area .edit-area textarea:-moz-placeholder{color:#656565}
.write-img-area{padding:0 12px}
.write-img-area .txt{color:#fff;font-weight:700;font-size:16px;padding:25px 0 15px}
.write-img-area .write-img a{width:64px;height:64px;position:relative;display:inline-block;margin-right:7px;margin-top:9px}
.write-img-area .write-img a img{width:64px;height:64px}
.write-img-area .write-img a span{width:18px;height:18px;display:inline-block;position:absolute;bottom:5px;right:5px;background:url(../images/sub/write_img_select.png) no-repeat center center;background-size:18px 18px}
.write-img-area .write-img-txt{padding-bottom:25px;border-bottom:1px solid #525252}
.write-img-area .write-img-txt p{color:#494949;font-size:13px;padding-top:10px;line-height:18px}
.write-url-area{padding:0 12px 25px}
.write-url-area .txt{color:#fff;font-weight:700;font-size:16px;padding:25px 0 15px}
.write-url-area input{background:0 0;border:1px solid #525252;font-size:14px;padding:12px 15px;width:calc((100% - 32px));color:#fff}
.write-btn-area{text-align:center;padding-bottom:25px}
.write-btn-area a{padding:9px 0 8px}
.write-btn-area .cancel-btn{display:inline-block;font-size:14px;font-weight:700;color:#fff;background:#272727;border:1px solid #4e4e4e;width:55px;text-align:center}
.write-btn-area .ok-btn{display:inline-block;font-size:14px;font-weight:700;color:#fff;background:#ff9200;border:1px solid #4e4e4e;width:80px;text-align:center;margin-left:8px}
.ellipsis-with-reply-cnt {color: inherit;line-height: inherit;font-size: inherit;overflow: hidden;display: inline;letter-spacing: -.8px;}
#con-body .info-body .view-page-name .view-right-side{position:absolute;right:12px;top:6px}
#con-body .info-body .view-page-name .view-right-side a{padding:6px 0 5px}
#con-body .info-body .view-page-name .view-right-side .del-btn{display:inline-block;font-size:13px;font-weight:700;color:#fff;background:#272727;border:1px solid #4e4e4e;width:45px;text-align:center}
#con-body .info-body .view-page-name .view-right-side .fix-btn{display:inline-block;font-size:13px;font-weight:700;color:#fff;background:#272727;border:1px solid #4e4e4e;width:45px;text-align:center;margin-left:8px}
#con-body .info-body .content .list-area .list-style03{overflow:hidden;padding-bottom:20px;border-bottom:1px solid #333}
#con-body .info-body .content .list-area .list-style03 ul li{padding-left:12px;width:calc((100% - 12px)/ 2);float:left;padding-top:18px}
#con-body .info-body .content .list-area .list-style03 ul li.nop{padding-left:0}
#con-body .info-body .content .list-area .list-style03 ul.gal{margin:0 12px}
#con-body .info-body .content .list-area .list-style03 ul li.noti{background:#181818;width:calc((100% - 24px));border-bottom:1px solid #333;padding:10px 12px}
#con-body .info-body .content .list-area .list-style03 ul li.noti .top .story a{color:#fff;font-weight:700;padding:4px 0 5px 0;font-size:13px;display:inline-block;width:100%;word-break:break-all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative}
#con-body .info-body .content .list-area .list-style03 .gal-tab-menu{padding:12px 12px 0 12px;overflow:hidden}
#con-body .info-body .content .list-area .list-style03 .gal-tab-menu a{color:#b8b8b8;font-size:16px;font-weight:700;margin:6px;padding-bottom:3px;display:inline-block}
#con-body .info-body .content .list-area .list-style03 .gal-tab-menu a.on{color:#fff;border-bottom:2px solid #ff9920}
#con-body .info-body .content .list-area .list-style03 ul li .top{overflow:hidden;padding-bottom:5px;position:relative}
#con-body .info-body .content .list-area .list-style03 ul li .top span{display:inline-block;font-size:12px;min-width:25px;height:25px;vertical-align:top;text-align:center;line-height:23px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;box-sizing:border-box;padding:0 4px;position:absolute;top:2px;left:2px}
#con-body .info-body .content .list-area .list-style03 ul li .top span.admin{top:17px!important}
#con-body .info-body .content .list-area .list-style03 ul li .top span.tp1{border:1px solid #2f2f2f;background-color:#272727;color:#686868}
#con-body .info-body .content .list-area .list-style03 ul li .top span.tp2{border:1px solid #3f3f3f;background-color:#272727;color:#b5b5b5}
#con-body .info-body .content .list-area .list-style03 ul li .top span.tp3{border:1px solid #3f3f3f;background-color:#474747;color:#b9b9b9}
#con-body .info-body .content .list-area .list-style03 ul li .top span.tp4{border:1px solid #c18800;background-color:#e6a200;color:#fff}
#con-body .info-body .content .list-area .list-style03 ul li .top span.tp5{border:1px solid #ad4d00;background-color:#e66700;color:#fff}
#con-body .info-body .content .list-area .list-style03 ul li .top span.tp6{border:1px solid #d01400;background-color:#e61600;color:#fff}
#con-body .info-body .content .list-area .list-style03 ul li .top img{width:100%}
#con-body .info-body .content .list-area .list-style03 ul li .top input{position:absolute;top:2px;left:2px;display:inline-block}
#con-body .info-body .content .list-area .list-style03 ul li .top .admin-chk{float:left;padding:4px 10px 2px 0}
#con-body .info-body .content .list-area .list-style03 ul li .top .num{float:left;width:30px}
#con-body .info-body .content .list-area .list-style03 ul li .top .num span{display:inline-block;font-size:12px;min-width:25px;height:25px;vertical-align:top;text-align:center;line-height:23px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;box-sizing:border-box;padding:0 4px}
#con-body .info-body .content .list-area .list-style03 ul li .top .num span.tp1{border:1px solid #2f2f2f;background-color:#272727;color:#686868}
#con-body .info-body .content .list-area .list-style03 ul li .top .num span.tp2{border:1px solid #3f3f3f;background-color:#272727;color:#b5b5b5}
#con-body .info-body .content .list-area .list-style03 ul li .top .num span.tp3{border:1px solid #3f3f3f;background-color:#474747;color:#b9b9b9}
#con-body .info-body .content .list-area .list-style03 ul li .top .num span.tp4{border:1px solid #3f3f3f;background-color:#e6a200;color:#fff}
#con-body .info-body .content .list-area .list-style03 ul li .top .num span.tp5{border:1px solid #3f3f3f;background-color:#e66700;color:#fff}
#con-body .info-body .content .list-area .list-style03 ul li .top .num span.tp6{border:1px solid #3f3f3f;background-color:#e61600;color:#fff}
#con-body .info-body .content .list-area .list-style03 ul li .top .story{float:left;width:100%}
#con-body .info-body .content .list-area .list-style03 ul li .top .story.adm-list{width:calc((100% - 54px))!important}
#con-body .info-body .content .list-area .list-style03 ul li .top .story a{color:#d2d2d2;padding:4px 0 5px 10px;font-size:16px;display:inline-block;width:calc((100% - 26px));word-break:break-all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative}
#con-body .info-body .content .list-area .list-style03 ul li .mid {font-size: 12px;color: #fff;font-weight: 700;padding: 0 0 6px;line-height: 20px;max-height: 46px;}
#con-body .info-body .content .list-area .list-style03 ul li .bot .state{display:inline-block;width:43px;height:20px;text-align:center;line-height:20px;font-size:11px;font-weight:700;color:#e3e3e3;border:1px solid #515151;background-color:#181818;box-sizing:border-box;float:left}
#con-body .info-body .content .list-area .list-style03 ul li .bot .state.end{color:#686868}
#con-body .info-body .content .list-area .list-style03 ul li .bot .nick{color:silver;font-size:11px;display:inline-block;position:relative;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:2px 5px 2px 0;letter-spacing:.2px;}
#con-body .info-body .content .list-area .list-style03 ul li .bot .nick img{position:relative;top:-1px;margin-right:3px;width:16px;height:16px}
#con-body .info-body .content .list-area .list-style03 ul li .bot .actions{height:20px;margin-left:2px;font-size:10px;color:#ccc;display:flex;align-items:center;}
#con-body .info-body .content .list-area .list-style03 ul li .bot .actions span{margin-right:6px;}
#con-body .info-body .content .list-area .list-style03 ul li .bot .actions span i{width:10px;margin-right:3px;color:#666}
#con-body .info-body .content .list-area .list-style03 ul li .bot .date{overflow:hidden;float:right;padding:2px 0}
#con-body .info-body .content .list-area .list-style03 ul li .bot .date p{float:left;color:#7b7b7b;font-size:12px;text-align:right;padding-left:12px;position:relative}
#con-body .info-body .content .list-area .list-style03 ul li .bot .date p.dateA:before{position:absolute;left:6px;width:1px;height:10px;top:50%;transform:translateY(-50%);content:"";background:#7b7b7b}
#con-body .info-body .content .list-area .list-style04 ul li {padding: 8px 10px;border-bottom: 1px solid #333;position: relative;}
#con-body .info-body .content .list-area .list-style04 ul li:after{content:'';display:block;clear:both}
#con-body .info-body .content .list-area .list-style04 ul li .list-img-area{float:left;position:relative}
#con-body .info-body .content .list-area .list-style04 ul li .list-img-area img{width:54px}
#con-body .info-body .content .list-area .list-style04 ul li .list-img-area .adm-chk{position:absolute;display:inline-block;top:4px;left:4px}
#con-body .info-body .content .list-area .list-style04 ul li .list-img-form {float: left;width: calc(100% - 65px);padding-left: 8px;}
#con-body .info-body .content .list-area .list-style04 ul li.noti{background:#181818}
#con-body .info-body .content .list-area .list-style04 ul li.noti .top .story a {color: #fff;font-weight: 700;font-size: 14px;width: 100%;word-break: break-all;overflow: hidden;text-overflow: ellipsis;white-space: normal;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;min-height: 20px;max-height: 40px;position: relative;line-height: 20px;margin: 2px 0 2px 0;padding: 0 2px;}
#con-body .info-body .content .list-area .list-style04 ul li .top{overflow:hidden;padding-bottom:4px}
#con-body .info-body .content .list-area .list-style04 ul li .top .admin-chk{float:left;padding:4px 10px 2px 0}
#con-body .info-body .content .list-area .list-style04 ul li .top .num {float: left;width: 25px;}
#con-body .info-body .content .list-area .list-style04 ul li .top .num span{display:inline-block;font-size:12px;min-width:25px;height:25px;vertical-align:top;text-align:center;line-height:23px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;box-sizing:border-box;padding:0 4px}
#con-body .info-body .content .list-area .list-style04 ul li .top .num span.tp1{border:1px solid #2f2f2f;background-color:#272727;color:#686868}
#con-body .info-body .content .list-area .list-style04 ul li .top .num span.tp2{border:1px solid #3f3f3f;background-color:#272727;color:#b5b5b5}
#con-body .info-body .content .list-area .list-style04 ul li .top .num span.tp3{border:1px solid #3f3f3f;background-color:#474747;color:#b9b9b9}
#con-body .info-body .content .list-area .list-style04 ul li .top .num span.tp4{border:1px solid #3f3f3f;background-color:#e6a200;color:#fff}
#con-body .info-body .content .list-area .list-style04 ul li .top .num span.tp5{border:1px solid #3f3f3f;background-color:#e66700;color:#fff}
#con-body .info-body .content .list-area .list-style04 ul li .top .num span.tp6{border:1px solid #3f3f3f;background-color:#e61600;color:#fff}
#con-body .info-body .content .list-area .list-style04 ul li.noti .top .story{width:100%}
#con-body .info-body .content .list-area .list-style04 ul li .top .story{float:left;width:calc((100% - 30px))}
#con-body .info-body .content .list-area .list-style04 ul li .top .story.adm-list{width:calc((100% - 54px))!important}
#con-body .info-body .content .list-area .list-style04 ul li .top .story a{color:#d2d2d2;padding:4px 0 5px 3px;font-size:13px;display:inline-block;width:100%;word-break:break-all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative}
#con-body .info-body .content .list-area .list-style04 ul li .bot .state{display:inline-block;width:36px;height:20px;text-align:center;line-height:20px;font-size:11px;font-weight:700;color:#e3e3e3;border:1px solid #515151;background-color:#181818;box-sizing:border-box;float:left}
#con-body .info-body .content .list-area .list-style04 ul li .bot .state.end{color:#686868}
#con-body .info-body .content .list-area .list-style04 ul li .bot .nick{color:silver;font-size:13px;display:inline-block;min-width:76px;position:relative;max-width:500px;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:2px 5px 2px 0;letter-spacing:.2px;float:left;width:calc((100% - 111px))}
#con-body .info-body .content .list-area .list-style04 ul li .bot .nick img{position:relative;top:-1px;margin-right:3px;width:16px;height:16px}
#con-body .info-body .content .list-area .list-style04 ul li .bot .date{overflow:hidden;float:right;padding:2px 0}
#con-body .info-body .content .list-area .list-style04 ul li .bot .date .visiter{padding-left:0}
#con-body .info-body .content .list-area .list-style04 ul li .bot .date p{float:left;color:#7b7b7b;font-size:12px;text-align:right;padding-left:12px;position:relative}
#con-body .info-body .content .list-area .list-style04 ul li .bot .date p.dateA:before{position:absolute;left:6px;width:1px;height:10px;top:50%;transform:translateY(-50%);content:"";background:#7b7b7b}
#con-body .info-body .content .list-area .list-top01 {padding: 12px;background-color: #2f2f2f;}
#con-body .info-body .content .list-area .list-top01 .rank-tit{text-align:center;font-size:16px;color:#c99d50;font-weight:700;padding:10px 0}
#con-body .info-body .content .list-area .list-top01 .rank-tit span{color:#fff;font-weight:700}
#con-body .info-body .content .list-area .list-top01 .tab-menu a{color:#b8b8b8;font-size:16px;font-weight:700;padding-bottom:3px;display:inline-block;margin:6px}
#con-body .info-body .content .list-area .list-top01 a.on{color:#fff;border-bottom:2px solid #ff9920}
#con-body .info-body .content .list-area .list-top01 .top_list{overflow:hidden;padding-top:12px}
#con-body .info-body .content .list-area .list-top01 .top_list .top-list-a{width:100%;}
#con-body .info-body .content .list-area .list-top01 .top_list .top-list-a .top img{width:100%}
#con-body .info-body .content .list-area .list-top01 .top_list .top-list-a .rank-score{text-align:center;color:#c99d50;font-size:14px;font-weight:700}
#con-body .info-body .content .list-area .list-top01 .top_list .top-list-a .rank-id{font-size:12px;color:#fff;font-weight:700;text-align:center}
#con-body .info-body .content .list-area .list-top01 .top_list .top-list-a .rank-id span{position:relative;display:inline-block;font-size:12px;color:#fff;font-weight:700}
#con-body .info-body .content .list-area .list-top01 .top_list .top-list-a .rank-id span.rank-level-img{width:12px;height:12px;position:relative;top:2px}
#con-body .info-body .content .list-area .list-top01 .top_list .top-list-a .rank-id span.rank-level-img img{width:12px;height:12px}
#con-body .info-body .content .list-area .list-top01 .top_list .top-list-a p{color:#fff;font-size:13px;font-weight:700;padding:6px 0}
#con-body .info-body .content .list-area .list-top01 .top_list .top-list-a p.column{height:42px;margin-top:6px;padding:0;text-align:left;word-break:break-all;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;}
#con-body .info-body .content .list-area .list-top01 .top_list .top-list-a p.nick{display:block;color:silver;font-size:10px;float:left;word-break:break-all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;min-width:56px}
#con-body .info-body .content .list-area .list-top01 .top_list .top-list-a p.nick span{display:inline-block;margin-right:3px;width:12px;height:12px;position:relative;top:1px}
#con-body .info-body .content .list-area .list-top01 .desk-tit p{color:#fff;font-size:16px;font-weight:700;padding-bottom:3px;display:inline-block;border-bottom:2px solid #ff9920}
#con-body .info-body .content .list-area .list-top01 .desk-tit p.desk-sub-tit{color:#cdcdcd;font-size:14px;border-bottom:none;padding-top:10px;padding-bottom:0;font-weight:400;display:block}
#con-body .info-body .content .list-area .list-top02 {padding: 12px;background-color: #2f2f2f;}
#con-body .info-body .content .list-area .list-top02 .tab-menu{position:relative}
#con-body .info-body .content .list-area .list-top02 .tab-menu p{display:inline-block;padding-right:5px}
#con-body .info-body .content .list-area .list-top02 .tab-menu p img {width:27px;}
#con-body .info-body .content .list-area .list-top02 .tab-menu a{color:#b8b8b8;font-size:16px;font-weight:700;padding-bottom:3px;display:inline-block;margin:6px}
#con-body .info-body .content .list-area .list-top02 a.on{color:#fff;border-bottom:2px solid #ff9920}
#con-body .info-body .content .list-area .list-top02 .top_list{overflow:hidden;padding-top:12px}
#con-body .info-body .content .list-area .list-top02 .top_list ul li{float:left;width:calc(33vw - 8px)}
#con-body .info-body .content .list-area .list-top02 .top_list ul li:first-child{margin-left:0}
#con-body .info-body .content .list-area .list-top02 .top_list .top-list-a{display:inline-block;width:100%}
#con-body .info-body .content .list-area .list-top02 .top_list .top-list-a .top img{width:100%}
#con-body .info-body .content .list-area .list-top02 .top_list .top-list-a p{color:#fff;font-size:13px;font-weight:700;padding:6px 0}
#con-body .info-body .content .list-area .list-top02 .top_list .top-list-a p.onair{overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;height:40px}
#con-body .info-body .content .list-area .list-style05 .list-tit{border-top:2px solid #333;font-size:17px;font-weight:700;color:#fff;padding:15px 12px;position:relative;background:#222}
#con-body .info-body .content .list-area .list-style05 .list-tit .sort-area{position:absolute;right:12px;top:8px}
#con-body .info-body .content .list-area .list-style05 .list-tit .sort-area select{display:inline-block;width:90px;height:31px;background:url(../images/sub/sort_arrow_icon_down.png) no-repeat 70px 12px;color:#fff;border-top:1px solid #525252;border-right:1px solid #525252;border-left:1px solid #525252;border-bottom:1px solid #525252;padding-right:10px;padding-left:10px;font-size:13px;-webkit-appearance:none;appearance:none}
#con-body .info-body .content .list-area .list-style05 .list-tit .sort-area select option{background:#272727;color:#fff;border-bottom:1px solid #525252;border-right:1px solid #525252;border-left:1px solid #525252;border-top:none}
#con-body .info-body .content .list-area .list-style05 .list-tit .sort-bt{display:inline-block;width:87px;background-color:#272727;height:30px;line-height:28px;padding-left:12px;border:1px solid #525252;box-sizing:border-box;position:relative}
#con-body .info-body .content .list-area .list-style05 .list-tit .sort-bt:after{position:absolute;content:"";right:10px;top:50%;margin-top:-2px;width:7px;height:4px;background:url(../images/sub/sort_arrow_icon.png) no-repeat}
#con-body .info-body .content .list-area .list-style05 .list-tit .sort-bt span{font-size:12px;font-weight:700;color:#e3e3e3}
#con-body .info-body .content .list-area .list-style05 .list-form {overflow: hidden;padding: 8px 10px;border-bottom: 1px solid #424242;}
#con-body .info-body .content .list-area .list-style05 .list-form .left-img{float:left;position:relative;width:114px;height:64px;margin:4px 0;border:1px solid #333}
#con-body .info-body .content .list-area .list-style05 .list-form .left-img input{position:absolute;top:4px;left:4px;display:inline-block}
#con-body .info-body .content .list-area .list-style05 .list-form .left-img img{width:100px;height:58px}
#con-body .info-body .content .list-area .list-style05 .list-form .right-txt{float:left;position:relative;width:calc((100% - 128px));margin-left:10px}
#con-body .info-body .content .list-area .list-style05 .list-form .right-txt a.tit {font-size: 12px;color: #fff;font-weight: 700;display: inline-block;height: 30px;width: 100%;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;margin-top: 1px;}
#con-body .info-body .content .list-area .list-style05 .list-form .right-txt p.sub-title {height:15px;margin:5px 0 5px 0;font-size: 11px;color: #b8b8b8;line-height:15px;word-break:break-all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#con-body .info-body .content .list-area .list-style05 .list-form .right-txt .bottom-info{font-size:12px;overflow:hidden;}
#con-body .info-body .content .list-area .list-style05 .list-form .right-txt .bottom-info .left{float:left;display:block;color:silver;font-size:11px;word-break:break-all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;min-width:56px}
#con-body .info-body .content .list-area .list-style05 .list-form .right-txt .bottom-info .right{float:right}
#con-body .info-body .content .list-area .list-style05 .list-form .right-txt .bottom-info span{margin-right:6px;font-size:11px;color:silver;}
#con-body .info-body .content .list-area .list-style05 .list-form .right-txt .bottom-info span i{margin-right:3px;color:#666;}
#con-body .info-body .content .write-area .write-style01{padding:20px 12px 0}
#con-body .info-body .content .write-area .write-style01 .form01{overflow:hidden;padding-bottom:15px}
#con-body .info-body .content .write-area .write-style01 .form01 .write-left-side{float:left;font-size:14px;color:#fff;font-weight:700;text-align:right;width:60px}
#con-body .info-body .content .write-area .write-style01 .form01 .write-left-side02{float:left;font-size:14px;color:#fff;font-weight:700;position:relative;top:11px;text-align:right;width:60px}
#con-body .info-body .content .write-area .write-style01 .form01 .write-left-side03{float:left;font-size:14px;color:#fff;font-weight:700;position:relative;top:11px;text-align:right;width:90px}
#con-body .info-body .content .write-area .write-style01 .form01 .write-right-side{float:left;font-size:13px;color:#fff;font-weight:700;padding-left:10px;width:calc((100% - 70px))}
#con-body .info-body .content .write-area .write-style01 .form01 .write-right-side02{float:left;font-size:13px;color:#fff;font-weight:700;padding-left:10px;width:calc((100% - 70px))}
#con-body .info-body .content .write-area .write-style01 .form01 .write-right-side03{float:left;font-size:16px;color:#fff;font-weight:700;padding-left:10px;width:calc((100% - 100px))}
#con-body .info-body .content .write-area .write-style01 .form01 .write-right-side input{display:inline-block}
#con-body .info-body .content .write-area .write-style01 .form01 .write-right-side input.left-sec{margin-left:10px}
#con-body .info-body .content .write-area .write-style01 .form01 .write-right-side label{font-size:13px;color:#fff;position:relative;top:3px}
#con-body .info-body .content .write-area .write-style01 .form01 input[type=text]{display:inline-block;height:38px;background:#272727;color:#fff;border:1px solid #4f4f4f;box-sizing:border-box;padding-left:5px;width:100%}
#con-body .info-body .content .write-area .write-style01 .form01 .write-right-side02 input.adress{display:inline-block;height:38px;background:#272727;color:#fff;border:1px solid #4f4f4f;box-sizing:border-box;padding-left:5px;width:calc((100% - 18px))}
#con-body .info-body .content .write-area .write-style01 .form01 input.way{display:inline-block;height:38px;background:#272727;color:#fff;border:1px solid #4f4f4f;box-sizing:border-box;padding-left:5px;width:calc((100% - 181px));margin-left:5px}
#con-body .info-body .content .write-area .top-spe-area{padding:12px;border-bottom:1px solid #333}
#con-body .info-body .content .write-area .top-spe-area .money-img{display:block;background:#272727;border:1px solid #4f4f4f;min-height:160px}
#con-body .info-body .content .write-area .top-spe-area .money-img p{font-size:13px;color:#fff;text-align:center;line-height:155px}
#con-body .info-body .content .write-area .top-spe-area .money-img span img{width:100%}
#con-body .info-body .content .write-area .top-spe-area .fir-sec{padding-top:10px}
#con-body .info-body .content .write-area .top-spe-area .fir-sec input{display:inline-block;background:#272727;color:#fff;border:1px solid #4f4f4f;box-sizing:border-box;height:38px;text-align:center}
#con-body .info-body .content .write-area .top-spe-area .fir-sec .pro-name{width:calc((100% - -81px)/ 3)}
#con-body .info-body .content .write-area .top-spe-area .fir-sec .ori-cost{width:calc((100% - 65px)/ 3);margin-left:5px}
#con-body .info-body .content .write-area .top-spe-area .fir-sec .sale-cost{width:calc((100% - 65px)/ 3);margin-left:5px}
#con-body .info-body .content .write-area .top-spe-area .sec-sec{padding-top:10px}
#con-body .info-body .content .write-area .top-spe-area .sec-sec input{display:inline-block;background:#272727;color:#fff;border:1px solid #4f4f4f;box-sizing:border-box;height:38px;text-align:center;width:calc((100% - 9px)/ 2);margin-left:5px}
#con-body .info-body .content .write-area .top-spe-area .sec-sec input:first-child {margin-left: 0;width: calc((100% - 10px)/ 2);}
#con-body .info-body .content .write-area .option-area{padding:12px}
#con-body .info-body .content .write-area .option-area input{display:inline-block;background:#272727;color:#fff;border:1px solid #4f4f4f;box-sizing:border-box;height:38px;padding-left:5px;width:calc((100% - 28px));margin-left:10px}
#con-body .info-body .content .write-area .option-area .option-detail{text-align:right;padding-top:10px}
#con-body .info-body .content .write-area .option-area .option-detail input{display:inline-block;background:#272727;color:#fff;border:1px solid #4f4f4f;box-sizing:border-box;height:38px;margin-left:10px;text-align:center;padding:0}
#con-body .info-body .content .write-area .option-area .option-detail input.point{width:60px}
#con-body .info-body .content .write-area .option-area .option-detail input.per{width:50px}
#con-body .info-body .content .write-area .option-area .option-detail input.option-cost{width:80px}
#con-body .info-body .content .write-area .option-area .non-pt{padding-top:0}
#con-body .info-body .content .write-area .option-area .pt20{padding-top:20px}
#con-body .info-body .content .write-area .id-writer{padding:20px 12px 12px 12px}
#con-body .info-body .content .write-area .id-writer input{display:inline-block;background:#272727;color:#fff;border:1px solid #4f4f4f;box-sizing:border-box;height:38px;padding-left:5px;width:100%}
.id-writer input::-webkit-input-placeholder{color:#fff;font-size:13px!important}
.id-writer input::-moz-placeholder{color:#fff;font-size:13px!important}
.id-writer input:-ms-input-placeholder{color:#fff;font-size:13px!important}
.id-writer input:-moz-placeholder{color:#fff;font-size:13px!important}
#con-body .info-body .content .write-area .top-spe-area input::-webkit-input-placeholder{color:#fff;font-size:13px!important}
#con-body .info-body .content .write-area .top-spe-area input::-moz-placeholder{color:#fff;font-size:13px!important}
#con-body .info-body .content .write-area .top-spe-area input:-ms-input-placeholder{color:#fff;font-size:13px!important}
#con-body .info-body .content .write-area .top-spe-area input:-moz-placeholder{color:#fff;font-size:13px!important}
#con-body .info-body .content .write-area .option-area input::-webkit-input-placeholder{color:#fff;font-size:13px!important}
#con-body .info-body .content .write-area .option-area input::-moz-placeholder{color:#fff;font-size:13px!important}
#con-body .info-body .content .write-area .option-area input:-ms-input-placeholder{color:#fff;font-size:13px!important}
#con-body .info-body .content .write-area .option-area input:-moz-placeholder{color:#fff;font-size:13px!important}
.write-loar-area{padding:0 12px 25px;overflow:hidden}
.write-loar-area .txt{color:#fff;font-weight:700;font-size:16px;padding:25px 0 15px;position:relative}
.write-loar-area input{background:0 0;border:1px solid #525252;font-size:14px;padding:12px 15px;width:100%;color:#fff}
.write-loar-area .uploar-img-area{overflow:hidden}
.write-loar-area .upload-side{position:absolute;top:24px;right:12px}
.write-loar-area .upload-side a{height:20px;padding:2px 10px 2px 20px;font-size:12px;font-weight:700;color:#e3e3e3;background:url(../images/sub/upload_bt_icon.png) no-repeat 8px 4px #272727;border:1px solid #525252;line-height:20px;text-align:center;box-sizing:border-box}
.write-loar-area .uploar-img-area .img-unit{position:relative;display:inline-block;margin-bottom:10px;margin-left:24px}
.write-loar-area .uploar-img-area .img-unit p{height:32px;padding:0 16px;font-size:14px;color:#e3e3e3;background-color:#272727;border:1px solid #525252;line-height:32px;text-align:center;box-sizing:border-box}
.write-loar-area .uploar-img-area .img-unit a.del-btn{position:absolute;top:0;right:-16px;display:inline-block;width:11px;height:11px;background:url(../images/sub/add_file_delete.png) no-repeat}
#con-body .info-body .content .list-area .list-style06 .list-tit{border-top:2px solid #333;font-size:17px;font-weight:700;color:#fff;padding:15px 12px;position:relative;background:#222}
#con-body .info-body .content .list-area .list-style06 .list-tit .sort-area{position:absolute;right:12px;top:8px}
#con-body .info-body .content .list-area .list-style06 .list-tit .sort-area select{display:inline-block;width:90px;height:31px;background:url(../images/sub/sort_arrow_icon_down.png) no-repeat 70px 12px;color:#fff;border-top:1px solid #525252;border-right:1px solid #525252;border-left:1px solid #525252;border-bottom:1px solid #525252;padding-right:10px;padding-left:10px;font-size:13px;-webkit-appearance:none;appearance:none}
#con-body .info-body .content .list-area .list-style06 .list-tit .sort-area select option{background:#272727;color:#fff;border-bottom:1px solid #525252;border-right:1px solid #525252;border-left:1px solid #525252;border-top:none}
#con-body .info-body .content .list-area .list-style06 .list-tit .sort-bt{display:inline-block;width:87px;background-color:#272727;height:30px;line-height:28px;padding-left:12px;border:1px solid #525252;box-sizing:border-box;position:relative}
#con-body .info-body .content .list-area .list-style06 .list-tit .sort-bt:after{position:absolute;content:"";right:10px;top:50%;margin-top:-2px;width:7px;height:4px;background:url(../images/sub/sort_arrow_icon.png) no-repeat}
#con-body .info-body .content .list-area .list-style06 .list-tit .sort-bt span{font-size:12px;font-weight:700;color:#e3e3e3}
#con-body .info-body .content .list-area .list-style06 .list-form{overflow:hidden;padding:12px;border-bottom:2px solid #333}
#con-body .info-body .content .list-area .list-style06 .list-form .left-img{float:left;position:relative;width:100px;height:58px;border:1px solid #333}
#con-body .info-body .content .list-area .list-style06 .list-form .left-img input{position:absolute;top:4px;left:4px;display:inline-block}
#con-body .info-body .content .list-area .list-style06 .list-form .left-img img{width:100px;height:58px}
#con-body .info-body .content .list-area .list-style06 .list-form .right-txt{float:left;position:relative;width:calc((100% - 112px));margin-left:10px}
#con-body .info-body .content .list-area .list-style06 .list-form .right-txt a.tit{font-size:13px;color:#fff;font-weight:700;display:inline-block;min-height:42px;width:100%;word-break:break-all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative}
#con-body .info-body .content .list-area .list-style06 .list-form .right-txt a.tit span{display:block;color:#b8b8b8;font-size:11px;padding-top:2px;word-break:break-all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative}
#con-body .info-body .content .list-area .list-style06 .list-form .right-txt .bottom-info{overflow:hidden}
#con-body .info-body .content .list-area .list-style06 .list-form .right-txt .bottom-info a{display:block;color:silver;font-size:11px;float:left;word-break:break-all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;min-width:56px}
#con-body .info-body .content .list-area .list-style06 .list-form .right-txt .bottom-info p{color:silver;font-size:11px;float:left;padding-left:8px;position:relative}
#con-body .info-body .content .list-area .list-style06 .list-form .right-txt .bottom-info p.date:before{position:absolute;content:"";left:4px;top:50%;margin-top:-4px;width:1px;height:6px;background:silver}
#con-body .info-body .content .list-area .list-style06 .list-form .right-txt .bottom-info p.comment:before{position:absolute;content:"";left:4px;top:50%;margin-top:-4px;width:1px;height:6px;background:silver}
#con-body .info-body .content .list-area .list-style06 .list-form .right-txt .bottom-info p.read:before{position:absolute;content:"";left:4px;top:50%;margin-top:-4px;width:1px;height:6px;background:silver}
.act-style02{margin:0 12px}
.act-style02 .act-tit{border-bottom:1px solid #525252;padding:12px 0;overflow:hidden}
.act-style02 .act-tit a{display:inline-block;color:#fff;font-size:13px}
.act-style02 .act-tit a span{color:#dba84f;font-size:13px;display:inline-block}
.act-style02 .act-tit .act-btn{text-align:center}
.act-style02 .act-tit .act-btn a{display:inline-block;text-indent:-99999px;width:18px;height:18px;margin-left:5px}
.act-style02 .act-tit .act-btn a:first-child{margin-left:0}
.act-style02 .act-tit .act-btn a.reco{background:url(../images/sub/act_reco_btn.png) no-repeat center center;background-size:18px 18px}
.act-style02 .act-tit .act-btn a.scrap{background:url(../images/sub/act_scrap_btn.png) no-repeat center center;background-size:18px 18px}
.act-style02 .act-tit .act-btn a.link{background:url(../images/sub/act_link_btn.png) no-repeat center center;background-size:18px 18px}
.act-style02 .act-tit .act-btn a.def{background:url(../images/sub/act_def_btn.png) no-repeat center center;background-size:18px 18px}
.act-style02 .act-tit .act-btn a.call{background:url(../images/sub/act_def_btn.png) no-repeat center center;background-size:18px 18px}
.act-style02 .act-tit .act-btn a.hold{background:url(../images/sub/act_hold_btn.png) no-repeat center center;background-size:18px 18px}
.act-style02 .act-list-area{padding:12px 0}
.act-style02 .act-list-area .tab-menu a{display:inline-block;color:#656565;font-size:14px;font-weight:700;padding-bottom:3px;margin-right:10px}
.act-style02 .act-list-area .tab-menu a.on{color:#fff;border-bottom:1px solid #ff9400}
.act-style02 .act-list-area .tab-con{display:none;padding-top:10px}
.act-style02 .act-list-area .tab-con.active{display:block}
.act-style02 .act-list-area .tab-con ul li{overflow:hidden}
.act-style02 .act-list-area .tab-con ul li a{display:inline-block;float:left;color:#e3e3e3;font-size:13px;padding:5px 0;word-break:break-all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;width:calc((100% - 76px))}
.act-style02 .act-list-area .tab-con ul li p{display:inline-block;float:right;color:#525252;font-size:13px;padding:5px 0}
.view-style02{padding:12px}
.view-style02 .tit{overflow:hidden;padding:0 0 12px;border-bottom:1px solid #333}
.view-style02 .tit div{float:left}
.view-style02 .tit .num span{display:inline-block;font-size:12px;min-width:25px;height:25px;vertical-align:top;text-align:center;line-height:23px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;box-sizing:border-box;padding:0 4px}
.view-style02 .tit .num span.tp1{border:1px solid #525252;background-color:#272727;color:#828282}
.view-style02 .tit .ment{width:100%;line-height:22px}
.view-style02 .tit p{font-size:16px;font-weight:700;color:#fff;padding-top:2px}
.view-style02 .tit p.sub{font-size:14px;font-weight:700;color:#b8b8b8;line-height:18px}
.view-style02 .view-content{color:#e3e3e3;font-size:14px;padding:12px 0 50px;line-height:18px}
.view-style02 .view-content p{color:#e3e3e3;font-size:13px;padding:2px 0}
.view-style02 .view-content img{width:100%}
.view-style02 .view-url-area{padding:0}
.view-style02 .view-url-area .view-url-link{background:#443828;border:2px solid #333;padding:6px}
.view-style02 .view-url-area .view-url-link p{color:#e3e3e3;font-size:13px;padding-left:15px;background:url(../images/sub/view_url_icon.png) no-repeat left 0;background-size:10px 13px;display:inline-block}
.view-style02 .view-url-area .view-url-link a{display:inline-block;color:#e3e3e3;font-size:13px;letter-spacing:.3px;width:calc((100% - 48px));word-break:break-all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;top:1px;vertical-align:middle}
#con-body .info-body .content .list-area .list-style07{overflow:hidden;padding-bottom:20px;border-bottom:1px solid #333}
#con-body .info-body .content .list-area .list-style07 ul li{padding-left:12px;overflow:hidden;width:calc((100% - 12px)/ 2);float:left;padding-top:18px}
#con-body .info-body .content .list-area .list-style07 ul li.nop{padding-left:0}
#con-body .info-body .content .list-area .list-style07 ul.gal{margin:0 12px}
#con-body .info-body .content .list-area .list-style07 ul li.noti{background:#181818;width:calc((100% - 24px));border-bottom:1px solid #333;padding:10px 12px}
#con-body .info-body .content .list-area .list-style07 ul li.noti .top .story a{color:#fff;font-weight:700;padding:4px 0 5px 0;font-size:13px;display:inline-block;width:100%;word-break:break-all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative}
#con-body .info-body .content .list-area .list-style07 .gal-tab-menu{padding:12px 12px 0 12px;overflow:hidden}
#con-body .info-body .content .list-area .list-style07 .gal-tab-menu a{color:#b8b8b8;font-size:16px;font-weight:700;margin:6px;padding-bottom:3px;display:inline-block}
#con-body .info-body .content .list-area .list-style07 .gal-tab-menu a.on{color:#fff;border-bottom:2px solid #ff9920}
#con-body .info-body .content .list-area .list-style07 ul li .top{overflow:hidden;padding-bottom:5px;position:relative}
#con-body .info-body .content .list-area .list-style07 ul li .top span{display:inline-block;font-size:12px;min-width:25px;height:25px;vertical-align:top;text-align:center;line-height:23px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;box-sizing:border-box;padding:0 4px;position:absolute;top:2px;left:2px}
#con-body .info-body .content .list-area .list-style07 ul li .top span.admin{top:17px!important}
#con-body .info-body .content .list-area .list-style07 ul li .top span.tp1{border:1px solid #2f2f2f;background-color:#272727;color:#686868}
#con-body .info-body .content .list-area .list-style07 ul li .top span.tp2{border:1px solid #3f3f3f;background-color:#272727;color:#b5b5b5}
#con-body .info-body .content .list-area .list-style07 ul li .top span.tp3{border:1px solid #3f3f3f;background-color:#474747;color:#b9b9b9}
#con-body .info-body .content .list-area .list-style07 ul li .top span.tp4{border:1px solid #c18800;background-color:#e6a200;color:#fff}
#con-body .info-body .content .list-area .list-style07 ul li .top span.tp5{border:1px solid #ad4d00;background-color:#e66700;color:#fff}
#con-body .info-body .content .list-area .list-style07 ul li .top span.tp6{border:1px solid #d01400;background-color:#e61600;color:#fff}
#con-body .info-body .content .list-area .list-style07 ul li .top img{width:100%}
#con-body .info-body .content .list-area .list-style07 ul li .top input {position: absolute;top: 5px;left: 5px;display: inline-block;}
#con-body .info-body .content .list-area .list-style07 ul li .top .admin-chk{float:left;padding:4px 10px 2px 0}
#con-body .info-body .content .list-area .list-style07 ul li .top .num{float:left;width:30px}
#con-body .info-body .content .list-area .list-style07 ul li .top .num span{display:inline-block;font-size:12px;min-width:25px;height:25px;vertical-align:top;text-align:center;line-height:23px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;box-sizing:border-box;padding:0 4px}
#con-body .info-body .content .list-area .list-style07 ul li .top .num span.tp1{border:1px solid #2f2f2f;background-color:#272727;color:#686868}
#con-body .info-body .content .list-area .list-style07 ul li .top .num span.tp2{border:1px solid #3f3f3f;background-color:#272727;color:#b5b5b5}
#con-body .info-body .content .list-area .list-style07 ul li .top .num span.tp3{border:1px solid #3f3f3f;background-color:#474747;color:#b9b9b9}
#con-body .info-body .content .list-area .list-style07 ul li .top .num span.tp4{border:1px solid #3f3f3f;background-color:#e6a200;color:#fff}
#con-body .info-body .content .list-area .list-style07 ul li .top .num span.tp5{border:1px solid #3f3f3f;background-color:#e66700;color:#fff}
#con-body .info-body .content .list-area .list-style07 ul li .top .num span.tp6{border:1px solid #3f3f3f;background-color:#e61600;color:#fff}
#con-body .info-body .content .list-area .list-style07 ul li .top .story{float:left;width:100%}
#con-body .info-body .content .list-area .list-style07 ul li .top .story.adm-list{width:calc((100% - 54px))!important}
#con-body .info-body .content .list-area .list-style07 ul li .top .story a{color:#d2d2d2;padding:4px 0 5px 10px;font-size:16px;display:inline-block;width:calc((100% - 26px));word-break:break-all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative}
#con-body .info-body .content .list-area .list-style07 ul li .mid{font-size:13px;color:#fff;font-weight:700;padding:0 0 6px;line-height:20px}
#con-body .info-body .content .list-area .list-style07 ul li .bot{overflow:hidden}
#con-body .info-body .content .list-area .list-style07 ul li .bot .state{display:inline-block;width:43px;height:20px;text-align:center;line-height:20px;font-size:11px;font-weight:700;color:#e3e3e3;border:1px solid #515151;background-color:#181818;box-sizing:border-box;float:left}
#con-body .info-body .content .list-area .list-style07 ul li .bot .state.end{color:#686868}
#con-body .info-body .content .list-area .list-style07 ul li .bot .nick{color:silver;font-size:13px;display:inline-block;width:113px;position:relative;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:2px 5px 2px 0;letter-spacing:.2px;float:left}
#con-body .info-body .content .list-area .list-style07 ul li .bot .nick img{position:relative;top:-1px;margin-right:3px;width:16px;height:16px}
#con-body .info-body .content .list-area .list-style07 ul li .bot .date{overflow:hidden;float:right;padding:2px 0}
#con-body .info-body .content .list-area .list-style07 ul li .bot .date p{float:left;color:#7b7b7b;font-size:12px;text-align:right;padding-left:12px;position:relative}
#con-body .info-body .content .list-area .list-style07 ul li .bot .date p.dateA:before{position:absolute;left:6px;width:1px;height:8px;top:3px;content:"";background:#7b7b7b}
#con-body .info-body .content .list-area .video-tit-menu{padding:20px 12px;background:url(../../images/sub/bg_video_title.svg) no-repeat center top;background-size:cover}
#con-body .info-body .content .list-area .video-tit-menu .up-side{overflow:hidden}
#con-body .info-body .content .list-area .video-tit-menu .up-side .left-img{float:left;width:50px;height:50px;text-align:center;line-height:45px;background-color:#333;border-radius:50%;}
#con-body .info-body .content .list-area .video-tit-menu .up-side .left-img img{width:34px;}
#con-body .info-body .content .list-area .video-tit-menu .up-side .right-ex{float:left;height:50px;padding-left:10px;line-height:45px;}
#con-body .info-body .content .list-area .video-tit-menu .up-side .right-ex h2{font-size:20px;font-weight:600;}
#con-body .info-body .content .list-area .video-tit-menu .up-side .right-ex p{font-size:18px;color:#fff;font-weight:700}
#con-body .info-body .content .list-area .video-tit-menu .up-side .right-ex p.reader{font-size:13px;color:#c8c8c8;font-weight:400;margin-top:8px}
#con-body .info-body .content .list-area .video-tit-menu .down-side{padding-top:15px}
#con-body .info-body .content .list-area .video-tit-menu .down-side a{font-size:12px;color:#fff;font-weight:700;display:inline-block;padding:5px 8px 5px 33px;margin-left:8px}
#con-body .info-body .content .list-area .video-tit-menu .down-side a:first-child{margin-left:0}
#con-body .info-body .content .list-area .video-tit-menu .down-side a.you-btn{background:url(../images/sub/video_sns_icon1.png) no-repeat left 50% #272727}
#con-body .info-body .content .list-area .video-tit-menu .down-side a.naver-btn{background:url(../images/sub/video_sns_icon2.png) no-repeat left 50% #272727}
#con-body .info-body .content .list-area .list-style08{overflow:hidden;padding-bottom:20px;border-bottom:1px solid #333}
#con-body .info-body .content .list-area .list-style08 ul li{padding-left:12px;overflow:hidden;width:calc((100% - 12px)/ 2);float:left;padding-top:18px}
#con-body .info-body .content .list-area .list-style08 ul li.nop{padding-left:0}
#con-body .info-body .content .list-area .list-style08 ul.gal{margin:0 12px}
#con-body .info-body .content .list-area .list-style08 ul li.noti{background:#181818;width:calc((100% - 24px));border-bottom:1px solid #333;padding:10px 12px}
#con-body .info-body .content .list-area .list-style08 ul li.noti .top .story a{color:#fff;font-weight:700;padding:4px 0 5px 0;font-size:13px;display:inline-block;width:100%;word-break:break-all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative}
#con-body .info-body .content .list-area .list-style08 .gal-tab-menu{padding:12px 12px 0 12px;overflow:hidden}
#con-body .info-body .content .list-area .list-style08 .gal-tab-menu a{color:#b8b8b8;font-size:16px;font-weight:700;margin:6px;padding-bottom:3px;display:inline-block}
#con-body .info-body .content .list-area .list-style08 .gal-tab-menu a.on{color:#fff;border-bottom:2px solid #ff9920}
#con-body .info-body .content .list-area .list-style08 ul li .top{overflow:hidden;padding-bottom:5px;position:relative}
#con-body .info-body .content .list-area .list-style08 ul li .top span{display:inline-block;font-size:12px;min-width:25px;height:25px;vertical-align:top;text-align:center;line-height:23px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;box-sizing:border-box;padding:0 4px;position:absolute;top:2px;left:2px}
#con-body .info-body .content .list-area .list-style08 ul li .top span.admin{top:17px!important}
#con-body .info-body .content .list-area .list-style08 ul li .top span.tp1{border:1px solid #2f2f2f;background-color:#272727;color:#686868}
#con-body .info-body .content .list-area .list-style08 ul li .top span.tp2{border:1px solid #3f3f3f;background-color:#272727;color:#b5b5b5}
#con-body .info-body .content .list-area .list-style08 ul li .top span.tp3{border:1px solid #3f3f3f;background-color:#474747;color:#b9b9b9}
#con-body .info-body .content .list-area .list-style08 ul li .top span.tp4{border:1px solid #c18800;background-color:#e6a200;color:#fff}
#con-body .info-body .content .list-area .list-style08 ul li .top span.tp5{border:1px solid #ad4d00;background-color:#e66700;color:#fff}
#con-body .info-body .content .list-area .list-style08 ul li .top span.tp6{border:1px solid #d01400;background-color:#e61600;color:#fff}
#con-body .info-body .content .list-area .list-style08 ul li .top img{width:100%}
#con-body .info-body .content .list-area .list-style08 ul li .top input {position: absolute;top: 3px;left: 4px;display: inline-block;}
#con-body .info-body .content .list-area .list-style08 ul li .top .admin-chk{float:left;padding:4px 10px 2px 0}
#con-body .info-body .content .list-area .list-style08 ul li .top .num{float:left;width:30px}
#con-body .info-body .content .list-area .list-style08 ul li .top .num span{display:inline-block;font-size:12px;min-width:25px;height:25px;vertical-align:top;text-align:center;line-height:23px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;box-sizing:border-box;padding:0 4px}
#con-body .info-body .content .list-area .list-style08 ul li .top .num span.tp1{border:1px solid #2f2f2f;background-color:#272727;color:#686868}
#con-body .info-body .content .list-area .list-style08 ul li .top .num span.tp2{border:1px solid #3f3f3f;background-color:#272727;color:#b5b5b5}
#con-body .info-body .content .list-area .list-style08 ul li .top .num span.tp3{border:1px solid #3f3f3f;background-color:#474747;color:#b9b9b9}
#con-body .info-body .content .list-area .list-style08 ul li .top .num span.tp4{border:1px solid #3f3f3f;background-color:#e6a200;color:#fff}
#con-body .info-body .content .list-area .list-style08 ul li .top .num span.tp5{border:1px solid #3f3f3f;background-color:#e66700;color:#fff}
#con-body .info-body .content .list-area .list-style08 ul li .top .num span.tp6{border:1px solid #3f3f3f;background-color:#e61600;color:#fff}
#con-body .info-body .content .list-area .list-style08 ul li .top .story{float:left;width:100%}
#con-body .info-body .content .list-area .list-style08 ul li .top .story.adm-list{width:calc((100% - 54px))!important}
#con-body .info-body .content .list-area .list-style08 ul li .top .story a{color:#d2d2d2;padding:4px 0 5px 10px;font-size:16px;display:inline-block;width:calc((100% - 26px));word-break:break-all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative}
#con-body .info-body .content .list-area .list-style08 ul li .mid{font-size:13px;color:#fff;font-weight:700;padding:0 0 6px;line-height:20px}
#con-body .info-body .content .list-area .list-style08 ul li .bot{overflow:hidden}
#con-body .info-body .content .list-area .list-style08 ul li .bot .state{display:inline-block;width:43px;height:20px;text-align:center;line-height:20px;font-size:11px;font-weight:700;color:#e3e3e3;border:1px solid #515151;background-color:#181818;box-sizing:border-box;float:left}
#con-body .info-body .content .list-area .list-style08 ul li .bot .state.end{color:#686868}
#con-body .info-body .content .list-area .list-style08 ul li .bot .nick{color:silver;font-size:13px;display:inline-block;width:113px;position:relative;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:2px 5px 2px 0;letter-spacing:.2px;float:left}
#con-body .info-body .content .list-area .list-style08 ul li .bot .nick img{position:relative;top:-1px;margin-right:3px;width:16px;height:16px}
#con-body .info-body .content .list-area .list-style08 ul li .bot .date{overflow:hidden;padding:2px 0}
#con-body .info-body .content .list-area .list-style08 ul li .bot .date p{color:#7b7b7b;font-size:12px;text-align:left;position:relative}
#con-body .info-body .content .list-area .list-style08 .event-head{color:#fff;font-size:16px;font-weight:700;padding:14px 12px;position:relative}
#con-body .info-body .content .list-area .list-style08 .event-head .sort-area{position:absolute;right:12px;top:8px}
#con-body .info-body .content .list-area .list-style08 .event-head .sort-area select{display:inline-block;width:90px;height:31px;background:url(../images/sub/sort_arrow_icon_down.png) no-repeat 70px 12px;color:#fff;border-top:1px solid #525252;border-right:1px solid #525252;border-left:1px solid #525252;border-bottom:1px solid #525252;padding-right:10px;padding-left:10px;font-size:13px;-webkit-appearance:none;appearance:none}
#con-body .info-body .content .list-area .list-style08 .event-head .sort-area select option{background:#272727;color:#fff;border-bottom:1px solid #525252;border-right:1px solid #525252;border-left:1px solid #525252;border-top:none}
#con-body .info-body .content .list-area .list-style08 .event-btn-area{padding:30px 12px 0}
#con-body .info-body .content .list-area .list-style08 .event-btn-area a{display:inline-block;color:#fff;border:1px solid #525252;padding:8px 12px;font-size:13px;margin-left:10px}
#con-body .info-body .content .list-area .list-style08 .event-btn-area a:first-child{margin-left:0}
#con-body .info-body .content .list-area .list-style08 ul li .bot .date p.money-time{font-size:12px;color:#ff9400;font-weight:700;text-align:left;padding-top:3px}
#con-body .info-body .content .list-area .list-style08 ul li .bot .date p.sale-cost{padding-top:5px;font-size:13px;text-decoration:line-through;color:#565656;text-align:right}
#con-body .info-body .content .list-area .list-style08 ul li .bot .date p.sell-cost{font-size:14px;color:#ff9400;font-weight:700;text-align:right;padding-top:3px}
#con-body .info-body .content .list-area .list-style09{border-top:2px solid #333}
#con-body .info-body .content .list-area .list-style09 .list-tit{border-top:2px solid #333;font-size:17px;font-weight:700;color:#fff;padding:15px 12px;position:relative;background:#222}
#con-body .info-body .content .list-area .list-style09 .list-tit .sort-area{position:absolute;right:12px;top:8px}
#con-body .info-body .content .list-area .list-style09 .list-tit .sort-area select{display:inline-block;width:90px;height:31px;background:url(../images/sub/sort_arrow_icon_down.png) no-repeat 70px 12px;color:#fff;border-top:1px solid #525252;border-right:1px solid #525252;border-left:1px solid #525252;border-bottom:1px solid #525252;padding-right:10px;padding-left:10px;font-size:13px;-webkit-appearance:none;appearance:none}
#con-body .info-body .content .list-area .list-style09 .list-tit .sort-area select option{background:#272727;color:#fff;border-bottom:1px solid #525252;border-right:1px solid #525252;border-left:1px solid #525252;border-top:none}
#con-body .info-body .content .list-area .list-style09 .list-tit .sort-bt{display:inline-block;width:87px;background-color:#272727;height:30px;line-height:28px;padding-left:12px;border:1px solid #525252;box-sizing:border-box;position:relative}
#con-body .info-body .content .list-area .list-style09 .list-tit .sort-bt:after{position:absolute;content:"";right:10px;top:50%;margin-top:-2px;width:7px;height:4px;background:url(../images/sub/sort_arrow_icon.png) no-repeat}
#con-body .info-body .content .list-area .list-style09 .list-tit .sort-bt span{font-size:12px;font-weight:700;color:#e3e3e3}
#con-body .info-body .content .list-area .list-style09 .list-form{overflow:hidden;padding:8px 10px;border-bottom:2px solid #333}
#con-body .info-body .content .list-area .list-style09 .list-form .left-img{float:left;position:relative;width:114px;height:64px;margin:4px 0;border:1px solid #333}
#con-body .info-body .content .list-area .list-style09 .list-form .left-img input{position:absolute;top:4px;left:4px;display:inline-block}
#con-body .info-body .content .list-area .list-style09 .list-form .left-img img{width:100px;height:64px}
#con-body .info-body .content .list-area .list-style09 .list-form .right-txt{float:left;position:relative;width:calc((100% - 128px));min-height:64px;margin-left:10px}
#con-body .info-body .content .list-area .list-style09 .list-form .num{display:inline-block;width:30px;position:absolute;top:3px;left:3px}
#con-body .info-body .content .list-area .list-style09 .list-form .num span{display:inline-block;font-size:12px;min-width:25px;height:25px;vertical-align:top;text-align:center;line-height:23px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;box-sizing:border-box;padding:0 4px}
#con-body .info-body .content .list-area .list-style09 .list-form .num.admin{top:20px!important}
#con-body .info-body .content .list-area .list-style09 .list-form .num span.tp1{border:1px solid #2f2f2f;background-color:#272727;color:#686868}
#con-body .info-body .content .list-area .list-style09 .list-form .num span.tp2{border:1px solid #3f3f3f;background-color:#272727;color:#b5b5b5}
#con-body .info-body .content .list-area .list-style09 .list-form .num span.tp3{border:1px solid #3f3f3f;background-color:#474747;color:#b9b9b9}
#con-body .info-body .content .list-area .list-style09 .list-form .num span.tp4{border:1px solid #3f3f3f;background-color:#e6a200;color:#fff}
#con-body .info-body .content .list-area .list-style09 .list-form .num span.tp5{border:1px solid #3f3f3f;background-color:#e66700;color:#fff}
#con-body .info-body .content .list-area .list-style09 .list-form .num span.tp6{border:1px solid #3f3f3f;background-color:#e61600;color:#fff}
#con-body .info-body .content .list-area .list-style09 .list-form .right-txt a.tit{font-size: 12px;color: #fff;font-weight: 700;display: inline-block;height: 30px;width: 100%;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;margin-top: 1px;}
#con-body .info-body .content .list-area .list-style09 .list-form .right-txt p.sub-title {height:15px;margin:5px 0 5px 0;font-size: 11px;color: #b8b8b8;line-height:15px;word-break:break-all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#con-body .info-body .content .list-area .list-style09 .list-form .right-txt .bottom-info{overflow:hidden}
#con-body .info-body .content .list-area .list-style09 .list-form .right-txt .bottom-info .left{float:left;padding-left:0}
#con-body .info-body .content .list-area .list-style09 .list-form .right-txt .bottom-info .user-nick-wrap{font-size:11px;color:silver;display:flex;align-items:center}
#con-body .info-body .content .list-area .list-style09 .list-form .right-txt .bottom-info .right{float:right}
#con-body .info-body .content .list-area .list-style09 .list-form .right-txt .bottom-info span{margin-right:6px;font-size:11px;color:silver;}
#con-body .info-body .content .list-area .list-style09 .list-form .right-txt .bottom-info span i{margin-right:3px;color:#666;}
#con-body .info-body .content .list-area .list-style09 .list-form .right-txt .bottom-info a{display:block;color:silver;font-size:10px;float:left;word-break:break-all;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;min-width:56px}
#con-body .info-body .content .list-area .list-style09 .list-form .right-txt .bottom-info p{color:silver;font-size:11px;float:left;padding-left:8px;position:relative}
#con-body .info-body .content .list-area .list-style09 .list-form .right-txt .bottom-info p.date:before{position:absolute;content:"";left:4px;top:50%;transform:translateY(-50%);width:1px;height:10px;background:silver}
#con-body .info-body .content .list-area .list-style09 .list-form .right-txt .bottom-info p.comment:before{position:absolute;content:"";left:4px;top:50%;transform:translateY(-50%);width:1px;height:10px;background:silver}
#con-body .info-body .content .list-area .list-style09 .list-form .right-txt .bottom-info p.read:before{position:absolute;content:"";left:4px;top:50%;transform:translateY(-50%);width:1px;height:10px;background:silver}
#con-body .info-body .content .list-area .list-style10 .list-tit{border-top:2px solid #333;font-size:17px;font-weight:700;color:#fff;padding:15px 12px;position:relative;background:#222}
#con-body .info-body .content .list-area .list-style10 .list-tit .tab a{color:#b8b8b8;font-size:16px;font-weight:700;padding-bottom:3px;display:inline-block;margin:6px}
#con-body .info-body .content .list-area .list-style10 .list-tit .tab a.on{color:#fff}
#con-body .info-body .content .list-area .list-style10 .list-tit .sort-area{text-align:right}
#con-body .info-body .content .list-area .list-style10 .list-tit .sort-area select{display:inline-block;width:90px;height:31px;background:url(../images/sub/sort_arrow_icon_down.png) no-repeat 70px 12px;color:#fff;border-top:1px solid #525252;border-right:1px solid #525252;border-left:1px solid #525252;border-bottom:1px solid #525252;padding-right:10px;padding-left:10px;font-size:13px;-webkit-appearance:none;appearance:none}
#con-body .info-body .content .list-area .list-style10 .list-tit .sort-area select option{background:#272727;color:#fff;border-bottom:1px solid #525252;border-right:1px solid #525252;border-left:1px solid #525252;border-top:none}
#con-body .info-body .content .list-area .list-style10 .list-tit .sort-bt{display:inline-block;width:87px;background-color:#272727;height:30px;line-height:28px;padding-left:12px;border:1px solid #525252;box-sizing:border-box;position:relative}
#con-body .info-body .content .list-area .list-style10 .list-tit .sort-bt:after{position:absolute;content:"";right:10px;top:50%;margin-top:-2px;width:7px;height:4px;background:url(../images/sub/sort_arrow_icon.png) no-repeat}
#con-body .info-body .content .list-area .list-style10 .list-tit .sort-bt span{font-size:12px;font-weight:700;color:#e3e3e3}
#con-body .info-body .content .list-area .list-style10 ul li{overflow:hidden;padding:10px 12px}
#con-body .info-body .content .list-area .list-style10 ul li .left-side-img{float:left}
#con-body .info-body .content .list-area .list-style10 ul li .left-side-img .admin-ckb{text-align:center;padding-top:10px}
#con-body .info-body .content .list-area .list-style10 ul li .left-side-img .left-img{background:red;width:40px;height:40px;border-radius:45px}
#con-body .info-body .content .list-area .list-style10 ul li .left-side-img .left-img img{width:40px;height:40px}
#con-body .info-body .content .list-area .list-style10 ul li .right-side-info{float:left;width:calc((100% - 50px));padding-left:10px;padding-top:12px}
#con-body .info-body .content .list-area .list-style10 ul li .right-side-info a.profile{font-size:13px;color:#fff;display:inline-block}
#con-body .info-body .content .list-area .list-style10 ul li .right-side-info a.profile span{background:red;width:16px;height:16px;display:inline-block;margin-right:3px;position:relative;top:-1px}
#con-body .info-body .content .list-area .list-style10 ul li .right-side-info a.profile span img{width:16px;height:16px}
#con-body .info-body .content .list-area .list-style10 ul li .right-side-info a.list-menu{display:inline-block;background:#181818;border:1px solid #4f4f4f;margin-top:12px;padding:10px;width:calc((100% - 22px))}
#con-body .info-body .content .list-area .list-style10 ul li .right-side-info a.list-menu .left-area{display:inline-block;position:relative;width:35px;height:100px;float:left}
#con-body .info-body .content .list-area .list-style10 ul li .right-side-info a.list-menu .left-area .num{position:absolute;top:0;left:0}
#con-body .info-body .content .list-area .list-style10 ul li .right-side-info a.list-menu .left-area .num span{display:inline-block;font-size:12px;min-width:25px;height:25px;vertical-align:top;text-align:center;line-height:23px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;box-sizing:border-box;padding:0 4px}
#con-body .info-body .content .list-area .list-style10 ul li .right-side-info a.list-menu .left-area .num span.tp1{border:1px solid #2f2f2f;background-color:#272727;color:#686868}
#con-body .info-body .content .list-area .list-style10 ul li .right-side-info a.list-menu .left-area .num span.tp2{border:1px solid #3f3f3f;background-color:#272727;color:#b5b5b5}
#con-body .info-body .content .list-area .list-style10 ul li .right-side-info a.list-menu .left-area .num span.tp3{border:1px solid #3f3f3f;background-color:#474747;color:#b9b9b9}
#con-body .info-body .content .list-area .list-style10 ul li .right-side-info a.list-menu .left-area .num span.tp4{border:1px solid #3f3f3f;background-color:#e6a200;color:#fff}
#con-body .info-body .content .list-area .list-style10 ul li .right-side-info a.list-menu .left-area .num span.tp5{border:1px solid #3f3f3f;background-color:#e66700;color:#fff}
#con-body .info-body .content .list-area .list-style10 ul li .right-side-info a.list-menu .left-area .num span.tp6{border:1px solid #3f3f3f;background-color:#e61600;color:#fff}
#con-body .info-body .content .list-area .list-style10 ul li .right-side-info a.list-menu .right-area{display:inline-block;width:calc((100% - 35px));float:left}
#con-body .info-body .content .list-area .list-style10 ul li .right-side-info a.list-menu .right-area .tit{color:#d2d2d2;font-size:13px;font-weight:700;padding-top:5px}
#con-body .info-body .content .list-area .list-style10 ul li .right-side-info a.list-menu .right-area .date{padding-top:5px}
#con-body .info-body .content .list-area .list-style10 ul li .right-side-info a.list-menu .right-area .date p{display:inline-block;color:#d2d2d2;font-size:12px;padding-left:15px}
#con-body .info-body .content .list-area .list-style10 ul li .right-side-info a.list-menu .right-area .date p.comment{background:url(../images/sub/comment-icon.png) no-repeat left center;background-size:12px 10px}
#con-body .info-body .content .list-area .list-style10 ul li .right-side-info a.list-menu .right-area .date p.view{background:url(../images/sub/view_icon.png) no-repeat left center;background-size:12px 8px}
#con-body .info-body .content .list-area .list-style10 ul li .right-side-info a.list-menu .right-area .date p.data{background:url(../images/sub/time-icon.png) no-repeat left center;background-size:12px 12px}
#con-body .info-body .content .list-area .list-style10 ul li .right-side-info a.list-menu .right-area .score{color:#dba84f;font-size:14px;font-weight:700;padding-top:15px}
#con-body .info-body .content .list-area .list-style10 ul li .right-side-info a.list-menu .right-area .pro-name{color:#d2d2d2;font-size:14px;padding-top:3px}
#con-body .info-body .content .list-area .list-style10 ul li .right-side-info a.list-menu .right-area .spec p{display:inline-block;color:#e3e3e3;font-size:12px;background:#272727;border:1px solid #505050;padding:4px 8px;margin-top:3px}
#con-body .info-body .content .list-area .list-style10 ul li .right-side-info a.list-menu .right-area .spec p:first-child{margin-top:10px}
.book-accordion>li{border-bottom:1px solid #353535;background-color:#272727}
.book-accordion>li .acc-bt{display:block;height:47px;line-height:47px;font-size:14px;padding-left:27px;color:#d2d2d2;position:relative}
.book-accordion>li .acc-bt:after{content:"";position:absolute;right:20px;top:50%;margin-top:-3px;width:11px;height:6px;background:url(../images/common/log_arrow_d.png) no-repeat;background-size:11px 6px}
.book-accordion>li.on .acc-bt:after{background:url(../images/common/log_arrow_a.png) no-repeat;background-size:11px 6px}
.book-accordion>li .acc-hide-area{display:none;background-color:#181818}
.book-accordion>li .acc-hide-area .hide-list{font-size:0}
.book-accordion>li .acc-hide-area .hide-list li{display:inline-block;width:50%;padding:14px 0 14px 26px;box-sizing:border-box}
.book-accordion>li .acc-hide-area .hide-list li a{font-size:14px;color:#d2d2d2;position:relative;padding-right:24px}
.book-accordion>li .acc-hide-area .hide-list li a:after{position:absolute;right:0;top:0;width:14px;height:14px;content:"";background:url(../images/common/book_mark_d.png) no-repeat;background-size:14px 14px}
.book-accordion>li .acc-hide-area .hide-list li a.active:after{background:url(../images/common/book_mark_a.png) no-repeat;background-size:14px 14px}
.book-accordion>li .acc-hide-area .hide-tit{padding:15px 0 15px 27px}
.book-accordion>li .acc-hide-area .hide-tit span{font-size:14px;color:#ff9920;text-decoration:underline}
.view-style01 .btn_area{padding-top:15px}
.view-style01 .list-form01 table{width:100%}
.view-style01 .list-form01 table th{font-size:14px;color:#fff;background:#6b5f53;border:1px solid #6b5f53;text-align:right;padding:10px;font-weight:700}
.view-style01 .list-form01 table td{font-size:14px;color:#fff;border:1px solid #6b5f53;padding:10px;line-height:20px}
.view-style01 .btn{display:inline-block;float:right;padding:5px 12px;background-color:#6b5f52;color:#fff;font-weight:700;border:1px solid #8f857d;border-radius:5px}
.comment-user-info .select_btn{display:inline-block;padding:3px 5px;margin-left:10px;background-color:#6b5f52;font-size:12px;color:#fff;font-weight:700;border:1px solid #8f857d;border-radius:5px}
.comment-write-style a.write-comment_a{display:inline-block;color:#fff;font-size:14px;text-align:center;background:#ff9920;border:1px solid #563b17;width:48.5%;padding:10px 0;margin-top:10px}
.comment-write-style a.write-comment_b{display:inline-block;float:right;color:#fff;font-size:14px;text-align:center;background:#ff9920;border:1px solid #563b17;width:48.5%;padding:10px 0;margin-top:10px}
.con-img-area{padding:12px}
.con-img-area .img-side{background:red}
.con-img-area .img-side img{width:100%}
.con-img-area .txt-side{padding-top:10px}
.con-img-area .txt-side p{font-size:13px;color:#7b7b7b;padding-top:5px}
.con-img-area .txt-side p:first-child{padding-top:0}
.con-img-area .txt-side a {display: inline-block;font-size: 13px;color: #fff;background: #ff9920;padding: 8px 0px;text-align: center;margin-top: 10px;font-weight: 700;width: 32.5%;letter-spacing: -1.2px;}
.option-div .op-num p{color:#fff;font-size:13px;padding-bottom:5px;padding-top:15px}
.option-div .op-num select{display:inline-block;width:100%;height:31px;background:url(../images/sub/sort_arrow_icon_down.png) no-repeat 97% 12px;color:#fff;border-top:1px solid #525252;border-right:1px solid #525252;border-left:1px solid #525252;border-bottom:1px solid #525252;padding-right:10px;padding-left:10px;font-size:13px;-webkit-appearance:none;appearance:none}
.option-div .op-num select option{background:#272727;color:#fff;border-bottom:1px solid #525252;border-right:1px solid #525252;border-left:1px solid #525252;border-top:none}
.pro-tit-div .product-name{color:#fff;font-size:16px;font-weight:700;padding:15px 0}
.pro-tit-div .cost-div{text-align:right;font-size:16px;color:#ff9920;font-weight:700}
.pro-tit-div .cost-div span{padding-top:5px;font-size:13px;text-decoration:line-through;color:#565656;text-align:right;display:block;padding-bottom:5px}
.ev-btn-div{text-align:center;padding-top:20px}
.ev-btn-div a{display:inline-block}
.ev-btn-div .basket-btn{font-size:14px;font-weight:700;color:#fff;background:#181818;text-align:center;width:100px;padding:9px 0 8px;border:1px solid #4b4b4b}
.ev-btn-div .add-btn{font-size:14px;font-weight:700;color:#fff;background:#ff9920;text-align:center;width:100px;padding:9px 0 8px;margin-left:5px}
.view-content a.list-menu{display:inline-block;background:#181818;border:1px solid #4f4f4f;margin-top:12px;padding:10px;width:calc((100% - 22px))}
.view-content a.list-menu .left-area{display:inline-block;position:relative;width:35px;height:100px;float:left}
.view-content a.list-menu .left-area .num{position:absolute;top:0;left:0}
.view-content a.list-menu .left-area .num span{display:inline-block;font-size:12px;min-width:25px;height:25px;vertical-align:top;text-align:center;line-height:23px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;box-sizing:border-box;padding:0 4px}
.view-content a.list-menu .left-area .num span.tp1{border:1px solid #2f2f2f;background-color:#272727;color:#686868}
.view-content a.list-menu .left-area .num span.tp2{border:1px solid #3f3f3f;background-color:#272727;color:#b5b5b5}
.view-content a.list-menu .left-area .num span.tp3{border:1px solid #3f3f3f;background-color:#474747;color:#b9b9b9}
.view-content a.list-menu .left-area .num span.tp4{border:1px solid #3f3f3f;background-color:#e6a200;color:#fff}
.view-content a.list-menu .left-area .num span.tp5{border:1px solid #3f3f3f;background-color:#e66700;color:#fff}
.view-content a.list-menu .left-area .num span.tp6{border:1px solid #3f3f3f;background-color:#e61600;color:#fff}
.view-content a.list-menu .right-area{display:inline-block;width:calc((100% - 35px));float:left}
.view-content a.list-menu .right-area .tit{color:#d2d2d2;font-size:13px;font-weight:700;padding-top:5px}
.view-content a.list-menu .right-area .date{padding-top:5px}
.view-content a.list-menu .right-area .date p{display:inline-block;color:#d2d2d2;font-size:12px;padding-left:15px}
.view-content a.list-menu .right-area .date p.comment{background:url(../images/sub/comment-icon.png) no-repeat left center;background-size:12px 10px}
.view-content a.list-menu .right-area .date p.view{background:url(../images/sub/view_icon.png) no-repeat left 6px;background-size:12px 8px}
.view-content a.list-menu .right-area .date p.data{background:url(../images/sub/time-icon.png) no-repeat left 3px;background-size:12px 12px}
.view-content a.list-menu .right-area .score{color:#dba84f;font-size:14px;font-weight:700;padding-top:15px}
.view-content a.list-menu .right-area .pro-name{color:#d2d2d2;font-size:14px;padding-top:3px}
.view-content a.list-menu .right-area .spec p{display:inline-block;color:#e3e3e3;font-size:12px;background:#272727;border:1px solid #505050;padding:4px 8px;margin-top:3px}
.view-content a.list-menu .right-area .spec p:first-child{margin-top:10px}
#added_popup{position:fixed;left:0;top:0;width:100%;height:100%;z-index:1000}
#added_popup .added_popup_inner{background-color:#202020;width:100%;height:100%;position:fixed;padding-top:35px;top:0;box-sizing:border-box}
#added_popup .added_popup_inner .top-bt-wrap{position:relative;padding-left:48px;background-color:#202020;box-sizing:border-box;border-bottom:1px solid #525252}
#added_popup .added_popup_inner .top-bt-wrap.type2{padding-left:52px}
#added_popup .added_popup_inner .top-bt-wrap.type2 .back-bt{width:52px;height:100%}
#added_popup .added_popup_inner .top-bt-wrap .back-bt{width:48px;border-right:1px solid #525252;box-sizing:border-box;position:absolute;left:0;top:-1px;height:28px;line-height:28px;background:url(../images/popup/back_bt_arrow.png) 50% 50% no-repeat;background-size:8px 15px;display:inline-block;text-indent:-9999px;overflow:hidden}
#added_popup .added_popup_inner .top-bt-wrap .input{position:relative;padding-right:45px;box-sizing:border-box}
#added_popup .added_popup_inner .top-bt-wrap .input input{width:100%;height:27px;background-color:#202020;color:#e3e3e3;font-weight:700;font-size:12px;box-sizing:border-box;padding-left:12px;border:0}
#added_popup .added_popup_inner .top-bt-wrap .input input::-webkit-input-placeholder{color:#767676;font-weight:700}
#added_popup .added_popup_inner .top-bt-wrap .input input::-moz-placeholder{color:#767676;font-weight:700}
#added_popup .added_popup_inner .top-bt-wrap .input input:-ms-input-placeholder{color:#767676;font-weight:700}
#added_popup .added_popup_inner .top-bt-wrap .input input:-moz-placeholder{color:#767676;font-weight:700}
#added_popup .added_popup_inner .top-bt-wrap .input a{position:absolute;right:0;top:0;width:30px;height:27px;text-indent:-9999px;overflow:hidden;background:url(../images/popup/frd_srch_bt.png) no-repeat;background-size:30px 27px}
#added_popup .added_popup_inner .top-bt-wrap .s-tit-type{line-height:28px;height:28px}
#added_popup .added_popup_inner .top-bt-wrap .s-tit-type span{font-weight:700;font-size:10px;color:#e4cf1a;position:relative;padding-left:12px;margin-left:14px}
#added_popup .added_popup_inner .top-bt-wrap .s-tit-type span:before{position:absolute;left:0;top:1px;width:9px;height:9px;content:"";background:url(../images/popup/mss_icon2.gif) no-repeat;background-size:9px 9px}
#added_popup.emoticon_recipient .popup-content-wrap .friend-area .mid-con-wrap{padding:0 0;border-bottom:1px solid #525252}
#added_popup.emoticon_recipient .popup-content-wrap .friend-area .mid-con-wrap ul li{position:relative;padding:5px 0 5px 49px;box-sizing:border-box;min-height:49px;border-top:1px solid #525252}
#added_popup.emoticon_recipient .popup-content-wrap .friend-area .mid-con-wrap ul li:first-child{border-top:0}
#added_popup.emoticon_recipient .popup-content-wrap .friend-area .mid-con-wrap ul li .thumb-area{position:absolute;left:13px;top:50%;margin-top:-14px;width:28px;height:28px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;overflow:hidden;display:inline-block;background-color:grey}
#added_popup.emoticon_recipient .popup-content-wrap .friend-area .mid-con-wrap ul li .thumb-area img{width:100%;height:100%;display:block}
#added_popup.emoticon_recipient .popup-content-wrap .friend-area .mid-con-wrap ul li a{font-size:10px;color:#e3e3e3;font-weight:700;position:relative;top:11px}
#added_popup.emoticon_recipient .popup-content-wrap .friend-area .mid-con-wrap ul li a img{margin-right:2px}
#added_popup.emoticon_recipient .popup-content-wrap .paging-area{font-size:0;text-align:center;padding:14px 0 14px;background-color:#181818;line-height:23px;position:absolute;bottom:0;left:0;width:100%}
#added_popup.emoticon_recipient .popup-content-wrap .paging-area .prev-bt{display:inline-block;width:6px;height:10px;vertical-align:middle;background:url(../images/popup/paging_prev_bt.png) no-repeat;background-size:6px 10px;margin-right:16px}
#added_popup.emoticon_recipient .popup-content-wrap .paging-area .next-bt{display:inline-block;width:6px;height:10px;vertical-align:middle;background:url(../images/popup/paging_next_bt.png) no-repeat;background-size:6px 10px;margin-left:16px}
#added_popup.emoticon_recipient .popup-content-wrap .paging-area ul{display:inline-block}
#added_popup.emoticon_recipient .popup-content-wrap .paging-area ul li{display:inline-block;margin-left:8px}
#added_popup.emoticon_recipient .popup-content-wrap .paging-area ul li:first-child{margin-left:0}
#added_popup.emoticon_recipient .popup-content-wrap .paging-area ul li a{font-size:10px;border:1px solid #525252;background-color:#272727;color:#e3e3e3;width:25px;height:25px;line-height:23px;text-align:center;box-sizing:border-box;display:inline-block;vertical-align:top}
#added_popup.emoticon_recipient .popup-content-wrap .paging-area ul li a.active{background-color:#ff9920;color:#fff}
#popLayerPopup.added_layer_popup{width:100%;height:100%;left:0;top:0;position:absolute;display:none}
#popLayerPopup.added_layer_popup.active{display:block;z-index:1000}
#popLayerPopup.added_layer_popup span{color:#fff}
#popLayerPopup.added_layer_popup span.orange{color:#f90}
#popLayerPopup.added_layer_popup>div:first-child{width:274px;height:auto;z-index:1;left:50%;padding-top:20px;background-color:#181818;margin-left:-137px;top:50%;margin-top:-71px;box-sizing:border-box;border:1px solid #565656;position:fixed;box-sizing:border-box;padding:20px}
#popLayerPopup.added_layer_popup .title{text-align:center;color:#fff;font-size:12px;padding-top:27px;position:relative;line-height:18px}
#popLayerPopup.added_layer_popup .title em{color:#62b3ff}
#popLayerPopup.added_layer_popup .emoti-send-area .title:before{position:absolute;top:0;left:50%;margin-left:-9px;width:17px;height:14px;content:"";background:url(../images/popup/gift_pop_icon.png) no-repeat}
#popLayerPopup.added_layer_popup .emoti-buy-area .title:before{position:absolute;top:0;left:50%;margin-left:-9px;width:17px;height:14px;content:"";background:url(../images/popup/follow_bt.png) no-repeat;background-size:contain}
#popLayerPopup.added_layer_popup .bt{font-size:0;text-align:center;margin-top:12px}
#popLayerPopup.added_layer_popup .bt a{display:inline-block;width:48px;margin:0 3px;height:24px;border:1px solid #525252;background-color:#202020;line-height:26px;font-size:11px;font-weight:700;color:#fff;text-align:center}
#popLayerPopup.added_layer_popup .bt a:hover{background-color:#ff7d7d}
#added_popup.emoticon_buy .buy-popup-area{background:#fff}
#added_popup.emoticon_buy .buy-popup-area .top-detail-area{height:176px;padding-left:130px;position:relative;z-index:100;background:#fff}
#added_popup.emoticon_buy .buy-popup-area .top-detail-area .img-area{position:absolute;left:20px;top:20px;width:95px;height:95px;background-color:#ebebeb}
#added_popup.emoticon_buy .buy-popup-area .top-detail-area .txt-area{padding-top:20px;padding-right:20px;padding-bottom:20px}
#added_popup.emoticon_buy .buy-popup-area .top-detail-area .txt-area .util-bt{font-size:0}
#added_popup.emoticon_buy .buy-popup-area .top-detail-area .txt-area .util-bt a.like-bt{display:inline-block;border:1px solid #ebebeb;width:40px;height:26px;text-align:center;vertical-align:top;line-height:26px;box-sizing:border-box;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}
#added_popup.emoticon_buy .buy-popup-area .top-detail-area .txt-area .util-bt a.like-bt span{font-weight:700;font-size:12px;color:#000;padding-left:15px;position:relative}
#added_popup.emoticon_buy .buy-popup-area .top-detail-area .txt-area .util-bt a.like-bt span:before{position:absolute;left:0;top:0;content:"";width:12px;height:12px;background:url(../images/popup/like_bt_icon.png) no-repeat;background-size:contain}
#added_popup.emoticon_buy .buy-popup-area .top-detail-area .txt-area .util-bt a.share-bt{display:inline-block;border:1px solid #ebebeb;width:26px;height:26px;vertical-align:top;margin-left:4px;background:url(../images/popup/share_bt_icon.png) 50% 50% no-repeat;box-sizing:border-box;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background-size:14px}
#added_popup.emoticon_buy .buy-popup-area .top-detail-area .txt-area .tit{font-size:13px;font-weight:700;color:#000;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-top:10px}
#added_popup.emoticon_buy .buy-popup-area .top-detail-area .txt-area .txt{font-size:12px;color:#000;line-height:150%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word;margin-top:5px}
#added_popup.emoticon_buy .buy-popup-area .top-detail-area .txt-area .radio-area{margin-top:10px}
#added_popup.emoticon_buy .buy-popup-area .top-detail-area .txt-area .radio-area .radio-unit{margin-left:8px}
#added_popup.emoticon_buy .buy-popup-area .top-detail-area .txt-area .radio-area .radio-unit:first-child{margin-left:0}
#added_popup.emoticon_buy .buy-popup-area .top-detail-area .txt-area .radio-area .radio-unit label{color:#f90;font-weight:700;font-size:13px}
#added_popup.emoticon_buy .buy-popup-area .top-detail-area .txt-area .radio-area .radio-unit label img{width:16px;vertical-align:middle;display:inline-block;margin:-4px 1px 0}
#added_popup.emoticon_buy .buy-popup-area .mid-bt-area{height:66px;background-color:#ccc;text-align:center;padding:15px 0;box-sizing:border-box;position:relative;z-index:100}
#added_popup.emoticon_buy .buy-popup-area .mid-bt-area ul{font-size:0}
#added_popup.emoticon_buy .buy-popup-area .mid-bt-area ul li{margin:0 5px;display:inline-block}
#added_popup.emoticon_buy .buy-popup-area .mid-bt-area ul li a{padding:0 12px;display:inline-block;height:36px;line-height:36px;border:1px solid #555;box-sizing:border-box}
#added_popup.emoticon_buy .buy-popup-area .mid-bt-area ul li a span{font-weight:700;color:#555;font-size:12px;position:relative}
#added_popup.emoticon_buy .buy-popup-area .mid-bt-area ul li a.b-choice-bt1{border:1px solid #f90}
#added_popup.emoticon_buy .buy-popup-area .mid-bt-area ul li a.b-choice-bt1 span{padding-left:24px}
#added_popup.emoticon_buy .buy-popup-area .mid-bt-area ul li a.b-choice-bt1 span:before{position:absolute;top:50%;margin-top:-10px;left:0;width:20px;height:20px;content:"";background:url(../images/popup/buy_choice_icon1.png) no-repeat;background-size:contain;background-position:center}
#added_popup.emoticon_buy .buy-popup-area .mid-bt-area ul li a.b-choice-bt2 span{padding-left:24px}
#added_popup.emoticon_buy .buy-popup-area .mid-bt-area ul li a.b-choice-bt2 span:before{position:absolute;top:50%;margin-top:-10px;left:0;width:20px;height:20px;content:"";background:url(../images/popup/buy_choice_icon2.png) no-repeat;background-size:contain;background-position:center}
#added_popup.emoticon_buy .buy-popup-area .mid-bt-area ul li a.b-choice-bt3 span{padding-left:24px}
#added_popup.emoticon_buy .buy-popup-area .mid-bt-area ul li a.b-choice-bt3 span:before{position:absolute;top:50%;margin-top:-10px;left:0;width:20px;height:20px;content:"";background:url(../images/popup/buy_choice_icon3.png) no-repeat;background-size:contain;background-position:center}
#added_popup.emoticon_buy .buy-popup-area .bot-info-area{position:fixed;width:100%;height:100%;left:0;top:0;box-sizing:border-box;padding-top:276px;overflow-y:scroll;background:#fff}
#added_popup.emoticon_buy .buy-popup-area .bot-info-area .info-inner{margin:0 auto;padding-top:25px}
#added_popup.emoticon_buy .buy-popup-area .bot-info-area .info-inner .info-area dl{margin-top:20px;padding:0 20px}
#added_popup.emoticon_buy .buy-popup-area .bot-info-area .info-inner .info-area dl:first-child{margin-top:0}
#added_popup.emoticon_buy .buy-popup-area .bot-info-area .info-inner .info-area dl dt{font-weight:700;font-size:13px;color:#000}
#added_popup.emoticon_buy .buy-popup-area .bot-info-area .info-inner .info-area dl dd{font-size:12px;color:#000;line-height:20px;margin-top:8px}
#added_popup.emoticon_buy .buy-popup-area .bot-info-area .info-inner .info-area .noti{text-align:center;height:30px;font-size:12px;color:#000;line-height:30px;background-color:#ebebeb;margin-top:22px}
#added_popup.emoticon_buy .buy-popup-area .bot-info-area .emoti-list{overflow:hidden;font-size:0;padding:25px 20px;margin-top:-4%}
#added_popup.emoticon_buy .buy-popup-area .bot-info-area .emoti-list li{width:22%;margin-left:4%;margin-top:4%;float:left}
#added_popup.emoticon_buy .buy-popup-area .bot-info-area .emoti-list li:first-child{margin-left:0}
#added_popup.emoticon_buy .buy-popup-area .bot-info-area .emoti-list li:nth-child(13),#added_popup.emoticon_buy .buy-popup-area .bot-info-area .emoti-list li:nth-child(17),#added_popup.emoticon_buy .buy-popup-area .bot-info-area .emoti-list li:nth-child(21),#added_popup.emoticon_buy .buy-popup-area .bot-info-area .emoti-list li:nth-child(25),#added_popup.emoticon_buy .buy-popup-area .bot-info-area .emoti-list li:nth-child(29),#added_popup.emoticon_buy .buy-popup-area .bot-info-area .emoti-list li:nth-child(33),#added_popup.emoticon_buy .buy-popup-area .bot-info-area .emoti-list li:nth-child(5),#added_popup.emoticon_buy .buy-popup-area .bot-info-area .emoti-list li:nth-child(9){margin-left:0}
#added_popup.emoticon_buy .buy-popup-area .bot-info-area .emoti-list li a{display:inline-block;width:100%;padding-bottom:100%;background-color:#ebebeb}
#added_popup.emoticon_buy .buy-popup-area .msg-popup-area{position:absolute;left:0;top:0;width:100%;height:100%;display:none}
#added_popup.emoticon_buy .buy-popup-area .msg-popup-area.active{display:block}
#added_popup.emoticon_buy .buy-popup-area .msg-popup-area .msg-content-area{width:392px;height:162px;position:absolute;z-index:1;background-color:#181818;border:1px solid #565656;top:68px;left:50%;margin-left:-196px;padding-top:20px;box-sizing:border-box}
#added_popup.emoticon_buy .buy-popup-area .msg-popup-area .msg-content-area .title{text-align:center;color:#fff;font-size:12px;padding-top:27px;position:relative;line-height:18px}
#added_popup.emoticon_buy .buy-popup-area .msg-popup-area .msg-content-area .title em{color:#ff9400}
#added_popup.emoticon_buy .buy-popup-area .msg-popup-area .msg-content-area .title:before{position:absolute;top:0;left:50%;margin-left:-9px;width:17px;height:13px;content:"";background:url(../images/popup/follow_bt.png) no-repeat}
#added_popup.emoticon_buy .buy-popup-area .msg-popup-area .msg-content-area .bt{font-size:0;text-align:center;margin-top:12px}
#added_popup.emoticon_buy .buy-popup-area .msg-popup-area .msg-content-area .bt a{display:inline-block;width:48px;margin:0 3px;height:24px;border:1px solid #525252;background-color:#202020;line-height:26px;font-size:11px;font-weight:700;color:#fff;text-align:center}
#added_popup.emoticon_buy .buy-popup-area .msg-popup-area .msg-content-area .bt a:hover{background-color:#ff7d7d}
#added_popup.emoticon_buy .buy-popup-area .msg-popup-area .inner-dimmed{position:absolute;width:100%;height:100%;left:0;top:0;background-color:#000;opacity:.5}
#added_popup.emoticon-popup-area .tab-bt-area{position:relative;font-size:0;overflow:hidden;z-index:100}
#added_popup.emoticon-popup-area .tab-bt-area a{width:50%;display:inline-block;height:27px;line-height:29px;text-align:center;float:left;background-color:#ccc;border-left:1px solid #b1b1b1;box-sizing:border-box}
#added_popup.emoticon-popup-area .tab-bt-area a:first-child{border-left:0}
#added_popup.emoticon-popup-area .tab-bt-area a span{font-size:11px;font-weight:700;color:#444}
#added_popup.emoticon-popup-area .tab-bt-area a.active{background-color:#444}
#added_popup.emoticon-popup-area .tab-bt-area a.active span{color:#ccc}
#added_popup.emoticon-popup-area .content-area{padding:0 0 0;border-top:1px solid #b1b1b1;display:none;position:relative;padding-top:95px;padding-bottom:75px;box-sizing:border-box;height:100%}
#added_popup.emoticon-popup-area .content-area.active{display:block}
#added_popup.emoticon-popup-area .content-area .top-con-area{height:95px;background-color:#efefef;padding:4px 0 0;position:relative;box-sizing:border-box;position:absolute;left:0;top:0;width:100%;z-index:100}
#added_popup.emoticon-popup-area .content-area .top-con-area .prev-bt{position:absolute;left:12px;top:50%;margin-top:-5px;width:5px;height:11px;background:url(../images/popup/hasticon_prev_bt.png) no-repeat;background-size:5px 11px;text-indent:-9999px;overflow:hidden}
#added_popup.emoticon-popup-area .content-area .top-con-area .hasticon{overflow:hidden;width:261px;margin:0 auto}
#added_popup.emoticon-popup-area .content-area .top-con-area .hasticon li{float:left;margin:1px}
#added_popup.emoticon-popup-area .content-area .top-con-area .hasticon li a{width:27px;height:27px;border:1px solid #c9c9c9;text-align:center;vertical-align:top;outline:0;box-sizing:border-box;display:inline-block;background:#dbdbdb}
#added_popup.emoticon-popup-area .content-area .top-con-area .hasticon li a.active{background-color:#dbdbdb;border:1px solid #b1b1b1}
#added_popup.emoticon-popup-area .content-area .top-con-area .hasticon li a img{display:block;width:100%;height:100%}
#added_popup.emoticon-popup-area .content-area .top-con-area .cate-sort{overflow:hidden;padding:11px 26px 15px}
#added_popup.emoticon-popup-area .content-area .top-con-area .cate-sort li{float:left;margin:4px 4px}
#added_popup.emoticon-popup-area .content-area .top-con-area .cate-sort li a{display:inline-block;background-color:#dbdbdb;padding:0 9px;height:24px;line-height:24px;border:1px solid #b1b1b1;font-size:10px;color:#444;font-weight:700;box-sizing:border-box}
#added_popup.emoticon-popup-area .content-area .top-con-area .cate-sort li a.active{background-color:#f90;color:#eee}
#added_popup.emoticon-popup-area .content-area .top-con-area .next-bt{position:absolute;right:12px;top:50%;margin-top:-5px;width:5px;height:11px;background:url(../images/popup/hasticon_next_bt.png) no-repeat;background-size:5px 11px;text-indent:-9999px;overflow:hidden}
#added_popup.emoticon-popup-area .content-area .mid-con-area{background-color:#fff;width:100%;height:100%;position:fixed;overflow-y:scroll;padding-top:156px;padding-bottom:48px;box-sizing:border-box;left:0;top:0}
#added_popup.emoticon-popup-area .content-area .mid-con-area .emoticon-list-wrap ul {padding: 20px;overflow: hidden;display: inline-flex;flex-wrap: wrap;}
#added_popup.emoticon-popup-area .content-area .mid-con-area .emoticon-list-wrap ul li{width:10%;margin-right:2.85%;float:left;margin-bottom:2.85%}
#added_popup.emoticon-popup-area .content-area .mid-con-area .emoticon-list-wrap ul li:nth-child(8n){margin-right:0}
#added_popup.emoticon-popup-area .content-area .mid-con-area .emoticon-list-wrap ul li a{display:block;width:100%;padding-bottom:100%;vertical-align:top;border:1px solid #dbdbdb;box-sizing:border-box}
#added_popup.emoticon-popup-area .content-area .mid-con-area .view-emoticon-wrap ul{padding:30px;overflow:hidden;margin-top:-8%}
#added_popup.emoticon-popup-area .content-area .mid-con-area .view-emoticon-wrap ul li{width:46%;float:left;margin-top:8%;margin-right:8%}
#added_popup.emoticon-popup-area .content-area .mid-con-area .view-emoticon-wrap ul li:nth-child(2n){margin-right:0}
#added_popup.emoticon-popup-area .content-area .mid-con-area .view-emoticon-wrap ul li a{display:block}
#added_popup.emoticon-popup-area .content-area .mid-con-area .view-emoticon-wrap ul li a .img-area{height:auto;background-color:grey}
#added_popup.emoticon-popup-area .content-area .mid-con-area .view-emoticon-wrap ul li a .img-area img{width:100%;display:block}
#added_popup.emoticon-popup-area .content-area .mid-con-area .view-emoticon-wrap ul li a .info-area{text-align:center;padding-top:10px}
#added_popup.emoticon-popup-area .content-area .mid-con-area .view-emoticon-wrap ul li a .info-area .tit{font-size:13px;font-weight:700;color:#000}
#added_popup.emoticon-popup-area .content-area .mid-con-area .view-emoticon-wrap ul li a .info-area .tit img{vertical-align:middle;position:relative;top:-1px}
#added_popup.emoticon-popup-area .content-area .mid-con-area .view-emoticon-wrap ul li a .info-area .txt{font-size:11px;width:100%;font-weight:700;color:#b1b1b1;margin-top:2px}
#added_popup.emoticon-popup-area .content-area .mid-con-area .view-emoticon-wrap ul li a .info-area .util{margin-top:2px}
#added_popup.emoticon-popup-area .content-area .mid-con-area .view-emoticon-wrap ul li a .info-area .util .p-value{font-size:11px;color:#f90;font-weight:700;position:relative;padding-left:19px}
#added_popup.emoticon-popup-area .content-area .mid-con-area .view-emoticon-wrap ul li a .info-area .util .p-value:before{position:absolute;left:0;top:-1px;content:"";width:15px;height:12px;background:url(../images/popup/emo_p_value.gif) no-repeat}
#added_popup.emoticon-popup-area .content-area .mid-con-area .view-emoticon-wrap ul li a .info-area .util .c-value{font-size:11px;color:#f90;font-weight:700;position:relative;padding-left:26px;margin-left:8px}
#added_popup.emoticon-popup-area .content-area .mid-con-area .view-emoticon-wrap ul li a .info-area .util .c-value:before{position:absolute;left:0;top:-1px;content:"";width:23px;height:12px;background:url(../images/popup/emo_c_value.gif) no-repeat}
#added_popup.emoticon-popup-area .content-area .bot-con-area{position:absolute;left:0;bottom:27px;width:100%;background-color:#efefef;height:48px;box-sizing:border-box;position:fixed;bottom:0}
#added_popup.emoticon-popup-area .content-area .bot-con-area .bt-area{text-align:center;font-size:0;padding-top:13px}
#added_popup.emoticon-popup-area .content-area .bot-con-area .bt-area a{display:inline-block;width:101px;font-size:11px;font-weight:700;color:#555;border:1px solid #b1b1b1;background-color:#ccc;margin:0 3px;height:23px;line-height:25px;text-align:center;box-sizing:border-box}
#layerPopup{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1000;display:none}
#layerPopup.active{display:block}
#layerPopup .dimmed{background-color:#000;width:100%;height:100%;position:absolute;opacity:.5}
#layerPopup .basket-popup-area{width:90%;height:60%;position:fixed;top:20%;left:5%;background-color:#181818;z-index:999;border:1px solid #525252;padding:31px 20px 0 20px;box-sizing:border-box}
#layerPopup .basket-popup-area dl dt .price{font-size:18px;color:#fff;font-weight:700;border-bottom:1px solid #ee972f;display:inline-block;padding-bottom:9px}
#layerPopup .basket-popup-area dl dd{padding-top:13px}
#layerPopup .basket-popup-area dl dd ul li{padding-right:30px;position:relative;box-sizing:border-box}
#layerPopup .basket-popup-area dl dd ul li .text-wrap{padding-right:20px;position:relative;box-sizing:border-box}
#layerPopup .basket-popup-area dl dd ul li .text-wrap .text-area .tit a{display:block;font-weight:700;font-size:15px;width:100%;color:#fff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
#layerPopup .basket-popup-area dl dd ul li .text-wrap .text-area .info{font-size:12px;color:#b8b8b8;margin-top:9px}
#layerPopup .basket-popup-area dl dd ul li .text-wrap .count-area{position:absolute;right:0;top:50%;margin-top:-21px;width:12px;height:42px;line-height:42px;text-align:center}
#layerPopup .basket-popup-area dl dd ul li .text-wrap .count-area .up-bt{position:absolute;top:0;left:50%;margin-left:-5px;width:10px;height:5px;background:url(../images/sub/count_up_bt.png) no-repeat}
#layerPopup .basket-popup-area dl dd ul li .text-wrap .count-area .dw-bt{position:absolute;bottom:0;left:50%;margin-left:-5px;width:10px;height:5px;background:url(../images/sub/count_dw_bt.png) no-repeat}
#layerPopup .basket-popup-area dl dd ul li .text-wrap .count-area .num{font-weight:700;font-size:14px;color:#fff}
#layerPopup .basket-popup-area dl dd ul li .delete-bt{position:absolute;right:0;top:50%;margin-top:-4px;width:9px;height:9px;display:inline-block;background:url(../images/sub/delete_bt_icon.png) no-repeat}
#con-body .info-body .content .intro-area .prav-ment {color: #fff;font-size: 16px;font-weight: 700;line-height: 20px;letter-spacing: .5px;position: relative;padding-bottom: 5px;border-bottom: 2px solid #ff9400;width: fit-content;}
#con-body .page-sub-main.prav:before{position:absolute;left:12px;width:20px;height:20px;top:50%;margin-top:-10px;background:url(../images/sub/privacy_h2_icon.png) no-repeat;content:"";background-size:20px 20px}
#con-body .info-body .content .intro-area .sub-ment span{color:#ff9400;font-weight:700}
#con-body .info-body .content .intro-area .main-sub-ment{color:#ff9400;font-size:16px;font-weight:700;line-height:20px;letter-spacing:.5px;position:relative}
#con-body .page-sub-main.use:before{position:absolute;left:12px;width:20px;height:20px;top:50%;margin-top:-10px;background:url(../images/sub/terms_h2_icon.png) no-repeat;content:"";background-size:20px 20px}
#con-body .info-body .content .intro-area .use-ment{color: #fff;font-size: 16px;font-weight: 700;line-height: 20px;letter-spacing: .5px;position: relative;padding-bottom: 5px;border-bottom: 2px solid #ff9400;width: fit-content;}
#con-body .page-sub-main.mail:before{position:absolute;left:12px;width:20px;height:20px;top:50%;margin-top:-10px;background:url(../images/sub/email_h2_icon.png) no-repeat;content:"";background-size:20px 20px}
#con-body .info-body .content .intro-area .mail-ment {color: #fff;font-size: 16px;font-weight: 700;line-height: 20px;letter-spacing: .5px;position: relative;padding-bottom: 5px;border-bottom: 2px solid #ff9400;width: fit-content;}
#con-body .info-body .content .intro-area .sub-ment .mail-area-div{color:#fff;font-size:14px;padding:12px;border:1px solid #565656;background:#181818;margin-top:10px}
.login-wrap .pro-div{float:left;width:100%}
.login-wrap .pro-div .new-notice{position:absolute;top:50%;margin-top:-8px;right:12px;font-size:10px;color:#d2d2d2;font-weight:700;padding-left:8px}
.login-wrap .pro-div .new-notice:before{position:absolute;left:0;top:50%;margin-top:-2px;content:"";border-radius:100%;height:3px;width:3px;background-color:#ff9920}
.login-wrap .pro-div .pro-img{background:red;width:25px;height:25px;border-radius:100%;overflow:hidden;float:left}
.login-wrap .pro-div .pro-img img{width:100%;height:100%}
.login-wrap .pro-div .info-txt{float:left;margin-left:8px;position:relative;top:-1px}
.login-wrap .pro-div .info-txt .name-user{color:#fff;font-size:10px;font-weight:700}
.login-wrap .pro-div .info-txt .name-user img{width:10px;height:10px;background:red}
.login-wrap .pro-div .info-txt .name-user span{width:16px;height:16px;background:red;display:inline-block;margin-right:5px}
.login-wrap .pro-div .info-txt .name-user a{color:#fff;font-size:10px;font-weight:700;padding-right:5px}
.login-wrap .pro-div .info-txt .info-user{overflow:hidden;margin-top:-2px}
.login-wrap .pro-div .info-txt .info-user div{color:silver;font-size:10px;float:left;padding-right:14px;position:relative;font-weight:700}
.login-wrap .pro-div .info-txt .info-user .class:after{width:1px;height:13px;background:#565656;content:"";top:0;position:absolute;right:5px}
#bookMark{position:fixed;width:100%;height:100%;z-index:1002;top:0;left:0;display:none}
#bookMark.active{display:block}
#bookMark .b-con{width:284px;height:164px;box-sizing:border-box;text-align:center;background-color:#181818;border:1px solid #565656;position:fixed;top:50%;left:50%;margin-left:-142px;margin-top:-82px;z-index:1;padding-top:36px}
#bookMark .b-con .tit{font-size:12px;color:#fff;position:relative;padding-top:30px}
#bookMark .b-con .tit:before{position:absolute;top:0;left:50%;margin-left:-12px;content:"";width:25px;height:25px;background:url(../images/common/login_no_image.png) no-repeat;background-size:25px 25px}
#bookMark .b-con .bt{font-size:0;margin-top:13px}
#bookMark .b-con .bt a{width:50px;display:inline-block;height:25px;margin:0 4px;line-height:23px;border:1px solid #525252;background-color:#202020;box-sizing:border-box;font-size:11px;font-weight:700;color:#fff}
#bookMark .dimmed{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000;opacity:.7}
.bookmark-con-wrap{padding-bottom:50px}
.bookmark-con-wrap .book-tit{height:45px;line-height:45px;padding-left:14px;border-bottom:2px solid #ff9920}
.bookmark-con-wrap .book-tit p{color:#fff;font-weight:700;font-size:17px}
.bookmark-con-wrap .bookmark-edit{padding-top:16px}
.bookmark-con-wrap .bookmark-edit .edit-tit{height:55px;background-color:#181818;line-height:55px;padding-left:14px}
.bookmark-con-wrap .bookmark-edit .edit-tit p{color:#fff;font-weight:700;font-size:17px}
.bookmark-con-wrap .bookmark-edit ul{overflow:hidden;margin-top:3px}
.bookmark-con-wrap .bookmark-edit ul li{width:50%;padding:2px 2px;float:left;box-sizing:border-box}
.bookmark-con-wrap .bookmark-edit ul li .li-inner{border:1px solid #3f3f3f;height:62px;line-height:62px;width:100%;padding-left:31px;box-sizing:border-box;background:url(../images/common/edit_deco_icon.gif) 15px 22px no-repeat;background-size:10px 16px}
.bookmark-con-wrap .bookmark-edit ul li .li-inner span{font-size:12px;font-weight:700;color:#fff;vertical-align:top}
.bookmark-con-wrap .bookmark-edit ul li .li-inner .delete{width:11px;height:11px;display:inline-block;background:url(../images/common/edit_delete_icon.png) no-repeat;background-size:11px 11px;vertical-align:middle;text-indent:-9999px;overflow:hidden;margin-left:8px}
#myProfile .add-popup-area{background-color:#272727;z-index:999;box-sizing:border-box;height:100%;position:fixed;width:100%}
#myProfile .add-popup-area .title-area{height:54px;line-height:54px;position:relative;padding-left:30px}
#myProfile .add-popup-area .title-area .title{font-size:17px;color:#fff}
#myProfile .add-popup-area .title-area a{position:absolute;right:24px;top:50%;margin-top:-10px;display:inline-block;width:20px;height:20px;background:url(../images/popup/add_vote_close.png) no-repeat}
#myProfile .add-popup-area .content-area{padding:19px 7px 0;border-top:1px solid #3b3b3b}
#myProfile .add-popup-area .content-area .title-input-area input{background-color:#202020;border:1px solid #ff9400;padding-left:12px;color:#fff;font-size:10px;height:28px;width:100%;box-sizing:border-box}
#myProfile .add-popup-area .content-area .mid-con-area{background-color:#202020;border:1px solid #525252;margin-top:8px}
#myProfile .add-popup-area .content-area .mid-con-area .list-area{padding:8px 13px 18px}
#myProfile .add-popup-area .content-area .mid-con-area .list-area ul li{position:relative;border:1px solid #525252;margin-top:9px}
#myProfile .add-popup-area .content-area .mid-con-area .list-area ul li:first-child{margin-top:0}
#myProfile .add-popup-area .content-area .mid-con-area .list-area ul li input{width:100%;border:0;height:27px;box-sizing:border-box;font-size:10px;padding-left:12px;color:#fff;background-color:#202020}
#myProfile .add-popup-area .content-area .mid-con-area .list-area ul li .add-pic-bt{position:absolute;right:0;top:0;width:30px;height:26px;display:inline-block;background:url(../images/popup/add_pic_vote.gif) no-repeat;background-size:30px 26px}
#myProfile .add-popup-area .content-area .mid-con-area .list-area ul li .add-list-bt{width:100%;display:block;height:27px;line-height:29px;font-size:15px;padding-left:12px;color:#62b3ff;position:relative;box-sizing:border-box}
#myProfile .add-popup-area .content-area .mid-con-area .list-area ul li .add-list-bt:after{position:absolute;content:"";right:0;top:0;width:30px;height:26px;background:url(../images/popup/add_list_icon.gif) no-repeat;background-size:30px 26px}
#myProfile .add-popup-area .content-area .mid-con-area .list-area ul li .add-list-bt span{color:#62b3ff;font-size:10px}
#myProfile .add-popup-area .content-area .mid-con-area .many-choice-bt{border-top:1px solid #525252}
#myProfile .add-popup-area .content-area .mid-con-area .many-choice-bt a{display:block;height:27px;padding-left:15px;line-height:27px}
#myProfile .add-popup-area .content-area .mid-con-area .many-choice-bt a span{position:relative;padding-left:13px;font-size:10px;color:#fff}
#myProfile .add-popup-area .content-area .mid-con-area .many-choice-bt a span:before{position:absolute;left:0;top:50%;margin-top:-3px;width:7px;height:6px;content:"";background:url(../images/popup/many_choice_arrow.gif) no-repeat;background-size:7px 6px}
#myProfile .add-popup-area .content-area .sub-bt{text-align:center;margin-top:32px}
#myProfile .add-popup-area .content-area .sub-bt a{display:inline-block;color:#fff;font-weight:700;font-size:11px;border:1px solid #525252;background-color:#ff9400;width:48px;line-height:24px;height:24px;box-sizing:border-box;text-align:center}
.comment-style01 .comment .comment-user-info .user-id-nick{display:inline-block;font-size:14px;color:#fff;font-weight:700}
.comment-style01 .comment .comment-user-info a.user-reply-nick{display:inline-block;font-size:14px;color:#fff;font-weight:700}
.comment-style01 .comment .commnet-main .pro-open-win.me{display:none}
.comment-style01 .comment .commnet-main .pro-open-win.me.active{display:block}
.comment-style01 .comment .commnet-main .pro-open-win.you{display:none}
.comment-style01 .comment .commnet-main .pro-open-win.you.active{display:block}
.comment-style01 .comment .commnet-main .pro-open-win.adm{display:none}
.comment-style01 .comment .commnet-main .pro-open-win.adm.active{display:block}
.comment .reply .pro-open-sub.me{display:none}
.comment .reply .pro-open-sub.me.active{display:block}
.comment .reply .pro-open-sub.you{display:none}
.comment .reply .pro-open-sub.you.active{display:block}
.comment .reply .pro-open-sub.adm{display:none}
.comment .reply .pro-open-sub.adm.active{display:block}
.comment .reply .pro-open-sub{background:rgba(0,0,0,.82);position:absolute;top:38px;left:120px;z-index:100;width:120px}
.comment .reply .pro-open-sub a{display:block;color:#fff;font-size:13px;padding:6px 10px}
.new-comment-refresh{border-top:1px dashed #4f4f4f}
.new-comment-refresh a{font-size:13px;color:#fff;font-weight:700;display:block;text-align:center;padding:15px 0}
.new-comment-refresh a .re-btn{padding-right:5px}
.new-comment-refresh a .re-btn img{width:15px;height:15px}
.comment .reply{position:relative}
.view-user-area .pro-main-win{background:rgba(0,0,0,.82);position:absolute;top:32px;left:74px;z-index:100;width:120px}
.view-user-area .pro-main-win a{display:block;color:#fff;font-size:13px;padding:6px 10px}
.view-user-area .pro-main-win.me{display:none}
.view-user-area .pro-main-win.me.active{display:block}
.view-user-area .pro-main-win.you{display:none}
.view-user-area .pro-main-win.you.active{display:block}
.view-user-area .pro-main-win.adm{display:none}
.view-user-area .pro-main-win.adm.active{display:block}


.intro-area{padding:0 10px}
.intro-area.note-editor ul,.note-editor .note-editing-area ul,.view-content .note-editor ul{display:block;list-style-type:disc;margin-block-start:1em;margin-block-end:1em;margin-inline-start:0;margin-inline-end:0;padding-inline-start:40px}
.intro-area.note-editor ul li,.note-editor .note-editing-area ul li,.view-content .note-editor ul li{list-style:inherit}
.intro-area.note-editor ol,.note-editor .note-editing-area ol,.view-content .note-editor ol{display:block;list-style-type:decimal;margin-block-start:1em;margin-block-end:1em;margin-inline-start:0;margin-inline-end:0;padding-inline-start:40px}
.intro-area.note-editor ol li,.note-editor .note-editing-area ol li,.view-content .note-editor ol li{list-style:inherit}
#ajax-reply-list .note-editor *{line-height:2;font-size:13px}
.comment .comment-user-form .comment_story.note-editor *{line-height:18px;font-size:13px}
.comment .comment-user-form .comment_story.note-editor a:hover{color:#f90}
#commentWriteArea .note-editing-area *{line-height:2;font-size:15px}
.custom-cont-page{border-top:1px solid #333;border-bottom:1px solid #333;background:#181818;padding:16px;color:#fff}
.custom-cont-page *{font-size:inherit;line-height:1.3;word-break:break-all;color:inherit}
.custom-cont-page img{max-width:100%}
.admin-util-box+.custom-cont-page{margin:16px 0 0}
#con-body .info-body .view-page-name .custom-cont-page{margin:0 -12px}
#con-body .info-body .content .list-area{margin-bottom:16px;padding-bottom:16px}
.info-body .admin-util-box ul{margin-bottom:0}
#con-body .info-body .content .info-area .modi-chk-area .pro-div{display:inline-block;width:auto;text-align:left}
#con-body .info-body .content .info-area .modi-chk-area .pro-div .pro-img{background:#ddd;position:relative}
#con-body .info-body .content .info-area .modi-chk-area .pro-div .info-txt .name-user span{background:0 0}
#con-body .info-body .content .info-area .modi-chk-area .pro-div .info-txt .name-user img{background:0 0}
#con-body .info-body .content .info-area ul li .my-info .profile-area .profile-img{background:#ddd;position:relative}
#con-body .info-body .content .info-area .pro-modi-area .profile-img{background:#ddd;position:relative}
#con-body .info-body .content .total-srch-area .list-style02 .title a{color:inherit}
#con-body .info-body .content .total-srch-area .list-style02 ul li{overflow:visible}
#con-body .info-body .content .total-srch-area .list-style02 ul li:after{content:'';clear:both;display:block}
#con-body .info-body .content .total-srch-area .list-style02 ul li .bot{overflow:visible}
#con-body .info-body .content .list-area .list-style01 ul li {overflow: visible;}
#con-body .info-body .content .list-area .list-style01 ul li .bot{overflow:visible}
#con-body .info-body .content .list-area .list-style01 ul li .bot:after{content:'';display:block;clear:both}
#con-body .info-body .view-page-name .view-user-area .view-user-btn a{box-sizing:content-box}
#con-body .info-body .view-page-name .view-user-area .view-user-btn a.view-follow-btn{background:url(../images/popup/follow_state_icon.png) no-repeat center center;background-size:20px 18px;padding:9px 5px}
#con-body .info-body .view-page-name .view-user-area .view-user-btn a.view-unfollow-btn{background:url(../images/popup/unfollow_bt.gif) no-repeat center center;background-size:20px 18px;padding:9px 5px}
.view-content>.note-editor{color:#fff!important}
.view-content>.note-editor{color:#fff!important}
.view-style02 .view-content *{color:inherit}
.view-style01 .view-content *{color:inherit;word-break:break-all}
.comment-style01 .comment .comment-user-level{background:0 0}
.comment-style01 .comment .comment-user-level img{width:100%;height:100%;background:0 0;border-radius:0}
.comment-style01 .comment .comment-user-image{background:#ddd;position:relative;display:inline-block}
.comment-style01 .comment .comment-user-image i{font-size:22px}
#con-body .info-body .view-page-name .view-user-area .view-user-img{background:#ddd;position:relative}
.view-style01 .view-content img{max-width:100%}
.view-style01 .view-content iframe{max-width:100%}
.comment-reply{margin-bottom:7px}
.comment_rename_content *{color:inherit;padding-top:4px;font-size:15px;line-height:1.2}
.comment_rename_content p.comment_as_rename{color:#ff9400!important;padding-bottom:3px}
.comment_content *{color:inherit}
.comment_content p.comment_as_rename{color:#ff9400!important;padding-bottom:3px}
.comment-user-form .comment_option .comment-fix-btn a{position:relative}
.comment-user-form .comment_option .comment-fix-btn a:before{position:absolute;content:"";left:-7px;top:6px;width:1px;height:8px;background:#a4a4a4}
.comment-user-form .comment_option .comment-fix-btn a.reply-btn{color:#dba84f}
.comment-user-form .comment_option .comment-fix-btn a:nth-of-type(1):before{display:none}
.cmt_write .btn-wrap{display:flex}
.cmt_write .comment-close-bt {font-size: 14px;color: #f90;margin-bottom: 10px;padding-top: 6px;}
.cmt_write .btn-wrap button{display:block;color:#fff;font-size:14px;text-align:center;background:#704c1d;width:100%;padding:10px 0;flex:1 1 0%;font-weight:700}
.cmt_write .btn-wrap button.reply-good-bt{background:#f90;color:#222;font-weight:700;position:relative}
.cmt_write .btn-wrap button.reply-good-bt span{position:relative;padding-left:30px;font-weight:700}
.cmt_write .btn-wrap button.reply-good-bt span:before{background:url(../../images/common/tangerine_icon.png) no-repeat 0 50%;background-size:23px;width:23px;height:23px;content:'';display:inline-block;position:absolute;left:0;top:50%;transform:translateY(-50%)}
.cmt_write .btn-wrap button.reply-bt{background:#4c4c4c;color:#fff}
.cmt_write .panel{margin-bottom:10px}
.reply_wrap{margin-top:10px}
.survey-popup-area{position:relative;display:block;width:100%;margin:20px auto;padding:20px;border:1px solid #565656}
.survey-popup-area .title-area{height:54px!important;background-color:#222;position:relative}
.survey-popup-area .title-area .title{color:#fff;font-size:14px;line-height:54px;padding-left:18px}
.survey-popup-area .title-area .date-limit{position:absolute;right:20px;top:12px;text-align:right;font-size:14px;color:#fff;line-height:17px}
.survey-popup-area .title-area .date-limit *{color:inherit}
.survey-popup-area .title-area .date-limit .countdown span{color:#ff9400}
.survey-popup-area .content-area{padding:20px 20px 0;text-align:left;line-height:1.3}
.survey-popup-area .content-area .q-tit{font-weight:700;color:#fff;font-size:16px}
.survey-popup-area .content-area .survey-area{margin-top:20px}
.survey-popup-area .content-area .survey-area ul li{box-sizing:border-box;height:66px;width:100%;position:relative;margin-top:30px}
.survey-popup-area .content-area .survey-area ul li:first-child{margin-top:0}
.survey-popup-area .content-area .survey-area ul li .thumb-area{position:absolute;left:0;top:0;width:66px;height:66px;background-color:grey}
.survey-popup-area .content-area .survey-area ul li .thumb-area img{width:100%;height:100%;display:block}
.survey-popup-area .content-area .survey-area ul li .survey-value-area{height:66px;width:100%;position:relative}
.survey-popup-area .content-area .survey-area ul li .survey-value-area .tit{color:#fff;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.survey-popup-area .content-area .survey-area ul li .survey-value-area .survey-value{position:absolute;bottom:0;width:100%;text-align:right}
.survey-popup-area .content-area .survey-area ul li .survey-value-area .survey-value .vote{text-align:right;font-size:16px;color:#ff9400;margin-bottom:5px}
.survey-popup-area .content-area .survey-area ul li .survey-value-area .survey-value .vote span{font-weight:700;font-size:20px;margin-right:2px}
.survey-popup-area .content-area .survey-area ul li .survey-value-area .survey-value .survey-bar{height:18px;background-color:#ff9400}
.layerPopup{position:fixed;left:0;top:0;width:100%;height:100%;z-index:1000;display:none}
.layerPopup.active{display:block}
.layerPopup .voter-popup-area{width:250px;max-height:500px;position:fixed;top:50%;left:50%;margin-left:-125px;margin-top:-188px;background-color:#333;z-index:999;border:1px solid #525252;box-sizing:border-box;height:400px}
.layerPopup .voter-popup-area .title-area{height:54px;background-color:#444;position:relative}
.layerPopup .voter-popup-area .title-area .title{color:#fff;font-size:14px;line-height:54px;padding-left:18px}
.layerPopup .voter-popup-area .title-area .close-bt{position:absolute;top:50%;transform:translateY(-50%);right:16px;font-size:24px;color:#fff!important}
.layerPopup .voter-popup-area .content-area{height:calc(100% - 54px)}
.layerPopup .voter-popup-area .content-area .q-tit{font-weight:700;color:#565656;font-size:16px}
.layerPopup .voter-popup-area .content-area>ul{overflow:auto;height:100%}
.layerPopup .voter-popup-area .content-area>ul>li{box-sizing:border-box;padding-left:0;height:50px;width:100%;border-bottom:1px solid #525252;position:relative;overflow:visible}
.layerPopup .voter-popup-area .content-area>ul>li>.thumb-area{position:absolute;left:20px;top:50%;margin-top:-27px;width:55px;height:55px;background-color:grey;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;overflow:hidden}
.layerPopup .voter-popup-area .content-area>ul>li>.thumb-area img{width:100%;height:100%;display:block}
.layerPopup .voter-popup-area .content-area>ul>li>.id{line-height:50px;font-size:16px;color:#fff;padding:0 16px;box-sizing:border-box}
.layerPopup .voter-popup-area .content-area>ul>li>.id span{font-size:14px;color:#fff}
.layerPopup .voter-popup-area .content-area>ul>li>.id img{display:inline;vertical-align:middle;height:14px;width:14px;margin-right:3px}
.layerPopup .voter-popup-area .paging-wrap{background: #444;border:1px solid #525252;margin: 0 -1px}
.layerPopup .voter-popup-area .paging-wrap .paging-area{font-size:0;text-align:center;line-height:32px}
.layerPopup .voter-popup-area .paging-wrap .page-jump{vertical-align:middle}
.layerPopup .voter-popup-area .paging-wrap .paging-area .prev-bt{display:inline-block;width:7px;height:32px;background:url(../../quasarzone/images/popup/paging_prev_bt.png) no-repeat 0 50%;margin-right:16px}
.layerPopup .voter-popup-area .paging-wrap .paging-area .next-bt{display:inline-block;width:7px;height:32px;background:url(../../quasarzone/images/popup/paging_next_bt.png) no-repeat 0 50%;margin-left:16px}
.layerPopup .voter-popup-area .paging-wrap .paging-area .double{width:14px;background-repeat:repeat-x}
.layerPopup .voter-popup-area .paging-wrap .paging-area ul{display:inline-block;vertical-align:middle;line-height:1}
.layerPopup .voter-popup-area .paging-wrap .paging-area ul li{display:inline-block;margin-left:8px}
.layerPopup .voter-popup-area .paging-wrap .paging-area ul li:first-child{margin-left:0}
.layerPopup .voter-popup-area .paging-wrap .paging-area ul li a{font-size:14px;border:1px solid #525252;background-color:#272727;color:#e3e3e3;height:32px;line-height:32px;text-align:center;box-sizing:border-box;display:block;padding:0 3px}
.layerPopup .voter-popup-area .paging-wrap .paging-area ul li a.active{background-color:#ff9920;color:#fff}
.layerPopup .dimmed{background-color:#000;width:100%;height:100%;position:absolute;opacity:.5}
.comment-style01 .comment .comment-user-info a.good-btn{position:relative;display:inline-block;font-size:12px;color:#fff;font-weight:700;padding:1px 8px 0 19px;border-radius:3px;margin-left:5px;background:url(../../images/sub/ic-good-on.svg) no-repeat 6px 3px;background-size:10px 10px}
.comment-style01 .comment .comment-user-info a.good-btn.no{background:url(../../images/sub/ic-good-off.svg) no-repeat 6px 3px;background-size:10px 10px}
.comment-style01 .comment .comment-user-info a.good-btn.lottie{background-size:0 !important;}
.comment-style01 .comment .comment-user-info a.good-btn #lottie{position:absolute;top:-2px;left:-2px;width:27px;height:100%;}
.comment-style01 .comment .comment-user-info a.good-btn.tp1{background-color:#272727;border:1px solid #525252}
.comment-style01 .comment .comment-user-info a.good-btn.tp2{background-color:#000;}
.comment-style01 .comment .comment-user-info a.good-btn.tp3{background-color:#a9a275;}
.comment-style01 .comment .comment-user-info a.good-btn.tp4{background-color:#d9a42f;}
.comment-style01 .comment .comment-user-info a.good-btn.tp5{background-color:#d37026;}
.comment-style01 .comment .comment-user-info a.good-btn.tp6{background-color:#d03d20;}
.comment-style01 .comment .comment-user-info .user-id-nick{padding:0;background:0 0}
.comment-style01 .comment img{max-width:100%}
.note-popover .popover-content,.panel-heading.note-toolbar{position:static!important}
#con-body .info-body .content .list-area .list-style01 ul li .top .num{white-space:nowrap;padding:0;text-align:center}
#con-body .info-body .content .list-area .list-style01 ul li .top .num span{white-space:nowrap;padding:0;text-align:center}
.board-list-comment {color: silver;font-size: 11px;font-weight: 700;margin-left:3px;padding-left: 14px;position: relative;white-space: nowrap;}
.board-list-comment:before{width:11px;height:9px;content:"";position:absolute;left:0;top:3px;background:url(../images/main/reply_count_icon.png) no-repeat}
#con-body .info-body .content .list-area .list-style02 ul li .list-img-area{width:54px;height:54px}
#con-body .info-body .content .list-area .list-style02 ul li .list-img-area img{height:54px}
#con-body .info-body .content .list-area .list-style03 ul.gal{font-size:0}
#con-body .info-body .content .list-area .list-style03 ul.gal li{display:inline-block;font-size:16px;float:none;vertical-align:top}
#con-body .info-body .content .list-area .list-style03 ul.gal li:nth-of-type(2n-1){padding-left:0}
#con-body .info-body .content .list-area .list-style07 ul.gal{font-size:0}
#con-body .info-body .content .list-area .list-style07 ul.gal li{display:inline-block;font-size:16px;float:none;vertical-align:top}
#con-body .info-body .content .list-area .list-style07 ul.gal li:nth-of-type(2n-1){padding-left:0}
#con-body .info-body .content .list-area .list-style08 ul.gal{font-size:0}
#con-body .info-body .content .list-area .list-style08 ul.gal li{display:inline-block;font-size:16px;float:none;vertical-align:top}
#con-body .info-body .content .list-area .list-style08 ul.gal li:nth-of-type(2n-1){padding-left:0}
#con-body .info-body .content .list-area .srch-sel-area{z-index:99}
#con-body .info-body .content .list-area .list-style03 ul li .top .img-background-wrap {height:17.15vw;padding-bottom: 57%;min-height: 100px;border:none;}
#con-body .info-body .content .list-area .list-style04 ul li .list-img-area{width:54px;height:54px}
#con-body .info-body .content .list-area .list-style05 ul li .list-form .left-img .img-background-wrap{border:none;}
#con-body .info-body .content .list-area .list-style07 ul li .top .img-background-wrap{padding-bottom:75%}
#con-body .info-body .content .list-area .list-style08 ul li .top .img-background-wrap{padding-bottom:57%}
#con-body .info-body .content .list-area .list-style10 ul li .left-side-img .left-img{overflow:hidden}
#con-body .info-body .content .list-area .list-style10 ul li .right-side-info a.profile span{background:0 0}
#con-body .info-body .content .total-srch-area .srch-sel-area select{display:inline-block;width:90px;height:31px;background:url(../images/sub/sort_arrow_icon_down.png) no-repeat 70px 12px;color:#fff;border-top:none;border-right:1px solid #525252;border-left:none;border-bottom:none;padding-right:10px;padding-left:10px;font-size:13px;-webkit-appearance:none;appearance:none}
#con-body .info-body .content .total-srch-area .srch-sel-area select option{background:#272727;color:#fff;border-bottom:1px solid #525252;border-right:1px solid #525252;border-left:1px solid #525252}
#con-body .info-body .content .total-srch-area .list-style02 ul li.img-type .list-img-area{width:54px;height:54px}
.video-play-pop{position:absolute;left:50%;width:95%;max-width:800px;top:50%;transform:translate(-50%,-50%);z-index:9999}
.video-play-pop button.close-btn{position:absolute;top:-40px;right:10px;color:#fff;font-size:32px}
.myProfile{position:fixed;left:0;top:0;width:100%;height:100%;z-index:999999;padding-top:35px;display:none}
.myProfile.acitve{display:block}
.myProfile.active{display:block}
.myProfile .post-tab-wrap{background-color:#202020;width:100%;height:100%;position:fixed;padding-top:35px;top:0;box-sizing:border-box}
.myProfile .post-tab-wrap .tab-bt-wrap{border-bottom:1px solid #525252;position:relative;padding-left:48px;box-sizing:border-box}
.myProfile .post-tab-wrap .tab-bt-wrap .back-bt{width:48px;border-right:1px solid #525252;box-sizing:border-box;position:absolute;left:0;top:-1px;height:28px;line-height:28px;background:url(../images/popup/back_bt_arrow.png) 50% 50% no-repeat;background-size:8px 15px;display:inline-block;text-indent:-9999px;overflow:hidden}
.myProfile .post-tab-wrap .tab-bt-wrap .tab-bt-area{overflow:hidden}
.myProfile .post-tab-wrap .tab-bt-wrap .tab-bt-area .tab-bt{width:50%;float:left;border-left:1px solid #525252;text-align:center;height:27px;line-height:27px;display:inline-block;font-weight:700;font-size:10px;color:#b5b5b5;box-sizing:border-box}
.myProfile .post-tab-wrap .tab-bt-wrap .tab-bt-area .tab-bt:first-child{border-left:0}
.myProfile .post-tab-wrap .tab-bt-wrap .tab-bt-area .tab-bt.active{color:#ff9920}
.myProfile .post-tab-wrap .tab-con-wrap{padding:0 10px}
.myProfile .post-tab-wrap .tab-con-wrap.op-tp{overflow-y:scroll;position:fixed;width:100%;box-sizing:border-box;height:100%;padding:0 10px 116px}
.myProfile .post-tab-wrap .tab-con-wrap .tab-con-area{display:none}
.myProfile .post-tab-wrap .tab-con-wrap .tab-con-area.active{display:block}
.myProfile .post-tab-wrap .tab-con-wrap .tab-con-area table{width:100%}
.myProfile .post-tab-wrap .tab-con-wrap .tab-con-area table th{text-align:center;font-size:10px;color:#e3e3e3;font-weight:700;vertical-align:middle;padding:5px 0 2px;border-bottom:1px solid #565656}
.myProfile .post-tab-wrap .tab-con-wrap .tab-con-area table td .cate1{color:#fff}
.myProfile .post-tab-wrap .tab-con-wrap .tab-con-area table td{vertical-align:middle;padding:12px 0 11px;border-bottom:1px solid #565656;text-align:center;font-size:10px;font-weight:700;color:#e3e3e3}
.myProfile .post-tab-wrap .tab-con-wrap .tab-con-area table td .tit{text-align:left;padding:0 8px;box-sizing:border-box}
.myProfile .post-tab-wrap .tab-con-wrap .tab-con-area table td .tit a{display:block;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;font-size:10px;color:#e3e3e3;font-weight:700;line-height:14px}
.myProfile .post-tab-wrap .paging-area{font-size:0;text-align:center;padding:14px 0 14px;background-color:#181818;line-height:23px;position:absolute;bottom:0;left:0;width:100%}
.myProfile .post-tab-wrap .paging-area .prev-bt{display:inline-block;width:6px;height:10px;vertical-align:middle;background:url(../images/popup/paging_prev_bt.png) no-repeat;background-size:6px 10px;margin-right:16px}
.myProfile .post-tab-wrap .paging-area .next-bt{display:inline-block;width:6px;height:10px;vertical-align:middle;background:url(../images/popup/paging_next_bt.png) no-repeat;background-size:6px 10px;margin-left:16px}
.myProfile .post-tab-wrap .paging-area ul{display:inline-block}
.myProfile .post-tab-wrap .paging-area ul li{display:inline-block;margin-left:8px}
.myProfile .post-tab-wrap .paging-area ul li:first-child{margin-left:0}
.myProfile .post-tab-wrap .paging-area ul li a{font-size:10px;border:1px solid #525252;background-color:#272727;color:#e3e3e3;width:25px;height:25px;line-height:23px;text-align:center;box-sizing:border-box;display:inline-block;vertical-align:top}
.myProfile .post-tab-wrap .paging-area ul li a.active{background-color:#ff9920;color:#fff}
.myProfile .post-wrap{background-color:#202020;width:100%;height:100%;position:fixed;padding-top:35px;top:0;box-sizing:border-box}
.myProfile .post-wrap .post-tab-wrap .tab-bt-wrap .back-bt{width:48px;border-right:1px solid #525252;box-sizing:border-box;position:absolute;left:0;top:0;height:28px;line-height:28px;background:url(../images/popup/back_bt_arrow.png) 50% 50% no-repeat;background-size:8px 15px;display:inline-block;text-indent:-9999px;overflow:hidden}
.myProfile .post-wrap .post-tab-wrap .tab-bt-wrap .tab-bt-area{overflow:hidden}
.myProfile .post-wrap .post-tab-wrap .tab-bt-wrap .tab-bt-area .tab-bt{width:50%;float:left;border-left:1px solid #525252;text-align:center;height:27px;line-height:27px;display:inline-block;font-weight:700;font-size:10px;color:#b5b5b5;box-sizing:border-box}
.myProfile .post-wrap .post-tab-wrap .tab-bt-wrap .tab-bt-area .tab-bt:first-child{border-left:0}
.myProfile .post-wrap .post-tab-wrap .tab-bt-wrap .tab-bt-area .tab-bt.active{color:#ff9920}
.myProfile .post-wrap .post-tab-wrap .tab-con-wrap{padding:0 10px 116px;overflow-y:scroll;position:fixed;width:100%;box-sizing:border-box;height:100%}
.myProfile .post-wrap .post-tab-wrap .tab-con-wrap.p-tp{padding:0 10px 116px!important}
.myProfile .post-wrap .post-tab-wrap .tab-con-wrap .tab-con-area{display:none}
.myProfile .post-wrap .post-tab-wrap .tab-con-wrap .tab-con-area.active{display:block}
.myProfile .post-wrap .post-tab-wrap .tab-con-wrap .tab-con-area table{width:100%}
.myProfile .post-wrap .post-tab-wrap .tab-con-wrap .tab-con-area table th{text-align:center;font-size:10px;color:#e3e3e3;font-weight:700;vertical-align:middle;padding:5px 0 2px;border-bottom:1px solid #565656}
.myProfile .post-wrap .post-tab-wrap .tab-con-wrap .tab-con-area table td .cate1{color:#fff}
.myProfile .post-wrap .post-tab-wrap .tab-con-wrap .tab-con-area table td{vertical-align:middle;padding:12px 0 11px;border-bottom:1px solid #565656;text-align:center;font-size:10px;font-weight:700;color:#e3e3e3}
.myProfile .post-wrap .post-tab-wrap .tab-con-wrap .tab-con-area table td .tit{text-align:left;padding:0 8px;box-sizing:border-box}
.myProfile .post-wrap .post-tab-wrap .tab-con-wrap .tab-con-area table td .tit a{display:block;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;font-size:10px;color:#e3e3e3;font-weight:700;line-height:14px}
.myProfile .post-wrap .paging-area{font-size:0;text-align:center;padding:14px 0 14px;background-color:#181818;line-height:23px;position:absolute;bottom:0;left:0;width:100%}
.myProfile .post-wrap .paging-area .prev-bt{display:inline-block;width:6px;height:10px;vertical-align:middle;background:url(../images/popup/paging_prev_bt.png) no-repeat;background-size:6px 10px;margin-right:16px}
.myProfile .post-wrap .paging-area .next-bt{display:inline-block;width:6px;height:10px;vertical-align:middle;background:url(../images/popup/paging_next_bt.png) no-repeat;background-size:6px 10px;margin-left:16px}
.myProfile .post-wrap .paging-area ul{display:inline-block}
.myProfile .post-wrap .paging-area ul li{display:inline-block;margin-left:8px}
.myProfile .post-wrap .paging-area ul li:first-child{margin-left:0}
.myProfile .post-wrap .paging-area ul li a{font-size:10px;border:1px solid #525252;background-color:#272727;color:#e3e3e3;width:25px;height:25px;line-height:23px;text-align:center;box-sizing:border-box;display:inline-block;vertical-align:top}
.myProfile .post-wrap .paging-area ul li a.active{background-color:#ff9920;color:#fff}
.myProfile .profile-wrap{background-color:#202020;height:100%;position:fixed;width:100%;overflow-y:scroll;box-sizing:border-box;padding-bottom:80px}
.myProfile .profile-wrap .profile-area{padding:0 8px 0}
.myProfile .profile-wrap .profile-area .profile-top-area{height:132px;padding-left:80px;background-color:#202020;padding-top:19px;box-sizing:border-box;position:relative}
.myProfile .profile-wrap .profile-area .profile-top-area .my-info-area{position:absolute;left:9px;top:22px;width:61px;text-align:center}
.myProfile .profile-wrap .profile-area .profile-top-area .my-info-area .pic-thumb-area{display:block;position:relative;overflow:hidden;width:61px;height:61px;background-color:grey;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%}
.myProfile .profile-wrap .profile-area .profile-top-area .my-info-area .pic-thumb-area img{width:100%;display:block}
.myProfile .profile-wrap .profile-area .profile-top-area .my-info-area .pic-thumb-area:before{position:absolute;left:0;top:0;width:100%;height:100%;content:"";background:url(../images/sub/thumb_pic_hover.png) no-repeat;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;opacity:0}
.myProfile .profile-wrap .profile-area .profile-top-area .my-info-area .pic-thumb-area:hover:before{opacity:1}
.myProfile .profile-wrap .profile-area .profile-top-area .my-info-area .my-info-view{display:inline-block;margin-top:10px;width:56px;height:17px;border:1px solid #505050;background-color:#181818;line-height:17px;text-align:center;font-size:10px;font-weight:700;color:#e3e3e3;box-sizing:border-box}
.myProfile .profile-wrap .profile-area .profile-top-area dl dt .id{font-weight:700;font-size:12px;color:#e3e3e3;line-height:22px;display:inline-block}
.myProfile .profile-wrap .profile-area .profile-top-area dl dt .id img{margin-right:1px}
.myProfile .profile-wrap .profile-area .profile-top-area dl dt .msg-send-bt{display:inline-block;width:16px;height:16px;background:url(../images/popup/msg_send_bt.png) no-repeat;margin-left:6px;position:relative;top:1px}
.myProfile .profile-wrap .profile-area .profile-top-area dl dt .follow-bt{display:inline-block;width:15px;height:13px;margin-left:4px;position:relative;top:1px}
.myProfile .profile-wrap .profile-area .profile-top-area dl dt .unfollow-bt{display:inline-block;width:15px;height:13px;margin-left:4px;position:relative;top:1px}
.myProfile .profile-wrap .profile-area .profile-top-area dl dt .follow-state{position:relative;top:2px;padding-right:0;margin-left:5px}
.myProfile .profile-wrap .profile-area .profile-top-area dl dt .follow-state em{width:17px;height:11px;display:inline-block;background:url(../images/popup/follow_state_icon.png) no-repeat;background-size:17px 11px}
.myProfile .profile-wrap .profile-area .profile-top-area dl dt .block-bt{position:relative;top:1px;padding-left:11px;margin-left:6px}
.myProfile .profile-wrap .profile-area .profile-top-area dl dt .block-bt:after{position:absolute;left:0;top:3px;width:2px;height:12px;background-color:#656565;content:""}
.myProfile .profile-wrap .profile-area .profile-top-area dl dt .block-bt a{display:inline-block;width:17px;height:13px;background:url(../images/popup/unfollow_bt.png) no-repeat;position:relative;top:1px}
.myProfile .profile-wrap .profile-area .profile-top-area dl dd{margin-top:2px;padding-left:6px}
.myProfile .profile-wrap .profile-area .profile-top-area dl dd p{font-size:0;margin-top:-2px}
.myProfile .profile-wrap .profile-area .profile-top-area dl dd p:first-child{margin-top:0}
.myProfile .profile-wrap .profile-area .profile-top-area dl dd p span{font-size:10px;color:#b5b5b5;margin-left:5px;padding-left:8px;position:relative;letter-spacing:-.5px}
.myProfile .profile-wrap .profile-area .profile-top-area dl dd p span:before{position:absolute;left:0;top:0;content:"";width:1px;height:10px;background-color:#b5b5b5}
.myProfile .profile-wrap .profile-area .profile-top-area dl dd p span:first-child{padding-left:0;margin-left:0}
.myProfile .profile-wrap .profile-area .profile-top-area dl dd p span:first-child:before{display:none}
.myProfile .profile-wrap .profile-area .profile-top-area dl dd p span a{font-weight:700;font-size:10px;color:#e3e3e3;text-decoration:underline}
.myProfile .profile-wrap .profile-area .profile-mid-area{border:1px solid #515151;background-color:#171717;box-sizing:border-box;padding:10px 10px 15px 10px}
.myProfile .profile-wrap .profile-area .profile-mid-area .lately-get-planet{padding-top:6px;box-sizing:border-box}
.myProfile .profile-wrap .profile-area .profile-mid-area .lately-get-planet .l-tit{font-size:11px;font-weight:700;color:#e3e3e3}
.myProfile .profile-wrap .profile-area .profile-mid-area .lately-get-planet .con-none{font-size:10px;font-weight:700;color:#b5b5b5;text-align:center;margin-top:15px;padding-bottom:10px}
.myProfile .profile-wrap .profile-area .profile-mid-area .lately-get-planet .con{position:relative;box-sizing:border-box;padding-left:60px;margin-top:13px}
.myProfile .profile-wrap .profile-area .profile-mid-area .lately-get-planet .con .planet-img{position:absolute;left:0;top:0}
.myProfile .profile-wrap .profile-area .profile-mid-area .lately-get-planet .con .planet-img img{width:100%}
.myProfile .profile-wrap .profile-area .profile-mid-area .lately-get-planet .con .info .tit{font-size:10px;font-weight:700;color:#e3e3e3}
.myProfile .profile-wrap .profile-area .profile-mid-area .lately-get-planet .con .info .txt{font-size:10px;color:#b5b5b5;line-height:13px;margin-top:3px}
.myProfile .profile-wrap .profile-area .profile-mid-area .lately-get-planet .con .info .date{font-size:10px;color:#b5b5b5;margin-top:6px}
.myProfile .profile-wrap .profile-area .profile-mid-area .lately-get-planet .con .info .date a{text-decoration:underline;font-weight:700;font-size:10px;color:#b5b5b5}
.myProfile .profile-wrap .profile-area .profile-mid-area .lately-post{padding-top:12px;box-sizing:border-box;border-top:1px solid #4d4d4d;margin-top:15px}
.myProfile .profile-wrap .profile-area .profile-mid-area .lately-post .l-tit{font-size:11px;font-weight:700;color:#e3e3e3}
.myProfile .profile-wrap .profile-area .profile-mid-area .lately-post .con-none{font-size:10px;font-weight:700;color:#b5b5b5;text-align:center;margin-top:15px;padding-bottom:10px}
.myProfile .profile-wrap .profile-area .profile-mid-area .lately-post .con{margin-top:3px}
.myProfile .profile-wrap .profile-area .profile-mid-area .lately-post .con ul li{position:relative;padding-right:35px}
.myProfile .profile-wrap .profile-area .profile-mid-area .lately-post .con ul li .tit{width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.myProfile .profile-wrap .profile-area .profile-mid-area .lately-post .con ul li .tit a{font-size:10px;color:#e3e3e3}
.myProfile .profile-wrap .profile-area .profile-mid-area .lately-post .con ul li .date{position:absolute;right:0;top:0;font-size:10px;color:#b5b5b5}
.myProfile .profile-wrap .profile-area .profile-bot-area{position:relative;border:1px solid #515151;background-color:#171717;box-sizing:border-box;margin-top:10px;padding-top:12px}
.myProfile .profile-wrap .profile-area .profile-bot-area .l-tit{color:#e3e3e3;font-weight:700;font-size:11px;display:inline;border-bottom:1px solid #ff9400;padding-bottom:3px;position:relative;left:10px}
.myProfile .profile-wrap .profile-area .profile-bot-area .intro-area{width:100%;background-color:grey;margin-top:9px}
.myProfile .profile-wrap .profile-area .profile-bot-area .intro-area img{display:block;width:100%}
.myProfile .profile-wrap .profile-area .sanc-list-bt{text-align:right;margin-top:7px}
.myProfile .profile-wrap .profile-area .sanc-list-bt a{display:inline-block;border:1px solid #505050;background-color:#181818;width:55px;height:16px;line-height:16px;text-align:center;font-weight:700;font-size:10px;color:#e3e3e3;box-sizing:border-box}
.myProfile .profile-wrap .profile-area .sanc-list-area{border:1px solid #4e4e4e;display:none;background-color:#171717;margin-top:8px;padding:12px 0 12px 17px;box-sizing:border-box}
.myProfile .profile-wrap .profile-area .sanc-list-area.active{display:block}
.myProfile .profile-wrap .profile-area .sanc-list-area ul li{font-size:10px;color:#e3e3e3;line-height:18px}
.myProfile .inner-layer-popup{position:fixed;display:none;left:0;top:0;width:100%;height:100%;background-color:#fff;z-index:1000;padding-top:35px;box-sizing:border-box}
.myProfile .inner-layer-popup.up{z-index:1001}
.myProfile .inner-layer-popup .inner-head{height:34px;position:fixed;top:0;width:100%;left:0;background-color:#181818;z-index:1001;border-bottom:1px solid #525252}
.myProfile .inner-layer-popup .inner-head .logo{position:absolute;left:12px;top:6px}
.myProfile .inner-layer-popup .inner-head .logo img{width:18px;height:21px}
.myProfile .inner-layer-popup .inner-head .tit{text-align:center;font-size:11px;line-height:34px;font-weight:700;color:#e3e3e3}
.myProfile .inner-layer-popup .inner-head .tit span{color:#ff9920}
.myProfile .inner-layer-popup .inner-head .close-bt{position:absolute;right:12px;top:11px}
.myProfile .inner-layer-popup .inner-head .close-bt img{width:13px;height:13px}
.myProfile .inner-layer-popup.active{display:block}
.myProfile .inner-layer-popup .pop-head-wrap{position:absolute;left:0;top:0;width:100%;border-bottom:1px solid #525252}
.myProfile .inner-layer-popup .pop-head-wrap .inner-pop-close{position:absolute;right:12px;top:11px}
.myProfile .inner-layer-popup .inner-popup-content{position:relative;height:100%;background-color:#202020}
.myProfile .inner-layer-popup2 .inner-popup-content .add-friend-wrap{height:100%;padding-bottom:53px;box-sizing:border-box;overflow-y:scroll}
.myProfile .post-wrap .post-tab-wrap .tab-bt-wrap{position:relative;background-color:#202020;box-sizing:border-box;border-bottom:1px solid #525252}
.myProfile .post-wrap .post-tab-wrap .tab-bt-wrap .back-bt{width:48px;border-right:1px solid #525252;box-sizing:border-box;position:absolute;left:0;top:0;height:28px;line-height:28px;background:url(../images/popup/back_bt_arrow.png) 50% 50% no-repeat;background-size:8px 15px;display:none;text-indent:-9999px;overflow:hidden}
.myProfile .post-wrap .post-tab-wrap .tab-bt-wrap .tab-bt-area{overflow:hidden}
.myProfile .post-wrap .post-tab-wrap .tab-bt-wrap .tab-bt-area .tab-bt{width:50%;float:left;border-left:1px solid #525252;text-align:center;height:27px;line-height:27px;display:inline-block;font-weight:700;font-size:10px;color:#b5b5b5;box-sizing:border-box}
.myProfile .post-wrap .post-tab-wrap .tab-bt-wrap .tab-bt-area .tab-bt:first-child{border-left:0}
.myProfile .post-wrap .post-tab-wrap .tab-bt-wrap .tab-bt-area .tab-bt.active{color:#ff9920}
.myProfile .post-wrap .post-tab-wrap .tab-con-wrap{padding:0 10px}
.myProfile .post-wrap .post-tab-wrap .tab-con-wrap .tab-con-area{display:none}
.myProfile .post-wrap .post-tab-wrap .tab-con-wrap .tab-con-area.active{display:block}
.myProfile .post-wrap .post-tab-wrap .tab-con-wrap .tab-con-area table th{text-align:center;font-size:10px;color:#e3e3e3;font-weight:700;vertical-align:middle;padding:5px 0 2px;border-bottom:1px solid #565656}
.myProfile .post-wrap .post-tab-wrap .tab-con-wrap .tab-con-area table td{vertical-align:middle;padding:12px 0 11px;border-bottom:1px solid #565656;text-align:center;font-size:10px;font-weight:700;color:#e3e3e3}
.myProfile .post-wrap .post-tab-wrap .tab-con-wrap .tab-con-area table td .tit{text-align:left;padding:0 8px;box-sizing:border-box}
.myProfile .post-wrap .post-tab-wrap .tab-con-wrap .tab-con-area table td .tit a{display:block;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;font-size:10px;color:#e3e3e3;font-weight:700;line-height:14px}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap{height:100%}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .top-bt-wrap{position:relative;padding-left:48px;background-color:#202020;box-sizing:border-box;border-bottom:1px solid #525252}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .top-bt-wrap.type2{padding-left:52px}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .top-bt-wrap.type2 .back-bt{width:52px;height:100%}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .top-bt-wrap .back-bt{width:48px;border-right:1px solid #525252;box-sizing:border-box;position:absolute;left:0;top:-1px;height:28px;line-height:28px;background:url(../images/popup/back_bt_arrow.png) 50% 50% no-repeat;background-size:8px 15px;display:inline-block;text-indent:-9999px;overflow:hidden}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .top-bt-wrap .input{position:relative;padding-right:45px;box-sizing:border-box}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .top-bt-wrap .input input{width:100%;height:27px;background-color:#202020;color:#e3e3e3;font-weight:700;font-size:12px;box-sizing:border-box;padding-left:12px;border:0}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .top-bt-wrap .input input::-webkit-input-placeholder{color:#767676;font-weight:700}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .top-bt-wrap .input input::-moz-placeholder{color:#767676;font-weight:700}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .top-bt-wrap .input input:-ms-input-placeholder{color:#767676;font-weight:700}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .top-bt-wrap .input input:-moz-placeholder{color:#767676;font-weight:700}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .top-bt-wrap .input a{position:absolute;right:0;top:0;width:30px;height:27px;text-indent:-9999px;overflow:hidden;background:url(../images/popup/frd_srch_bt.gif) no-repeat;background-size:30px 27px}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .top-bt-wrap .s-tit-type{line-height:28px;height:28px}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .top-bt-wrap .s-tit-type span{font-weight:700;font-size:10px;color:#e4cf1a;position:relative;padding-left:12px;margin-left:14px}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .top-bt-wrap .s-tit-type span:before{position:absolute;left:0;top:1px;width:9px;height:9px;content:"";background:url(../images/popup/mss_icon2.gif) no-repeat;background-size:9px 9px}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .top-bt-wrap .msg-top-wrap{height:48px;padding-left:12px;box-sizing:border-box;padding-top:3px}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .top-bt-wrap .msg-top-wrap .con-area{display:block;padding-left:37px;box-sizing:border-box;position:relative}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .top-bt-wrap .msg-top-wrap .con-area.login:before{display:block}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .top-bt-wrap .msg-top-wrap .con-area:before{position:absolute;left:-3px;top:-3px;display:none;width:6px;height:6px;background-color:#5fed73;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;content:""}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .top-bt-wrap .msg-top-wrap .con-area .thumb-area{position:absolute;left:0;top:50%;margin-top:-15px;width:30px;height:30px;display:inline-block;background-color:grey;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;overflow:hidden}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .top-bt-wrap .msg-top-wrap .con-area .thumb-area img{width:100%;height:100%;display:block}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .top-bt-wrap .msg-top-wrap .con-area .txt-area{padding-top:5px;position:relative}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .top-bt-wrap .msg-top-wrap .con-area .txt-area .id a{font-size:10px;font-weight:700;color:silver}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .top-bt-wrap .msg-top-wrap .con-area .txt-area .id a img{margin-right:2px}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .top-bt-wrap .msg-top-wrap .con-area .txt-area .util{font-size:0;margin-top:1px}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .top-bt-wrap .msg-top-wrap .con-area .txt-area .util span{position:relative;display:inline-block;margin-left:6px;padding-left:6px}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .top-bt-wrap .msg-top-wrap .con-area .txt-area .util span:before{position:absolute;left:0;top:3px;width:1px;height:9px;content:"";background:#afafaf}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .top-bt-wrap .msg-top-wrap .con-area .txt-area .util span:first-child{margin-left:0;padding-left:0}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .top-bt-wrap .msg-top-wrap .con-area .txt-area .util span:first-child:before{display:none}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .top-bt-wrap .msg-top-wrap .con-area .txt-area .util span a{font-size:10px;font-weight:700;color:#afafaf}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .top-bt-wrap .msg-top-wrap .con-area .txt-area .msg-out{display:inline-block;position:absolute;top:50%;margin-top:-8px;background-color:#181818;font-size:10px;font-weight:700;color:#e3e3e3;border:1px solid #505050;text-align:center;right:10px;width:72px;height:16px;line-height:16px;box-sizing:border-box}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .top-bt-wrap .msg-top-wrap .con-area .txt-area .msg-out:hover{color:#ff9400}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mid-con-wrap{padding:0 0;border-bottom:1px solid #525252}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mid-con-wrap ul li{position:relative;padding:5px 0 5px 49px;box-sizing:border-box;min-height:49px;border-top:1px solid #525252}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mid-con-wrap ul li:first-child{border-top:0}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mid-con-wrap ul li .thumb-area{position:absolute;left:13px;top:50%;margin-top:-14px;width:28px;height:28px;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;overflow:hidden;display:inline-block;background-color:grey}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mid-con-wrap ul li .thumb-area img{width:100%;height:100%;display:block}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mid-con-wrap ul li a{font-size:10px;color:#e3e3e3;font-weight:700;position:relative;top:11px}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mid-con-wrap ul li a img{margin-right:2px}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mss-con-wrap{padding:0 0;border-bottom:1px solid #525252}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mss-con-wrap ul li{padding:1px 47px 2px 13px;box-sizing:border-box;position:relative;border-top:1px solid #565656}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mss-con-wrap ul li:first-child{border-top:0}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mss-con-wrap ul li:after{position:absolute;top:50%;margin-top:-7px;right:47px;width:1px;height:13px;content:"";background-color:#565656}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mss-con-wrap ul li .con-area{display:block;min-height:38px;padding-left:36px;box-sizing:border-box;position:relative}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mss-con-wrap ul li .con-area.login:before{display:block}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mss-con-wrap ul li .con-area:before{position:absolute;left:-3px;top:-3px;display:none;width:6px;height:6px;background-color:#5fed73;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;content:""}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mss-con-wrap ul li .con-area .thumb-area{position:absolute;left:0;top:50%;margin-top:-14px;width:28px;height:28px;display:inline-block;background-color:grey;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;overflow:hidden}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mss-con-wrap ul li .con-area .thumb-area img{width:100%;height:100%;display:block}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mss-con-wrap ul li .con-area .txt-area{padding-top:5px;position:relative}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mss-con-wrap ul li .con-area .txt-area .id a{font-size:10px;font-weight:700;color:silver}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mss-con-wrap ul li .con-area .txt-area .id a img{margin-right:2px}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mss-con-wrap ul li .con-area .txt-area .id .bookmark{display:inline-block;vertical-align:top;padding-left:2px;width:13px;height:13px;background:url(../images/popup/mss_icon2.png) no-repeat}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mss-con-wrap ul li .con-area .txt-area .id .bookmark:hover{background:url(../images/popup/mss_icon2_hover.png) no-repeat}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mss-con-wrap ul li .con-area .txt-area .text{width:95%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-top:2px}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mss-con-wrap ul li .con-area .txt-area .text a{font-size:10px;color:silver;font-weight:700;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:100%;display:inline-block}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mss-con-wrap ul li .date{line-height:49px;height:47px;font-size:10px;color:silver;position:absolute;right:0;top:0;text-align:center;width:47px;display:inline-block}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mid-msg-wrap{height:100%;padding:15px 10px;box-sizing:border-box;background-color:#272727}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mid-msg-wrap .prev-msg-area{position:absolute;display:block;top:0;left:0;text-align:center;display:block;width:100%;height:29px;line-height:29px;background:url(../images/popup/more_bt_bg2.gif) repeat-x;background-size:100% 29px}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mid-msg-wrap .prev-msg-area a{height:29px;width:100%;display:block}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mid-msg-wrap .prev-msg-area a span{position:relative;padding-right:14px;font-size:10px;font-weight:700;color:#e3e3e3}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mid-msg-wrap .prev-msg-area a span:after{position:absolute;right:0;top:3px;width:8px;height:7px;content:"";background:url(../images/popup/prev_msg_icon.gif) no-repeat;background-size:8px 7px}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mid-msg-wrap .msg-list-area div:first-child{margin-top:0}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mid-msg-wrap .msg-list-area .msg-sendA{overflow:hidden;padding:10px 0}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mid-msg-wrap .msg-list-area .msg-type1{float:left;margin-top:25px;max-width:215px;padding:11px 7px 25px;border:1px solid #565656;background-color:#373432;box-sizing:border-box;position:relative;min-width:140px}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mid-msg-wrap .msg-list-area .msg-type1:before{position:absolute;bottom:-10px;left:-1px;width:11px;height:10px;content:"";background:url(../images/popup/word_left_tit.gif) no-repeat;background-size:11px 10px}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mid-msg-wrap .msg-list-area .msg-type1 .msg-con{font-size:10px;color:#e3e3e3;line-height:15px}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mid-msg-wrap .msg-list-area .msg-type1 .util{position:absolute;right:6px;bottom:2px}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mid-msg-wrap .msg-list-area .msg-type1 .util .date{font-size:10px;color:#e3e3e3;padding-left:11px;position:relative}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mid-msg-wrap .msg-list-area .msg-type1 .util .date:before{position:absolute;left:0;top:2px;width:8px;height:6px;content:"";background:url(../images/popup/msg_icon.png) no-repeat;background-size:8px 6px}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mid-msg-wrap .msg-list-area .msg-type1 .util .delete-bt{width:9px;height:9px;display:inline-block;background:url(../images/popup/msg_delete_bt.png) no-repeat;background-size:9px 9px;vertical-align:middle}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mid-msg-wrap .msg-list-area .msg-type1 .star-icon{position:absolute;right:-15px;top:0;width:11px;height:11px;background:url(../images/popup/star_icon_d.gif) no-repeat;background-size:11px 11px;display:inline-block}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mid-msg-wrap .msg-list-area .msg-type1 .star-icon.active{background:url(../images/popup/star_icon_a.gif) no-repeat;background-size:11px 11px}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mid-msg-wrap .msg-list-area .msg-type1 .state{width:5px;height:5px;position:absolute;right:-12px;bottom:3px;display:inline-block;background-color:#ff9400;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mid-msg-wrap .msg-list-area .msg-type1 .state.active{background-color:silver}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mid-msg-wrap .msg-list-area .msg-sendB{overflow:hidden;padding:10px 0}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mid-msg-wrap .msg-list-area .msg-type2{float:right;margin-top:25px;max-width:215px;min-width:140px;padding:11px 7px 25px;border:1px solid #565656;background-color:#202020;box-sizing:border-box;position:relative}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mid-msg-wrap .msg-list-area .msg-type2:before{position:absolute;bottom:-10px;right:-1px;width:10px;height:10px;content:"";background:url(../images/popup/word_right_tit.gif) no-repeat;background-size:10px 10px}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mid-msg-wrap .msg-list-area .msg-type2 .msg-con{font-size:10px;color:#e3e3e3;line-height:15px}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mid-msg-wrap .msg-list-area .msg-type2 .util{position:absolute;right:6px;bottom:6px}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mid-msg-wrap .msg-list-area .msg-type2 .util .date{font-size:10px;color:#e3e3e3;padding-left:11px;position:relative}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mid-msg-wrap .msg-list-area .msg-type2 .util .date:before{position:absolute;left:0;top:2px;width:8px;height:6px;content:"";background:url(../images/popup/msg_icon.png) no-repeat;background-size:8px 6px}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mid-msg-wrap .msg-list-area .msg-type2 .util .delete-bt{width:9px;height:9px;display:inline-block;background:url(../images/popup/msg_delete_bt.png) no-repeat;background-size:9px 9px;vertical-align:middle}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mid-msg-wrap .refresh-msg-area{position:absolute;display:block;bottom:0;left:0;width:100%;height:34px;text-align:center;line-height:34px;background:url(../images/popup/refresh_bg2.gif) repeat-x}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mid-msg-wrap .refresh-msg-area a{position:relative;padding-right:18px;font-size:11px;font-weight:700;color:#e3e3e3}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mid-msg-wrap .refresh-msg-area a:after{position:absolute;right:0;top:0;width:11px;height:11px;content:"";background:url(../images/popup/refresh_icon2.png) no-repeat}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .bot-msg-wrap{border-top:1px solid #515151;padding:10px 10px 0;background-color:#181818;height:124px;box-sizing:border-box}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .bot-msg-wrap .text-area{position:relative;box-sizing:border-box;height:68px;padding-right:30px}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .bot-msg-wrap .text-area textarea{width:100%;box-sizing:border-box;color:#e3e3e3;font-size:10px;padding:6px;background-color:#272727;border:1px solid #505050;height:68px;overflow:hidden}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .bot-msg-wrap .text-area textarea::-webkit-input-placeholder{color:#767676}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .bot-msg-wrap .text-area textarea::-moz-placeholder{color:#767676}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .bot-msg-wrap .text-area textarea:-ms-input-placeholder{color:#767676}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .bot-msg-wrap .text-area textarea:-moz-placeholder{color:#767676}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .bot-msg-wrap .text-area .send-bt-list{position:absolute;right:2px;top:4px;font-size:0}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .bot-msg-wrap .text-area .send-bt-list .send-bt2{margin-top:6px}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .bot-msg-wrap .text-area .send-bt-list .send-bt3{margin-top:7px}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .bot-msg-wrap .send-bt{text-align:center;margin-top:10px}
.myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .bot-msg-wrap .send-bt a{display:block;background-color:#ff9400;font-size:10px;color:#fff;font-weight:700;border:1px solid #865723;height:25px;line-height:25px;box-sizing:border-box}
.myProfile .inner-layer-popup .inner-popup-content .hidden-detail-wrap{width:100%;display:none;position:absolute;left:0;top:0;height:525px;box-sizing:border-box;background-color:#272727}
.myProfile .inner-layer-popup .inner-popup-content .hidden-detail-wrap.active{display:block}
.myProfile .inner-layer-popup .inner-popup-content .hidden-detail-wrap .top-bt-wrap{position:relative;padding-left:64px;background-color:#202020;box-sizing:border-box;border-bottom:1px solid #525252}
.myProfile .inner-layer-popup .inner-popup-content .hidden-detail-wrap .top-bt-wrap .back-bt{width:64px;border-right:1px solid #525252;box-sizing:border-box;position:absolute;left:0;top:0;height:34px;line-height:34px;background:url(../images/popup/back_bt_arrow.png) 50% 50% no-repeat;display:inline-block;text-indent:-9999px;overflow:hidden}
.myProfile .inner-layer-popup .inner-popup-content .hidden-detail-wrap .top-bt-wrap .input{position:relative;padding-right:45px;box-sizing:border-box}
.myProfile .inner-layer-popup .inner-popup-content .hidden-detail-wrap .top-bt-wrap .input input{width:100%;height:34px;background-color:#202020;color:#e3e3e3;font-weight:700;font-size:12px;box-sizing:border-box;padding-left:12px}
.myProfile .inner-layer-popup .inner-popup-content .hidden-detail-wrap .top-bt-wrap .input input::-webkit-input-placeholder{color:#767676;font-weight:700}
.myProfile .inner-layer-popup .inner-popup-content .hidden-detail-wrap .top-bt-wrap .input input::-moz-placeholder{color:#767676;font-weight:700}
.myProfile .inner-layer-popup .inner-popup-content .hidden-detail-wrap .top-bt-wrap .input input:-ms-input-placeholder{color:#767676;font-weight:700}
.myProfile .inner-layer-popup .inner-popup-content .hidden-detail-wrap .top-bt-wrap .input input:-moz-placeholder{color:#767676;font-weight:700}
.myProfile .inner-layer-popup .inner-popup-content .hidden-detail-wrap .top-bt-wrap .input a{position:absolute;right:0;top:0;width:40px;height:34px;text-indent:-9999px;overflow:hidden;background:url(../images/popup/frd_srch_bt.png) no-repeat}
.myProfile .inner-layer-popup .inner-popup-content .hidden-detail-wrap .mid-con-wrap{padding:0 12px;border-bottom:1px solid #525252}
.myProfile .inner-layer-popup .inner-popup-content .hidden-detail-wrap .mid-con-wrap ul li{padding:16px 30px 16px 0;box-sizing:border-box;position:relative;border-top:1px solid #565656}
.myProfile .inner-layer-popup .inner-popup-content .hidden-detail-wrap .mid-con-wrap ul li:first-child{border-top:0}
.myProfile .inner-layer-popup .inner-popup-content .hidden-detail-wrap .mid-con-wrap ul li:after{position:absolute;top:50%;margin-top:-8px;right:30px;width:1px;height:16px;content:"";background-color:#565656}
.myProfile .inner-layer-popup .inner-popup-content .hidden-detail-wrap .mid-con-wrap ul li .con-area{display:block;min-height:38px;padding-left:47px;box-sizing:border-box;position:relative}
.myProfile .inner-layer-popup .inner-popup-content .hidden-detail-wrap .mid-con-wrap ul li .con-area .thumb-area{position:absolute;left:0;top:0;width:38px;height:38px;display:inline-block;background-color:grey;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;overflow:hidden}
.myProfile .inner-layer-popup .inner-popup-content .hidden-detail-wrap .mid-con-wrap ul li .con-area .thumb-area img{width:100%;height:100%;display:block}
.myProfile .inner-layer-popup .inner-popup-content .hidden-detail-wrap .mid-con-wrap ul li .con-area .txt-area{padding-top:5px;position:relative}
.myProfile .inner-layer-popup .inner-popup-content .hidden-detail-wrap .mid-con-wrap ul li .con-area .txt-area .id a{font-size:12px;font-weight:700;color:#e3e3e3}
.myProfile .inner-layer-popup .inner-popup-content .hidden-detail-wrap .mid-con-wrap ul li .con-area .txt-area .id a img{margin-right:2px}
.myProfile .inner-layer-popup .inner-popup-content .hidden-detail-wrap .mid-con-wrap ul li .con-area .txt-area .util{font-size:0;margin-top:7px;padding-left:20px}
.myProfile .inner-layer-popup .inner-popup-content .hidden-detail-wrap .mid-con-wrap ul li .con-area .txt-area .util span{font-size:11px;color:#b2b2b2;font-weight:700;position:relative;margin-left:7px;padding-left:8px}
.myProfile .inner-layer-popup .inner-popup-content .hidden-detail-wrap .mid-con-wrap ul li .con-area .txt-area .util span:first-child{margin-left:0;padding-left:0}
.myProfile .inner-layer-popup .inner-popup-content .hidden-detail-wrap .mid-con-wrap ul li .con-area .txt-area .util span:first-child:before{display:none}
.myProfile .inner-layer-popup .inner-popup-content .hidden-detail-wrap .mid-con-wrap ul li .con-area .txt-area .util span:before{position:absolute;left:0;top:0;width:1px;content:"";background-color:#b2b2b2;height:11px}
.myProfile .inner-layer-popup .inner-popup-content .hidden-detail-wrap .mid-con-wrap ul li .delete-bt{position:absolute;right:0;top:50%;margin-top:-6px;text-indent:-9999px;overflow:hidden;width:14px;height:13px;background:url(../images/popup/delete_bt_icon2.png) no-repeat}
.myProfile .inner-layer-popup .inner-popup-content .paging-area{font-size:0;text-align:center;padding:14px 0 14px;background-color:#181818;line-height:23px;position:absolute;bottom:0;left:0;width:100%}
.myProfile .inner-layer-popup .inner-popup-content .paging-area .prev-bt{display:inline-block;width:6px;height:10px;vertical-align:middle;background:url(../images/popup/paging_prev_bt.png) no-repeat;background-size:6px 10px;margin-right:16px}
.myProfile .inner-layer-popup .inner-popup-content .paging-area .next-bt{display:inline-block;width:6px;height:10px;vertical-align:middle;background:url(../images/popup/paging_next_bt.png) no-repeat;background-size:6px 10px;margin-left:16px}
.myProfile .inner-layer-popup .inner-popup-content .paging-area ul{display:inline-block}
.myProfile .inner-layer-popup .inner-popup-content .paging-area ul li{display:inline-block;margin-left:8px}
.myProfile .inner-layer-popup .inner-popup-content .paging-area ul li:first-child{margin-left:0}
.myProfile .inner-layer-popup .inner-popup-content .paging-area ul li a{font-size:10px;border:1px solid #525252;background-color:#272727;color:#e3e3e3;width:25px;height:25px;line-height:23px;text-align:center;box-sizing:border-box;display:inline-block;vertical-align:top}
.myProfile .inner-layer-popup .inner-popup-content .paging-area ul li a.active{background-color:#ff9920;color:#fff}
.myProfile .level-content-wrap{background-color:#202020;height:100%}
.myProfile .level-content-wrap .level-top-area{position:relative;padding:14px 10px 0}
.myProfile .level-content-wrap .level-top-area .text{color:#e3e3e3;line-height:14px;font-size:11px}
.myProfile .level-content-wrap .level-top-area .text span{color:#e3e3e3}
.myProfile .level-content-wrap .level-top-area .text .c-pink{font-weight:700;color:#e98686}
.myProfile .level-content-wrap .level-top-area .point-list{position:absolute;right:11px;top:20px;background-color:#181818;width:80px;height:18px;line-height:17px;border:1px solid #505050;text-align:center;color:#e3e3e3;font-weight:700;font-size:10px;box-sizing:border-box}
.myProfile .level-content-wrap .level-top-area .gauge-bar-wrap{height:27px;margin-top:10px;padding-top:2px;box-sizing:border-box;position:relative}
.myProfile .level-content-wrap .level-top-area .gauge-bar-wrap:before{position:absolute;left:0;z-index:1;top:-3px;width:24px;height:27px;content:"";background:url(../images/popup/bar_logo.png) no-repeat}
.myProfile .level-content-wrap .level-top-area .gauge-bar-wrap .gauge-bar-area{-moz-border-radius:9px;-webkit-border-radius:9px;border-radius:9px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background-color:#181818;border:1px solid #565656;height:16px;box-sizing:border-box}
.myProfile .level-content-wrap .level-top-area .gauge-bar-wrap .gauge-bar-area .gauge-bar{padding-left:24px;text-align:center;height:14px;line-height:19px;position:relative;box-sizing:border-box;-moz-border-radius:9px;-webkit-border-radius:9px;border-radius:9px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background-color:#ff9300;-moz-box-shadow:inset 0 0 6px rgba(25,15,0,.72);-webkit-box-shadow:inset 0 0 6px rgba(25,15,0,.72);box-shadow:inset 0 0 6px rgba(25,15,0,.72)}
.myProfile .level-content-wrap .level-top-area .gauge-bar-wrap .gauge-bar-area .gauge-bar span{font-weight:700;line-height:16px;font-size:10px;color:#fff}
.myProfile .level-content-wrap .level-top-area .gauge-bar-wrap .gauge-bar-area .gauge-bar.small-size span{position:absolute;right:-68px;top:0;z-index:1}
.myProfile .level-content-wrap .level-top-area .noti{text-align:right;margin-top:-4px;font-weight:700;color:#888;font-size:10px}
.myProfile .level-content-wrap .now-planet-area{padding:0 8px;margin-top:12px}
.myProfile .level-content-wrap .now-planet-area .now-planet-inner{border:1px solid #525252;background-color:#171717;padding:14px 5px 14px 10px;box-sizing:border-box}
.myProfile .level-content-wrap .now-planet-area .now-planet-inner .title{font-weight:700;color:#e3e3e3;font-size:11px;border-bottom:1px solid #ff7d7d;display:inline-block;padding-bottom:3px}
.myProfile .level-content-wrap .now-planet-area .now-planet-inner .now-planet{position:relative;box-sizing:border-box;padding-left:107px;margin-top:14px}
.myProfile .level-content-wrap .now-planet-area .now-planet-inner .now-planet .planet-img{position:absolute;left:9px;top:0}
.myProfile .level-content-wrap .now-planet-area .now-planet-inner .now-planet .planet-img img{width:90px;height:90px}
.myProfile .level-content-wrap .now-planet-area .now-planet-inner .now-planet .text-area .tit1{color:#ff7d7d;font-weight:700;font-size:12px}
.myProfile .level-content-wrap .now-planet-area .now-planet-inner .now-planet .text-area .tit2{font-size:10px;color:#e3e3e3;font-weight:700;margin-top:-1px}
.myProfile .level-content-wrap .now-planet-area .now-planet-inner .now-planet .text-area .txt{font-size:10px;color:#767676;letter-spacing:0;line-height:13px;margin-top:4px}
.myProfile .level-content-wrap .now-planet-area .now-planet-inner .now-planet .text-area .exam{margin-top:5px}
.myProfile .level-content-wrap .now-planet-area .now-planet-inner .now-planet .text-area .exam .tit{font-size:10px;font-weight:700;color:#ff7d7d;margin-right:5px}
.myProfile .level-content-wrap .now-planet-area .now-planet-inner .now-planet .text-area .exam .tit em{font-size:10px;font-weight:700;color:#ff7d7d;text-decoration:underline}
.myProfile .level-content-wrap .now-planet-area .now-planet-inner .now-planet .text-area .exam img{position:relative;top:1px;margin-right:1px}
.myProfile .level-content-wrap .now-planet-area .now-planet-inner .now-planet .text-area .exam .id{font-size:10px;color:silver}
.myProfile .level-content-wrap .another-planet-area{margin-top:9px;padding:0 8px;position:relative}
.myProfile .level-content-wrap .another-planet-area .another-planet-inner{border:1px solid #525252;background-color:#171717;padding:14px 10px 14px 10px;height:322px;box-sizing:border-box}
.myProfile .level-content-wrap .another-planet-area .another-planet-inner .title{font-weight:700;color:#e3e3e3;font-size:11px;border-bottom:1px solid #ff7d7d;display:inline-block;padding-bottom:3px}
.myProfile .level-content-wrap .another-planet-area .another-planet-inner .sort-area{position:absolute;right:19px;top:11px}
.myProfile .level-content-wrap .another-planet-area .another-planet-inner .sort-area .pu-color{color:#bb9dff!important}
.myProfile .level-content-wrap .another-planet-area .another-planet-inner .sort-area .pi-color{color:#ff8c8c!important}
.myProfile .level-content-wrap .another-planet-area .another-planet-inner .sort-area .sort-bt{display:inline-block;width:63px;background-color:#272727;height:15px;line-height:13px;padding-left:6px;border:1px solid #525252;box-sizing:border-box;position:relative}
.myProfile .level-content-wrap .another-planet-area .another-planet-inner .sort-area select{display:inline-block;width:59px;background-color:#272727;height:15px;line-height:13px;padding-left:4px;border:1px solid #525252;box-sizing:border-box;position:relative;color:#fff;font-size:10px}
.myProfile .level-content-wrap .another-planet-area .another-planet-inner .sort-area .sort-bt:after{position:absolute;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);content:"";right:6px;top:50%;margin-top:-2px;width:7px;height:4px;background:url(../images/sub/sort_arrow_icon.png) no-repeat}
.myProfile .level-content-wrap .another-planet-area .another-planet-inner .planet-list ul li a img{width:40px;height:40px}
.myProfile .level-content-wrap .another-planet-area .another-planet-inner .planet-list ul li a span{font-size:10px;padding-top:4px;display:block}
.myProfile .level-content-wrap .another-planet-area .another-planet-inner .planet-list ul li a span.red{color:#ff8181}
.myProfile .level-content-wrap .another-planet-area .another-planet-inner .planet-list ul li a span.per{color:#cc9fff}
.myProfile .level-content-wrap .another-planet-area .another-planet-inner .planet-list ul li a span.wht{color:#fff}
.myProfile .level-content-wrap .another-planet-area .another-planet-inner .sort-area .sort-bt span{font-size:10px;font-weight:700;color:#e3e3e3}
.myProfile .level-content-wrap .another-planet-area .another-planet-inner .sort-area .sort-bt.active{background-color:#181818}
.myProfile .level-content-wrap .another-planet-area .another-planet-inner .sort-area .hide-area{position:absolute;z-index:1;display:none;width:100%;top:21px;left:0;border-bottom:1px solid #525252;border-left:1px solid #525252;border-right:1px solid #525252;box-sizing:border-box}
.myProfile .level-content-wrap .another-planet-area .another-planet-inner .sort-area .hide-area li{border-top:1px solid #525252}
.myProfile .level-content-wrap .another-planet-area .another-planet-inner .sort-area .hide-area li:first-child{border-top:0}
.myProfile .level-content-wrap .another-planet-area .another-planet-inner .sort-area .hide-area li a{display:block;background-color:#181818;height:21px;line-height:21px;padding-left:6px;font-size:12px;font-weight:700;color:#e3e3e3}
.myProfile .level-content-wrap .another-planet-area .another-planet-inner .sort-area .hide-area.active{display:block}
.myProfile .level-content-wrap .another-planet-area .another-planet-inner .planet-list{height:184px;padding-top:10px;box-sizing:border-box}
.myProfile .level-content-wrap .another-planet-area .another-planet-inner .planet-list ul{font-size:0}
.myProfile .level-content-wrap .another-planet-area .another-planet-inner .planet-list ul li{display:inline-block;width:20%;float:left;text-align:center;margin:5px 0}
.myProfile .level-content-wrap .another-planet-area .another-planet-inner .paging-area{font-size:0;text-align:center}
.myProfile .level-content-wrap .another-planet-area .another-planet-inner .paging-area .prev-bt{display:inline-block;width:6px;height:10px;vertical-align:middle;background:url(../images/popup/paging_prev_bt.png) no-repeat;background-size:6px 10px;margin-right:16px}
.myProfile .level-content-wrap .another-planet-area .another-planet-inner .paging-area .next-bt{display:inline-block;width:12px;height:20px;vertical-align:middle;background:url(../images/popup/paging_next_bt.png) no-repeat;background-size:12px 20px;margin-left:16px}
.myProfile .level-content-wrap .another-planet-area .another-planet-inner .paging-area ul{display:inline-block;font-size:0}
.myProfile .level-content-wrap .another-planet-area .another-planet-inner .paging-area ul li{display:inline-block;margin-left:8px}
.myProfile .level-content-wrap .another-planet-area .another-planet-inner .paging-area ul li:first-child{margin-left:0}
.myProfile .level-content-wrap .another-planet-area .another-planet-inner .paging-area ul li a{font-size:10px;border:1px solid #525252;background-color:#272727;color:#e3e3e3;width:24px;height:24px;line-height:24px;text-align:center;box-sizing:border-box;display:inline-block;vertical-align:top}
.myProfile .level-content-wrap .another-planet-area .another-planet-inner .paging-area ul li a.active{background-color:#ff9920;color:#fff}
.myProfile .level-content-wrap .another-planet-area .another-planet-inner .btn-area{font-size:0;text-align:center;position:relative;margin-top:17px}
.myProfile .level-content-wrap .another-planet-area .another-planet-inner .btn-area a{display:inline-block;width:48px;height:24px;font-size:11px;color:#fff;margin-left:8px;line-height:24px;text-align:center;border:1px solid #525252;background-color:#202020;box-sizing:border-box}
.myProfile .level-content-wrap .another-planet-area .another-planet-inner .btn-area a:first-child{margin-left:0}
#myProfile .level-content-wrap .another-planet-area .another-planet-inner .btn-area a.active,.myProfile .level-content-wrap .another-planet-area .another-planet-inner .btn-area a:hover{background-color:#ff7d7d}
.myProfile .level-content-wrap .another-planet-area .another-planet-inner .btn-area span{font-size:10px;font-weight:700;color:#ff7d7d;display:block;margin-top:8px}
.myProfile .notice-wrap{height:100%;background-color:#202020;width:100%;position:fixed;padding-top:35px;top:0;box-sizing:border-box}
.myProfile .notice-wrap .paging-area{font-size:0;text-align:center;padding:14px 0 14px;background-color:#181818;line-height:23px;position:absolute;bottom:0;left:0;width:100%}
.myProfile .notice-wrap .paging-area .prev-bt{display:inline-block;width:6px;height:10px;vertical-align:middle;background:url(../images/popup/paging_prev_bt.png) no-repeat;background-size:6px 10px;margin-right:16px}
.myProfile .notice-wrap .paging-area .next-bt{display:inline-block;width:6px;height:10px;vertical-align:middle;background:url(../images/popup/paging_next_bt.png) no-repeat;background-size:6px 10px;margin-left:16px}
.myProfile .notice-wrap .paging-area ul{display:inline-block}
.myProfile .notice-wrap .paging-area ul li{display:inline-block;margin-left:8px}
.myProfile .notice-wrap .paging-area ul li:first-child{margin-left:0}
.myProfile .notice-wrap .paging-area ul li a{font-size:10px;border:1px solid #525252;background-color:#272727;color:#e3e3e3;width:25px;height:25px;line-height:23px;text-align:center;box-sizing:border-box;display:inline-block;vertical-align:top}
.myProfile .notice-wrap .paging-area ul li a.active{background-color:#ff9920;color:#fff}
.myProfile .notice-wrap .notice-area{background-color:#272727;height:100%}
.myProfile .notice-wrap .notice-area .top-noti{border-bottom:1px solid #525252;height:28px;line-height:28px;font-size:0;padding-left:12px;background-color:#202020;position:relative}
.myProfile .notice-wrap .notice-area .top-noti span{font-weight:700;font-size:10px}
.myProfile .notice-wrap .notice-area .top-noti span.noti-tp1{color:#ff9920;padding-left:13px;position:relative}
.myProfile .notice-wrap .notice-area .top-noti span.noti-tp1:before{position:absolute;left:0;top:2px;width:7px;height:8px;content:"";background:url(../images/popup/noti_new_icon.gif) no-repeat;background-size:7px 8px}
.myProfile .notice-wrap .notice-area .top-noti span.noti-tp2{color:#8a8a8a;margin-left:11px}
.myProfile .notice-wrap .notice-area .top-noti .bt{position:absolute;right:10px;font-size:0;top:5px}
.myProfile .notice-wrap .notice-area .top-noti .bt.sel-tp{right:102px}
.myProfile .notice-wrap .notice-area .top-noti .bt a{display:inline-block;font-size:10px;height:17px;vertical-align:top;border:1px solid #4c4c4c;background-color:#181818;padding:0 6px;line-height:17px;text-align:center;font-weight:700;color:#e3e3e3;box-sizing:border-box;margin-left:7px}
.myProfile .notice-wrap .notice-area .top-noti .bt a:first-child{margin-left:0}
.myProfile .notice-wrap .notice-area .top-noti .cate-select-area{position:absolute;right:15px;top:6px;font-size:0}
.myProfile .notice-wrap .notice-area .top-noti .cate-select-area .cate-area.w-auto .cate-bt{display:inline-block;width:78px;vertical-align:top;font-size:12px;height:21px;line-height:21px;background-color:#181818;padding-left:10px;border:1px solid #525252;box-sizing:border-box;position:relative}
.myProfile .notice-wrap .notice-area .top-noti .cate-select-area .cate-area.w-auto .cate-bt:after{position:absolute;content:"";right:5px;top:50%;margin-top:-2px;width:7px;height:4px;background:url(../images/popup/cate_arrow_icon2.png) no-repeat}
.myProfile .notice-wrap .notice-area .top-noti .cate-select-area .cate-area.w-auto .cate-bt span{font-size:12px;font-weight:700;color:#e3e3e3}
.myProfile .notice-wrap .notice-area .top-noti .cate-select-area .cate-area.w-auto .cate-bt.active{background-color:#181818}
.myProfile .notice-wrap .notice-area .top-noti .cate-select-area .cate-area.w-auto .hide-area{position:absolute;display:none;width:100%;top:20px;left:0;border:1px solid #525252;box-sizing:border-box}
.myProfile .notice-wrap .notice-area .top-noti .cate-select-area .cate-area.w-auto .hide-area ul{float:none;border-left:1px solid #525252}
.myProfile .notice-wrap .notice-area .top-noti .cate-select-area .cate-area.w-auto .hide-area ul:first-child{border-left:0}
.myProfile .notice-wrap .notice-area .top-noti .cate-select-area .cate-area.w-auto .hide-area ul li{border-top:1px solid #525252}
.myProfile .notice-wrap .notice-area .top-noti .cate-select-area .cate-area.w-auto .hide-area ul li:first-child{border-top:0}
.myProfile .notice-wrap .notice-area .top-noti .cate-select-area .cate-area.w-auto .hide-area ul li a{display:block;width:100%;box-sizing:border-box;background-color:#181818;line-height:21px;padding-left:10px;font-size:12px;font-weight:700;color:#e3e3e3;height:21px}
.myProfile .notice-wrap .notice-area .top-noti .cate-select-area .cate-area.w-auto .hide-area.active{display:block}
.myProfile .notice-wrap .notice-area .refresh-area{height:40px;text-align:center;background:url(../images/sub/more_bt_bg.gif) repeat-x;background-size:100% 40px;display:table;width:100%;border-bottom:1px dashed #3f3f3f}
.myProfile .notice-wrap .notice-area .refresh-area span{display:table-cell;vertical-align:middle}
.myProfile .notice-wrap .notice-area .refresh-area span a{display:inline-block;color:#e3e3e3;font-size:11px;font-weight:700;padding-right:12px;position:relative}
.myProfile .notice-wrap .notice-area .refresh-area span a:after{position:absolute;right:0;top:4px;width:8px;height:8px;background:url(../images/popup/refresh_icon.png) no-repeat;background-size:8px 8px;content:""}
.myProfile .notice-wrap .notice-area .list-area{padding:0 10px 158px;position:fixed;width:100%;box-sizing:border-box;overflow-y:scroll;height:100%}
.myProfile .notice-wrap .notice-area .list-area ul li{padding:14px 23px 11px 0;box-sizing:border-box;position:relative;border-top:1px solid #565656}
.myProfile .notice-wrap .notice-area .list-area ul li:first-child{border-top:0}
.myProfile .notice-wrap .notice-area .list-area ul li:after{position:absolute;top:50%;margin-top:-8px;right:23px;width:1px;height:16px;content:"";background-color:#565656}
.myProfile .notice-wrap .notice-area .list-area ul li .con-area{display:block}
.myProfile .notice-wrap .notice-area .list-area ul li .con-area .tit{max-width:92%;font-size:12px;color:#e3e3e3;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.myProfile .notice-wrap .notice-area .list-area ul li .con-area .tit .label{font-weight:700;margin-right:3px;color:#fff}
.myProfile .notice-wrap .notice-area .list-area ul li .con-area .tit .label.tp2{color:#74ff77}
.myProfile .notice-wrap .notice-area .list-area ul li .con-area .util{padding-left:9px;margin-top:5px}
.myProfile .notice-wrap .notice-area .list-area ul li .con-area .util .txt{max-width:115px;font-size:10px;color:#b2b2b2;display:inline-block;vertical-align:top;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.myProfile .notice-wrap .notice-area .list-area ul li .con-area .util .cate{font-size:10px;color:#b2b2b2;display:inline-block;vertical-align:top;position:relative;padding-left:8px;margin-left:5px}
.myProfile .notice-wrap .notice-area .list-area ul li .con-area .util .cate:before{position:absolute;left:0;top:0;width:1px;height:12px;background-color:#565656;content:""}
.myProfile .notice-wrap .notice-area .list-area ul li .con-area .util .date{font-size:10px;color:#b2b2b2;display:inline-block;vertical-align:top;position:relative;padding-left:8px;margin-left:5px}
.myProfile .notice-wrap .notice-area .list-area ul li .con-area .util .date:before{position:absolute;left:0;top:0;width:1px;height:12px;background-color:#565656;content:""}
.myProfile .notice-wrap .notice-area .list-area ul li .delete-bt{position:absolute;right:0;top:50%;margin-top:-5px;text-indent:-9999px;overflow:hidden;width:11px;height:10px;background:url(../images/popup/delete_bt_icon2.png) no-repeat;background-size:11px 10px}
.myProfile .post-wrap .part-type{background-color:#202020;padding:0 0 53px 0;box-sizing:border-box;overflow-y:scroll;height:100%}
.myProfile .post-wrap .part-type table{width:100%}
.myProfile .post-wrap .part-type table th{text-align:center;padding:9px 0;border-bottom:1px solid #525252}
.myProfile .post-wrap .part-type table th span{color:#e3e3e3;font-size:12px}
.myProfile .post-wrap .part-type table td{vertical-align:top;text-align:left;padding:14px 5px 11px 5px;border-bottom:1px solid #525252;line-height:16px}
.myProfile .post-wrap .part-type table td:first-child{text-align:center}
.myProfile .post-wrap .part-type table td span{font-size:12px;color:#e3e3e3;vertical-align:top;position:relative;display:inline-block;font-weight:700}
.myProfile .post-wrap .part-type table td .participants .label {margin: 3px 4px 0px 0px;padding: 0;float: left;}
.myProfile .post-wrap .part-type table td .participants .label span {padding: 3px 3px;background-color: #ff9920;}
.myProfile .post-wrap .part-type table td .participants .not1{margin:4px 0;font-size:12px;font-weight:700;color:#e3e3e3}
.myProfile .post-wrap .part-type table td .participants .not2{font-size:12px;font-weight:100;color:#e3e3e3;padding-right:12px;display:-webkit-box;display:-ms-flexbox;display:box;margin-top:1px;max-height:80px;overflow:hidden;vertical-align:top;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.myProfile .post-wrap .part-type table td .participants .not1 span{color:#e3e3e3}
.myProfile .post-wrap .part-type table td .participants .not2 span{color:#e3e3e3}
.myProfile .post-wrap .part-type02{background-color:#202020;padding:0 0 155px 0;box-sizing:border-box;overflow-y:scroll;height:100%}
.myProfile .post-wrap .part-type02 table{width:100%}
.myProfile .post-wrap .part-type02 table thead{border-bottom:1px solid #525252}
.myProfile .post-wrap .part-type02 table tr{border-bottom:1px solid #525252}
.myProfile .post-wrap .part-type02 table tr:last-child{border-bottom:none}
.myProfile .post-wrap .part-type02 table th{text-align:center;padding:9px 0}
.myProfile .post-wrap .part-type02 table th span{color:#e3e3e3;font-size:12px}
.myProfile .post-wrap .part-type02 table td{vertical-align:top;text-align:left;padding:14px 5px 11px 5px;line-height:16px}
.myProfile .post-wrap .part-type02 table td:first-child{text-align:center}
.myProfile .post-wrap .part-type02 table td span{font-size:12px;color:#e3e3e3;vertical-align:top;position:relative;display:inline-block;font-weight:700}
.myProfile .post-wrap .part-type02 table td .participants .label{margin:8px 0 7px}
.myProfile .post-wrap .part-type02 table td .participants .label span{color:#d7d7d7;display:inline-block;border:1px solid #d7d7d7;border-radius:3px;padding:0 3px;color:#e3e3e3}
.myProfile .post-wrap .part-type02 table td .participants .not1{margin:4px 0;font-size:12px;font-weight:700;color:#e3e3e3;width:100%}
.myProfile .post-wrap .part-type02 table td .participants .not2{font-size:12px;font-weight:100;color:#e3e3e3;padding-right:12px;display:-webkit-box;display:-ms-flexbox;display:box;margin-top:1px;max-height:80px;overflow:hidden;vertical-align:top;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.myProfile .post-wrap .part-type02 table td .participants .not1 span{color:#e3e3e3}
.myProfile .post-wrap .part-type02 table td .participants .not2 span{color:#e3e3e3}
.myProfile .post-wrap .tit-cus{color:#ff9920;font-size:16px;font-weight:700;padding:12px;line-height:20px}
.myProfile .post-wrap .ex-down-btn{padding:0 12px 12px;text-align:right}
.myProfile .post-wrap .ex-down-btn a{font-size:14px;color:#61f200;font-weight:700;text-decoration:underline}
.myProfile .post-wrap .ex-ment-cus{border-bottom:1px solid #525252;font-size:12px;color:#fff;padding:12px;letter-spacing:.5px}
.myProfile .post-wrap .option-btn-div{background:#333;position:fixed;bottom:52px;left:0;width:100%;padding:12px}
.myProfile .post-wrap .option-btn-div .input-file{display:inline-block;height:35px;border:1px solid #525252;background-color:#181818;box-sizing:border-box;vertical-align:top;padding-top:6px;padding-left:5px;width:calc((100% - 20px))}
.myProfile .post-wrap .option-btn-div .file-btn-div{padding-top:10px}
.myProfile .post-wrap .option-btn-div .file-btn-div a{display:inline-block;width:calc((100% - 27px)/ 2);background:#181818;font-size:12px;color:#fff;font-weight:700;text-align:center;padding:8px 0;border:1px solid #525252}
.myProfile .post-wrap .option-btn-div .file-btn-div a.confirm-bt{background: #ff9920}
.myProfile .post-wrap .part-type02 table td .participants input{display:inline-block;height:30px;background:#181818;color:#fff;border:1px solid #4f4f4f;box-sizing:border-box;margin-left:10px;padding-left:5px}
.myProfile .post-wrap .part-type02 table td .participants input.sponType01{width:100%}
.myProfile .post-wrap .part-type02 table td .participants .not1 span.txt{display:inline-block;padding-top:7px}
.myProfile .post-wrap .part-type02 table td .participants .not1 span.inputTypeArea{width:calc((100% - 45px))}
.myProfile .post-wrap .part-type02 table td .participants .not1 span.inputTypeArea02{width:calc((100% - 65px))}
.myProfile .post-wrap .part-type02 table td .participants .not1 span.inputTypeArea03{width:calc((100% - 55px))}
.myProfile .post-wrap .part-type02 table td .participants .not1 span.inputTypeArea04{width:calc((100% - 35px))}
.myProfile .post-wrap .part-type02 table td .participants .not1 span select {display: inline-block;width: 100%;height: 30px;background: url(../images/sub/sort_arrow_icon_down.png) no-repeat right 10px top 12px;color: #fff;border-top: 1px solid #525252;border-right: 1px solid #525252;border-left: 1px solid #525252;border-bottom: 1px solid #525252;padding-right: 10px;padding-left: 10px;font-size: 13px;-webkit-appearance: none;appearance: none;background-color: #202020;}
.myProfile .post-wrap .part-type03{background-color:#202020;padding:0 0 155px 0;box-sizing:border-box;overflow-y:scroll;height:100%}
.myProfile .post-wrap .part-type03 table{width:100%}
.myProfile .post-wrap .part-type03 table thead{border-bottom:1px solid #525252}
.myProfile .post-wrap .part-type03 table tr{border-bottom:1px solid #525252}
.myProfile .post-wrap .part-type03 table tr:last-child{border-bottom:none}
.myProfile .post-wrap .part-type03 table th{text-align:center;padding:9px 0}
.myProfile .post-wrap .part-type03 table th span{color:#e3e3e3;font-size:12px}
.myProfile .post-wrap .part-type03 table td{vertical-align:top;text-align:left;padding:14px 5px 11px 5px;line-height:16px}
.myProfile .post-wrap .part-type03 table td:first-child{text-align:center}
.myProfile .post-wrap .part-type03 table td span{font-size:12px;color:#e3e3e3;vertical-align:top;position:relative;display:inline-block;font-weight:700}
.myProfile .post-wrap .part-type03 table td .participants .label{margin:8px 0 7px}
.myProfile .post-wrap .part-type03 table td .participants .label span{color:#d7d7d7;display:inline-block;border:1px solid #d7d7d7;border-radius:3px;padding:0 3px;color:#e3e3e3}
.myProfile .post-wrap .part-type03 table td .participants .not1{margin:4px 0;font-size:12px;font-weight:700;color:#e3e3e3;width:100%}
.myProfile .post-wrap .part-type03 table td .participants .not2{font-size:12px;font-weight:100;color:#e3e3e3;padding-right:12px;display:-webkit-box;display:-ms-flexbox;display:box;margin-top:1px;max-height:80px;overflow:hidden;vertical-align:top;text-overflow:ellipsis;word-break:break-all;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.myProfile .post-wrap .part-type03 table td .participants .not1 span{color:#e3e3e3}
.myProfile .post-wrap .part-type03 table td .participants .not2 span{color:#e3e3e3}
.myProfile .post-wrap .part-type03 table td .participants input{display:inline-block;height:30px;background:#181818;color:#fff;border:1px solid #4f4f4f;box-sizing:border-box;margin-left:10px;padding-left:5px}
.myProfile .post-wrap .part-type03 table td .participants input.sponType01{width:100%}
.myProfile .post-wrap .part-type03 table td .participants .not1 span.txt{display:inline-block;padding-top:7px}
.myProfile .post-wrap .part-type03 table td .participants .not1 span.inputTypeArea{width:calc((100% - 45px))}
.myProfile .post-wrap .part-type03 table td .participants .not1 span.inputTypeArea02{width:calc((100% - 65px))}
.myProfile .post-wrap .part-type03 table td .participants .not1 span.inputTypeArea03{width:calc((100% - 55px))}
.myProfile .post-wrap .part-type03 table td .participants .not1 span.inputTypeArea04{width:calc((100% - 35px))}
.myProfile .post-wrap .part-type03 table td .participants .not1 span select{display:inline-block;width:100%;height:30px;background:url(../images/sub/sort_arrow_icon_down.png) no-repeat right 10px top 12px;color:#fff;border-top:1px solid #525252;border-right:1px solid #525252;border-left:1px solid #525252;border-bottom:1px solid #525252;padding-right:10px;padding-left:10px;font-size:13px;-webkit-appearance:none;appearance:none}
.myProfile .post-wrap .part-type03 .adm-msg-snd{border-top:1px solid #525252;padding:12px}
.myProfile .post-wrap .part-type03 .adm-msg-snd .tit{color:#fff;font-size:16px;font-weight:700;padding-bottom:10px}
.myProfile .post-wrap .part-type03 .adm-msg-snd textarea{border:1px solid #525252;background:#181818;width:100%}
.myProfile .post-wrap .part-type03 .adm-msg-snd a{display:inline-block;border:1px solid #525252;padding:8px 0;font-weight:700;color:#fff;font-size:12px;text-align:center;width:100%;margin-top:15px}
.myProfile .editor-popup-area input{border:0}
.myProfile .editor-popup-area{background-color:#272727;z-index:999;height:100%;overflow-y:scroll;position:fixed;width:100%}
.myProfile .editor-popup-area .content-area{padding:19px 12px 0}
.myProfile .editor-popup-area .content-area .title-input-area{border-bottom:1px solid #555;padding:0 9px 15px 9px}
.myProfile .editor-popup-area .content-area .title-input-area input{font-size:12px;color:#e3e3e3;width:100%;box-sizing:Border-box;outline:0;border:0;background-color:#272727}
.myProfile .editor-popup-area .content-area .title-input-area input::-webkit-input-placeholder{color:#ccc}
.myProfile .editor-popup-area .content-area .title-input-area input::-moz-placeholder{color:#ccc}
.myProfile .editor-popup-area .content-area .title-input-area input:-ms-input-placeholder{color:#ccc}
.myProfile .editor-popup-area .content-area .title-input-area input:-moz-placeholder{color:#ccc}
.myProfile .editor-popup-area .content-area .mid-con-area{padding:27px 6px 39px}
.myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .op-tit{font-size:14px;color:#ccc;padding-top:22px;padding-left:12px;padding-bottom:3px}
.myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .unit{position:relative;padding-right:30px;margin-top:9px}
.myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .unit:first-child{margin-top:0}
.myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .unit input{width:100%;height:30px;padding:0 15px;background-color:#222;font-size:14px;color:#fff;box-sizing:border-box;border-top:1px solid #444;border-bottom:1px solid #444;border-left:1px solid #444}
.myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .unit input::-webkit-input-placeholder{color:#555}
.myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .unit input::-moz-placeholder{color:#555}
.myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .unit input:-ms-input-placeholder{color:#555}
.myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .unit input:-moz-placeholder{color:#555}
.myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .unit .bt{position:absolute;right:0;top:0;width:30px;height:30px;background-color:#00f;display:inline-block}
.myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .unit .bt.add-pic-bt{background:url(../images/popup/add_pic_icon.png) no-repeat #444;background-size:30px 30px}
.myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .unit .bt.add-unit-bt{background:url(../images/popup/add_unit_icon.png) no-repeat #444;background-size:30px 30px}
.myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .unit .bt.chk-bt{background:url(../images/popup/chk_icon_d.png) no-repeat #444;background-size:30px 30px}
.myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .unit .bt.chk-bt.active{background:url(../images/popup/chk_icon_a.png) no-repeat #444;background-size:30px 30px}
.myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .unit.option-1:before{position:absolute;left:0;top:0;width:26px;height:28px;content:"";background:url(../images/popup/op1_icon_d.png) no-repeat;background-size:26px 28px}
.myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .unit.option-1 input{padding:0 9px 0 34px}
.myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .unit.option-1.active:before{position:absolute;left:0;top:0;width:26px;height:28px;content:"";background:url(../images/popup/op1_icon_a.png) no-repeat;background-size:26px 28px}
.myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .unit.option-2{margin-top:51px}
.myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .unit.option-2:before{position:absolute;left:0;top:0;width:30px;height:28px;content:"";background:url(../images/popup/op2_icon_d.png) no-repeat;background-size:30px 28px}
.myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .unit.option-2 input{padding:0 9px 0 39px}
.myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .unit.option-2.active:before{position:absolute;left:0;top:0;width:30px;height:28px;content:"";background:url(../images/popup/op2_icon_a.png) no-repeat;background-size:30px 28px}
.myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .unit.option-3:before{position:absolute;left:0;top:0;width:30px;height:28px;content:"";background:url(../images/popup/op3_icon_d.png) no-repeat;background-size:30px 28px}
.myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .unit.option-3 input{padding:0 9px 0 38px}
.myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .unit.option-3.active:before{position:absolute;left:0;top:0;width:30px;height:28px;content:"";background:url(../images/popup/op3_icon_a.png) no-repeat;background-size:30px 28px}
.myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .date{height:24px;margin-top:9px;padding-bottom:6px;font-size:0}
.myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .date .cal-bt{height:24px;display:inline-block;width:48%;float:left}
.myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .date .cal-bt a{display:block;position:relative;box-sizing:border-box;border:1px solid #404040;height:25px}
.myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .date .cal-bt a input{background-color:#222;padding-left:8px;color:#aaa;font-size:11px;width:100%;box-sizing:border-box;height:22px;border:0}
.myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .date .cal-bt a img{position:absolute;right:0;top:0}
.myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .date .time-select{height:25px;background-color:#222;text-align:center;border:1px solid #404040;box-sizing:border-box;display:inline-block;width:48%;float:right}
.myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .date .time-select .select{display:inline-block;text-align:left;padding-top:5px;position:relative;margin:0 3px}
.myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .date .time-select .select:after{position:absolute;top:9px;right:0;width:6px;height:5px;background:url(../images/popup/s_sel_arrow.gif) no-repeat;content:""}
.myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .date .time-select .select select{color:#fff;font-size:11px;border:0}
.myProfile .editor-popup-area .content-area .mid-con-area .vote-list-area .date .time-select .select select option{color:#aaa;font-size:11px}
.myProfile .editor-popup-area .content-area .set-complete-bt{display:block;background-color:#f90;text-align:center;font-weight:700;font-size:18px;height:40px;line-height:40px;color:#eee}
.myProfile .post-wrap .messenger-area.pb-tp{padding-bottom:83px}
.myProfile .post-wrap .messenger-area.pb-tp .f-noti{position:absolute;right:13px;bottom:60px;font-size:10px;font-weight:700;color:#606060}
.myProfile .post-wrap .messenger-area .refresh-msg-area{display:block;width:100%;height:29px;text-align:center;line-height:29px;background:url(../images/popup/more_bt_bg2.gif) repeat-x;background-size:100% 29px}
.myProfile .post-wrap .messenger-area .refresh-msg-area a{display:block;height:29px}
.myProfile .post-wrap .messenger-area .refresh-msg-area a span{display:inline-block;position:relative;padding-right:15px;font-size:10px;font-weight:700;color:#fff}
.myProfile .post-wrap .messenger-area .refresh-msg-area a span:after{position:absolute;right:0;top:10px;width:9px;height:9px;content:"";background:url(../images/popup/refresh_icon2.gif) no-repeat;background-size:9px 9px}
.myProfile .post-wrap .messenger-area{background-color:#272727;height:100%;border-bottom:1px solid #565656;overflow-y:scroll;padding-bottom:53px;box-sizing:border-box}
.myProfile .post-wrap .messenger-area .top-noti{border-bottom:1px solid #525252;height:28px;line-height:28px;font-size:0;padding-left:10px;background-color:#202020;position:relative}
.myProfile .post-wrap .messenger-area .top-noti span.frd-tp1{color:#5fed73;padding-left:10px;position:relative;display:inline-block}
.myProfile .post-wrap .messenger-area .top-noti span.frd-tp1 a{color:#5fed73;font-size:10px;font-weight:700}
.myProfile .post-wrap .messenger-area .top-noti span.frd-tp1:before{position:absolute;left:0;top:10px;width:6px;height:8px;content:"";background:url(../images/popup/frd_icon_1.png) no-repeat;background-size:6px 8px}
.myProfile .post-wrap .messenger-area .top-noti span.frd-tp2{color:#adadad;margin-left:6px}
.myProfile .post-wrap .messenger-area .top-noti span.frd-tp2 a{color:#adadad;font-size:10px;font-weight:700}
.myProfile .post-wrap .messenger-area .top-noti span.frd-tp3{color:#ff7c7c;padding-left:12px;position:relative;margin-left:6px;display:inline-block}
.myProfile .post-wrap .messenger-area .top-noti span.frd-tp3 a{color:#ff7c7c;font-size:10px;font-weight:700}
.myProfile .post-wrap .messenger-area .top-noti span.frd-tp3:before{position:absolute;left:0;top:9px;width:9px;height:9px;content:"";background:url(../images/popup/frd_icon_2.png) no-repeat;background-size:9px 9px}
.myProfile .post-wrap .messenger-area .top-noti .mss-tp1{font-weight:700;font-size:10px;color:#699eff;position:relative;padding-left:13px}
.myProfile .post-wrap .messenger-area .top-noti .mss-tp1:before{position:absolute;left:0;top:2px;width:10px;height:8px;content:"";background:url(../images/popup/mss_icon1.gif) no-repeat;background-size:10px 8px}
.myProfile .post-wrap .messenger-area .top-noti .mss-tp2{font-weight:700;font-size:10px;color:#e4cf1a;position:relative;padding-left:13px;margin-left:9px}
.myProfile .post-wrap .messenger-area .top-noti .mss-tp2:before{position:absolute;left:0;top:1px;width:9px;height:9px;content:"";background:url(../images/popup/mss_icon2.gif) no-repeat;background-size:9px 9px}
.myProfile .post-wrap .messenger-area .top-noti .bt{position:absolute;right:10px;font-size:0;top:5px}
.myProfile .post-wrap .messenger-area .top-noti .bt a{display:inline-block;font-size:10px;height:17px;vertical-align:top;border:1px solid #4c4c4c;background-color:#181818;padding:0 6px;line-height:17px;text-align:center;font-weight:700;color:#e3e3e3;box-sizing:border-box;margin-left:9px}
.myProfile .post-wrap .messenger-area .top-noti .bt a:first-child{margin-left:0}
.myProfile .post-wrap .messenger-area .list-area ul li{padding:1px 67px 2px 13px;box-sizing:border-box;position:relative;border-top:1px solid #565656}
.myProfile .post-wrap .messenger-area .list-area.friend ul li{padding:1px 27px 2px 13px}
.myProfile .post-wrap .messenger-area .list-area.friend ul li.req-tp{padding:1px 0 2px 13px}
.myProfile .post-wrap .messenger-area .list-area.friend ul li.req-tp:after{display:none}
.myProfile .post-wrap .messenger-area .list-area.friend ul li.req-tp .ox-bt{position:absolute;right:10px;top:50%;margin-top:-9px;color:#fff}
.myProfile .post-wrap .messenger-area .list-area.friend ul li.req-tp .ox-bt a{color:#b2b2b2;font-weight:700;font-size:10px;margin:0 7px}
.myProfile .post-wrap .messenger-area .list-area.friend ul li:after{right:25px}
.myProfile .post-wrap .messenger-area .list-area.friend ul li .msg-send-bt{position:absolute;right:13px;top:50%;margin-top:-8px;background-color:1px solid #505050;color:#e3e3e3;font-weight:700;font-size:10px;border:1px solid #505050;padding:0 5px;height:16px;line-height:16px;box-sizing:border-box}
.myProfile .post-wrap .messenger-area .list-area.friend ul li .req{font-size:10px;font-weight:700;color:#ff9920}
.myProfile .post-wrap .messenger-area .list-area ul li:first-child{border-top:0}
.myProfile .post-wrap .messenger-area .list-area ul li:after{position:absolute;top:50%;margin-top:-7px;right:67px;width:1px;height:13px;content:"";background-color:#565656}
.myProfile .post-wrap .messenger-area .list-area ul li .con-area{display:block;padding-left:36px;box-sizing:border-box;position:relative}
.myProfile .post-wrap .messenger-area .list-area ul li .con-area.login:before{display:block}
.myProfile .post-wrap .messenger-area .list-area ul li .con-area:before{position:absolute;left:-5px;top:8px;display:none;width:4px;height:4px;background-color:#5fed73;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;content:""}
.myProfile .post-wrap .messenger-area .list-area ul li .con-area .thumb-area{position:absolute;left:0;top:50%;margin-top:-14px;width:28px;height:28px;display:inline-block;background-color:grey;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;overflow:hidden}
.myProfile .post-wrap .messenger-area .list-area ul li .con-area .thumb-area img{width:100%;height:100%;display:block}
.myProfile .post-wrap .messenger-area .list-area ul li .delete-bt{position:absolute;right:10px;top:50%;margin-top:-5px;text-indent:-9999px;overflow:hidden;width:11px;height:10px;background:url(../images/popup/delete_bt_icon2.png) no-repeat;background-size:11px 10px}
.myProfile .post-wrap .messenger-area .list-area ul li .con-area .txt-area{padding-top:5px;position:relative}
.myProfile .post-wrap .messenger-area .list-area ul li .con-area .txt-area .id a{font-size:10px;font-weight:700;color:silver}
.myProfile .post-wrap .messenger-area .list-area ul li .con-area .txt-area .id a img{margin-right:2px}
.myProfile .post-wrap .messenger-area .list-area ul li .con-area .txt-area .util{font-size:0;margin-top:2px}
.myProfile .post-wrap .messenger-area .list-area ul li .con-area .txt-area .util span{font-size:10px;color:#b2b2b2;font-weight:700;position:relative;margin-left:4px;padding-left:4px}
.myProfile .post-wrap .messenger-area .list-area ul li .con-area .txt-area .util span.req{color:#ff9920;font-weight:700}
.myProfile .post-wrap .messenger-area .list-area ul li .con-area .txt-area .util span:first-child{margin-left:0;padding-left:0}
.myProfile .post-wrap .messenger-area .list-area ul li .con-area .txt-area .util span:first-child:before{display:none}
.myProfile .post-wrap .messenger-area .list-area ul li .con-area .txt-area .util span:before{position:absolute;left:0;top:2px;width:1px;content:"";background-color:#b2b2b2;height:8px}
.myProfile .post-wrap .messenger-area .list-area ul li .con-area .txt-area .text{width:95%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-top:2px}
.myProfile .post-wrap .messenger-area .list-area ul li .con-area .txt-area .text a{font-size:10px;color:silver;font-weight:700;display:inline-block;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.myProfile .post-wrap .messenger-area .list-area ul li .date{line-height:49px;height:47px;font-size:10px;color:silver;position:absolute;right:0;top:0;text-align:center;width:67px;display:inline-block}
.myProfile .msg-scroll-inner{background-color:red;height:100%;position:relative;box-sizing:border-box;padding-top:29px;padding-bottom:202px}
.myProfile .msg-scroll-inner .mid-msg-wrap{overflow-y:scroll}
.myProfile .msg-scroll-inner .inner-bot-util{position:absolute;bottom:49px;left:0;width:100%;height:153px}
.myProfile .msg-scroll-inner .inner-bot-util .refresh-msg-area{display:block;width:100%;height:29px;text-align:center;line-height:29px;background:url(../images/popup/more_bt_bg2.gif) repeat-x;background-size:100% 29px}
.myProfile .msg-scroll-inner .inner-bot-util .refresh-msg-area a{display:block;height:29px}
.myProfile .msg-scroll-inner .inner-bot-util .refresh-msg-area a span{display:inline-block;position:relative;padding-right:15px;font-size:10px;font-weight:700;color:#fff}
.myProfile .msg-scroll-inner .inner-bot-util .refresh-msg-area a span:after{position:absolute;right:0;top:10px;width:9px;height:9px;content:"";background:url(../images/popup/refresh_icon2.gif) no-repeat;background-size:9px 9px}
.myProfile .post-wrap .win-chk-area{background-color:#202020;padding:0 0 89px 0;box-sizing:border-box;position:fixed;width:100%;height:100%;overflow-y:scroll}
.myProfile .post-wrap .win-chk-area table{width:100%}
.myProfile .post-wrap .win-chk-area table th{text-align:center;padding:9px 0;border-bottom:1px solid #525252}
.myProfile .post-wrap .win-chk-area table th span{color:#e3e3e3;font-size:10px}
.myProfile .post-wrap .win-chk-area table td{text-align:center;padding:14px 10px 11px 15px;border-bottom:1px solid #525252;line-height:16px;vertical-align:middle}
.myProfile .post-wrap .win-chk-area table td:first-child{text-align:left}
.myProfile .post-wrap .win-chk-area.td table td{padding:14px 5px 11px 5px}
.myProfile .post-wrap .win-chk-area.td table td:first-child{text-align:center}
.myProfile .post-wrap .win-chk-area table td .cate1{font-size:10px;font-weight:700;color:#e3e3e3}
.myProfile .post-wrap .win-chk-area table td .cate2{font-size:10px;font-weight:700}
.myProfile .post-wrap .win-chk-area table td .con{color:#e3e3e3;font-size:10px;height:16px;font-weight:700;display:block;text-align:left;position:relative;padding-left:14px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-wrap:break-word;box-sizing:border-box}
.myProfile .post-wrap .win-chk-area table td .con a{color:#e3e3e3;font-size:12px;font-weight:700}
.myProfile .post-wrap .win-chk-area table td .con:before{position:absolute;left:0;top:50%;margin-top:-14px;width:1px;height:28px;background-color:#565656;content:""}
.myProfile .post-wrap .win-chk-area table td span{font-size:10px;color:#e3e3e3;vertical-align:middle;position:relative;display:block}
.myProfile .post-wrap .win-chk-area table td span.get_col{color:#99a7ff}
.myProfile .post-wrap .win-chk-area table td span.fini_col{color:#767676}
.myProfile .post-wrap .noti-text{color:#ff9400; text-align: right;font-size: 12px;line-height: 1.5;padding: 16px}
.myProfile .scrap-wrap{height:100%;position:fixed;background-color:#202020;width:100%;padding-top:35px;box-sizing:border-box;top:0}
.myProfile .scrap-wrap .scrap-area{background-color:#272727;padding:0 10px 23px 10px;height:100%;padding-bottom:53px;box-sizing:border-box;overflow-y:scroll}
.myProfile .scrap-wrap .scrap-area table{width:100%;table-layout:fixed}
.myProfile .scrap-wrap .scrap-area table th{text-align:center;padding:3px 0;border-bottom:1px solid #525252}
.myProfile .scrap-wrap .scrap-area table th span{color:#e3e3e3;font-size:10px;font-weight:700}
.myProfile .scrap-wrap .scrap-area table td{text-align:center;padding:7px 0 6px;border-bottom:1px solid #525252}
.myProfile .scrap-wrap .scrap-area table td:first-child span:before{display:none}
.myProfile .scrap-wrap .scrap-area table td span{position:relative;display:block;font-size:10px;font-weight:700;color:#e3e3e3;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:100%;box-sizing:border-box;padding:0 5px}
.myProfile .scrap-wrap .scrap-area table td span:before{position:absolute;left:0;top:3px;width:1px;height:10px;background-color:#565656;content:""}
.myProfile .scrap-wrap .scrap-area table td span .delete-bt{display:inline-block;width:6px;height:6px;background:url(../images/popup/delete_bt_icon.png) no-repeat;background-size:6px 6px;overflow:hidden;text-indent:-9999px}
.myProfile .scrap-wrap .scrap-area table td .con{color:#e3e3e3;font-size:10px;font-weight:700;display:block;text-align:left;position:relative;width:100%;padding-left:8px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;box-sizing:border-box}
.myProfile .scrap-wrap .scrap-area table td .con2 a{color:#e3e3e3;font-size:10px;font-weight:700}
.myProfile .scrap-wrap .scrap-area table td .con2 a .m-color{color:#92ffa4}
.myProfile .scrap-wrap .scrap-area table td .con2{color:#e3e3e3;font-size:10px;font-weight:700;display:block;text-align:left;position:relative;width:100%;padding-left:14px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;box-sizing:border-box}
.myProfile .scrap-wrap .scrap-area table td .date{position:relative;font-size:0;display:block}
.myProfile .scrap-wrap .scrap-area table td .date:before{position:absolute;left:0;top:0;width:1px;height:12px;background-color:#565656;content:""}
.myProfile .scrap-wrap .scrap-area table td .date em{position:relative;color:#e3e3e3;font-size:10px;font-weight:700;margin-left:5px;padding-left:5px}
.myProfile .scrap-wrap .scrap-area table td .date em:before{position:absolute;top:50%;margin-top:-4px;left:0;width:1px;height:8px;background-color:#bfbfbf;content:""}
.myProfile .scrap-wrap .scrap-area table td .date em:first-child{margin-left:0;padding-left:0}
.myProfile .scrap-wrap .scrap-area table td .date em:first-child:before{display:none}
.myProfile .scrap-wrap .scrap-area table td .con a{color:#e3e3e3;font-size:10px;font-weight:700}
.myProfile .scrap-wrap .paging-area{font-size:0;text-align:center;padding:14px 0 14px;background-color:#181818;line-height:23px;position:absolute;bottom:0;left:0;width:100%}
.myProfile .scrap-wrap .paging-area .prev-bt{display:inline-block;width:6px;height:10px;vertical-align:middle;background:url(../images/popup/paging_prev_bt.png) no-repeat;background-size:6px 10px;margin-right:16px}
.myProfile .scrap-wrap .paging-area .next-bt{display:inline-block;width:6px;height:10px;vertical-align:middle;background:url(../images/popup/paging_next_bt.png) no-repeat;background-size:6px 10px;margin-left:16px}
.myProfile .scrap-wrap .paging-area ul{display:inline-block}
.myProfile .scrap-wrap .paging-area ul li{display:inline-block;margin-left:8px}
.myProfile .scrap-wrap .paging-area ul li:first-child{margin-left:0}
.myProfile .scrap-wrap .paging-area ul li a{font-size:10px;border:1px solid #525252;background-color:#272727;color:#e3e3e3;width:25px;height:25px;line-height:23px;text-align:center;box-sizing:border-box;display:inline-block;vertical-align:top}
.myProfile .scrap-wrap .paging-area ul li a.active{background-color:#ff9920;color:#fff}
.myProfile .inner-layer-popup .detail-area{background-color:#272727;height:100%;overflow-y:scroll;padding-bottom:83px;box-sizing:border-box;position:absolute;top:0;left:0;width:100%;padding-top:35px;display:none}
.myProfile .inner-layer-popup .detail-area.active{display:block}
.myProfile .inner-layer-popup .detail-area .list-area.friend{padding-bottom:0;background-color:#272727;height:100%;overflow-y:scroll;box-sizing:border-box}
.myProfile .inner-layer-popup .detail-area .paging-area{font-size:0;text-align:center;padding:14px 0 14px;background-color:#181818;line-height:23px;position:absolute;bottom:0;left:0;width:100%}
.myProfile .inner-layer-popup .detail-area .paging-area .prev-bt{display:inline-block;width:6px;height:10px;vertical-align:middle;background:url(../images/popup/paging_prev_bt.png) no-repeat;background-size:6px 10px;margin-right:16px}
.myProfile .inner-layer-popup .detail-area .paging-area .next-bt{display:inline-block;width:6px;height:10px;vertical-align:middle;background:url(../images/popup/paging_next_bt.png) no-repeat;background-size:6px 10px;margin-left:16px}
.myProfile .inner-layer-popup .detail-area .paging-area ul{display:inline-block}
.myProfile .inner-layer-popup .detail-area .paging-area ul li{display:inline-block;margin-left:8px}
.myProfile .inner-layer-popup .detail-area .paging-area ul li:first-child{margin-left:0}
.myProfile .inner-layer-popup .detail-area .paging-area ul li a{font-size:10px;border:1px solid #525252;background-color:#272727;color:#e3e3e3;width:25px;height:25px;line-height:23px;text-align:center;box-sizing:border-box;display:inline-block;vertical-align:top}
.myProfile .inner-layer-popup .detail-area .paging-area ul li a.active{background-color:#ff9920;color:#fff}
.myProfile .inner-layer-popup .detail-area .top-noti{border-bottom:1px solid #525252;height:28px;line-height:28px;font-size:0;padding-left:10px;background-color:#202020;position:relative}
.myProfile .inner-layer-popup .detail-area .top-noti span.frd-tp1{color:#5fed73;padding-left:10px;position:relative;display:inline-block}
.myProfile .inner-layer-popup .detail-area .top-noti span.frd-tp1 a{color:#5fed73;font-size:10px;font-weight:700}
.myProfile .inner-layer-popup .detail-area .top-noti span.frd-tp1:before{position:absolute;left:0;top:10px;width:6px;height:8px;content:"";background:url(../images/popup/frd_icon_1.png) no-repeat;background-size:6px 8px}
.myProfile .inner-layer-popup .detail-area .top-noti span.frd-tp2{color:#adadad;margin-left:6px}
.myProfile .inner-layer-popup .detail-area .top-noti span.frd-tp2 a{color:#adadad;font-size:10px;font-weight:700}
.myProfile .inner-layer-popup .detail-area .top-noti span.frd-tp3{color:#ff7c7c;padding-left:12px;position:relative;margin-left:6px;display:inline-block}
.myProfile .inner-layer-popup .detail-area .top-noti span.frd-tp3 a{color:#ff7c7c;font-size:10px;font-weight:700}
.myProfile .inner-layer-popup .detail-area .top-noti span.frd-tp3:before{position:absolute;left:0;top:9px;width:9px;height:9px;content:"";background:url(../images/popup/frd_icon_2.png) no-repeat;background-size:9px 9px}
.myProfile .inner-layer-popup .detail-area .top-noti .mss-tp1{font-weight:700;font-size:10px;color:#699eff;position:relative;padding-left:13px}
.myProfile .inner-layer-popup .detail-area .top-noti .mss-tp1:before{position:absolute;left:0;top:2px;width:10px;height:8px;content:"";background:url(../images/popup/mss_icon1.gif) no-repeat;background-size:10px 8px}
.myProfile .inner-layer-popup .detail-area .top-noti .mss-tp2{font-weight:700;font-size:10px;color:#e4cf1a;position:relative;padding-left:13px;margin-left:9px}
.myProfile .inner-layer-popup .detail-area .top-noti .mss-tp2:before{position:absolute;left:0;top:1px;width:9px;height:9px;content:"";background:url(../images/popup/mss_icon2.gif) no-repeat;background-size:9px 9px}
.myProfile .inner-layer-popup .detail-area .top-noti .bt{position:absolute;right:10px;font-size:0;top:5px}
.myProfile .inner-layer-popup .detail-area .top-noti .bt a{display:inline-block;font-size:10px;height:17px;vertical-align:top;border:1px solid #4c4c4c;background-color:#181818;padding:0 6px;line-height:17px;text-align:center;font-weight:700;color:#e3e3e3;box-sizing:border-box;margin-left:9px}
.myProfile .inner-layer-popup .detail-area .top-noti .bt a:first-child{margin-left:0}
.myProfile .inner-layer-popup .detail-area .list-area ul li{padding:1px 47px 2px 13px;box-sizing:border-box;position:relative;border-top:1px solid #565656}
.myProfile .inner-layer-popup .detail-area .list-area.friend ul li{padding:1px 27px 2px 13px}
.myProfile .inner-layer-popup .detail-area .list-area.friend ul li.req-tp{padding:1px 0 2px 13px}
.myProfile .inner-layer-popup .detail-area .list-area.friend ul li.req-tp:after{display:none}
.myProfile .inner-layer-popup .detail-area .list-area.friend ul li.req-tp .ox-bt{position:absolute;right:10px;top:50%;margin-top:-9px;color:#fff}
.myProfile .inner-layer-popup .detail-area .list-area.friend ul li.req-tp .ox-bt a{color:#b2b2b2;font-weight:700;font-size:10px;margin:0 7px}
.myProfile .inner-layer-popup .detail-area .list-area.friend ul li:after{right:25px}
.myProfile .inner-layer-popup .detail-area .list-area.friend ul li .msg-send-bt{position:absolute;right:13px;top:50%;margin-top:-8px;background-color:1px solid #505050;color:#e3e3e3;font-weight:700;font-size:10px;border:1px solid #505050;padding:0 5px;height:16px;line-height:16px;box-sizing:border-box}
.myProfile .inner-layer-popup .detail-area .list-area.friend ul li .req{font-size:10px;font-weight:700;color:#ff9920}
.myProfile .inner-layer-popup .detail-area .list-area ul li:first-child{border-top:0}
.myProfile .inner-layer-popup .detail-area .list-area ul li:after{position:absolute;top:50%;margin-top:-7px;right:47px;width:1px;height:13px;content:"";background-color:#565656}
.myProfile .inner-layer-popup .detail-area .list-area ul li .con-area{display:block;padding-left:36px;box-sizing:border-box;position:relative}
.myProfile .inner-layer-popup .detail-area .list-area ul li .con-area.login:before{display:block}
.myProfile .inner-layer-popup .detail-area .list-area ul li .con-area:before{position:absolute;left:-5px;top:8px;display:none;width:4px;height:4px;background-color:#5fed73;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;content:""}
.myProfile .inner-layer-popup .detail-area .list-area ul li .con-area .thumb-area{position:absolute;left:0;top:50%;margin-top:-14px;width:28px;height:28px;display:inline-block;background-color:grey;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;overflow:hidden}
.myProfile .inner-layer-popup .detail-area .list-area ul li .con-area .thumb-area img{width:100%;height:100%;display:block}
.myProfile .inner-layer-popup .detail-area .list-area ul li .delete-bt{position:absolute;right:10px;top:50%;margin-top:-5px;text-indent:-9999px;overflow:hidden;width:11px;height:10px;background:url(../images/popup/delete_bt_icon2.png) no-repeat;background-size:11px 10px}
.myProfile .inner-layer-popup .detail-area .list-area ul li .con-area .txt-area{padding-top:5px;position:relative}
.myProfile .inner-layer-popup .detail-area .list-area ul li .con-area .txt-area .id a{font-size:10px;font-weight:700;color:silver}
.myProfile .inner-layer-popup .detail-area .list-area ul li .con-area .txt-area .id a img{margin-right:2px}
.myProfile .inner-layer-popup .detail-area .list-area ul li .con-area .txt-area .util{font-size:0;margin-top:2px}
.myProfile .inner-layer-popup .detail-area .list-area ul li .con-area .txt-area .util span{font-size:10px;color:#b2b2b2;font-weight:700;position:relative;margin-left:4px;padding-left:4px}
.myProfile .inner-layer-popup .detail-area .list-area ul li .con-area .txt-area .util span:first-child{margin-left:0;padding-left:0}
.myProfile .inner-layer-popup .detail-area .list-area ul li .con-area .txt-area .util span:first-child:before{display:none}
.myProfile .inner-layer-popup .detail-area .list-area ul li .con-area .txt-area .util span:before{position:absolute;left:0;top:2px;width:1px;content:"";background-color:#b2b2b2;height:8px}
.myProfile .inner-layer-popup .detail-area .list-area ul li .con-area .txt-area .text{width:95%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-top:2px}
.myProfile .inner-layer-popup .detail-area .list-area ul li .con-area .txt-area .text a{font-size:10px;color:silver;font-weight:700;display:inline-block;width:100%;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.myProfile .inner-layer-popup .detail-area .list-area ul li .date{line-height:49px;height:47px;font-size:10px;color:silver;position:absolute;right:0;top:0;text-align:center;width:47px;display:inline-block}
.myProfile .inner-layer-popup .detail-area .f-noti{position:absolute;right:13px;bottom:60px;font-size:10px;font-weight:700;color:#606060}
.myProfile .inner-layer-popup .detail-area .top-bt-wrap{position:relative;padding-left:48px;background-color:#202020;box-sizing:border-box;border-bottom:1px solid #525252}
.myProfile .inner-layer-popup .detail-area .top-bt-wrap .back-bt{width:48px;border-right:1px solid #525252;box-sizing:border-box;position:absolute;left:0;top:-1px;height:28px;line-height:28px;background:url(../images/popup/back_bt_arrow.png) 50% 50% no-repeat;background-size:8px 15px;display:inline-block;text-indent:-9999px;overflow:hidden}
.myProfile .inner-layer-popup .detail-area .top-bt-wrap .input{position:relative;padding-right:45px;box-sizing:border-box}
.myProfile .inner-layer-popup .detail-area .top-bt-wrap .input input{width:100%;height:27px;background-color:#202020;color:#e3e3e3;font-weight:700;font-size:12px;box-sizing:border-box;padding-left:12px;border:0}
.myProfile .inner-layer-popup .detail-area .top-bt-wrap .input input::-webkit-input-placeholder{color:#767676;font-weight:700}
.myProfile .inner-layer-popup .detail-area .top-bt-wrap .input input::-moz-placeholder{color:#767676;font-weight:700}
.myProfile .inner-layer-popup .detail-area .top-bt-wrap .input input:-ms-input-placeholder{color:#767676;font-weight:700}
.myProfile .inner-layer-popup .detail-area .top-bt-wrap .input input:-moz-placeholder{color:#767676;font-weight:700}
.myProfile .inner-layer-popup .detail-area .top-bt-wrap .input a{position:absolute;right:0;top:0;width:30px;height:27px;text-indent:-9999px;overflow:hidden;background:url(../images/popup/frd_srch_bt.gif) no-repeat;background-size:30px 27px}
.myProfile .ranking-wrap{height:100%}
.myProfile .ranking-wrap .ranking-area{background-color:#272727;height:100%;position:fixed;width:100%}
.myProfile .ranking-wrap .ranking-area .top-noti{border-bottom:1px solid #525252;height:27px;line-height:27px;font-size:0;padding-left:12px;background-color:#202020;position:relative}
.myProfile .ranking-wrap .ranking-area .top-noti span{font-weight:700;font-size:12px}
.myProfile .ranking-wrap .ranking-area .top-noti span.level-inst-tp1{color:#ff9920;padding-left:15px;position:relative}
.myProfile .ranking-wrap .ranking-area .top-noti span.level-inst-tp1:before{position:absolute;left:0;top:2px;width:8px;height:10px;content:"";background:url(../images/popup/level_inst_icon.png) no-repeat}
.myProfile .ranking-wrap .ranking-area .top-noti .cate-select-area{float:right;padding-right:12px}
.myProfile .ranking-wrap .ranking-area .top-noti .cate-select-area a{display:inline-block;vertical-align:middle;font-size:10px;height:16px;border:1px solid #4c4c4c;background-color:#181818;padding:0 5px;line-height:16px;text-align:center;font-weight:700;color:#e3e3e3;box-sizing:border-box;margin-right:7px}
.myProfile .ranking-wrap .ranking-area .top-noti .cate-select-area select{display:inline-block;vertical-align:middle;font-size:10px;height:16px;border:1px solid #4c4c4c;background-color:#181818;padding:0 5px;line-height:16px;text-align:center;font-weight:700;color:#e3e3e3;box-sizing:border-box}
.myProfile .ranking-wrap .ranking-area .top-noti .left-bt{font-size:0;display:inline-block;float:left}
.myProfile .ranking-wrap .ranking-area .top-noti .left-bt a{display:inline-block;vertical-align:middle;font-size:10px;height:16px;border:1px solid #4c4c4c;background-color:#181818;padding:0 5px;line-height:16px;text-align:center;font-weight:700;color:#e3e3e3;box-sizing:border-box;margin-left:7px}
.myProfile .ranking-wrap .ranking-area .top-noti .left-bt a:first-child{margin-left:0}
.myProfile .ranking-wrap .ranking-area .ranking-content{position:relative;background-color:#272727;box-sizing:border-box;height:100%;padding:29px 0 29px}
.myProfile .ranking-wrap .ranking-area .ranking-content .top-rank-chk{position:absolute;left:0;top:0;width:100%;height:29px;text-align:center;line-height:29px;background:url(../images/popup/more_bt_bg2.gif) repeat-x;background-size:100% 29px}
.myProfile .ranking-wrap .ranking-area .ranking-content .top-rank-chk a{display:block;height:29px}
.myProfile .ranking-wrap .ranking-area .ranking-content .top-rank-chk a span{display:inline-block;position:relative;padding-right:11px;font-size:10px;font-weight:700;color:#fff}
.myProfile .ranking-wrap .ranking-area .ranking-content .top-rank-chk a span:after{position:absolute;right:0;top:50%;margin-top:-2px;width:5px;height:3px;content:"";background:url(../images/popup/top_rank_chk.gif) no-repeat;background-size:5px 3px}
.myProfile .ranking-wrap .ranking-area .ranking-content .board{width:100%;margin:0 auto;height:100%;padding-bottom:64px;box-sizing:border-box;overflow-y:scroll}
.myProfile .ranking-wrap .ranking-area .ranking-content .board table{width:100%}
.myProfile .ranking-wrap .ranking-area .ranking-content .board table th{text-align:center;height:32px;line-height:16px;font-size:10px;font-weight:700;color:#e3e3e3;vertical-align:middle}
.myProfile .ranking-wrap .ranking-area .ranking-content .board table td{text-align:center;vertical-align:middle;padding:3px 0 0 0}
.myProfile .ranking-wrap .ranking-area .ranking-content .board table td.con-wrap{text-align:left}
.myProfile .ranking-wrap .ranking-area .ranking-content .board table td .rank{font-weight:700;color:#e3e3e3;font-size:10px}
.myProfile .ranking-wrap .ranking-area .ranking-content .board table td .pro-bt{display:inline-block;font-weight:700;color:#e3e3e3;font-size:10px;width:34px;height:16px;border:1px solid #505050;background-color:#181818;line-height:16px;box-sizing:border-box}
.myProfile .ranking-wrap .ranking-area .ranking-content .board table td .con-area{display:block;text-align:left;min-height:38px;padding-left:40px;box-sizing:border-box;position:relative}
.myProfile .ranking-wrap .ranking-area .ranking-content .board table td .con-area .thumb-area{position:absolute;left:0;top:0;width:32px;height:32px;display:inline-block;background-color:grey;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;overflow:hidden}
.myProfile .ranking-wrap .ranking-area .ranking-content .board table td .con-area .thumb-area img{width:100%;height:100%;display:block}
.myProfile .ranking-wrap .ranking-area .ranking-content .board table td .con-area .txt-area{padding-top:2px;position:relative}
.myProfile .ranking-wrap .ranking-area .ranking-content .board table td .con-area .txt-area .id a{font-size:10px;font-weight:700;color:#e3e3e3}
.myProfile .ranking-wrap .ranking-area .ranking-content .board table td .con-area .txt-area .id a img{margin-right:2px}
.myProfile .ranking-wrap .ranking-area .ranking-content .board table td .con-area .txt-area .util{font-size:0;margin-top:-1px;padding-left:16px}
.myProfile .ranking-wrap .ranking-area .ranking-content .board table td .con-area .txt-area .util span{font-size:10px;color:#b2b2b2;font-weight:700;position:relative;margin-left:4px;padding-left:4px}
.myProfile .ranking-wrap .ranking-area .ranking-content .board table td .con-area .txt-area .util span:first-child{margin-left:0;padding-left:0}
.myProfile .ranking-wrap .ranking-area .ranking-content .board table td .con-area .txt-area .util span:first-child:before{display:none}
.myProfile .ranking-wrap .ranking-area .ranking-content .board table td .con-area .txt-area .util span em{color:#89ff8c}
.myProfile .ranking-wrap .ranking-area .ranking-content .board table td .con-area .txt-area .util span:before{position:absolute;left:0;top:1px;width:1px;content:"";background-color:#b2b2b2;height:8px}
.myProfile .ranking-wrap .ranking-area .ranking-content .bot-rank-chk{position:fixed;left:0;bottom:0;width:100%;height:29px;line-height:29px;text-align:center;background:url(../images/popup/more_bt_bg2.gif) repeat-x;background-size:100% 29px}
.myProfile .ranking-wrap .ranking-area .ranking-content .bot-rank-chk a{display:block;height:29px}
.myProfile .ranking-wrap .ranking-area .ranking-content .bot-rank-chk a span{display:inline-block;position:relative;padding-right:11px;font-size:10px;font-weight:700;color:#fff}
.myProfile .ranking-wrap .ranking-area .ranking-content .bot-rank-chk a span:after{position:absolute;right:0;content:"";top:50%;margin-top:-2px;width:5px;height:3px;background:url(../images/popup/bot_rank_chk.gif) no-repeat;background-size:5px 3px}
.myProfile .level-inst-wrap{height:100%}
.myProfile .level-inst-wrap .level-inst-area{background-color:#272727;height:100%}
.myProfile .level-inst-wrap .level-inst-area .top-noti{border-bottom:1px solid #525252;height:27px;line-height:27px;font-size:0;padding-left:15px;background-color:#202020;position:relative}
.myProfile .level-inst-wrap .level-inst-area .top-noti span{font-weight:700;font-size:10px}
.myProfile .level-inst-wrap .level-inst-area .top-noti span.level-inst-tp1{color:#ff9920;padding-left:11px;position:relative}
.myProfile .level-inst-wrap .level-inst-area .top-noti span.level-inst-tp1:before{position:absolute;left:0;top:2px;width:7px;height:9px;content:"";background:url(../images/popup/level_inst_icon.png) no-repeat;background-size:7px 9px}
.myProfile .level-inst-wrap .level-inst-area .top-noti .bt{position:absolute;right:15px;font-size:0;top:6px}
.myProfile .level-inst-wrap .level-inst-area .top-noti .bt.sel-tp{right:102px}
.myProfile .level-inst-wrap .level-inst-area .top-noti .cate-select-area a{display:inline-block;font-size:10px;height:16px;vertical-align:top;border:1px solid #4c4c4c;background-color:#181818;padding:0 5px;line-height:16px;text-align:center;font-weight:700;color:#e3e3e3;box-sizing:border-box;margin-right:13px}
.myProfile .level-inst-wrap .level-inst-area .top-noti .cate-select-area{position:absolute;right:15px;top:5px;font-size:0}
.myProfile .level-inst-wrap .level-inst-area .top-noti .cate-select-area select{display:inline-block;vertical-align:top;font-size:10px;height:16px;border:1px solid #4c4c4c;background-color:#181818;padding:0 15px 0 5px;line-height:16px;text-align:center;font-weight:700;color:#e3e3e3;box-sizing:border-box}
.myProfile .level-inst-wrap .level-inst-area .planet-list-wrap{text-align:center}
.myProfile .level-inst-wrap .level-inst-area .planet-list-wrap table{width:100%}
.myProfile .level-inst-wrap .level-inst-area .planet-list-wrap table th{text-align:center;height:40px;line-height:16px;font-size:10px;font-weight:700;color:#e3e3e3;vertical-align:middle}
.myProfile .level-inst-wrap .level-inst-area .planet-list-wrap table td{text-align:center;height:40px;line-height:16px;font-size:10px;font-weight:700;color:#e3e3e3;vertical-align:middle}
.myProfile .level-inst-wrap .level-inst-area .planet-list-wrap table td span{font-size:10px;color:#e3e3e3;font-weight:700}
.myProfile .level-inst-wrap .level-inst-area .planet-list-wrap table td span em{color:#6f6f6f}
.myProfile .add-popup-area{background-color:#272727;z-index:999;box-sizing:border-box;height:100%;position:fixed;width:100%}
.myProfile .add-popup-area .title-area{height:54px;line-height:54px;position:relative;padding-left:30px}
.myProfile .add-popup-area .title-area .title{font-size:17px;color:#fff}
.myProfile .add-popup-area .title-area a{position:absolute;right:24px;top:50%;margin-top:-10px;display:inline-block;width:20px;height:20px;background:url(../images/popup/add_vote_close.png) no-repeat}
.myProfile .add-popup-area .content-area{padding:19px 7px 0;border-top:1px solid #3b3b3b}
.myProfile .add-popup-area .content-area .title-input-area input{background-color:#202020;border:1px solid #ff9400;padding-left:12px;color:#fff;font-size:10px;height:28px;width:100%;box-sizing:border-box}
.myProfile .add-popup-area .content-area .mid-con-area{background-color:#202020;border:1px solid #525252;margin-top:8px}
.myProfile .add-popup-area .content-area .mid-con-area .list-area{padding:8px 13px 18px}
.myProfile .add-popup-area .content-area .mid-con-area .list-area ul li{position:relative;border:1px solid #525252;margin-top:9px}
.myProfile .add-popup-area .content-area .mid-con-area .list-area ul li:first-child{margin-top:0}
.myProfile .add-popup-area .content-area .mid-con-area .list-area ul li input{width:100%;border:0;height:27px;box-sizing:border-box;font-size:10px;padding-left:12px;color:#fff;background-color:#202020}
.myProfile .add-popup-area .content-area .mid-con-area .list-area ul li .add-pic-bt{position:absolute;right:0;top:0;width:30px;height:26px;display:inline-block;background:url(../images/popup/add_pic_vote.gif) no-repeat;background-size:30px 26px}
.myProfile .add-popup-area .content-area .mid-con-area .list-area ul li .add-list-bt{width:100%;display:block;height:27px;line-height:29px;font-size:15px;padding-left:12px;color:#62b3ff;position:relative;box-sizing:border-box}
.myProfile .add-popup-area .content-area .mid-con-area .list-area ul li .add-list-bt:after{position:absolute;content:"";right:0;top:0;width:30px;height:26px;background:url(../images/popup/add_list_icon.gif) no-repeat;background-size:30px 26px}
.myProfile .add-popup-area .content-area .mid-con-area .list-area ul li .add-list-bt span{color:#62b3ff;font-size:10px}
.myProfile .add-popup-area .content-area .mid-con-area .many-choice-bt{border-top:1px solid #525252}
.myProfile .add-popup-area .content-area .mid-con-area .many-choice-bt a{display:block;height:27px;padding-left:15px;line-height:27px}
.myProfile .add-popup-area .content-area .mid-con-area .many-choice-bt a span{position:relative;padding-left:13px;font-size:10px;color:#fff}
.myProfile .add-popup-area .content-area .mid-con-area .many-choice-bt a span:before{position:absolute;left:0;top:50%;margin-top:-3px;width:7px;height:6px;content:"";background:url(../images/popup/many_choice_arrow.gif) no-repeat;background-size:7px 6px}
.myProfile .add-popup-area .content-area .sub-bt{text-align:center;margin-top:32px}
.myProfile .add-popup-area .content-area .sub-bt a{display:inline-block;color:#fff;font-weight:700;font-size:11px;border:1px solid #525252;background-color:#ff9400;width:48px;line-height:24px;height:24px;box-sizing:border-box;text-align:center}
.layerPopup{position: fixed;left: 0;top: 0;width: 100%;height: 100vh;z-index: 1000;display: none;}
.layerPopup.active{display:block}
.layerPopup .dimmed{background-color:#000;width:100%;height:100%;position:absolute;opacity:.5}
.basket-popup-area{width:90%;height:60%;position:fixed;top:20%;left:5%;background-color:#181818;z-index:999;border:1px solid #525252;padding:31px 20px 0 20px;box-sizing:border-box}
.basket-popup-area dl dt .price{font-size:18px;color:#fff;font-weight:700;border-bottom:1px solid #ee972f;display:inline-block;padding-bottom:9px}
.basket-popup-area dl dd{padding-top:13px}
.basket-popup-area dl dd ul li{padding-right:30px;position:relative;box-sizing:border-box}
.basket-popup-area dl dd ul li .text-wrap{padding-right:20px;position:relative;box-sizing:border-box}
.basket-popup-area dl dd ul li .text-wrap .text-area .tit a{display:block;font-weight:700;font-size:15px;width:100%;color:#fff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.basket-popup-area dl dd ul li .text-wrap .text-area .info{font-size:12px;color:#b8b8b8;margin-top:9px}
.basket-popup-area dl dd ul li .text-wrap .count-area{position:absolute;right:0;top:50%;margin-top:-21px;width:12px;height:42px;line-height:42px;text-align:center}
.basket-popup-area dl dd ul li .text-wrap .count-area .up-bt{position:absolute;top:0;left:50%;margin-left:-5px;width:10px;height:5px;background:url(../../images/sub/count_up_bt.png) no-repeat}
.basket-popup-area dl dd ul li .text-wrap .count-area .dw-bt{position:absolute;bottom:0;left:50%;margin-left:-5px;width:10px;height:5px;background:url(../../images/sub/count_dw_bt.png) no-repeat}
.basket-popup-area dl dd ul li .text-wrap .count-area .num{font-weight:700;font-size:14px;color:#fff}
.basket-popup-area dl dd ul li .delete-bt{position:absolute;right:0;top:50%;margin-top:-4px;width:9px;height:9px;display:inline-block;background:url(../../images/sub/delete_bt_icon.png) no-repeat}
.myProfile .btn{color:#fff;font-size:12px;background:#ff9400;padding:3px 8px}
.cider{border:2px solid #84ffc4;color:#84ffc4;background:#181818;font-size:13px;display:inline-block;padding:3px 8px!important;border-radius:3px;margin-left:10px;background:0 0!important}
.comment-style01 .comment .commnet-main.cider-complete-wrap{border-bottom:2px solid #84ffc4!important}
.share-take{border:2px solid #ff9400;color:#ff9400;background:#181818;font-size:13px;display:inline-block;padding:3px 8px!important;border-radius:3px;margin-left:10px;background:0 0!important}
.best-comment{border:2px solid #ff9400;color:#ff9400;background:#181818;font-size:13px;display:inline-block;padding:3px 8px!important;border-radius:3px;margin-left:10px;background:0 0!important}
.comment-style01 .comment .commnet-main.best-comment-wrap{border-bottom:2px solid #ff9940!important}
.view-style01 .survey-popup-wrap{position:static;margin:0 auto}
.view-style01 .survey-popup-wrap .survey-popup-area{position:static;margin:0 auto 30px;max-width:400px;width:100%}
.column-select{display:block;width:100%;color:#f90;font-size:16px;font-weight:800;background:url(../images/main/more_bt_arrow.png) no-repeat 98% 50%;background-color:#222;margin-bottom:5px;padding:8px 20px;border:3px solid #f90;cursor:pointer}
.column-link-box{border:1px solid #f90;padding:8px 8px;font-size:0;text-align:left;margin-top:30px}
.column-link-box .column-link{font-size:14px;display:inline-block;vertical-align:top;width:98%;display:inline-block;box-sizing:border-box;text-align:left;padding:2%;box-sizing:border-box;margin:1%;background:#444;cursor:pointer;color:#fff;line-height:1.5}
.column-link-box .column-link:hover{color:#f90}
.column-link-box .column-link span.number{color:#fff;background:#f90;display:inline-block;min-width:20px;padding:0px 2px;height:20px;margin-right:5px;text-align:center;line-height:20px}
.view-content a.list-menu{width:100%;cursor:default}
#con-body .info-body .content .list-area .list-style10 ul li .left-side-img .left-img{background:#ddd;position:relative;overflow:hidden}
#con-body .info-body .content .list-area .list-style10 ul li .left-side-img .left-img i{font-size:16px;color:#333}
.fa-vote-yea{background:url(../../images/popup/vote-yea-regular.svg) no-repeat 50% 50%;width:18px;height:18px;display:block;background-size:100%}
.pr-0{padding-right:0!important}
#con-body .info-body .content .write-area .checkbox-area{margin:0 12px;padding-top:25px;color:#fff}
#con-body .info-body .content .write-area .checkbox-area label {color: #fff;font-size: 12px;line-height: 24px;}
#con-body .info-body .content .write-area .checkbox-area>input+label{margin-left:10px}
.write-img-area{padding:0}
.write-img-area input[type=file]{display:none}
.write-img-area img{width:100%;display:inline-block;vertical-align:top;width:120px}
.write-img-area button{border:1px solid #525252;font-size:14px;padding:6px;height:56px;display:inline-block;margin:0}
.write-img-area button img{height:40px;vertical-align:middle;width:auto}
.dropdown-menu.autosave-wrap{padding:0;background:#272727;overflow:auto;height:350px;border:1px solid #525252;width:100%;padding:10px}
.dropdown-menu.autosave-wrap *{color:#fff}
.dropdown-menu.autosave-wrap .autosaveLoad{width:calc(100% - 15px);display:inline-block}
.dropdown-menu.autosave-wrap .autosaveLoad span{font-size:14px;display:inline-block;text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-right:5px;box-sizing:border-box;color:#fff;width:calc(100% - 105px)}
.dropdown-menu.autosave-wrap .autosaveLoad span.sv-date{font-size:12px;width:auto}
.dropdown-menu.autosave-wrap .save-delete {margin-left: 0!important;display: inline-block;position: relative;top: -3px;}
.dropdown-menu.autosave-wrap a{border:none!important;background:0 0!important;vertical-align:middle!important}
#autosaveBtn{display:none}
.xdsoft_datetimepicker{z-index:999999!important}
#con-body .info-body .content .write-area .write-style01 .form01 input[type=number]{display:inline-block;height:38px;background:#272727;color:#fff;border:1px solid #4f4f4f;box-sizing:border-box;padding-left:5px;width:100%}
#con-body .info-body .content .write-area .write-style01 .form01 select{display:inline-block;height:38px;background:#272727;color:#fff;border:1px solid #4f4f4f;box-sizing:border-box;padding-left:5px;width:100%}
#con-body .info-body .content .write-area .write-style01 .form01 select option{color:#fff}
.radio-area+.radio-area{margin-left:12px}
.view-style01 .list-form01 table th{padding:5px}
#con-body .info-body .content .write-area .top-spe-area .sec-sec select{display:inline-block;background:#272727;color:#fff;border:1px solid #4f4f4f;box-sizing:border-box;height:38px;text-align:center;width:calc((100% - 9px)/ 2);margin-left:5px}
#con-body .info-body .content .write-area .top-spe-area .sec-sec select option{color:#fff}
#con-body .info-body .content .write-area .top-spe-area .sec-sec select:first-child {margin-left: 0;width: calc((100% - 10px)/ 2);}
#myProfile .profile-wrap .profile-area .profile-bot-area .intro-area{background:0 0;color:#fff}
#myProfile .profile-wrap .profile-area .profile-bot-area .intro-area img{max-width:100%}
#myProfile .profile-wrap .profile-area .profile-bot-area .intro-area *{color:inherit}
.popLayerPopup{width:100%;height:100%;left:0;top:0;position:fixed;display:none}
.popLayerPopup.active{display:block;z-index:9999999}
.popLayerPopup .follow-area{width:220px;height:113px;z-index:1;left:50%;padding-top:20px;background-color:#181818;margin-left:-110px;top:50%;margin-top:-56px;box-sizing:border-box;border:1px solid #565656;position:fixed}
.popLayerPopup .follow-area .title{text-align:center;color:#fff;font-size:12px;padding-top:20px;position:relative}
.popLayerPopup .follow-area .title.unfollow:before{position:absolute;top:0;left:50%;margin-left:-9px;width:17px;height:13px;content:"";background:url(../../images/popup/unfollow_bt.png) no-repeat}
.popLayerPopup .follow-area .title:before{position:absolute;top:0;left:50%;margin-left:-9px;width:17px;height:13px;content:"";background:url(../../images/popup/follow_bt.png) no-repeat}
.popLayerPopup .follow-area .bt{font-size:0;text-align:center;margin-top:12px}
.popLayerPopup .follow-area .bt a{display:inline-block;width:48px;margin:0 3px;height:24px;border:1px solid #525252;background-color:#202020;line-height:26px;font-size:11px;font-weight:700;color:#fff;text-align:center}
.popLayerPopup .follow-area .bt a:hover{background-color:#ff7d7d}
.popLayerPopup .block-area{width:274px;height:158px;z-index:1;left:50%;padding-top:20px;background-color:#181818;margin-left:-137px;top:50%;margin-top:-56px;box-sizing:border-box;border:1px solid #565656;position:fixed}
.popLayerPopup .block-area .title{text-align:center;color:#fff;font-size:12px;padding-top:27px;position:relative;line-height:18px}
.popLayerPopup .block-area .title em{color:#ff7d7d}
.popLayerPopup .block-area .title:before{position:absolute;top:0;left:50%;margin-left:-9px;width:17px;height:17px;content:"";background:url(../../images/popup/block_icon.png) no-repeat}
.popLayerPopup .block-area .bt{font-size:0;text-align:center;margin-top:12px}
.popLayerPopup .block-area .bt a{display:inline-block;width:48px;margin:0 3px;height:24px;border:1px solid #525252;background-color:#202020;line-height:26px;font-size:11px;font-weight:700;color:#fff;text-align:center}
.popLayerPopup .block-area .bt a:hover{background-color:#ff7d7d}
.popLayerPopup .frd-rq-area{width:274px;height:142px;z-index:1;left:50%;padding-top:20px;background-color:#181818;margin-left:-137px;top:50%;margin-top:-71px;box-sizing:border-box;border:1px solid #565656;position:fixed}
.popLayerPopup .frd-rq-area .title{text-align:center;color:#fff;font-size:12px;padding-top:27px;position:relative;line-height:18px}
.popLayerPopup .frd-rq-area .title em{color:#62b3ff}
.popLayerPopup .frd-rq-area .title:before{position:absolute;top:0;left:50%;margin-left:-9px;width:17px;height:13px;content:"";background:url(../../images/popup/follow_bt.png) no-repeat}
.popLayerPopup .frd-rq-area .bt{font-size:0;text-align:center;margin-top:12px}
.popLayerPopup .frd-rq-area .bt a{display:inline-block;width:48px;margin:0 3px;height:24px;border:1px solid #525252;background-color:#202020;line-height:26px;font-size:11px;font-weight:700;color:#fff;text-align:center}
.popLayerPopup .frd-rq-area .bt a:hover{background-color:#ff7d7d}
.popLayerPopup .emoti-send-area{width:274px;height:142px;z-index:1;left:50%;padding-top:20px;background-color:#181818;margin-left:-137px;top:50%;margin-top:-71px;box-sizing:border-box;border:1px solid #565656;position:fixed}
.popLayerPopup .emoti-send-area .title{text-align:center;color:#fff;font-size:12px;padding-top:27px;position:relative;line-height:18px}
.popLayerPopup .emoti-send-area .title em{color:#62b3ff}
.popLayerPopup .emoti-send-area .title:before{position:absolute;top:0;left:50%;margin-left:-9px;width:17px;height:14px;content:"";background:url(../../images/popup/gift_pop_icon.png) no-repeat}
.popLayerPopup .emoti-send-area .bt{font-size:0;text-align:center;margin-top:12px}
.popLayerPopup .emoti-send-area .bt a{display:inline-block;width:48px;margin:0 3px;height:24px;border:1px solid #525252;background-color:#202020;line-height:26px;font-size:11px;font-weight:700;color:#fff;text-align:center}
.popLayerPopup .emoti-send-area .bt a:hover{background-color:#ff7d7d}
.popLayerPopup .bookmark-cancel-area{width:220px;height:114px;z-index:1;left:50%;padding-top:20px;background-color:#181818;margin-left:-110px;top:50%;margin-top:-57px;box-sizing:border-box;border:1px solid #565656;position:fixed}
.popLayerPopup .bookmark-cancel-area .title{text-align:center;color:#fff;font-size:12px;padding-top:21px;position:relative;line-height:18px}
.popLayerPopup .bookmark-cancel-area .title:before{position:absolute;top:0;left:50%;margin-left:-6px;width:13px;height:13px;content:"";background:url(../../images/popup/mss_icon2_hover.png) no-repeat}
.popLayerPopup .bookmark-cancel-area .bt{font-size:0;text-align:center;margin-top:12px}
.popLayerPopup .bookmark-cancel-area .bt a{display:inline-block;width:48px;margin:0 3px;height:24px;border:1px solid #525252;background-color:#202020;line-height:26px;font-size:11px;font-weight:700;color:#fff;text-align:center}
.popLayerPopup .bookmark-cancel-area .bt a:hover{background-color:#ff7d7d}
.popLayerPopup .dimmed{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000;opacity:.8}
#myProfile .post-wrap .post-tab-wrap .tab-bt-wrap .back-bt{display:block;height:26px}
#myProfile .profile-wrap .profile-area .profile-mid-area .lately-get-planet .con .planet-img{width:60px;height:60px}
#added_popup{z-index:1000000}
#added_popup .added_popup_inner{padding-top:34px}
#added_popup.emoticon-popup-area .content-area{border-top:none}
#added_popup.emoticon-popup-area .content-area .top-con-area .hasticon li a{background:0 0}
#added_popup.emoticon-popup-area .content-area .mid-con-area .emoticon-list-wrap ul li a{background:0 0}
#added_popup.emoticon-popup-area .content-area .mid-con-area .emoticon-list-wrap ul li a{padding-bottom:0}
#added_popup.emoticon-popup-area .content-area .mid-con-area .emoticon-list-wrap ul li a img{width:100%}
#added_popup.emoticon-popup-area .added_popup_inner .popup-content-wrap .buy-popup-area{position:fixed;left:0;top:34px;height:calc(100% - 34px);z-index:9999;background:#fff;width:100%}
#added_popup.emoticon-popup-area .added_popup_inner .popup-content-wrap .buy-popup-area .content-area{display:block;padding:0}
#added_popup.emoticon_buy .buy-popup-area .top-detail-area .img-area{background:0 0}
#added_popup.emoticon_buy .buy-popup-area .top-detail-area .img-area img{width:100%}
#added_popup.emoticon_buy .buy-popup-area .bot-info-area .emoti-list li a{background:0 0;padding-bottom:0}
#added_popup.emoticon_buy .buy-popup-area .bot-info-area .emoti-list li a img{width:100%}
#added_popup.emoticon-popup-area .added_popup_inner .popup-content-wrap .emoti-reci-wrap{position:fixed;left:0;top:34px;height:calc(100% - 34px);z-index:9999;background:#fff;width:100%}
.popLayerPopup.added_layer_popup{width:100%;height:100%;left:0;top:0;position:absolute;display:none}
.popLayerPopup.added_layer_popup.active{display:block;z-index:1000}
.popLayerPopup.added_layer_popup span{color:#fff}
.popLayerPopup.added_layer_popup span.orange{color:#f90}
.popLayerPopup.added_layer_popup>div:first-child{width:274px;height:auto;z-index:1;left:50%;padding-top:20px;background-color:#181818;margin-left:-137px;top:50%;margin-top:-71px;box-sizing:border-box;border:1px solid #565656;position:fixed;box-sizing:border-box;padding:20px}
.popLayerPopup.added_layer_popup .title{text-align:center;color:#fff;font-size:12px;padding-top:27px;position:relative;line-height:18px}
.popLayerPopup.added_layer_popup .title em{color:#62b3ff}
.popLayerPopup.added_layer_popup .emoti-send-area .title:before{position:absolute;top:0;left:50%;margin-left:-9px;width:17px;height:14px;content:"";background:url(../../images/popup/gift_pop_icon.png) no-repeat}
.popLayerPopup.added_layer_popup .emoti-buy-area .title:before{position:absolute;top:0;left:50%;margin-left:-9px;width:17px;height:14px;content:"";background:url(../../images/popup/follow_bt.png) no-repeat;background-size:contain}
.popLayerPopup.added_layer_popup .bt{font-size:0;text-align:center;margin-top:12px}
.popLayerPopup.added_layer_popup .bt a{display:inline-block;width:48px;margin:0 3px;height:24px;border:1px solid #525252;background-color:#202020;line-height:26px;font-size:11px;font-weight:700;color:#fff;text-align:center}
.popLayerPopup.added_layer_popup .bt a:hover{background-color:#ff7d7d}
#added_popup.emoticon-popup-area .content-area.have-emoticon{padding-top:63px}
#added_popup.emoticon-popup-area .content-area.have-emoticon .mid-con-area{padding-top:125px}
#added_popup.emoticon-popup-area .content-area .top-con-area{height:auto;padding:4px 0}
#added_popup.emoticon-popup-area .content-area .top-con-area .hasticon{width:280px}
#added_popup.emoticon-popup-area .content-area .top-con-area .hasticon li a{width:54px;height:54px}
#added_popup.emoticon-popup-area .content-area .mid-con-area .emoticon-list-wrap ul li{width:22%}
#myProfile .level-inst-wrap{height:auto;padding-bottom:16px;background:#272727}
#myProfile .top-bt-wrap:after{content:'';display:block;clear:both}
#myProfile .top-bt-wrap .bt{position:absolute;right:10px;font-size:0;top:5px}
#myProfile .top-bt-wrap .bt a{display:inline-block;font-size:10px;height:17px;vertical-align:top;border:1px solid #4c4c4c;background-color:#181818;padding:0 6px;line-height:17px;text-align:center;font-weight:700;color:#e3e3e3;box-sizing:border-box;margin-left:9px}
#myProfile .top-bt-wrap .bt a:first-child{margin-left:0}
#myProfile .msg-scroll-inner{background:0 0}
.popLayerPopup .youtube-send-area{width:274px;height:auto;z-index:1;left:50%;padding:20px 0;background-color:#181818;margin-left:-137px;top:50%;margin-top:-71px;box-sizing:border-box;border:1px solid #565656;position:fixed}
.popLayerPopup .youtube-send-area .title{text-align:center;color:#fff;font-size:12px;padding-top:27px;position:relative;line-height:18px}
.popLayerPopup .youtube-send-area .title em{color:#62b3ff}
.popLayerPopup .youtube-send-area .title:before{position:absolute;top:0;left:50%;margin-left:-9px;width:17px;height:14px;content:"";background:url(../images/popup/gift_pop_icon.png) no-repeat}
.popLayerPopup .youtube-send-area .bt{font-size:0;text-align:center;margin-top:12px}
.popLayerPopup .youtube-send-area .bt a{display:inline-block;width:48px;margin:0 3px;height:24px;border:1px solid #525252;background-color:#202020;line-height:26px;font-size:11px;font-weight:700;color:#fff;text-align:center}
.popLayerPopup .youtube-send-area .bt a:hover{background-color:#ff7d7d}
.popLayerPopup .youtube-send-area .input-wrap{background:#222;width:80%;margin:0 auto}
.popLayerPopup .youtube-send-area .input-wrap input{display:block;width:100%;height:32px;line-height:32px;padding:0 5px;color:#fff;width:100%;background:0 0;border:none}
#myProfile .inner-layer-popup .msg-type1 *{max-width:100%;color:#fff;font-size:10px}
#myProfile .inner-layer-popup .msg-type2 *{max-width:100%;color:#fff;font-size:10px}
#myProfile .inner-layer-popup #memo *{max-width:100%;color:#fff;font-size:10px}
.writer-btn-wrap{text-align:right;margin:8px 0}
.writer-btn-wrap a{font-size:14px;color:#dba84f;margin:0 3px}
.writer-btn-wrap a:hover{color:#dba84f;text-decoration:none}
#con-body .info-body .content .info-area ul li .drop-info.password{background-image:url(../../images/sub/lock-alt-regular.svg)}
.pass-modify-state{text-align:right}
.pass-modify-state .use-noti{height:28px;line-height:28px;margin-right:14px;font-size:12px;position:relative;padding-left:20px;display:inline-block}
.pass-modify-state .use-noti.type1{color:#6dff7b}
.pass-modify-state .use-noti.type1:before{position:absolute;left:0;top:50%;margin-top:-7px;width:13px;height:13px;background:url(../../images/sub/use_check_icon1.png) no-repeat;content:""}
.pass-modify-state .use-noti.type2{color:#ff6d6d}
.pass-modify-state .use-noti.type2:before{position:absolute;left:0;top:50%;margin-top:-7px;width:13px;height:13px;background:url(../../images/sub/use_check_icon2.png) no-repeat;content:""}
.accordion>li .acc-hide-area .hide-list li {vertical-align: middle;}
#myProfile .level-content-wrap .level-top-area .gauge-bar-wrap .gauge-bar-area .gauge-bar{line-height:12px}
#myProfile .level-inst-wrap .level-inst-area .planet-list-wrap table td span.demand{display:inline-block;padding:0 16px}
#added_popup.emoticon-popup-area .content-area .mid-con-area .emoticon-list-wrap ul li a.active{border:1px solid #ee972f}
#con-body .info-body .content .write-area .write-style01 .form01 .write-left-side03{width:80px}
#con-body .info-body .content .write-area .write-style01 .form01 .write-right-side03{width:calc(100% - 80px)}
body .note-editor.note-frame{background:#181818;border:1px solid #4c4c4c;border-radius:0}
body .note-popover .popover-content,body .panel-heading.note-toolbar{background:0 0;color:#fff;border-color:#343434}
body .note-editor.note-frame .note-editing-area .note-editable{color:#e3e3e3;background:0 0;padding:18px 15px}
body .panel-heading.note-toolbar .btn{background:0 0;color:#fff;border:none}
body .panel-heading.note-toolbar .note-btn-group{position:relative}
body .panel-heading.note-toolbar .note-btn-group:after{content:'';border-right:1px solid #4c4c4c;position:absolute;right:0;top:50%;transform:translateY(-50%);height:50%}
body .panel-heading.note-toolbar .note-btn-group:nth-last-of-type(1):after{display:none}
body .note-editor.note-frame .note-statusbar{background:0 0;border-color:#343434;padding:6px 0}
body .note-editor.note-frame .note-statusbar .note-icon-bar{border-color:#999}
body .note-popover .popover-content .dropdown-menu,body .panel-heading.note-toolbar .dropdown-menu{background:#181818;color:#fff}
body .note-popover .popover-content .dropdown-menu li a,body .panel-heading.note-toolbar .dropdown-menu li a{color:#fff}
body .note-popover .popover-content .dropdown-menu li a:active,body .note-popover .popover-content .dropdown-menu li a:focus,body .note-popover .popover-content .dropdown-menu li a:hover,body .panel-heading.note-toolbar .dropdown-menu li a:active,body .panel-heading.note-toolbar .dropdown-menu li a:focus,body .panel-heading.note-toolbar .dropdown-menu li a:hover{color:#fff;background:#080808}
body .note-fontname .btn.note-btn{min-width:140px;text-align:left;position:relative;height:30px;padding-right:20px}
body .note-fontname .btn.note-btn .note-icon-caret{position:absolute;right:5px;top:8px}
#con-body .info-body .content .list-area .list-style08 ul li .mid{height:36px;overflow:hidden}
.comment-style01 .comment .comment-user-form .comment_option a.comment-btn{opacity:1;font-weight:400;text-shadow:none;line-height:1.3;text-decoration:none!important}
#myProfile .level-content-wrap{height:auto}
#con-body .info-body .content .list-area .list-style09 .list-form{overflow:visible}
#con-body .info-body .content .list-area .list-style09 .list-form:after{content:'';display:block;clear:both}
#con-body .info-body .content .list-area .list-style09 .list-form .right-txt .bottom-info{overflow:visible}
#con-body .info-body .content .list-area .list-style09 .list-form .right-txt .bottom-info:after{content:'';display:block;clear:both}
#con-body .info-body .content .list-area .list-style09 .list-form .right-txt .bottom-info>div{color:silver;font-size:11px;float:left;padding-left:8px;position:relative}
#con-body .info-body .content .list-area .list-style09 .list-form .right-txt .bottom-info>div.nick{padding-left:0}
#con-body .info-body .content .list-area .list-style09 .list-form .right-txt .bottom-info>div.nick a{display:block;float:none}
#con-body .info-body .content .list-area .list-style03 ul li.noti{width:100%;box-sizing:border-box}
.comment-style01 .comment .comment-user-image{background:0 0;color:#363636}
#con-body .info-body .view-page-name .view-user-area .view-user-img{background:0 0;color:#363636}
#con-body .info-body .content .info-area .modi-chk-area .pro-div .pro-img{background:0 0;color:#363636}
#con-body .info-body .content .info-area ul li .my-info .profile-area .profile-img{background:0 0;color:#363636;width:60px;height:60px;margin-top:5px}
#con-body .info-body .content .info-area .pro-modi-area .profile-img{background:0 0;color:#363636}
#con-body .info-body .content .list-area .list-style10 ul li .left-side-img .left-img{background:0 0;color:#363636}
#con-body .info-body .content .list-area .list-top01 .top_list .top-list-a .top{height:17.15vw}
#con-body .info-body .content .list-area .list-top02 .top_list .top-list-a .top{height:17.15vw}
.custom-tab-cont{display:none}
.custom-tab-cont.active,.custom-tab-cont.on{display:flex;column-gap:8px;justify-content: center;}
#con-body .info-body .content .write-area .top-spe-area .fir-sec input{width:calc((100% - 17px)/ 3);margin-left:5px}
#con-body .info-body .content .write-area .top-spe-area .fir-sec input:first-child{margin-left:0}
#con-body .info-body .content .write-area .top-spe-area .sec-sec input,#con-body .info-body .content .write-area .top-spe-area .sec-sec p,#con-body .info-body .content .write-area .top-spe-area .sec-sec select{display:inline-block;background:#272727;color:#fff;border:1px solid #4f4f4f;box-sizing:border-box;height:38px;text-align:center;width:calc((100% - 9px)/ 2);margin-left:5px;line-height:38px;vertical-align:middle}
#con-body .info-body .content .write-area .top-spe-area .sec-sec :first-child {margin-left: 0;width: calc((100% - 10px)/ 2);}
#con-body .info-body .content .write-area .option-area .pl20{padding-left:20px}
#con-body .info-body .content .write-area .option-area .option-detail input{width:calc(34% - 30px)}
.con-img-area.money-black{display:flex}
.con-img-area.money-black .img-side{width:170px;height:130px;padding-right:10px;background:0 0;position:relative}
.con-img-area.money-black .txt-side{flex:1 1 0%;padding-top:0}
.con-img-area.money-black .txt-side p{font-size:14px;color:#b0b0b0;padding-top:8px}
.con-img-area.money-black .txt-side .btn-area{display:flex;margin:12px -3px}
.con-img-area.money-black .txt-side .btn-area a{flex:1 1 100%;padding:8px 0;font-size:12px;margin:0 3px}
.pro-tit-div .cost-div span{display:inline-block}
.active-dot{position:relative}
.active-dot:after{content:'';left:3px;top:3px;width:5px;height:5px;position:absolute;background:#ff9400;border-radius:999px}
.ev-btn-div .basket-btn{width:auto;padding:9px 12px 8px}
.ev-btn-div .add-btn{width:auto;padding:9px 12px 8px}
.popup-close-btn-wrap{text-align:right;padding:20px;position:absolute;top:0;right:0;width:100%}
.popup-close-btn-wrap h3{float:left;font-size:24px;color:#fff}
.basket-popup-area{overflow:hidden}
.basket-popup-area dl{height:100%}
.basket-popup-area dl dd{height:calc(100% - 40px);overflow:auto}
.basket-popup-area dl dd ul li+li{padding-top:10px;margin-top:10px;border-top:#666 solid 1px}
#con-body .paging-area ul{margin-bottom:0}
.myProfile .post-wrap .option-btn-div{bottom:0}
.myProfile .post-wrap .option-btn-div .file-btn-div{padding-top:0}
.myProfile .post-wrap .option-btn-div div+.file-btn-div{padding-top:10px}
.myProfile .post-wrap .option-btn-div .input-file{width:100%}
.myProfile .post-wrap .option-btn-div .file-btn-div a{width:calc((100% - 4px)/ 2)}
@media (max-width:370px){.con-img-area.money-black{display:block}
.con-img-area.money-black .img-side{width:100%;height:60vw;padding-right:0}
}
.spec-box{max-width:100%;margin:20px auto 20px;border:1px solid #4e4e4e;padding:25px 0 15px;width:400px}
.spec-box .spec-head {font-size: 18px;color: #fff;border-bottom: 2px solid #be954d;padding-bottom: 7px;margin-bottom: 16px;margin-left: 50px;width: fit-content;}
.spec-box .spec {display: flex;margin: 8px 0;padding: 0 10px;}
.spec-box .spec .tit {color: #fff;width: 94px;text-align: right;margin-right: 10px;display: flex;}
.spec-box .spec .tit .text {white-space: nowrap;text-overflow: ellipsis;overflow: hidden;flex: 1 1 100%;letter-spacing: -1px;line-height: 20px;}
.spec-box .spec .tit .divi {flex: none;line-height: 18px;}
.spec-box .spec .cont {flex: 1 1 0%;color: #fff;line-height: 20px;letter-spacing: 0;}
#con-body .info-body .content .list-area .list-top01 .top_list ul{text-align:center;font-size:0}
#con-body .info-body .content .list-area .list-top01 .top_list ul li{width:calc(33vw - 8px);display:inline-block;float:none;vertical-align:top}
#con-body #frmSearch .content a{color:#fff}
#con-body #frmSearch .content a:visited{color:#666!important}
#con-body #frmSearch .content .pro-open-win a:visited{color:#fff !important}
#con-body #frmSearch .content a:not(.active,.actvie):visited .ellipsis-with-reply-cnt{color:#666!important}
#con-body #frmSearch .content a:visited div,#con-body #frmSearch .content a:visited p{color:#666!important}
.emoticon-popup-area .content-area .mid-con-area .view-emoticon-wrap ul li a .img-area{padding-bottom:100%;overflow:hidden;position:relative;background-size:cover;background-position:50% 50%}
.emoticon-popup-area .content-area .mid-con-area .view-emoticon-wrap ul li a .info-area .txt .contents{word-break:break-all;line-height:14px;height:42px;overflow:hidden;display:block}
#added_popup.emoticon-popup-area .content-area .mid-con-area .view-emoticon-wrap ul li a .img-area{background:0 0;background-size:cover}
#con-body .info-body .content .list-area .srch-box{margin-bottom:16px}
#con-body .info-body .content .list-area .list-top01 .tab-menu p.tit{color:#fff;font-size:16px;font-weight:700;display:inline-block;margin:5px 6px 9px 0;margin-left:0;border-right:2px solid #fff;padding:1px 12px 0 0;display:inline-block;vertical-align:top}
#con-body .info-body .content .list-area .list-top01 .game_list{overflow:auto;text-align:left}
#con-body .info-body .content .list-area .list-top01 .game_list ul{font-size:0;margin:0 -4px;text-align:left;min-width:100%}
#con-body .info-body .content .list-area .list-top01 .game_list ul li{display:inline-block;float:none;width:120px;padding:0 4px;box-sizing:border-box;margin-left:0}
#con-body .info-body .content .list-area .list-top01 .game_list ul li .top-list-a .top{height:100px}
.spec-pop-active-btn {box-sizing: border-box;text-align: center;border: 1px solid #505050;background-color: #272727;color: #e3e3e3;font-size: 12px;margin-left: 8px;display: inline;height: 26px;line-height: 25px;padding: 0 8px;}
#con-body .info-body .content .list-area .list-style05 .list-tit .game-title{color:#fff;line-height:1.5}
#con-body .info-body .content .list-area .list-style05 .list-tit .game-title span{font-weight:700}
#con-body .info-body .content .list-area .list-style05 .list-tit .sort-area.game-filter-area{position:relative;right:auto;top:auto;float:left;margin-top:10px}
#con-body .info-body .content .list-area .list-style05 .list-tit .sort-area.game-filter-area+.game-filter-area{float:right}
.gauge-wrap{padding:15px 12px}
.gauge-wrap ul li{position:relative;box-sizing:border-box;padding:11px 0 11px 0;border-top:1px solid #464646}
.gauge-wrap ul li:first-child{border-top:0}
.gauge-wrap ul li .tit {font-weight: 700;font-size: 16px;color: #e3e3e3;line-height: 1.3;margin-bottom: 10px;letter-spacing: .5px;}
.gauge-wrap ul li .gauge{height:28px;line-height:28px;padding-left:8px;box-sizing:border-box}
.gauge-wrap ul li .gauge span{color:#fff;font-size:14px;font-weight:700;white-space:nowrap}
.layerPopup .game-system-popup{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);background:#333;z-index:9;width:95%;max-width:470px}
.layerPopup .game-system-popup .popup-close-btn-wrap{background:0 0;position:absolute;right:0;top:0}
.layerPopup .game-system-popup .spec-box{width:100%;margin-bottom:0;margin-top:0;border:none}
.compare-wrap{min-height:1015px;box-sizing:border-box;display:none}
.compare-wrap.active{display:block}
.compare-wrap .compare-bt-area{height:73px;line-height:73px;font-size:0;padding-left:19px;background-color:#222;box-sizing:border-box;position:relative}
.compare-wrap .compare-bt-area a{font-size:17px;color:#cdcdcd;margin-left:10px}
.compare-wrap .compare-bt-area a:first-child{margin-left:0}
.compare-wrap .compare-bt-area a.active{font-weight:700;color:#fff}
.compare-wrap .compare-area{display:none;color:#fff;padding:28px 19px 0}
.compare-wrap .compare-area.active{display:block}
.compare-wrap .compare-area dl{margin-top:49px}
.compare-wrap .compare-area dl:first-child{margin-top:0}
.compare-wrap .compare-area dl dt{min-width:258px;border-bottom:1px solid #ee972f;display:inline-block;padding-bottom:8px}
.compare-wrap .compare-area dl dt .tit{font-size:20px;color:#fff;font-weight:700}
.compare-wrap .compare-area dl dd{margin-top:15px}
.compare-wrap .compare-area dl dd .txt{font-size:14px;color:#cdcdcd}
.compare-wrap .compare-area dl dd>ul{overflow:hidden;margin-top:27px}
.compare-wrap .compare-area dl dd>ul li{width:100%;margin-top:35px}
.compare-wrap .compare-area dl dd>ul li:first-child{margin-top:0}
.compare-wrap .compare-area dl dd>ul li .tit{font-weight:700;color:#fff;font-size:16px}
.compare-wrap .compare-area dl dd>ul li .gauge-area{min-height:76px;width:100%;margin-top:12px}
.compare-wrap .compare-area dl dd>ul li .gauge-area .gauge-bar{padding-right:72px;box-sizing:border-box;position:relative;width:100%;margin-top:10px}
.compare-wrap .compare-area dl dd>ul li .gauge-area .gauge-bar:first-child{margin-top:0}
.compare-wrap .compare-area dl dd>ul li .gauge-area .gauge-bar .gauge{position:relative;height:33px;max-width:100%;padding-left:7px;box-sizing:border-box}
.compare-wrap .compare-area dl dd>ul li .gauge-area .gauge-bar .gauge.gauge-tp1{background-color:#c99d50}
.compare-wrap .compare-area dl dd>ul li .gauge-area .gauge-bar .gauge.gauge-tp2{background-color:#626262}
.compare-wrap .compare-area dl dd>ul li .gauge-area .gauge-bar .value{position:absolute;height:33px;line-height:37px;right:-72px;top:0;font-size:12px;font-weight:700;color:#fff}
.compare-wrap .compare-area dl dd>ul li .gauge-area .gauge-bar .name{font-weight:700;color:#fff;font-size:12px;line-height:37px}
.compare-wrap .compare-area dl dd .compare-detail{margin-top:26px}
.compare-wrap .compare-area dl dd .compare-detail .left-product-area{width:calc(50% - 58px);float:left;text-align:right;position:relative;padding-top:40px}
.compare-wrap .compare-area dl dd .compare-detail .left-product-area .name{position:absolute;top:0;right:0;font-weight:700;font-size:16px;color:#fff;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;width:100%}
.compare-wrap .compare-area dl dd .compare-detail .left-product-area ul{margin-top:28px}
.compare-wrap .compare-area dl dd .compare-detail .left-product-area ul:nth-child(2){margin-top:0}
.compare-wrap .compare-area dl dd .compare-detail .left-product-area ul li{font-size:12px;color:#fff;margin-top:8px}
.compare-wrap .compare-area dl dd .compare-detail .left-product-area ul li:first-child{margin-top:0}
.compare-wrap .compare-area dl dd .compare-detail .total-spec-list{width:116px;float:left;text-align:center;padding-top:40px}
.compare-wrap .compare-area dl dd .compare-detail .total-spec-list ul{margin-top:28px}
.compare-wrap .compare-area dl dd .compare-detail .total-spec-list ul:first-child{margin-top:0}
.compare-wrap .compare-area dl dd .compare-detail .total-spec-list ul li{font-size:12px;font-weight:700;color:#fff;margin-top:8px}
.compare-wrap .compare-area dl dd .compare-detail .total-spec-list ul li:first-child{margin-top:0}
.compare-wrap .compare-area dl dd .compare-detail .right-product-area{width:calc(50% - 58px);float:left;text-align:left;position:relative;padding-top:40px}
.compare-wrap .compare-area dl dd .compare-detail .right-product-area .name{position:absolute;top:0;left:0;font-weight:700;font-size:16px;color:#fff;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;width:100%}
.compare-wrap .compare-area dl dd .compare-detail .right-product-area ul{margin-top:28px}
.compare-wrap .compare-area dl dd .compare-detail .right-product-area ul:nth-child(2){margin-top:0}
.compare-wrap .compare-area dl dd .compare-detail .right-product-area ul li{font-size:12px;color:#fff;margin-top:8px}
.compare-wrap .compare-area dl dd .compare-detail .right-product-area ul li:first-child{margin-top:0}
.perf-comp-area{text-align:center;font-size:0;padding-top:86px;position:relative}
.perf-comp-area .product-left-area{display:inline-block;position:absolute;left:0;top:0;width:calc(50% - 43px)}
.perf-comp-area .product-left-area .img{position:relative;text-align:center;height:19.5vw;margin-bottom:10px}
.perf-comp-area .product-left-area .text{position:relative;text-align:center;left:0;width:100%;font-size:14px;font-weight:700;color:#e3e3e3;margin-bottom:10px;height:32px;overflow:hidden}
.perf-comp-area .product-left-area .input select{width:100%}
.perf-comp-area .perf-comp-bt{margin:0 32px;display:inline-block;vertical-align:top;padding-top:110px;position:relative}
.perf-comp-area .perf-comp-bt:before{position:absolute;top:0;left:50%;margin-left:-20px;width:40px;height:40px;background:url(../../../quasarzone/images/sub/compare_icon.png) no-repeat;content:""}
.perf-comp-area .perf-comp-bt a{display:inline-block;font-size:16px;color:#e3e3e3;font-weight:700;width:86px;height:35px;line-height:33px;border:1px solid #4f4f4f;box-sizing:border-box}
.perf-comp-area .product-right-area{display:inline-block;position:absolute;right:0;top:0;width:calc(50% - 43px)}
.perf-comp-area .product-right-area .img{position:relative;text-align:center;height:19.5vw;margin-bottom:10px}
.perf-comp-area .product-right-area .text{position:relative;text-align:center;left:0;width:100%;font-size:14px;font-weight:700;color:#e3e3e3;margin-bottom:10px;height:32px;overflow:hidden}
.perf-comp-area .product-right-area .input select{width:100%}
.perf-comp-area input::-webkit-input-placeholder{color:#b8b8b8}
.perf-comp-area input::-moz-placeholder{color:#b8b8b8}
.perf-comp-area input:-ms-input-placeholder{color:#b8b8b8}
.perf-comp-area input:-moz-placeholder{color:#b8b8b8}
.perf-comp-area .compare-select{width:100%!important}
.perf-comp-area .compare-select>select{left:0!important}
.perf-comp-area .compare-select>.dropdown-toggle{height:29px;color:#e3e3e3!important;padding-left:8px;border:1px solid #4f4f4f!important;font-size:12px;box-sizing:border-box;background:0 0!important;border-radius:0;padding:6px 12px!important}
.perf-comp-area .compare-select>.dropdown-toggle *{color:inherit!important}
.perf-comp-area .compare-select>.dropdown-toggle .product-select-cont{color:#fff;padding:0;font-size:14px}
.perf-comp-area .compare-select>.dropdown-toggle .product-select-cont .img-background-wrap{display:none}
.perf-comp-area .compare-select span{position:static!important}
.perf-comp-area .compare-select .dropdown-menu{padding:0!important;background:#181818!important;border:1px solid #4f4f4f!important;border-radius:0!important;top:0!important;margin-top:0!important;min-width:100%!important;min-height:200px!important;height:200px!important;width:80vw}
.perf-comp-area .product-right-area .compare-select .dropdown-menu{left:auto;right:0}
.perf-comp-area .compare-select .bs-searchbox{padding:0!important;background:#181818!important}
.perf-comp-area .compare-select .bs-searchbox input{background:#181818!important;width:100%!important;border-top:none!important;border-left:none!important;border-right:none!important;border-radius:0!important;box-shadow:none!important}
.perf-comp-area .compare-select .dropdown-menu.inner{border:none!important;padding-top:8px!important;padding-bottom:8px!important}
.perf-comp-area .compare-select .dropdown-menu>.inner{height:calc(100% - 29px)!important;max-height:none!important}
.perf-comp-area .compare-select .dropdown-menu>li{display:block!important;width:100%!important;margin-left:0!important}
.perf-comp-area .compare-select .dropdown-menu>li>a{padding:5px 8px;text-align:left!important;background:0 0!important}
.perf-comp-area .compare-select .dropdown-menu>li>a span{text-align:left!important;margin:0!important}
.perf-comp-area .compare-select .dropdown-menu>li>a .product-select-cont{position:relative;padding:8px 0;padding-right:65px;font-size:12px;word-break:break-all;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#fff}
.perf-comp-area .compare-select .dropdown-menu>li>a .product-select-cont .img-background-wrap{position:absolute;right:0;top:50%;height:34px;width:60px;transform:translateY(-50%)}
.perf-comp-area .compare-select .no-results{background:0 0!important;color:#fff!important;font-size:12px}
.game-empty{font-size:16px;text-align:center;color:#fff;padding:30px 0}
.lucky-point{margin-top:3px;color:#fff;font-weight:500;font-size:13px}
.lucky-point span{color:#ff9400;font-weight:500}
.lucky-point2{margin-top:3px;color:#fff;font-weight:500;font-size:13px}
.lucky-point2 span{color:#ff9400;font-weight:500}
.con-img-area .img-side{background:0 0}
#con-body .info-body .content .list-area .list-top01 .top_list .top-list-a .rank-id span.rank-level-img{width:15px;height:15px;top:-2px}
#con-body .info-body .content .info-area ul li .sns-info .sns-info-view{text-align:center}
#con-body .info-body .content .info-area ul li .sns-info .sns-info-view .sns-list-info{color:silver;font-weight:700;text-align:center;margin-top:15px;font-size:14px}
#con-body .info-body .content .list-area .list-style08 ul li{box-sizing:content-box}
#con-body .info-body .content .list-area .list-style08 ul li .mid a{color:#fff}
#con-body .info-body .content .list-area .list-style08 ul li .bot .date p.money-time{font-weight:400}
#con-body .info-body .content .list-area .list-style08 ul li .bot .date p.money-time span.notyet{color:#84ffc4}
#con-body .info-body .content .info-area .pro-modi-area>ul>li .pass-modi-input02 {height: auto;padding: 8px;box-sizing: border-box;font-size: 12px;letter-spacing: 0;}
#added_popup.emoticon-popup-area .content-area .top-con-area .cate-sort{font-size:0;padding-top:0;padding-bottom:0;margin:0 -4px;line-height:1}
#added_popup.emoticon-popup-area .content-area .top-con-area .cate-sort+.cate-sort{margin-top:6px}
#added_popup.emoticon-popup-area .content-area .top-con-area .cate-sort li{float:none;display:inline-block;width:25%;margin:0;box-sizing:border-box;padding:0 4px;text-align:center}
#added_popup.emoticon-popup-area .content-area .top-con-area .cate-sort li a{width:100%;display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
#added_popup.emoticon-popup-area .content-area .mid-con-area{padding-bottom:84px}
#added_popup.emoticon-popup-area .added_popup_inner .popup-content-wrap{height:100%}
#added_popup.emoticon-popup-area .added_popup_inner .popup-content-wrap .emoticon-popup-area{height:100%}
#added_popup.emoticon-popup-area .content-area .bot-con-area{position:absolute;bottom:0;box-sizing:content-box;height:110px}
#added_popup.emoticon-popup-area .content-area .bot-con-area .bt-area{padding-top:15px}
#added_popup.emoticon-popup-area .content-area .bot-con-area .bt-area a{height:32px;line-height:32px;width:150px}
.compare-wrap .compare-area dl dd .compare-detail .left-product-area ul li{min-height:16px}
.compare-wrap .compare-area dl dd .compare-detail .right-product-area ul li{min-height:16px}
.compare-wrap .compare-area dl dd>ul li .gauge-area .gauge-bar .gauge{position:static}
.compare-wrap .compare-area dl dd>ul li .gauge-area .gauge-bar .value{width:62px;left:calc(100% - 62px)}
.compare-wrap .compare-area dl dd>ul li .gauge-area .gauge-bar .name{text-overflow:ellipsis;overflow:hidden;width:calc(100% - 79px);position:absolute;display:block;left:7px;top:0;white-space:nowrap}
.content .ev-tit .d-day{color:#ff9400;font-weight:700;font-size:14px;margin-top:3px}
.content .ev-tit .d-day span{font-weight:inherit}
.content .ev-tit .d-day .tit{color:#fff;display:inline-block}
.content .ev-tit .d-day .notyet{color:#84ffc4;display:inline-block}
#con-body .info-body .content .list-area .list-style05 .list-form .num.admin{top:20px!important}
#con-body .info-body .content .list-area .list-style05 .list-form .num {height: 30px;width: 30px;position: absolute;top: 5px;left: 5px;}
#con-body .info-body .content .list-area .list-style05 .list-form .num span {display: inline-block;font-size: 12px;width: 26px;height: 26px;text-align: center;line-height: 25px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;box-sizing: border-box;border: 1px solid #3f3f3f;min-width: 20px;position: relative;left: 0;top: 0;font-size: 11px;letter-spacing: -.2px;}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mid-msg-wrap .msg-list-area .msg-type2 .msg-con{line-height:1.5}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mid-msg-wrap .msg-list-area .msg-type2 .msg-con *{word-break:break-all}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mid-msg-wrap .msg-list-area .msg-type2 .msg-con a{text-decoration:underline}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mid-msg-wrap .msg-list-area .msg-type1 .msg-con{line-height:1.5}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mid-msg-wrap .msg-list-area .msg-type1 .msg-con *{word-break:break-all}
#myProfile .inner-layer-popup .inner-popup-content .add-friend-wrap .mid-msg-wrap .msg-list-area .msg-type1 .msg-con a{text-decoration:underline}
.info-body .top-banner{overflow:hidden;box-sizing:border-box;height:70px}
.info-body .content .list-area .top-banner{overflow:hidden;box-sizing:border-box;height:70px}
.mobile-view-top-banner{overflow:hidden;box-sizing:border-box;height:70px}
#myProfile .post-wrap .messenger-area .list-area ul p.empty{color:#888;padding-top:15px;text-align:center}
.comment-style01 .view-comment-btn{display:none!important}
#con-body .info-body .content .list-area .list-style01 ul li .bot .state{text-overflow:ellipsis;display:block;overflow:hidden;white-space:nowrap;box-sizing:border-box}
#con-body .page-name .sort-area select{padding-right:22px}
#con-body .info-body .content .list-area .srch-sel-area select {padding-right: 20px;}
#con-body .info-body .content .list-area .list-style10 .list-tit .sort-area select{padding-right:22px}
#con-body .info-body .content .total-srch-area .srch-sel-area select{padding-right:22px}
#con-body .info-body .content .total-srch-area .srch-sel-area{z-index:99}
#decPopup .content-box .bt-area a.com{width:auto}
#decPopup .content-box .bt-area a.can{width:auto}
#myProfile .profile-wrap .profile-area .sanc-list-bt a{width:auto;min-width:55px;padding:0 3px;box-sizing:border-box}
.pop-sanction-wrap .pop-sanction-area .list-unit-area .list-unit{padding-left:50px}
#myProfile .profile-wrap .profile-area .profile-top-area .my-info-area .my-info-view{min-height:17px;height:auto}
.write-url-area input{width:calc((100% - 55px))}
.perf-comp-area .perf-comp-bt a{min-width:86px;width:auto;padding:0 5px}
#con-body .info-body .content .info-area .self-modi-area li .adress-btn{max-width:44px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}
.con-img-area .txt-side a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.img-thumb-noti{color:#ddd;font-size:12px;margin-bottom:10px;margin-top:-3px}
#myProfile .profile-wrap .profile-area .profile-top-area dl dd p span a{text-decoration:none}
#con-body .info-body .content .list-area .paging-box .float-center .page-jump{height:12px;padding:0}
#con-body .info-body .content .list-area .paging-box .float-center .page-jump.next.double{padding-right:17px;border-left:1px solid #666;padding-left:8px;margin-left:14px}
#con-body .info-body .content .list-area .paging-box .float-center .page-jump.next.double:before{width:12px;background-repeat:repeat-x}
#con-body .info-body .content .list-area .paging-box .float-center .page-jump.prev.double{padding-left:17px;border-right:1px solid #666;padding-right:8px;margin-right:14px}
#con-body .info-body .content .list-area .paging-box .float-center .page-jump.prev.double:before{width:12px;background-repeat:repeat-x}
.basket-popup-wrap .dimmed{display:none}
.basket-popup-area{overflow:hidden;padding:0;position:static;transform:none;height:auto;margin-top:10px;width:100%;border:1px solid #393939}
.basket-popup-area .popup-close-btn-wrap{background:0 0;width:60px;right:0;z-index:99;display:none}
.basket-popup-area>dl{overflow:auto;padding:20px 20px 0;margin-top:0}
.basket-popup-area>dl>dt{position:relative;top:0;left:0;width:100%;padding:0;background:#181818;z-index:9;border-bottom:none!important}
.basket-popup-area>dl dd{padding:16px 0;border-bottom:1px solid #565656}
.basket-popup-area>dl dd div{float:none!important}
.basket-popup-area>dl dd ul{margin-bottom:0}
#wrap .inner-layer-popup .inner-popup-content .paging-wrap .page-jump{vertical-align:middle}
#wrap .inner-layer-popup .inner-popup-content .paging-wrap .paging-area .prev-bt{display:inline-block;width:7px;height:32px;background:url(../images/popup/paging_prev_bt.png) no-repeat 0 50%;margin-right:16px;background-size:7px}
#wrap .inner-layer-popup .inner-popup-content .paging-wrap .paging-area .next-bt{display:inline-block;width:7px;height:32px;background:url(../images/popup/paging_next_bt.png) no-repeat 0 50%;margin-left:16px;background-size:7px}
#wrap .inner-layer-popup .inner-popup-content .paging-wrap .paging-area .double{width:14px;background-repeat:repeat-x}
#wrap .inner-layer-popup .inner-popup-content .paging-wrap .paging-area ul{display:inline-block;vertical-align:middle;line-height:1}
#myProfile .ranking-wrap .ranking-area .ranking-content .week-ranking-wrap{position:absolute;top:0;width:100%;left:0;padding:10px!important;height:auto}
#myProfile .ranking-wrap .ranking-area .ranking-content .week-ranking-wrap+.top-rank-chk{top:63px}
#myProfile .ranking-wrap .ranking-area .ranking-content .l-year-month{position:absolute;top:0;width:100%;left:0;color:#fff;display:flex;align-items:center;padding:26px;box-sizing:border-box}
#myProfile .ranking-wrap .ranking-area .ranking-content .l-year-month .prev-year-bt{font-size:14px;color:#ddd;flex:1 1 0%}
#myProfile .ranking-wrap .ranking-area .ranking-content .l-year-month .next-year-bt{font-size:14px;color:#ddd;flex:1 1 0%;text-align:right}
#myProfile .ranking-wrap .ranking-area .ranking-content .l-year-month #select-month{font-size:24px;font-weight:700;display:inline-block}
#myProfile .ranking-wrap .ranking-area .ranking-content .l-year-month .prev-month-bt{width:10px;height:15px;position:relative;top:-1px;background:url(../../images/sub/calender_prev_bt.png) no-repeat;margin-right:18px;overflow:hidden;text-indent:-9999px}
#myProfile .ranking-wrap .ranking-area .ranking-content .l-year-month .next-month-bt{width:10px;height:15px;position:relative;top:-1px;background:url(../../images/sub/calender_next_bt.png) no-repeat;margin-left:18px;overflow:hidden;text-indent:-9999px}
#myProfile .ranking-wrap .ranking-area .ranking-content .l-year-month+.top-rank-chk{top:63px}
#myProfile .ranking-wrap .ranking-area .ranking-content{padding:40px 0 50px;height:auto}
#myProfile .ranking-wrap .ranking-area .ranking-content .week-ranking-wrap~.board{padding:63px 0 0}
#myProfile .ranking-wrap .ranking-area .ranking-content .l-year-month~.board{padding:63px 0 0}
#myProfile .ranking-wrap .ranking-area .ranking-content .board{padding:28px 0}
.van-text{color:#aaa!important;padding:16px!important}
.comment-user-info .comment_option{display:inline-block;margin-left:8px;vertical-align:text-bottom;margin-top:0}
.comment_option{font-size:14px;color:#bcbcbc;margin-top:8px}
.comment_option a{color:inherit;margin-right:8px;display:inline-block}
.comment_option a:hover{color:inherit}
.ctn-count{color:inherit}
.ctn-count.my-active{color:#f90!important}
#con-body .info-body .content .list-area .list-style01 ul li .top .story a{width:auto;max-width:99%;position:relative;box-sizing:border-box}
#con-body .info-body .content .list-area .list-style01 ul li .top .story a .board-list-comment{position:absolute;right:0;top:50%;transform:translateY(-50%);bottom:auto}
#con-body .info-body .content .list-area .list-style04 ul li .top .story a{padding-right:28px;width:auto;max-width:99%;position:relative;box-sizing:border-box}
#con-body .info-body .content .list-area .list-style04 ul li .top .story a .board-list-comment{position:absolute;right:0;top:50%;transform:translateY(-50%);bottom:auto}
#con-body .info-body .content .list-area .list-style08 ul li .top .num{display:inline-block;border:1px solid #3f3f3f;background-color:#272727;font-size:10px;color:#b5b5b5;font-weight:700;width:25px;height:25px;vertical-align:top;text-align:center;line-height:23px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;box-sizing:border-box;position:absolute;left:3px;top:3px}
#con-body .info-body .content .list-area .list-style08 ul li .top input[type=checkbox]+.num{display:inline-block;border:1px solid #3f3f3f;background-color:#272727;font-size:10px;color:#b5b5b5;font-weight:700;width:25px;height:25px;vertical-align:top;text-align:center;line-height:23px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;box-sizing:border-box;position:absolute;left:3px;top:20px}
.event-board-count-wrap{font-size:12px;color:silver;position:relative;margin-top:3px}
.event-board-count-wrap *{font-size:inherit;color:inherit}
.event-board-count-wrap em{position:relative;padding-left:16px;margin-right:8px;padding-right:8px}
.event-board-count-wrap em:nth-last-of-type(1){margin-right:0;padding-right:0}
.event-board-count-wrap em:after{position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:10px;background:#9c9c9c;content:""}
.event-board-count-wrap em+em:after{display:none}
.event-board-count-wrap .reply:before{position:absolute;left:0;top:50%;transform:translateY(-50%);width:11px;height:9px;background:url(../../../quasarzone/images/main/reply_count_icon.png) no-repeat;content:""}
.event-board-count-wrap .view:before{position:absolute;left:0;top:50%;transform:translateY(-50%);width:13px;height:7px;background:url(../../../quasarzone/images/main/view_count_icon.png) no-repeat;content:""}
.content .ev-tit h1 .num,.content .ev-tit p .num{display:inline-block;border:1px solid #3f3f3f;background-color:#272727;font-size:12px;color:#b5b5b5;font-weight:700;width:25px;height:25px;vertical-align:middle;text-align:center;line-height:23px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;box-sizing:border-box;margin-bottom:3px;margin-right:3px}
#myProfile .notice-wrap .notice-area .list-area ul li .con-area .tit{padding-left:7px}
#myProfile .notice-wrap .notice-area .list-area ul li:after{position:absolute;left:0;top:27px;width:5px;height:5px;background-color:#ff9920;content:"";-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;display:none}
#myProfile .notice-wrap .notice-area .list-area ul li.new:after{display:block}
.comment_option.reply-btn-wrap{display:none}
#con-body .info-body .content .list-area .list-style04 ul li .top .story a{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:36px;padding-right:4px}
#con-body .info-body .content .list-area .list-style04 ul li .bot .date p+p.visiter{padding-left:12px;position:relative}
#con-body .info-body .content .list-area .list-style04 ul li .bot .date p+p.visiter:before{position:absolute;left:6px;width:1px;height:10px;top:50%;transform:translateY(-50%);content:"";background:#7b7b7b}
#con-body .info-body .content .list-area .list-style04 ul li .bot .nick{width:calc((100% - 150px))}
.qz-box{background-color:#181818;border:1px solid #515151;box-sizing:content-box;overflow:hidden;padding:10px;margin:5px}
.qz-box:after{content:'';display:block;clear:both}
.qz-box .list-type-a.ranking dd ul li{position:relative;padding-left:25px;white-space:nowrap}
.qz-box .list-type-a.ranking dd ul li i{display:inline-block;font-size:10px;color:#222;font-weight:700;background-color:#f90;width:16px;height:16px;line-height:16px;text-align:center;position:absolute;left:0;top:50%;transform:translateY(-50%)}
/*20220221추가 -> 리스트 6번 부터 카운터 회색으로 띄워 줘야 해서 추가*/
.qz-box .list-type-a.ranking dd ul li:nth-of-type(n+4) i{background:#999}
/***************/
.qz-box .list-type-a{padding-top:5px}
.qz-box .list-type-a dt{position:relative}
.qz-box .list-type-a dt a{font-size:17px;font-weight:700;color:#eee}
.qz-box .list-type-a dd{border-top:1px solid #ee972f;margin-top:10px;padding-top:10px}
.qz-box .list-type-a dd ul li{margin-top:8px;line-height:1}
.qz-box .list-type-a dd ul li:first-child{margin-top:0}
.qz-box .list-type-a dd ul li a{display:inline-block;font-size:14px;color:#fff;padding-right:2px; padding-left:10px; word-break:break-all;max-width:calc(100% - 37px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;line-height:1.2}
.qz-box .list-type-a dd ul li span{display:inline-block;vertical-align:middle;position:relative;font-size:8px;color:#ccc;padding-left:14px;line-height:1}
.qz-box .list-type-a dd ul li span:before{position:absolute;left:0;top:50%;transform:translateY(-50%);width:11px;height:9px;background:url(../../../quasarzone/images/main/reply_count_icon.png) no-repeat;content:""}
.desk-setup-grade .top{position:relative}
.desk-setup-grade .top:after{position:absolute;content:'';background:url("") no-repeat 50% 50%;background-size:contain;left:5px;top:0;width:30px;height:40px}
.desk-setup-grade.grade1 .top:after{background-image:url(../../images/sub/desk_setup_grade1.png)}
.desk-setup-grade.grade2 .top:after{background-image:url(../../images/sub/desk_setup_grade2.png)}
.desk-setup-grade.grade3 .top:after{background-image:url(../../images/sub/desk_setup_grade3.png)}
.desk-setup-spec-wrap .desk-setup-spec-box{margin-top:60px}
.desk-setup-spec-wrap .desk-setup-spec-tit{font-size:18px;font-weight:700;border-bottom:3px solid #be954d;width:250px;margin-left:94px;margin-bottom:40px;color:#fff;padding-bottom:12px;position:relative}
.desk-setup-spec-wrap .add-bt{width:14px;height:14px;background:url(../../images/sub/write_plus_bt.gif) no-repeat;display:inline-block;margin-right:13px;position:relative;vertical-align:top;top:13px;text-indent:-9999px}
.desk-setup-spec-wrap .delete-bt{width:14px;height:14px;background:url(../../images/sub/write_delete_bt.gif) no-repeat;display:inline-block;margin-right:13px;position:relative;vertical-align:top;top:13px;text-indent:-9999px}
.desk-setup-spec-wrap .write-url-area{padding-left:130px;padding-bottom:0;margin-bottom:30px}
.desk-setup-spec-wrap .write-url-area input{width:100%}
.desk-setup-spec-wrap .tit{position:absolute;left:30px;top:50%;transform:translateY(-50%);padding:10px 0}
.desk-setup-spec-wrap .add-area{position:relative}
.desk-setup-spec-wrap .desk-setup-spec-tit .add-bt,.desk-setup-spec-wrap .desk-setup-spec-tit .delete-bt{position:absolute;left:-32px;top:30%;transform:translateY(-50%)}
.desk-setup-spec-wrap .add-area .add-bt,.desk-setup-spec-wrap .add-area .delete-bt{position:absolute;left:110px;top:50%;transform:translateY(-50%)}
.desk-setup-spec-wrap .add-area span+.add-bt,.desk-setup-spec-wrap .add-area span+.delete-bt{position:absolute;left:10px;top:50%;transform:translateY(-50%)}
.youtube_sub_warp{padding:16px 7px;border:1px solid #545454;background:#272727;text-align:center;color:#fff;line-height:1.5;margin-bottom:50px}
.youtube_sub_warp span{font-weight:inherit;color:inherit;font-size:inherit}
.youtube_sub_warp strong{font-weight:inherit;color:inherit;font-size:inherit;font-weight:700}
.youtube_sub_warp p{margin-bottom:10px;font-size:14px;color:#fff}
.youtube_sub_warp p.text-yellow{color:#f90}
.youtube_sub_warp button{background:#ff9400;border:1px solid #545454;display:block;padding:6px 0;font-weight:700;width:100%;font-size:18px}
.youtube_sub_warp button *{vertical-align:middle;padding:0 3px}
.box-youtube-wrap{border:1px solid #525252}
.box-youtube{display:block;padding:15px;align-items:center;margin:0 auto}
.box-youtube .tit{flex:1 1 0%;font-weight:700;color:#fff;line-height:1.8;font-size:14px;margin-bottom:8px}
.box-youtube .youtube-bt{flex:none;padding:13px 15px;color:#fff;font-weight:700;background:#be0001;font-size:16px;border-radius:20%/10%;position:relative}
.box-youtube .youtube-bt span{z-index:2;position:relative}
.box-youtube .youtube-bt::before{background:inherit;border-radius:5%/50%;bottom:9%;content:"";left:-5%;position:absolute;right:-5%;top:9%;z-index:1}
.box-youtube .youtube-bt.active{background:#535353}
.paging-box{padding-top:16px}
.paging-box .comment-paging-area.float-center{text-align:center;font-size:0}
.paging-box .comment-paging-area.float-center ul{font-size:0;border:1px solid #525252;display:inline-block}
.paging-box .comment-paging-area.float-center ul li{display:inline-block;border-left:1px solid #525252}
.paging-box .comment-paging-area.float-center ul li:first-child{border-left:0}
.paging-box .comment-paging-area.float-center ul li a{display:inline-block;height:28px;line-height:26px;font-size:12px;color:#e3e3e3;font-weight:700;padding:0 10px}
.paging-box .comment-paging-area.float-center ul li a.on{background-color:#ff9400}
.paging-box .comment-paging-area.float-center .page-jump.prev{margin-right:8px;padding-left:11px}
.paging-box .comment-paging-area.float-center .page-jump.prev:before{left:0;background:url(../images/sub/paging_prev_icon.png) no-repeat}
.paging-box .comment-paging-area.float-center .page-jump{font-weight:700;color:#e3e3e3;font-size:12px;position:relative;display:none}
.paging-box .comment-paging-area.float-center .page-jump.active{display:inline-block}
.paging-box .comment-paging-area.float-center .page-jump.next{margin-left:8px;padding-right:11px}
.paging-box .comment-paging-area.float-center .page-jump:before{position:absolute;content:"";top:50%;margin-top:-5px;width:6px;height:9px}
.paging-box .comment-paging-area.float-center .page-jump.next:before{right:0;background:url(../images/sub/paging_next_icon.png) no-repeat}
.paging-box .comment-paging-area.float-center .page-jump{height:12px;padding:0}
.paging-box .comment-paging-area.float-center .page-jump.next.double{padding-right:17px;border-left:1px solid #666;padding-left:8px;margin-left:14px}
.paging-box .comment-paging-area.float-center .page-jump.next.double:before{width:12px;background-repeat:repeat-x}
.paging-box .comment-paging-area.float-center .page-jump.prev.double{padding-left:17px;border-right:1px solid #666;padding-right:8px;margin-right:14px}
.paging-box .comment-paging-area.float-center .page-jump.prev.double:before{width:12px;background-repeat:repeat-x}
#pictureCustomModal button:focus{outline:0}
#pictureCustomModal .modal-body{overflow:auto;width:100%;max-height:80vh}
#pictureCustomModal .modal-title{float:left}
#pictureCustomModal .fileinput-remove{display:none}
#pictureCustomModal .file-caption-main{display:none}
#pictureCustomModal .btn.btn-sm:focus{padding:5px 10px}
#pictureCustomModal .kv-file-zoom{display:none}
#pictureCustomModal .file-preview-frame{box-sizing:border-box}
#pictureCustomModal .krajee-default.file-preview-frame{width:calc(33.33% - 16px)}
#pictureCustomModal .krajee-default.file-preview-frame .kv-file-content{width:100%;height:100px}
#pictureCustomModal .krajee-default.file-preview-frame .file-thumbnail-footer{height:35px}
#pictureCustomModal .krajee-default .file-footer-caption{margin-bottom:0}
#pictureCustomModal .file-preview-frame.sortable-chosen.sortable-ghost{opacity:0}
#pictureCustomModal .file-drop-zone-title{font-size:1.1em; line-height:1.3em;}
#pictureCustomModal .krajee-default .file-caption-info,#pictureCustomModal .krajee-default .file-size-info{width:100%}
#pictureCustomModal .file-preview-thumbnails{max-height:300px;display:block;overflow-y:scroll}
#pictureCustomModal .file-preview-thumbnails::-webkit-scrollbar{width: 10px;padding-right: 5px;margin-right:5px;}
#pictureCustomModal .file-preview-thumbnails::-webkit-scrollbar-thumb {background: #888;border-radius: 5px;}
#pictureCustomModal .file-preview{padding:0}
#pictureCustomModal .file-drop-zone{margin:0;padding:0;border:none}
.user-db-tit-row{line-height:1;margin-top:14px}
.user-db-tit-row+.user-db-tit-row{margin-top:10px}
.user-db-select{width:130px!important;height:auto;line-height:1}
.user-db-select *{color:inherit;font-size:inherit;font-weight:inherit}
.user-db-select.live-search{width:271px!important}
.user-db-select+.user-db-select{margin-left:8px!important}
.user-db-select.selectpicker{display:none;left:0}
.user-db-select>.dropdown-toggle {width: 130px;height: 30px;color: #a9a9a9!important;padding-left: 8px;border: 1px solid #727272!important;font-size: 14px;box-sizing: border-box;background: 0 0!important;border-radius: 0;padding: 4px 12px!important;text-align: left;}
.user-db-select.live-search>.dropdown-toggle{width:271px}
.user-db-select>.dropdown-toggle:focus{color:#a9a9a9!important}
.user-db-select>.dropdown-toggle .product-select-cont{color:#fff;padding:0;font-size:14px}
.user-db-select>.dropdown-toggle .product-select-cont .img-background-wrap{display:none}
.user-db-select span{position:static!important}
.user-db-select .dropdown-menu{padding:0!important;background:#181818!important;border:1px solid #727272!important;border-radius:0!important;top:calc(100% - 1px)!important;margin-top:0!important;max-width:100%!important}
.user-db-select.live-search .dropdown-menu{top:0!important}
.user-db-select .bs-searchbox{padding:0!important;background:#181818!important}
.user-db-select .bs-searchbox input{background:#181818!important;width:100%!important;border-top:none!important;border-left:none!important;border-right:none!important;border-radius:0!important;box-shadow:none!important;color:#a9a9a9!important}
.user-db-select .dropdown-menu.inner{border:none!important}
.user-db-select.live-search .dropdown-menu{height:300px!important}
.user-db-select.live-search .dropdown-menu>.inner{height:calc(100% - 29px)!important}
.user-db-select .dropdown-menu>li{padding:0!important}
.user-db-select .dropdown-menu>li>a{padding:5px 8px;text-align:left!important;background:0 0!important;color:#a9a9a9!important;font-size:14px!important}
.user-db-select .dropdown-menu>li>a.selected{background:#272727!important}
.user-db-select .dropdown-menu>li>a span{text-align:left!important}
.user-db-select .no-results{background:0 0!important;color:#fff!important;font-size:12px}
.user-db-btn {display: inline-block;width: 90px;text-align: center;color: #fff;font-size: 14px;background: #313131;border: 1px solid #727272;height: 31px;line-height: 31px;}
.user-db-btn+.user-db-btn{margin-left:8px}
#con-body .info-body .content .list-area .list-style10 .list-tit .tab.yellow-active a.on,#con-body .info-body .content .list-area .list-style10 .list-tit .tab.yellow-active a:hover{color:#f90!important}
.db-view-content-box{background:#181818;border:1px solid #505050;padding:12px;margin-top:16px;position:relative;padding-left:50px}
.db-view-content-box *{color:inherit;font-size:inherit;font-weight:inherit}
.db-view-content-box:hover{border-color:#eee}
.db-view-content-box .num{display:inline-block;vertical-align:middle;width:28px;border:1px solid #3f3f3f;text-align:center;line-height:26px;margin-right:8px;border-radius:4px;font-size:12px;position:absolute;left:12px;top:12px}
.db-view-content-box .score-tit{white-space:nowrap;width:100%;overflow:hidden;text-overflow:ellipsis;margin-bottom:12px;margin-top:7px}
.db-view-content-box .score-tit p{display:block;vertical-align:middle;color:#fff;font-size:14px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.db-view-content-box .score-tit p.active{color:#ff9900 !important}
.db-view-content-box .score-wrap{margin-bottom:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.db-view-content-box .score-wrap p{position:relative;display:inline-block;vertical-align:middle;font-size:16px;color:#fff;line-height:1}
.db-view-content-box .score-wrap p *{vertical-align:middle}
.db-view-content-box .score-wrap p strong{font-weight:700}
.db-view-content-box .score-wrap p+p{padding-left:5px;margin-left:5px}
.db-view-content-box .score-wrap p+p:after{content:'';position:absolute;left:0;width:1px;height:20px;top:50%;transform:translateY(-50%);background:#a0a0a0}
.db-view-content-box .score-wrap p.tit{margin-bottom:1px}
.db-view-content-box .score-wrap p.tit span.box{width:28px;line-height:26px;border:1px solid #000;text-align:center;font-size:14px;display:inline-block;letter-spacing:-1px;margin-right:2px;height:auto;font-weight:500;text-indent:-1px}
.db-view-content-box .score-wrap p.tit.blue{color:#65a3dd}
.db-view-content-box .score-wrap p.tit.blue span.box{border-color:#65a3dd}
.db-view-content-box .score-wrap p.tit.yellow{color:#f0c868}
.db-view-content-box .score-wrap p.tit.yellow span.box{border-color:#f0c868}
.db-view-content-box .score-wrap p.tit.red{color:#ff6075}
.db-view-content-box .score-wrap p.tit.red span.box{border-color:#ff6075}
.db-view-content-box .score-wrap p.tit.green{color:#6bd9a5}
.db-view-content-box .score-wrap p.tit.green span.box{border-color:#6bd9a5}
.db-view-content-box .score-sub-tit{font-size:14px;color:#aaa;margin-bottom:14px}
.db-view-content-box .score-sub-info{text-align:right}
.db-view-content-box .score-sub-info>span{display:inline-block;font-size:14px;color:#aaa;position:relative;padding-left:16px}
.db-view-content-box .score-sub-info>span+span{margin-left:2px}
.db-view-content-box .score-sub-info span.reply:before{position:absolute;left:0;top:50%;transform:translateY(-50%);content:"";width:12px;height:12px;background:url(../../../quasarzone/images/sub/view_reply_icon.png) no-repeat 50% 50%}
.db-view-content-box .score-sub-info span.view:before{position:absolute;left:0;top:50%;transform:translateY(-50%);content:"";width:14px;height:14px;background:url(../../../quasarzone/images/sub/view_view_icon.png) no-repeat 50% 50%}
.db-view-content-box .score-sub-info span.date:before{position:absolute;left:0;top:50%;transform:translateY(-50%);width:12px;height:12px;background:url(../../../quasarzone/images/sub/value_date_icon3.png) no-repeat 50% 50%;content:""}
.view-content .db-view-content-box{padding:12px}
.view-content .db-view-content-box:hover{border-color:#505050}
.view-content .db-view-content-box .score-wrap+.score-wrap{margin-bottom:2px}
.view-content .db-view-content-box .score-wrap+.score-sub-tit{margin-top:12px}
.user-db-cpu-form-top{position:absolute;top:18px;left:153px}
.user-db-cpu-form-top .user-db-select>.dropdown-toggle{background:#272727!important;border:1px solid #525252!important;font-size:12px;height:30px;color:#e3e3e3!important;padding:6px 12px!important;font-weight:400}
#con-body .info-body .content .write-area .top-area .left-side.user-db-form-row-wrap .sort-area select{width:100%;padding-right:18px;background-position:calc(100% - 7px) 50%;box-sizing:border-box}
#con-body .info-body .content .write-area .top-area .left-side.user-db-form-row-wrap .sort-area{position:relative;left:0}
.user-db-form-row-wrap{position:absolute;left:0;top:15px;padding:0 10px;display:flex;width:100%}
.user-db-form-row-wrap .dropdown-backdrop{display:none}
.user-db-form-row-wrap>div{flex:1 1 33.333%;max-width:33.33%;padding:0 2px}
.user-db-form-row-wrap>div.bs-container{flex:none;max-width:100%;left:12px!important}
.user-db-form-row-wrap select.user-db-select.live-search{display:none}
.user-db-form-row-wrap .user-db-select.live-search{width:100%!important}
.user-db-form-row-wrap .user-db-select.live-search>.dropdown-toggle{width:100%!important;color:#fff!important;border:1px solid #525252!important;height:35px;font-size:13px;line-height:32px;padding:0 18px 0 10px!important;background:url(../images/sub/sort_arrow_icon_down.png) no-repeat!important;background-position:calc(100% - 7px) 50%!important}
.user-db-form-row-wrap .user-db-select.live-search>.dropdown-toggle .filter-option{padding:0}
.user-db-form-row-wrap .user-db-select.live-search>.dropdown-toggle .bs-caret{display:none}
.user-db-form-row-wrap .user-db-select.live-search .dropdown-menu{min-width:calc(100% - 24px)!important}
#con-body .info-body .content .list-area .list-top01 .top_list .top-list-a .rank-score{font-weight:700}
#con-body .info-body .content .list-area .list-top01 .top_list .top-list-a .rank-score span{display:inline-block;vertical-align:middle;font-weight:700}
#con-body .info-body .content .list-area .list-top01 .top_list .top-list-a .rank-score.blue{color:#65a3dd}
#con-body .info-body .content .list-area .list-top01 .top_list .top-list-a .rank-score.yellow{color:#f0c868}
#con-body .info-body .content .list-area .list-top01 .top_list .top-list-a .rank-score.red{color:#ff6075}
#con-body .info-body .content .list-area .list-top01 .top_list .top-list-a .rank-score.green{color:#6bd9a5}
#con-body .info-body .content .list-area .list-top01 .top_list .top-list-a .rank-score .box{font-size:12px;font-weight:700;height:25px;padding:0 2px;line-height:25px;border:1px solid #000;display:inline-block}
#con-body .info-body .content .list-area .list-top01 .top_list .top-list-a .rank-score.blue .box{border-color:#65a3dd}
#con-body .info-body .content .list-area .list-top01 .top_list .top-list-a .rank-score.yellow .box{border-color:#f0c868}
#con-body .info-body .content .list-area .list-top01 .top_list .top-list-a .rank-score.red .box{border-color:#ff6075}
#con-body .info-body .content .list-area .list-top01 .top_list .top-list-a .rank-score.green .box{border-color:#6bd9a5}
.ranking-info-slide>p{font-size:12px;text-align:center;color:#fff;font-weight:700;margin:6px 0}
.ranking-info-slide ul{font-size:0;background:#181818;border:1px solid #434343;margin-bottom:4px}
.ranking-info-slide ul li{padding-left:23px;position:relative;display:inline-block;color:#fff;font-size:12px;padding:6px 0;display:inline-block;width:33.33%;box-sizing:border-box;text-align:center}
.ranking-info-slide ul li img{display:inline-block;vertical-align:middle;width:20px;height:20px;margin-right:3px}
.ranking-info-slide ul li span{display:inline-block;vertical-align:middle;font-size:12px}
.ranking-info-slide .slide-wrap{padding:0 30px;position:relative}
.ranking-info-slide .slide-wrap .slide-btn{position:absolute;top:50%;transform:translateY(-50%);color:#fff;font-size:14px;line-height:normal;padding-bottom:4px}
.ranking-info-slide .slide-wrap .slide-btn:focus{outline:0}
.ranking-info-slide .slide-wrap .prev-btn{left:10px}
.ranking-info-slide .slide-wrap .next-btn{right:10px}
.ranking-info-slide .slick-slide:focus{outline:0}
#con-body .info-body .content .write-area.new-skin .cancel-btn:not(#autosaveBtn){border-color:#4c4c4c;background:#4c4c4c;color:#ccc}
#con-body .info-body .content .write-area.new-skin .ok-btn{color:#4c4c4c!important;border-color:#4c4c4c!important;background:#ff9920!important}
#con-body .info-body .content .write-area.new-skin .write-url-area{padding-bottom:0}
#con-body .info-body .content .write-area.new-skin .write-url-area .oversea-wrap{position:relative;width:100%}
#con-body .info-body .content .write-area.new-skin .write-url-area .oversea-wrap input[type=checkbox]{position:absolute;left:65px;top:-38px;width:20px;height:20px}
#con-body .info-body .content .write-area.new-skin .write-url-area .oversea-wrap input[type=checkbox]+div{display:none}
#con-body .info-body .content .write-area.new-skin .write-url-area .oversea-wrap input[type=checkbox]:checked+div{display:block}
#con-body .info-body .content .write-area.new-skin .write-url-area input{background:#181818}
#con-body .info-body .content .write-area.new-skin .write-url-area textarea{background:#181818;font-size:14px;padding:12px 15px;color:#fff;border:1px solid #525252}
#con-body .info-body .content .write-area.new-skin .write-url-area select{background:#181818;font-size:14px;padding:12px 15px;color:#fff;width:100%;border:1px solid #525252}
#con-body .info-body .content .write-area.new-skin .write-btn-area{padding-top:25px}
.cate-tab-area-wrap.new-skin{position:relative}
.cate-tab-area-wrap.new-skin:after{content:'';position:absolute;right:0;width:30px;height:100%;background:#020024;background:linear-gradient(90deg,rgba(2,0,36,0) 0,rgba(0,0,0,.6) 100%);top:0}
.cate-tab-area.new-skin {white-space: nowrap;height:45px; overflow: auto;padding: 0;position: relative;}
.cate-tab-area.new-skin a {color: #aaa;border-bottom: 3px solid #4e4e4e;margin: 0;padding: 16px 15px 8px;}
.cate-tab-area.new-skin a.active{font-weight:700;color:#fff;border-bottom:3px solid #fff}
.popular-tangerine-btn{font-size:16px;padding:5px 10px;font-size:15px;font-weight:700;background:#f90;color:#272727;border:1px solid #505050;display:inline-block}
.popular-tangerine-btn:before{display:inline-block;vertical-align:middle;width:40px;height:41px;background:url(../../images/sub/popular_orange.png) no-repeat 50% 60%;background-size:80%;content:'';margin-right:3px}
.popular-tangerine-btn:after{content:'베스트';color:#272727;position:absolute;left:15px;top:17px;}
.popular-tangerine-btn.all:before{background-image:url(../../images/sub/tangerine_1.png)}
.popular-tangerine-btn.all:after{content:'전체보기';color:#272727;position:absolute;left:11px;top:16px;}
.market-info-type-list{border-top:1px solid #333}
.market-info-type-list li{display:flex;padding:10px;position:relative;align-items:center;/*overflow: hidden*/}
.market-info-type-list li .tangerine_icon{width:18px;margin-bottom:4px;margin-left:2px}
.market-info-type-list li .admin-chk-box{position:absolute;left:0;top:0;z-index:99}
.market-info-type-list li>.admin-chk-box{position:absolute;left:4px;top:4px;z-index:99}
.market-info-type-list li>div{flex:1 1 0%;position:relative;/*overflow: hidden*/}
/* 2022-02-21 수정, 리스트 숫자 정렬 안 맞는 스킨 있어서 수정 처리 후 표기 */
.market-info-type-list li>.good-wrap {flex: none;text-align: center;width: 25px;min-height: 40px;margin-right: 8px;}
/**********************/
.market-info-type-list .text-orange{color:#f90!important}
.market-info-type-list .text-green{color:#84ffc4!important}
.market-info-type-list .text-red{color:#ff6075!important}
.market-info-type-list .num{display:inline-block;border:1px solid #3f3f3f;background-color:#272727;font-size:10px;color:#b5b5b5;font-weight:500;width:25px;height:25px;vertical-align:top;text-align:center;line-height:23px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;box-sizing:border-box}
.market-info-type-list .market-info-list{display:flex;align-items:center}
.market-info-type-list .market-info-list .thumb-wrap{width:80px;height:68px;margin-right:8px;flex:none;position:relative}
.market-info-type-list .market-info-list .thumb-wrap .thumb{width:100%!important;height:100%!important}
.market-info-type-list .market-info-list-cont {flex: 1 1 0%;/*overflow: hidden;*/}
.market-info-type-list .market-info-list-cont .tit {margin: 0 0 5px 0;color: #ccc;font-size: 14px;overflow: hidden;}
.market-info-type-list .market-info-list-cont .tit .label {font-size: 10px;background: #181818;color: #fff;text-align: center;width: 40px;border: 1px solid #505050;padding: 0;display: inline-block;vertical-align: middle;margin-bottom: 2px;margin-right: 2px;}
.market-info-type-list .market-info-list-cont .tit .label.mint{color:#84ffc4}
.market-info-type-list .market-info-list-cont .tit .label.done{color:#505050;font-weight:400}
.market-info-type-list .market-info-list-cont .tit a{width:auto!important;font-size:inherit!important;line-height:1.5;min-height:20px;overflow:hidden!important;display:inline-block;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word}
.market-info-type-list .market-info-list-cont .tit a.active{color:#ff9900 !important}
.market-info-type-list .market-info-list-cont .tit a.actvie{color:#ff9900 !important}
.market-info-type-list .market-info-list-cont .tit a.actvie span.ellipsis-with-reply-cnt{color:#ff9900 !important}
.market-info-type-list .state{display:inline-block;width:68px;height:20px;text-align:center;line-height:19px;font-size:11px;font-weight:700;color:#e3e3e3;border:1px solid #515151;background-color:#181818;box-sizing:border-box;margin-right:6px}
.market-info-type-list .state.sida{color:#84ffc4}
.market-info-type-list .market-info-sub>p {text-align: left;margin-top: 0;white-space: nowrap;text-overflow: ellipsis;/*overflow: hidden;*/width: fit-content;float: left;}
.market-info-type-list .market-info-sub>p>span {display: inline-block;vertical-align: middle;width: auto!important;color: #a9a9a9;padding: 0 7px;text-align: center;position: relative;font-size: 12px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;line-height: 16px;}
.market-info-type-list .market-info-sub>p>span:nth-of-type(1){padding-left:0}
.market-info-type-list .market-info-sub>p>span:before{display:none}
.market-info-type-list .market-info-sub>p>span+span:after{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);height:13px;width:1px;background:#474747}
.market-info-type-list .market-info-sub>p>span.category {min-width: 70px;border: 1px solid #919191;font-size: 11px;padding: 0 5px;background: #9f9f9f;color: #272727;font-weight: 700;line-height: 15px;height: 14px;}
.market-info-type-list .market-info-sub>p>span.category+span:after{display:none}
.market-info-type-list .market-info-sub>p>span.brand{flex: none}
.market-info-type-list .market-info-sub>p>span.brand img{width:22px}
.market-info-type-list .market-info-sub>p+p+p {text-align: right;margin-top: 0;justify-content: flex-end;display: flex;float: right;}
.market-info-type-list .market-info-sub.new {display: flex;height: 16px;}
.market-info-type-list .market-info-sub.new p{flex:none}
.market-info-type-list .market-info-sub.new p + p{flex: 1 1 0%;display:none}
.market-info-type-list .market-info-sub.new p + p + p{display:flex;}
/*.market-info-type-list .market-info-sub.new p + p + p span{overflow: hidden !important;}*/
.market-info-type-list.estimate .subject-link{padding-left:75px;position:relative}
.market-info-type-list.estimate .subject-link .state{position:absolute;left:0;top:0}
.market-info-view-wrap .text-orange{color:#f90!important}
.market-info-view-wrap .text-green{color:#84ffc4!important}
.market-info-view-wrap .text-red{color:#ff6075!important}
.market-info-view-wrap .util-area .ca_name{min-width:75px;border:1px solid #505050;font-size:11px;padding:3px 0;background:#a9a9a9;color:#272727;font-weight:700;margin-right:8px;text-align:center;display:inline-block;line-height:1.15}
.market-info-view-wrap .title .tangerine-icon{width:20px;margin-right:5px;vertical-align:text-top}
.market-info-view-wrap dl{margin-bottom:0}
.market-info-view-wrap .good-btn-wrap {text-align: center;margin-bottom: 50px;}
.market-info-view-wrap .good-btn-wrap .good-btn{width:80px;height:86px;border:1px solid #840;border-radius:6px;padding-top:60px;background:url(../../images/sub/tangerine_big.png) no-repeat 50% 7px;background-color:#181818;display:inline-block;color:#fff;font-weight:700}
.market-info-view-wrap .good-btn-wrap .good-btn.tp1{background-image:url(../../images/sub/mandarin0.png);border-color:#272727;background-color:#181818!important}
.market-info-view-wrap .good-btn-wrap .good-btn.tp2{background-image:url(../../images/sub/mandarin1.png);border-color:#460;background-color:#181818!important}
.market-info-view-wrap .good-btn-wrap .good-btn.tp3{background-image:url(../../images/sub/mandarin1.png);border-color:#460;background-color:#181818!important}
.market-info-view-wrap .good-btn-wrap .good-btn.tp4{background-image:url(../../images/sub/mandarin2.png);border-color:#777000;background-color:#181818!important}
.market-info-view-wrap .good-btn-wrap .good-btn.tp5{background-image:url(../../images/sub/mandarin3.png);border-color:#840;background-color:#181818!important}
.market-info-view-wrap .good-btn-wrap .good-btn.tp6{background-image:url(../../images/sub/mandarin4.png);border-color:#8c3100;background-color:#181818!important}
.market-info-view-wrap .good-btn-wrap .good-btn span{position:relative;}
.market-info-view-wrap .good-btn-wrap .good-btn span:before{content:'';position: relative;top: 2px;width:18px;height:15px;background:url(../../images/sub/ic-good-on.svg) no-repeat 50% 50%;background-size:contain;display:inline-block;margin-right:4px;line-height:1}
.market-info-view-wrap .good-btn-wrap .good-btn span.no:before{background: url(../../images/sub/ic-good-off.svg) no-repeat 50% 50%;background-size: contain;}
.market-info-view-wrap .good-btn-wrap .good-btn span.lottie:before{background-size: 0;}
.market-info-view-wrap .good-btn-wrap .good-btn span #lottie{position:absolute;left:-3px;top:-5px;width:26px;height:26px;}
.market-info-view-wrap .view-date .tangerine-icon{width:18px;vertical-align:middle;margin-left:4px}
.market-info-view-wrap .custom-btn{border:1px solid #4e4e4e;background:#4e4e4e;height:32px;line-height:30px;font-size:14px;padding:0 10px;display:inline-block;margin-left:4px;color:#fff}
.market-info-view-wrap .custom-btn span{color:inherit}
.market-info-view-wrap .custom-btn.red-btn{background:#da3c3b;color:#fff}
.market-info-view-wrap .custom-btn.secondary-btn{background:#333}
.market-info-view-wrap .custom-btn.orange-btn{background:#ff9400;color:#272727}
.market-info-view-wrap .custom-btn.dark-btn{background:#181818;color:#eee}
.market-info-view-wrap .custom-btn img {height: 16px;margin-right: 4px;position: relative;top: -2px;}
.market-info-view-wrap .bottom-util-bt ul{margin-bottom:0;display:flex!important}
.market-info-view-wrap .bottom-util-bt ul li{flex:none;border:none!important}
.market-info-view-wrap .bottom-util-bt ul li:nth-of-type(1){flex:1 1 0%;margin-left:0!important;text-align:left}
.market-info-view-wrap .state-change-wrap{margin:2px 0;height:32px;text-align:right;font-weight:700}
.market-info-view-wrap .view-style01 .tit {width: calc(100% + 24px);margin: 0 -12px;border-bottom: 1px solid #565656;padding: 0 12px 12px 12px;display: flex;align-items: center;}
.market-info-view-wrap .view-style01 .tit .num{float:none}
.market-info-view-wrap .view-style01 .tit .ment{float:none}
.market-info-view-wrap .view-style01 .tit .label{font-size:10px;background:#181818;color:#fff;text-align:center;width:40px;border:1px solid #505050;padding:5px 0;display:inline-block;vertical-align:middle;margin-bottom:2px;border-radius:0}
.market-info-view-wrap .view-style01 .tit .label.mint{color:#84ffc4}
.market-info-view-wrap .view-style01 .tit .label.done{color:#505050;font-weight:400}
.market-info-view-table{width:calc(100% + 24px);border-collapse:collapse;border:1px solid #4d4d4d;table-layout:fixed;margin:0 -12px}
.market-info-view-table td,.market-info-view-table th{border:1px solid #4d4d4d;font-size:14px;color:#eee;vertical-align:middle;padding:5px 10px;line-height:1.5}
.market-info-view-table th{background:#333}
.market-info-view-table td a{white-space:nowrap;display:block;overflow:hidden;text-overflow:ellipsis;color:#fff}
.market-info-view-table .brand-logo{height:18px;margin-right:4px}
.state-change-list-wrap{padding:3px 0;max-width:85%;margin:10px auto;text-align:center;border-top:1px solid #3e3e3e;border-bottom:1px solid #3e3e3e}
.state-change-list-wrap>div{margin:8px 0;color:#a9a9a9}
.state-change-list-wrap .user-nick-wrap{display:inline-block;vertical-align:middle;color:#a9a9a9;font-weight:700}
.state-change-list-wrap .user-nick-wrap .user-nick-text{font-weight:700;color:#a9a9a9}
.state-change-list-wrap .admin{font-weight:700}
.exchang-price-wrap{display:flex;align-items:center}
.exchang-price-wrap input{flex:1 1 0%}
.exchang-price{color:#aaa;padding-right:11px}
.exchange-price-input-wrap{display:flex}
.exchange-price-input-wrap>div{flex:1 1 0%}
.source-area.link-box{padding:10px 10px 8px 28px;background:#181818;border:1px solid #4e4e4e;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;font-size:12px;width:100%;max-width:100%;margin:8px auto 20px;color:#fff}
.source-area.link-box span{color:inherit}
.source-area.link-box a{color:inherit}
.source-area.link-box:before{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:9px;height:11px;content:"";background:url(../../../quasarzone/images/sub/source_icon.png) no-repeat}
.sponsor-label{display:inline-block;font-size:13px;padding:5px 8px 5px;background:#181818;margin-right:8px;border:1px solid #4e4e4e;color:#aaa;line-height:1;max-width:84px;text-align:center;margin-bottom:8px}
.sponsor-label.sponsor-label-orange{color:#ff9400;border-color:#ff9400}
.sponsor-logo-wrap{background:#181818;text-align:center;border:1px solid #4e4e4e;margin:10px 0}
.sponsor-logo-wrap .tit {background: #272727;font-size: 13px;color: #aaa;padding: 12px 0 10px;letter-spacing: -.8px;}
.sponsor-logo-wrap .tit .text-orange{color:#ff9400}
.sponsor-logo-wrap .tit .point-highlight{color:#84ffc4}
.sponsor-logo-wrap .sponsor-logo-row-wrap{padding:6px 0;overflow:auto;font-size:0}
.sponsor-logo-wrap .sponsor-logo-row{white-space:nowrap}
.sponsor-logo-wrap .sponsor-logo-row .sponsor-logo{display:inline-block;vertical-align:text-top;width:142px;padding:6px 5px;box-sizing:content-box}
.sponsor-logo-wrap .sponsor-logo-row .sponsor-logo .name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;color:#aaa;margin-top:6px}
#con-body #applicationUserList .paging-area{line-height:1}
#con-body #applicationUserList .paging-area ul{margin:0;line-height:1}
#con-body #applicationUserList .paging-area ul li a{padding:0}
#con-body #adminUsePopup .paging-area{line-height:1;position:relative;background:0 0;padding:0 0 12px}
#con-body #adminUsePopup .paging-area ul{margin:0;line-height:1}
#con-body #adminUsePopup .paging-area ul li a{padding:0}
#con-body #sponsorUsePopup .paging-area{line-height:1;position:relative;background:0 0;padding:0 0 2px}
#con-body #sponsorUsePopup .paging-area ul{margin:0;line-height:1}
#con-body #sponsorUsePopup .paging-area ul li a{padding:0}
#con-body .post-wrap .total-money-app-cnt{font-weight:700;color:#fff;font-size:14px;padding:14px 10px;border-bottom:1px solid #454545}
#con-body .post-wrap .search-box-area{margin-top:20px;font-size:14px;display:flex;align-items:center;justify-content:center;padding:0 14px}
#con-body .post-wrap .search-box-area select{line-height:30px;width:70px;padding:0 20px 0 10px;background:url(../../images/sub/q_list_arrow.png) no-repeat 92% 50%;background-color:#fff;border:none;height:30px;margin:0 1px;-webkit-appearance:none;appearance:none;font-size:13px}
#con-body .post-wrap .search-box-area input{background:#fff;line-height:30px;max-width:160px;padding:0 10px;flex:1 1 0%;border:none;margin:0 1px}
#con-body .post-wrap .search-box-area button{background:#ff9400;line-height:30px;color:#272727;width:55px;text-align:center;font-weight:700;margin:0 1px;border:none}
#sponsorUsePopup.myProfile .post-wrap .part-type02{padding-bottom:240px}
#adminUsePopup.myProfile .post-wrap .part-type03{padding-bottom:200px}
#myProfile .notice-wrap .notice-area .top-noti .bt{white-space:nowrap}
#myProfile .ranking-wrap .ranking-area{height:calc(100% - 35px);overflow:hidden}
#myProfile .ranking-wrap .ranking-area .ranking-content{height:calc(100% - 96px);overflow:hidden;padding:29px 0;position:relative}
#myProfile .ranking-wrap .ranking-area .ranking-content .bot-rank-chk{position:absolute}
#myProfile .ranking-wrap .ranking-area .ranking-content .board{width:100%;padding:0}
#myProfile .ranking-wrap .ranking-area .ranking-content .board table{margin:10px 0}
#myProfile .ranking-wrap .ranking-area .ranking-content .board:not(.week-ranking-wrap){height:100%;overflow:auto}
#myProfile .ranking-wrap .ranking-area .ranking-content .l-year-month~.board{padding:0;margin-top:61px;height:calc(100% - 61px)}
#myProfile .ranking-wrap .ranking-area .ranking-content .week-ranking-wrap~.board{padding:0;margin-top:61px;height:calc(100% - 61px)}
#con-body .info-body .content .list-area .list-style01 .all-slide-notice-wrap{padding:0 32px;position:relative;overflow:hidden;background:#181818;height:70px}
#con-body .info-body .content .list-area .list-style01 .all-slide-notice-wrap [tabindex]{outline:0!important}
#con-body .info-body .content .list-area .list-style01 .all-slide-notice-wrap .slick-btn{position:absolute;top:0;height:100%;width:32px}
#con-body .info-body .content .list-area .list-style01 .all-slide-notice-wrap .slick-btn:focus{outline:0}
#con-body .info-body .content .list-area .list-style01 .all-slide-notice-wrap .slick-btn:hover{outline:0}
#con-body .info-body .content .list-area .list-style01 .all-slide-notice-wrap .slick-btn.prev-bt{left:0}
#con-body .info-body .content .list-area .list-style01 .all-slide-notice-wrap .slick-btn.next-bt{right:0}
#con-body .info-body .content .list-area .list-style01 .all-slide-notice-wrap .slick-btn:after{font-family:flexslider-icon;font-size:12px;display:inline-block;content:'\f001';color:#ccc;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:all .3s}
#con-body .info-body .content .list-area .list-style01 .all-slide-notice-wrap .slick-btn:hover:after{color:#ff9400}
#con-body .info-body .content .list-area .list-style01 .all-slide-notice-wrap .slick-btn.prev-bt:after{content:'\f001'}
#con-body .info-body .content .list-area .list-style01 .all-slide-notice-wrap .slick-btn.next-bt:after{content:'\f002'}
#con-body .info-body .content .list-area .list-style01 .all-slide-notice-wrap ul li{border-bottom:none;padding-left:0;padding-right:0}
#con-body .info-body .content .list-area .list-style01 .all-slide-notice-wrap ul li.noti .top .story a{padding-left:0;white-space:nowrap;display:block;width:100%;overflow:hidden;text-overflow:ellipsis}
#con-body .info-body .content .list-area .list-style01 .all-slide-notice-wrap ul li .bot .nick img{display:inline-block}
#con-body .info-body .content.market-info-view-wrap .all-slide-notice-wrap{padding:0 32px;position:relative;overflow:hidden;background:#272727;height:150px;text-align:center;color:#fff}
#con-body .info-body .content.market-info-view-wrap .all-slide-notice-wrap [tabindex]{outline:0!important}
#con-body .info-body .content.market-info-view-wrap .all-slide-notice-wrap .slick-btn{position:absolute;top:0;height:100%;width:32px}
#con-body .info-body .content.market-info-view-wrap .all-slide-notice-wrap .slick-btn:focus{outline:0}
#con-body .info-body .content.market-info-view-wrap .all-slide-notice-wrap .slick-btn:hover{outline:0}
#con-body .info-body .content.market-info-view-wrap .all-slide-notice-wrap .slick-btn.prev-bt{left:0}
#con-body .info-body .content.market-info-view-wrap .all-slide-notice-wrap .slick-btn.next-bt{right:0}
#con-body .info-body .content.market-info-view-wrap .all-slide-notice-wrap .slick-btn:after{font-family:flexslider-icon;font-size:12px;display:inline-block;content:'\f001';color:#ccc;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:all .3s}
#con-body .info-body .content.market-info-view-wrap .all-slide-notice-wrap .slick-btn:hover:after{color:#ff9400}
#con-body .info-body .content.market-info-view-wrap .all-slide-notice-wrap .slick-btn.prev-bt:after{content:'\f001'}
#con-body .info-body .content.market-info-view-wrap .all-slide-notice-wrap .slick-btn.next-bt:after{content:'\f002'}
#con-body .info-body .content.market-info-view-wrap .all-slide-notice-wrap ul li{border-bottom:none;padding-left:0;padding-right:0}
#con-body .info-body .content.market-info-view-wrap .all-slide-notice-wrap ul li.noti .top .story a{padding-left:0;white-space:nowrap;display:block;width:100%;overflow:hidden;text-overflow:ellipsis;text-align:center}
#con-body .info-body .content.market-info-view-wrap .all-slide-notice-wrap ul li .bot .nick img{display:inline-block}
#con-body .info-body .content.market-info-view-wrap .all-slide-notice-wrap .custom-btn{border:1px solid #4e4e4e;background:#4e4e4e;height:32px;line-height:30px;font-size:14px;padding:0 10px;display:inline-block;margin-left:4px;color:#fff;margin:10px}
#con-body .info-body .content .list-area .video-tit-menu .down-side a.naver-btn{vertical-align:middle}
.youtube-btn-wrap{vertical-align:middle;display:inline-block;margin-left:8px;font-size:0;line-height:0}
#con-body .att-chk-ranking .sort-area {position: absolute;right: 12px;top: 40px;}
#con-body .att-chk-ranking .sort-area select {display: inline-block;width: 80px;height: 25px;background: url(../images/sub/sort_arrow_icon_down.png) no-repeat 66px 9px;color: #fff;border-top: 1px solid #525252;border-right: 1px solid #525252;border-left: 1px solid #525252;border-bottom: 1px solid #525252;padding-right: 10px;padding-left: 10px;font-size: 12px;-webkit-appearance: none;appearance: none;}
#con-body .att-chk-ranking .sort-area select option{background:#272727;color:#fff;border-bottom:1px solid #525252;border-right:1px solid #525252;border-left:1px solid #525252;border-top:none}
#con-body .info-body h2{font-size:inherit;font-weight:inherit;color:inherit}
.comment-style01.comment-sponsor{padding:0;border-top:1px solid #525252;padding-bottom:12px;border-bottom:1px solid #525252}
.comment-style01.comment-sponsor .tit{padding:20px 12px 0;height:auto;background:#222}
.comment-style01.comment-sponsor .tab-area{padding:14px 12px;background:#222}
.comment-style01.comment-sponsor .comment .commnet-main+div:after{content:'';left:12px;width:calc(100% - 24px);top:0;height:1px;position:absolute;background:#333}
.comment-style01.comment-sponsor .comment .commnet-main{padding:15px 12px;margin-bottom:0;border-top:none;position:relative}
.comment-style01.comment-sponsor .comment .commnet-main.premium{background:#2b2f34}
.comment-style01.comment-sponsor .comment .commnet-main.premium:before{display:none}
.comment-style01 .comment .commnet-main.premium{position:relative}
.comment-style01 .comment .commnet-main.premium:before{background:#2b2f34;width:calc(100% + 24px);content:'';position:absolute;left:-12px;height:100%;top:0;z-index:0}
.comment-style01 .comment .commnet-main .comment-user-image.premium{overflow:visible}
.comment-style01 .comment .commnet-main .comment-user-image.premium img{border-radius:999px;overflow:hidden}
.comment-style01 .comment .commnet-main .comment-user-image.premium:after{content:'';position:absolute;width:calc(100% + 6px);height:calc(100% + 6px);left:-3px;top:-3px;background:url(../../images/sub/sponsor_reply_img_border.png) no-repeat 50% 50%;background-size:contain}
.comment-style01.comment-sponsor .reply-more-btn{background:#181818;text-align:center;padding:10px 0;display:block;width:100%}
.comment-style01.comment-sponsor .comment{display:none}
.comment-style01.comment-sponsor .reply-more-btn+.comment+.reply-more-btn{display:none}
.comment-style01.comment-sponsor .reply-more-btn.active+.comment{display:block}
.comment-style01.comment-sponsor .reply-more-btn.active+.comment+.reply-more-btn{display:block}
.comment-style01.comment-sponsor .reply-more-btn span{color:#eee;position:relative;padding-left:17px;font-size:14px;font-weight:700}
.comment-style01.comment-sponsor .reply-more-btn span:before{position:absolute;top:50%;margin-top:-2px;left:0;width:9px;height:4px;content:"";background:url(../../images/sub/all_view_arrow.png) no-repeat}
.comment-style01.comment-sponsor .reply-more-btn.active span:before{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
.comment_story.comment_content.more450{max-height:300px;overflow:hidden;position:relative}
.comment_story.comment_content.more450:after{content:'';position:absolute;left:0;width:100%;bottom:0;background:#000;background:linear-gradient(180deg,rgba(0,0,0,0) 0,#272727 100%);height:70px}
.comment_story.comment_content.more450.active{max-height:100%}
.comment_story.comment_content.more450.active:after{display:none}
.commnet-main.premium .comment_story.comment_content.more450:after{background:#000;background:linear-gradient(180deg,rgba(0,0,0,0) 0,#2b3034 100%)}
.more450Btn{color:#eee;margin-top:7px;font-size:15px;font-weight:700;display:block;margin:0 auto;padding-top:10px}
.more450Btn:hover{text-decoration:underline}
.more450Btn:before{content:'';width:12px;height:9px;background:url(../../images/sub/sponsor_reply_more.png) no-repeat 50% 50%;display:inline-block;background-size:contain;vertical-align:middle}
.more450Btn:after{content:'펼치기';display:inline-block;vertical-align:middle;margin-left:8px}
.more450Btn:hover:after{text-decoration:underline}
.comment_story.comment_content.more450.active+.more450Btn:after{content:'닫기'}
.comment_story.comment_content.more450.active+.more450Btn:before{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
.premium-sponsor-slide-wrap{margin:30px 0 0}
.premium-sponsor-slide-wrap .tit{font-size:16px;color:#eee;font-weight:700;margin-bottom:6px;padding:0 12px}
.premium-sponsor-slide-wrap .sponsor-slide{padding:0 36px;position:relative;overflow:hidden;background:#272727;text-align:center;color:#fff;height:182px;overflow:hidden}
.premium-sponsor-slide-wrap .sponsor-slide [tabindex]{outline:0!important}
.premium-sponsor-slide-wrap .sponsor-slide .slick-btn{position:absolute;top:0;height:100%;width:46px}
.premium-sponsor-slide-wrap .sponsor-slide .slick-btn:focus{outline:0}
.premium-sponsor-slide-wrap .sponsor-slide .slick-btn:hover{outline:0}
.premium-sponsor-slide-wrap .sponsor-slide .slick-btn.prev-bt{left:0}
.premium-sponsor-slide-wrap .sponsor-slide .slick-btn.next-bt{right:0}
.premium-sponsor-slide-wrap .sponsor-slide .slick-btn:after{font-family:flexslider-icon;font-size:20px;display:inline-block;content:'\f001';color:#ccc;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:all .3s;font-size:30px}
.premium-sponsor-slide-wrap .sponsor-slide .slick-btn:hover:after{color:#ff9400}
.premium-sponsor-slide-wrap .sponsor-slide .slick-btn.prev-bt:after{content:'\f001'}
.premium-sponsor-slide-wrap .sponsor-slide .slick-btn.next-bt:after{content:'\f002'}
.premium-sponsor-slide-wrap .sponsor-slide .box-wrap{display:block}
.premium-sponsor-slide-wrap .premium-sponsor-box{display:flex;justify-content:center;align-items:center;text-align:center;height:180px;width:100%;flex-direction:column}
.premium-sponsor-slide-wrap .premium-sponsor-box .premium-info .nickname{color:#eee;margin:8px 0 12px}
.premium-sponsor-slide-wrap .premium-sponsor-box .premium-info .thumb-wrap{overflow:visible;width:70px;height:70px;position:relative;color:#363636;margin:0 auto;margin-bottom:8px}
.premium-sponsor-slide-wrap .premium-sponsor-box .premium-info .thumb-wrap img{border-radius:999px;overflow:hidden;width:100%;height:100%}
.premium-sponsor-slide-wrap .premium-sponsor-box .premium-info .thumb-wrap:after{content:'';position:absolute;width:calc(100% + 6px);height:calc(100% + 6px);left:-3px;top:-3px;background:url(../../images/sub/sponsor_reply_img_border.png) no-repeat 50% 50%;background-size:contain}
.premium-sponsor-slide-wrap .premium-sponsor-box .view-user-pro{margin-bottom:12px}
.premium-sponsor-slide-wrap .premium-sponsor-box .view-user-pro img{display:inline-block;margin-right:4px}
.premium-sponsor-slide-wrap .premium-sponsor-box .view-user-pro .view-user-nick{color:#eee;font-size:14px;font-weight:700}
.premium-sponsor-slide-wrap .premium-sponsor-box .premium-btn-wrap{display:flex;width:100%;justify-content:center;align-items:center}
.premium-sponsor-slide-wrap .premium-sponsor-box .premium-btn-wrap a {flex: 1 1 0%;color: #eee;font-size: 14px;font-weight: 700;background: #181818;margin: 4px 4px;padding: 8px 6px;display: flex;align-items: center;justify-content: center;white-space: nowrap;max-width: 200px;}
.premium-sponsor-slide-wrap .premium-sponsor-box .premium-btn-wrap a img{display:inline-block;vertical-align:middle;margin-left:4px}

.event-desk-wrap .comment-style01 .comment .comment-user-info a.good-btn{margin-left: 0}
#con-body.event-desk-wrap .info-body .content .list-area .list-style09 .list-form .right-txt .bottom-info p:nth-of-type(1){padding-left: 0}
#con-body.event-desk-wrap .info-body .content .list-area .list-style09 .list-form .right-txt .bottom-info p:nth-of-type(1):before{display: none}
#con-body.event-desk-wrap .gooder-list-btn-wrap{margin: 32px 0;text-align: center}
#con-body.event-desk-wrap .gooder-list-btn{color: #fff;border:1px solid #8D867E;padding: 1px 12px 0;background: #695F53;font-weight: bold;height: 28px;line-height: 28px;border-radius: 4px;font-size: 12px}
.event-desk-wrap .spec-box .spec .tit {width:50px}
.event-desk-wrap .spec-box{line-height: 1.2}

.compuzone-icon{background: url("../../quasarzone/images/common/compuzon_icon.svg") no-repeat 50% 50%;width: 14px;display: block;height: 14px;padding:0px 0;box-sizing: content-box}

.compuzone-editor-wrap{width:100%;background: #333;padding:24px;display: flex;margin: 0 auto}
.compuzone-editor-img{width: 100px;height: 68px;background-size:cover;margin-right: 15px;background: url() no-repeat 50% 50%;background-color: #000;display: block;background-size: cover}
.compuzone-editor-text{flex:1 1 0%;display: flex;flex-direction: column;overflow: hidden}
.compuzone-editor-title{font-size: 16px;color: #ccc!important;flex: 1 1 0%;overflow: hidden;line-height: 1.4}
.compuzone-editor-link{color: #ff9900 !important;font-size: 16px;text-align: center;line-height: 1;margin-top: 16px}

.gif-popup-wrap{height: calc(100% - 35px);overflow:auto;position: relative;
    top:35px;}
.gif-popup-wrap .container{display:flex; flex-wrap: wrap;}
.gif-popup-wrap .container .col{width: calc(50% - 20px);padding: 10px;flex : 1 1 50%;max-width: calc(50% - 20px);}
.gif-popup-wrap .container .col a{display:block;padding-bottom: 70%;border-radius: 8px;position: relative;overflow: hidden;background-size: cover;background-repeat: no-repeat}
.gif-popup-wrap .container .col .cate-text{position: absolute;left: 0;top:0;right: 0;bottom: 0;background: rgba(0,0,0,0.4);color: #fff;display: flex;align-items: center;justify-content: center;font-size: 16px;transition: all 0.3s}
.gif-popup-wrap .container .col .cate-text:hover{background: rgba(255,153,32,0.5)}

.popup-header-back-bt {width:48px;box-sizing: border-box;position: absolute;left: 0;top: 0;height: 44px;line-height: 48px;background: url("../images/popup/back_bt_arrow.png") 50% 50% no-repeat;background-size:11px 20px;text-indent: -9999px;overflow: hidden}

.gif-popup-wrap .search-wrap {margin: 20px 10px 10px;border:  1px solid #525252;border-radius: 8px;overflow: hidden;background-color: #202020}
.gif-popup-wrap .search-wrap .input{position:relative;padding-right:45px;box-sizing:border-box;border:none}
.gif-popup-wrap .search-wrap .input input{width:100%;height:34px;background-color:#202020;color:#e3e3e3;font-weight:700;font-size:12px;box-sizing:border-box;padding-left:12px;border:none}
.gif-popup-wrap .search-wrap .input input::-webkit-input-placeholder{color:#767676;font-weight:700}
.gif-popup-wrap .search-wrap .input input::-moz-placeholder{color:#767676;font-weight:700}
.gif-popup-wrap .search-wrap .input input:-ms-input-placeholder{color:#767676;font-weight:700}
.gif-popup-wrap .search-wrap .input input:-moz-placeholder{color:#767676;font-weight:700}
.gif-popup-wrap .search-wrap .input a{position:absolute;right:0;top:0;width:40px;height:34px;text-indent:-9999px;overflow:hidden;background:url(../../../quasarzone/images/popup/frd_srch_bt.png) no-repeat}


#con-body .info-body .content .list-area .list-style05 .list-form:first-child{border-top: 1px solid #424242;}
#con-body .info-body .content .info-area .sece-modi-area .tit {text-align: center;}
.list-style04 .market-info-type-list li>.admin-chk-box {position: absolute;left: 1px;top: 1px;z-index: 99;}
#con-body .info-body .content .list-area .list-style02 ul li .bot {height: 20px;position: absolute;bottom: 1px;width: calc(100% - 10px);}

#frmSearch > div > div.banner-area.flexsliderwrapper {display: none;}

.market-info-type-list .market-info-sub.new p + p + p span > img {position: relative;top: -1px;}


#myProfile .inner-layer-popup .detail-area .top-bt-wrap{border-bottom:1px solid #525252;height:28px;line-height:28px;font-size:0;padding-left:10px;background-color:#202020;position:relative}
#myProfile .inner-layer-popup .detail-area .top-bt-wrap span.frd-tp3{color:#ff7c7c;padding-left:12px;position:relative;margin-left:6px;display:inline-block}
#myProfile .inner-layer-popup .detail-area .top-bt-wrap span.frd-tp3 a{color:#ff7c7c;font-size:10px;font-weight:700}
#myProfile .inner-layer-popup .detail-area .top-bt-wrap span.frd-tp3:before{position:absolute;left:0;top:9px;width:9px;height:9px;content:"";background:url(../images/popup/frd_icon_2.png) no-repeat;background-size:9px 9px}

.back-color-transparent{background-color:transparent !important;}
.progress-event{color: #fff;font-size: 16px;font-weight: 700;padding: 0;position: relative;display:inline-block;height:30px;vertical-align:middle;}

.event-best-loc-wrap{padding:0 14px !important;}
.event-best-loc{display:inline-block;}

.event-select-location{position:relative;display:inline-block;float:right;}
.event-select-location .sort-select{top:14px !important;display:inline-block;}
.event-select-location .sort-select select{width:90px;height:30px; color:#fff;}
.event-select-location .sort-select select option{background:#272727;color:#fff;border-bottom:1px solid #525252;border-right:1px solid #525252;border-left:1px solid #525252;border-top:none}

.best-btn-wrap{background-color:#f90;float:left;display:block;width:75px;height:43px;}
.best-btn-wrap .logo-img-size{padding:0 15px !important;height:41px;display:block;}

#writer-mine-comment {left: 0;top: 65px;width: 40px;height: 17px;line-height: 17px;position: absolute;text-align: center;font-size: 11px;font-weight: 700;color: #e3e3e3;background-color: #181818;}
.comment-reply #writer-mine-comment {left: 50px;top: 55px;}