@charset "utf-8";

@import url("//res.onlive.vn/css/global/afmain/afmain.css");
@import url("//res.onlive.vn/css/global/chat_emoticon.css");



.skip-nav {position:relative;}
.skip-nav a {display:block; position:absolute; top:-100px; left:0; background:#0545af; padding:10px 20px; color:#fff; text-align:center; z-index:9999;}
.skip-nav a:active,
.skip-nav a:focus {top:0;}
button{background:transparent}
.ranking .category_area .inner{width:209px}
#listWrap .category_area .inner .scrollarea.c_ranking{top:18px}


h2.title .tit_desc{font-weight:normal;font-size:13px;color:#999;margin-left:13px}

.menu_list li .ic_bd{background-position:0 -859px;height:18px;margin-top:-7px;width:20px }
.menu_list li.on a .ic_bd, .menu_list li a:hover .ic_bd, .menu_list li a:focus .ic_bd {width:20px;height:18px;margin-top:-7px;background-position:-20px -859px}
.menu_list li .ic_viewer{background-position:0 -884px;height:20px;margin-top:-7px;width:20px }
.menu_list li.on a .ic_viewer, .menu_list li a:hover .ic_viewer, .menu_list li a:focus .ic_viewer {width:20px;height:20px;margin-top:-7px;background-position:-20px -884px}
.menu_list li .ic_up{background-position:0 -909px;height:20px;margin-top:-7px;width:20px }
.menu_list li.on a .ic_up, .menu_list li a:hover .ic_up, .menu_list li a:focus .ic_up {width:20px;height:20px;margin-top:-7px;background-position:-20px -909px}
.menu_list li .ic_favorite{background-position:0 -934px;height:20px;margin-top:-7px;width:20px }
.menu_list li.on a .ic_favorite, .menu_list li a:hover .ic_favorite, .menu_list li a:focus .ic_favorite {width:20px;height:20px;margin-top:-7px;background-position:-20px -934px}
.menu_list li .ic_fanclub{background-position:0 -959px;height:20px;margin-top:-7px;width:20px }
.menu_list li.on a .ic_fanclub, .menu_list li a:hover .ic_fanclub, .menu_list li a:focus .ic_fanclub {width:20px;height:20px;margin-top:-7px;background-position:-20px -959px}

.menu_list li .ic_sports_broadcast {background-position:0 -129px; width:20px; height:18px; margin-top:-9px;}
.menu_list li.on a .ic_sports_broadcast , .menu_list li a:hover .ic_sports_broadcast , .menu_list li a:focus .ic_sports_broadcast {background-position:-20px -129px; width:20px; height:18px; margin-top:-9px;;}
.menu_list li .ic_sports_general {width:19px;height:20px;margin-top:-9px;background-position:0 -1018px}
.menu_list li.on a .ic_sports_general, .menu_list li a:hover .ic_sports_general, .menu_list li a:focus .ic_sports_general  {margin-top:-9px;background-position:-20px -1018px}





.ranking .hd_area{position:relative;padding-bottom:20px}
.ranking .menu_list li a{}
.ranking .r-info{display:block;font-size:13px;color:#696969;margin-top:8px;cursor:pointer;}
*:first-child+html .ranking .r-info{line-height:0.1em}
.ranking .r-info .icon_img{width:15px;height:15px;float:right;background-position:-35px 0;margin:2px 0 0 6px;vertical-align:middle}
.ranking .r_guide {margin-top:-10px;position:absolute;right:0;top:16px;z-index:10}
.ranking .r_guide .layer_info{position:absolute;top:29px;right:0;border:1px solid #c7c7c7;border-radius:3px;padding:26px 29px 20px 29px;width:520px;background:#fff;display:none;z-index:11}
.ranking .r_guide .layer_info.on{display:block}
.ranking .r_guide .r-detail{border-left:1px solid #848484;margin-bottom:20px}
.ranking .r_guide .r-detail dt{font-size:16px;color:#333;padding-left:13px;margin-bottom:6px}
.ranking .r_guide .r-detail dd{font-size:13px;color:#999;padding-left:13px}
.ranking .r_guide .tb_info th{font-size:14px;/*width:80px;*/padding-right:8px;padding-bottom:4px;color:#4d94ff;vertical-align:top;text-align:left;font-weight:normal}
.ranking .r_guide .tb_info .rate{font-size:14px;width:53px;color:#4d94ff;vertical-align:top}
.ranking .r_guide .tb_info .desc{font-size:13px;color:#999;vertical-align:top;padding-bottom:6px;line-height:1.5em;}
.ranking .icon_img{background:url(//res.onlive.vn/images/contents/rank/img-ranking.png) -9999em -99999em no-repeat}


.home_area .ranking_home{overflow:hidden;*zoom:1;}
.home_area .ranking_home:after{content:"";clear:both;display:block}
.home_area ul{margin-left:-20px}
.home_area ul .c_list{float:left;margin-bottom:21px;width:33.3333%}
#container .listsix .home_area ul .c_list{width:25%}
.home_area ul .c_list .listWrap{border:1px solid #d8d8d8;/*margin-left:21px;*/border-radius:4px;margin:0 0 0 20px}
.home_area ul .c_list .listWrap h4{font-size:20px;color:#000;font-weight:normal;text-align:center;height:49px;padding-top:22px}
.home_area ul .c_list .listWrap .more{display:block;border-top:1px solid #f1f1f1;text-align:center;font-size:13px;color:#4279ff;padding:6px 0 5px 0}
.home_area ul .c_list ol li a{display:block;*zoom:1;margin-bottom:3px}
.home_area ul .c_list ol li a:after{content:"";clear:both;display:block}
.home_area ul .c_list ol li a span{float:left}
.home_area ul .c_list ol li a .ranking{font-size:20px;color:#000;width:58px;text-align:center;padding-top:10px}
.home_area ul .c_list ol li a .img{width:60px}
.home_area ul .c_list ol li a .img img{border-radius:46px;border:1px solid #ececec;height:46px;width:46px}
.home_area ul .c_list ol li a .nick{font-size:15px;color:#333;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;padding-top:10px}

.home_area ul .c_list .change{font-size:12px;color:#666;padding-top:12px;width:45px;float:right;margin-left:10px}
.home_area ul .c_list .change .icon_img{width:7px;height:10px;text-indent:-9999em;margin:5px 2px 0 0}
.home_area ul .c_list .change.up .icon_img{background-position:-43px -62px}
.home_area ul .c_list .change.down .icon_img{background-position:-43px -49px}
.home_area ul .c_list .change.same .icon_img{background-position:-43px -75px;margin-left:8px}


.home_area ul .c_list .change.new .icon_img{background-image:none;width:0}

.home_area ul .c_list .change.new{color:#ff3636}

.shd_area{position:relative;*zoom:1}
.shd_area:after{content:"";clear:both;display:block}
.schbox_area {position:absolute; top:0; right:0; margin:0 0 0 12px; border:none;;}
.schbox{background:#f1f1f1;border-radius:5px;width:208px;position:relative;z-index:9;height:27px}
.schbox button span{color:#008aff;font-size:14px}
.schbox button{border:none;background:transparent;width:45px;height:27px;display:block;position:absolute;right:0;top:-1px}
.schbox button:focus {outline:none;}
.schbox input{color:#333;font-size:13px;width:134px;border:none;background:transparent;padding:4px 0 8px 0;position:absolute;left:29px}
/* .schbox .icon_img {display:block; position:absolute; left:0; background-position:-36px -21px; width:20px; height:14px; margin:6px 0 0 9px;} */
.schbox .icon_img {display:block; position:absolute; left:0; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill-rule='evenodd' d='M8.5.4c4.474 0 8.1 3.626 8.1 8.1 0 2.028-.745 3.882-1.977 5.303l4.852 4.853c.234.234.234.614 0 .848-.235.234-.615.234-.849 0l-4.855-4.854c-1.417 1.216-3.258 1.95-5.271 1.95-4.474 0-8.1-3.626-8.1-8.1S4.026.4 8.5.4zm0 1.2c-3.81 0-6.9 3.09-6.9 6.9 0 3.81 3.09 6.9 6.9 6.9 3.81 0 6.9-3.09 6.9-6.9 0-3.81-3.09-6.9-6.9-6.9z' fill='%23383838'/%3e%3c/svg%3e"); background-size:100% 100%; background-position:50% 50%; background-repeat:no-repeat; width:16px; height:16px; margin:5px 0 0 9px;}
.schbox.basic .icon_img{left:63px}
.schbox.basic input{width:0;left:84px}
.schbox.basic button{right:58px;width:70px;color:#9a9a9a;font-size:12px}
.schbox.basic button span{color:#9a9a9a;font-size:12px}

.tab_area{float:left;border:1px solid #b3b6be;border-radius:2px}
.tab_area li{float:left;overflow:hidden;margin-left:-1px}
.tab_area li a{display:block;font-size:13px;color:#595959;padding:3px 20px;text-decoration:none;border-left:1px solid #b3b6be}
.tab_area li.on a{background:#686e7e;color:#fff}
.list-ranking{border-top:1px solid #e3e3e3;}
.list-ranking li{border-bottom:1px solid #f4f4f4;*zoom:1;height:86px;width:100%;overflow:hidden;position:relative}
.list-ranking li:after{content:"";display:block;clear:both}
.list-ranking li .num{float:left;/*width:106px;*/margin-right:20px;padding-right:40px}

.list-ranking li .list-info{/*float:right;*/width:174px;position:absolute;right:0px;top:0;height:86px;z-index:5}
.list-ranking .btn_more{display:block;width:100%;padding:16px 0 10px 0}
.list-ranking .btn_more em{text-align:center;color:#2a7aff;font-size:16px;display:block}
.list-ranking .btn_more .icon_img{background-position: -43px -41px;display:block;width:7px;height:4px;margin:7px auto 0 auto}
.list-ranking .list-info{position:relative;z-index:11}
.list-ranking .list-info .icon_img{display:block;position:absolute;top:32px}
.ranking .list-ranking .list-info .icon_img.live{width:50px !important;height:23px !important;left:0;background-position:0 -85px}

.list-ranking .list-info .bs{width:21px;height:20px;left:75px;background-position:0 0}
.list-ranking .list-info .fa{width:21px;height:21px;left:123px;background-position:0 -25px}
.list-ranking .list-info .fa.on{background-position:0 -50px}
.list-ranking .num{position:relative;z-index:12}
.list-ranking .toprank .num em {display:inline-block; width:66px; margin-top:0; text-align:center; font-family:"Minion Pro"; font-size:55px; font-style:italic;}
.list-ranking .num em{font-size:28px;color:#222;width:70px;text-align:center;display:inline-block;margin:25px 0 0 0;}
.list-ranking .bnum .num em{width:100px}
.list-ranking .num .change .icon_img{width:7px;height:10px;display:inline-block;margin-left:4px}
.list-ranking .toprank .num .change{/*position:absolute;right:0;top:35px;*/font-size:14px;color:#666}

.list-ranking .current-rank {border: 2px #E81717 solid;}
.list-ranking .toprank .point-interactive {text-align: right; margin-right: 260px; margin-top: -50px;}
.list-ranking .toprank .point-interactive span {font-size: 18px; color: #000000;}
.list-ranking .toprank .point-interactive .point {font-size: 24px; font-weight: 500;}

.list-ranking .rank_1 .num em {color:#ff4545;}
.list-ranking .rank_2 .num em {color:#ff4545;}
.list-ranking .rank_3 .num em {color:#ff4545;}
.list-ranking .rank_1 .point-interactive span {color: #E81717;}
.list-ranking .rank_2 .point-interactive span {color: #E46E00;}
.list-ranking .rank_3 .point-interactive span {color: #2307D0;}

.list-ranking .num .change{position:absolute;right:0;top:35px;font-size:14px;color:#666;width:45px;text-align:center;display:inline-block}
.list-ranking .num .change .up{background-position:-43px -62px}
.list-ranking .num .change .down{background-position:-43px -49px}
.list-ranking .num .change .same{background-position:-43px -75px}
.list-ranking .num .change.new{font-size:11px;color:#ff2a2a}

.list-ranking .tit{padding:17px 0 0 0;margin-right:254px;overflow:hidden}
.list-ranking .tit .thumb {width:52px;height:52px;border-radius:26px;margin-right:17px;float:left}
.list-ranking .tit .bj_desc{/*float:left;*/padding-top:3px;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis}
.list-ranking .tit .bj_desc .bj_nick{font-size:18px;color:#000;margin-right:6px;font-weight:normal}
.list-ranking .tit .bj_desc .bj_id{font-size:14px;color:#93afd1}
.list-ranking .tit .bj_desc .bs_desc{font-size:13px;color:#a8a8a8; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;/*width:550px*/}
.list-ranking .no-list{font-size:16px;color:#9c9c9d;text-align:center;padding-top:60px}

.list-streamer-interactive{border-top:1px solid #e3e3e3;}
.list-streamer-interactive li{border-bottom:1px solid #f4f4f4;*zoom:1;height:86px;width:100%;overflow:hidden;position:relative}
.list-streamer-interactive li:after{content:"";display:block;clear:both}
.list-streamer-interactive li .num{float:left;/*width:106px;*/margin-right:20px;padding-right:40px}

.list-streamer-interactive li .list-info{/*float:right;*/width:174px;position:absolute;right:0px;top:0;height:86px;z-index:5}
.list-streamer-interactive .btn_more{display:block;width:100%;padding:16px 0 10px 0}
.list-streamer-interactive .btn_more em{text-align:center;color:#2a7aff;font-size:16px;display:block}
.list-streamer-interactive .btn_more .icon_img{background-position: -43px -41px;display:block;width:7px;height:4px;margin:7px auto 0 auto}
.list-streamer-interactive .list-info{position:relative;z-index:11}
.list-streamer-interactive .list-info .icon_img{display:block;position:absolute;top:32px}
.ranking .list-streamer-interactive .list-info .icon_img.live{width:50px !important;height:23px !important;left:0;background-position:0 -85px}

.list-streamer-interactive .list-info .bs{width:21px;height:20px;left:75px;background-position:0 0}
.list-streamer-interactive .list-info .fa{width:21px;height:21px;left:123px;background-position:0 -25px}
.list-streamer-interactive .list-info .fa.on{background-position:0 -50px}
.list-streamer-interactive .num{position:relative;z-index:12}

.list-streamer-interactive .tit{padding:17px 0 0 20px;margin-right:184px;overflow:hidden}
.list-streamer-interactive .tit .thumb {width:52px;height:52px;border-radius:26px;margin-right:17px;float:left}
.list-streamer-interactive .tit .bj_desc{/*float:left;*/padding-top:3px;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis}
.list-streamer-interactive .tit .bj_desc .bj_nick{font-size:18px;color:#000;margin-right:6px;font-weight:normal}
.list-streamer-interactive .tit .bj_desc .bj_id{font-size:14px;color:#93afd1}
.list-streamer-interactive .tit .bj_desc .bs_desc{font-size:13px;color:#a8a8a8;margin-top:8px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;/*width:550px*/}
.list-streamer-interactive .no-list{font-size:16px;color:#9c9c9d;text-align:center;padding-top:60px}

/* 별별랭킹 */
.ranking .hotissue{margin-top:9px}
.ranking .listarea{margin-top:5px}
.ranking .listarea .toprank .cast_box .num{color:#386cff}
.ranking .listarea .cast_box .num{font-size:37px;position:absolute;top:124px;left:0;width:42px;text-align:center;z-index:21;color:#666}
.ranking .listarea .cast_box .subject{width:172px;padding-left:42px}
.ranking .listarea .cast_box .nick{padding-left:36px;top:159px}

/* 랭킹소통방 */
.tb_notice table{width:100%;table-layout:fixed}
.tb_notice table td, .tb_notice table td a{font-size:12px;}
.tb_notice table td{border-bottom:1px solid #e3e3e3}
.tb_notice table td.no-list{height:100px}
#container .content_area .tb_notice table td a:hover{text-decoration:underline}
#container .content_area .tb_notice table td a{color:#666}
.tb_notice tr.first td{border-top:none}
span.noti{background:#ff7944;color:#fff;font-size:11px;padding:3px 7px 3px 7px;border-radius:8px;margin:0 5px 0 0;vertical-align:middle}
.tb_notice td.title span.count{font-size:11px;color:#e85932;margin-left:7px;font-family:verdana}
.tb_notice tr.notice td a{font-weight:bold;color:#000}
.tb_notice td{text-align:center;height:auto;padding:19px 0 17px 0;line-height:0}
#container .content_area .tb_notice td.title{ overflow: hidden; text-align:left;height:auto;display:block;font-size:12px;line-height:1.5em; text-overflow: ellipsis; white-space: nowrap;}
#container .content_area .tb_notice td.title a{display:inline}
#container .content_area .tb_notice td.title a.btn_del{width:15px;height:15px;background:url(//res.onlive.vn/images/bugreport/icon.gif) 0 -15px no-repeat;display:inline-block;text-indent:-9999em;margin:0 0 0 5px}
.ranking .hd_area.tline{border-bottom:1px solid #e3e3e3;padding-bottom:6px}
.list_wrap{margin:50px auto 0 auto;/*width:95%;*/}
.list_wrap th{background:#7ba8dd;color:#fff;font-size:14px;font-weight:normal;padding:7px 0 7px 0}
.list_wrap th.first{border-radius:3px 0 0 3px}
.list_wrap th.end{border-radius:0 3px 3px 0}

.btn_r{text-align:right;margin:10px 0}
.btn_write {border:1px solid #b6b6b6;border-radius:2px;padding:2px 6px 3px 5px}
.btn_write span{background:url(//res.onlive.vn/images/bj_ranking/icon_write.png) 0 2px no-repeat;padding:0 0 0 14px;color:#000;font-weight:bold;letter-spacing:-1px}

.ranking .search_area{text-align:center;margin-top:45px;position:static}
.ranking .search_area *{vertical-align:middle}
.ranking .search_area label{margin:0 10px 0 8px}
.ranking .search_area button{padding:0 7px;border-radius:2px;line-height:19px}
.ranking .search_area button.list_search{/*background:url(//res.onlive.vn/images/custom/btn_search_b.gif) 0 0 no-repeat;width:39px;*/margin-right:7px;background:#3977d2;color:#fff;border:1px solid #2561be}
.ranking .search_area button.list_all{/*background:url(//res.onlive.vn/images/custom/btn_all.gif) 0 0 no-repeat;width:39px;*/background:#f8f8f8;color:#585858;border:1px solid #b3b3b3}
.ranking .search_area .input_txt{border:1px solid #bbb;background-color:#fff;padding:2px 0 0 3px;height:18px;width:195px;margin-right:5px}

/*댓글*/
.comment_wrap{margin:45px 0 0 0;}
.comment_area *{}
#container .content_area .comment_wrap .title{font-size:16px;color:#000;font-weight:bold;padding-bottom:6px;height:auto}
.comment_wrap .title strong{color:#1559ff;margin-left:8px}
.comment_wrap .comment_box{border:1px solid #acacac;height:107px;padding:0 10px;margin-bottom:36px;line-height:1em}

.comment_wrap .comment_box textarea{resize:none;height:50px;margin:12px 0 0 0;width:100%;border:none;background:transparent;font-size:12px;color:#666;overflow:auto}
.comment_wrap .comment_box .input_write { height: 50px; overflow-y: auto; overflow-x: hidden; word-wrap: break-word; line-height: 1.3em; font-size: 12px; margin-top: 12px; text-align: left;display:block;padding:0}
.comment_wrap .comment_box #emoticonArea{display:none;position:absolute;z-index:9999;width:246px;}
.comment_wrap .disable .size, .comment_wrap .disable .emo{display:none}
.commentList .comment_box.disable, .comment_wrap .disable {background:#f3f3f3;}
.commentList .comment_box.disable textarea, .comment_wrap .disable textarea{color:#999}

.comment_wrap .comment_box .btn_submit a{display:inline-block;width:90px;height:32px;border:1px solid #d1d1d1;text-decoration:none;text-align:center;border-radius:20px;color:#666;line-height:3.0em}
.comment_wrap .disable .btn_submit a{border:1px solid #d6d6d6;text-align:center;border-radius:20px;color:#b1b1b1;line-height:3.0em;cursor:default}
.comment_wrap .btn_submit a.st{font-weight:bold;color:#333}
.comment_wrap .disable .btn_submit a.st{color:#b1b1b1}

.comment_wrap .comment_box .btn_submit {text-align:right;position:relative;margin-bottom:11px}
.comment_wrap .comment_box .btn_submit .size{margin-right:10px;font-size:14px;color:#7a7a7a}
.comment_wrap .comment_box .btn_submit .emo{width:23px;height:14px;background:url(//res.onlive.vn/images/mybs/mybs.png) -76px 0 no-repeat;position:absolute;bottom:0;left:0}
.commentList .tab{border-bottom:1px solid #e9e9e9;width:100%;position:relative;height:22px}
.commentList .tab ul{position:absolute;top:0;left:0;*zoom:1}
.commentList .tab ul:after{content:""; display:block; clear:both;}
.commentList .tab ul li{float:left;margin-right:13px}
.commentList .tab ul li a{display:block;height:22px;text-decoration:none}
.commentList .tab ul li.on a{border-bottom:1px solid #000;display:block;color:#000;font-weight:bold}
.commentList .inwrap{*zoom:1;/*padding-left:7px*/}
.commentList .inwrap:after{content:""; display:block; clear:both;}
.commentList .inwrap .img_profile{float:left;position:relative;margin-right:17px}
.commentList .inwrap .img_profile img{width:36px;height:36px;border-radius:18px}
.commentList .inwrap .img_profile .mask{width:37px;height:37px;background:url(//res.onlive.vn/images/mybs/img_mask.png) 0 0 no-repeat;position:absolute;top:0;left:0}
.commentList .inwrap .c_article{margin:0 0 27px 0px;}
.commentList .inwrap .c_article.s_article .watch_area{margin-left:48px}
.for_sports .commentList .inwrap .c_article{margin:0 0 27px 0;} /* 2016-07-21 추가 */
.commentList .inwrap .c_article .name {margin-bottom:7px}
.commentList .inwrap .c_article .name .bj_name{font-weight:bold;color:#666}
.commentList .inwrap .c_article .name .bj_name span{font-weight:normal}
.commentList .inwrap .time{color:#999;font-family:tahoma;margin-left:6px}
.commentList .inwrap .c_title{color:#333;letter-spacing:-1px;margin-bottom:10px;/*word-break:break-all; */word-wrap:break-word;line-height:1.4em;overflow:hidden }

.commentList .inwrap .best{display:inline-block;width:35px;height:15px;background:url(//res.onlive.vn/images/mybs/mybs.png) -36px 0 no-repeat;text-indent:-9999em;margin:-3px 6px 0 0;vertical-align:middle}
.commentList .inwrap .c_article .watch_area{width:100%;overflow:hidden}
.commentList .inwrap .c_article .watch_area .hit{margin-left:5px}
.for_sports .commentList .inwrap .c_article .watch_area .hit{margin-left:0px} /* 2016-07-21 추가 */
 /* stargift 2017-03-16 추가 */
 .commentList .inwrap .c_article .stargift {position:relative; display:inline-block; margin:5px 0 18px; padding:10px 20px 10px 65px; border-radius:20px; background:#e0efff;}
 .commentList .inwrap .c_article .stargift .sname {display:block; color:#222; padding:0 0 3px;}
 .commentList .inwrap .c_article .stargift .sname a {font-weight:bold; color:#006ad7;}
 .commentList .inwrap .c_article .stargift .memo {display:block; color:#222;}
 .commentList .inwrap .c_article .stargift .memo em {font-weight:bold; color:#ff0000;}
 .commentList .inwrap .c_article .stargift .balloon {position:absolute; top:-5px; left:4px;}
 .commentList .inwrap .c_article .stargift .balloon img {width:55px; height:55px;}

.commentList .inwrap .warn{float:right;}
.commentList .inwrap .bar{color:#e1e1e1;font-size:11px;margin:0 5px}
.commentList .inwrap .warn a{color:#b4b4b4}
.commentList .inwrap a{display:inline-block;color:#999}
.commentList .inwrap .hit .icon{display:inline-block;width:14px;background:url(//res.onlive.vn/images/mybs/mybs.png) -25px -28px no-repeat;width:14px;height:12px;margin-right:5px;text-indent:-9999em}
.commentList .inwrap .hit .reply strong{color:#333;margin-left:3px}
.commentList .inwrap .reply_area{margin-left:32px}
.commentList .inwrap .reply_area .inbox{background:url(//res.onlive.vn/images/mybs/icon_comment.png) 0 6px no-repeat;padding-left:21px}
/*.commentList .inwrap */.btn_listmore{color:#7895ca;text-align:center;display:block !important;padding:13px 0 8px 0}
/*.commentList .inwrap */.btn_listmore strong{background:url(//res.onlive.vn/images/mybs/icon_more.png) right 4px no-repeat;padding-right:16px;display:inline-block;color:#7895ca}

.commentList .inwrap li{border-bottom:1px solid #ededed;}
/* .commentList .inwrap .list_wrap{padding:17px 0 0 } */
.commentList .comment_box{background:#fff;line-height:1em}

.view_wrap{margin:46px auto 0 auto;width:95%;}
.bd_feed .v_article{position:relative}
.bd_feed .v_article .hit{position:absolute;right:0}
.bd_feed .v_article .hit span{color:#999}
.bd_feed .v_article .hit span em{color:#666;font-weight:bold;margin-left:4px}

.bd_feed .v_article .view{margin-left:4px;word-wrap:break-word;overflow:hidden;padding: 23px 0;    color: #222;    line-height: 26px;    border-top: 1px solid #d0d0d0;}
.bd_feed .v_article .v_title{ overflow: hidden; margin-bottom:15px;color: #000;    font-size: 16px;    font-weight: bold;        margin-bottom: 19px;    line-height: 1.3em; text-overflow: ellipsis; white-space: nowrap;}
.bd_feed .v_article .name{margin-bottom:11px}
.bd_feed .v_article .bj_name{font-size:12px;color:#7097cc;letter-spacing:-1px;font-weight:bold}
.bd_feed .v_article .bj_name span{font-weight:normal;color:#999}
.bd_feed .v_article .time{color:#999;font-family:tahoma;margin-left:5px}

.bd_feed .v_article .bj_name span {    font-weight: normal;    color: #999;font-family:arial}

.bsfot{border-top:1px solid #ddd;width:100%;overflow:hidden;padding-top:13px;height:30px}
.bsfot .btn_r{float:right;margin:0}
.bsfot .btn_l{float:left}
.bsfot button{display:inline-block;border:1px solid #b6b6b6;margin-right:4px;padding:2px 5px 3px 5px;border-radius:2px}
.bsfot button span{color:#000;font-size:12px;}

.comment_wrap *{}

.write_wrap{margin-top:40px;width:95%;margin:40px auto}
.form_area table{width:100%;margin-bottom:40px}
.form_area td{padding-bottom:10px}
.form_area th{vertical-align:top;color:#666666;font-size:14px;text-align:left;padding-top:8px}
.form_area th em{color:#e85932;margin-left:4px}
.form_area td .input_txt{width:95%;border:none;margin-left:10px}
.form_area td div{border:1px solid #d6d6d6;padding:7px 0 8px 0}
.form_area textarea{border:1px solid #d6d6d6;margin:10px;resize:none;/*width:695px;*/height:368px;width:95%;border:none}
.btn_w{text-align:center}
.btn_w .btn_ok{background:#163476;color:#fff;border:1px solid #18387e;width:125px;margin-right:4px;height:37px;border-radius:2px}
.btn_w .btn_cancel{background:#6d7f94;color:#fff;border:1px solid #677b91;width:125px;margin-left:4px;height:37px;border-radius:2px}

/*file_input*/
.input_filewrap {width:100%;position:relative}
.input_filewrap .input_file{margin-right:130px;display:block}
.file_text { width:100%;height:38px; background-color:#fff; border:1px solid #d6d6d6; color:#777; padding-left:15px;vertical-align:middle}
.file_wrap {width:100px; height:38px;  background:url(//res.onlive.vn/images/help/btn_file.gif) 0 0 no-repeat;display:inline-block;vertical-align:middle;position:absolute;right:0;top:7px}
.file_add {width:100px; height:38px; cursor:pointer; opacity:0;}

.form_area td div.fadd_info, .form_area td div.input_filewrap{border:none}

.form_area td .fadd2 {width:100%;padding: 10px 0;background:#fff;border:1px solid #d6d6d6;margin-bottom:10px;height:76px;overflow:hidden;overflow-y:auto}
.form_area td .fadd2 label {margin:0 0 0 10px;display:block;}
.form_area td .fadd2 label input{margin:-2px 0 0 0;vertical-align:middle}
.form_area td .fadd_info{position:relative}
.form_area td .fadd_info .filedelete{position:absolute;top:0;right:0}
.form_area td .fadd_info .filedelete a{width:100px;height:26px;display:block;overflow:hidden;text-indent:-9999em;background:url(//res.onlive.vn/images/help/btn_filedelete.gif) 0 0 no-repeat}

.bd_feed .v_article .view .image_wrap {margin:10px 0 0 0;*zoom:1;overflow:hidden;}
.bd_feed .v_article .view .image_wrap:after {display:table;clear:both;content: "";}
.bd_feed .v_article .view .image_wrap img {float:left;width:259px;height:195px;margin-right:15px;cursor:pointer;}

.schbox_area .schbox.basic input{padding:0}
.schbox_area .schbox input{padding:4px 43px 8px 1px}

/* 랭킹 레이어 팝업 202112023 */
.layer-rangking {display:block; position:absolute; top:20px; left:50%; width:980px; height:1060px; margin:0 0 0 -490px; z-index:9999;}
.rank-dim {display:block; position:fixed; top:0; bottom:0; left:0; right:0; background: url(//res.onlive.vn/images/contents/rank/popup/bg_popup.png) 0 0 repeat; width:100%; height:100%;  z-index:9998;}

.layer-rangking .btn {position:absolute; top:392px; background:url(/images/common/blank.gif) repeat; width:171px; height:116px; font:0/0 a;}
.layer-rangking .close {display:block; position:absolute; top:91px; right:7px; width:41px; height:41px; font:0/0 a;}
.layer-rangking .today_close {zoom:1; width:209px;height:18px;position:absolute; right:23px; bottom:38px;}
.layer-rangking .today_close:after {content:""; display:block; clear:both;}
.layer-rangking .today_close input[type="checkbox"] {position:absolute;top:2px;left:0;display:block;width:15px; height:15px; margin:0; padding:0;}
.layer-rangking .today_close label {display:block;width:170px;text-indent:-9999px;}
.layer-rangking .today_close a.chk_close {position:absolute;top:2px;right:0;display:block;width:35px; height:18px; margin-top:-2px; font:0/0 a;}

.layer-rangking .btn.starbj_1 {width:140px; height:250px; left:80px; top:161px;}
.layer-rangking .btn.starbj_2 {width:140px; height:250px; left:228px; top:161px;}
.layer-rangking .btn.starbj_3 {width:140px; height:250px; left:376px; top:161px;}
.layer-rangking .btn.starbj_4 {width:140px; height:250px; left:524px; top:161px;}
.layer-rangking .btn.starbj_5 {width:140px; height:250px; left:672px; top:161px;}
.layer-rangking .btn.starbj_6 {width:140px; height:250px; left:820px; top:161px;}

.layer-rangking .btn.staruser_1 {width:145px; height:116px; left:80px; top:458px;}
.layer-rangking .btn.staruser_2 {width:147px; height:116px; left:225px; top:458px;}
.layer-rangking .btn.staruser_3 {width:144px; height:116px; left:373px; top:458px;}

.layer-rangking .btn.vod_1 {width:145px; height:116px; left:524px; top:458px;}
.layer-rangking .btn.vod_2 {width:147px; height:116px; left:669px; top:458px;}
.layer-rangking .btn.vod_3 {width:144px; height:116px; left:816px; top:458px;}

.layer-rangking .btn.fanclub_1 {width:145px; height:150px; left:80px; top:612px;}
.layer-rangking .btn.fanclub_2 {width:143px; height:150px; left:225px; top:612px;}
.layer-rangking .btn.gudok_1 {width:145px; height:150px; left:376px; top:612px;}
.layer-rangking .btn.gudok_2 {width:143px; height:150px; left:521px; top:612px;}
.layer-rangking .btn.supporter_1 {width:145px; height:150px; left:672px; top:612px;}
.layer-rangking .btn.supporter_2 {width:143px; height:150px; left:817px; top:612px;}

.layer-rangking .btn.bottom_1 {width:126px; height:220px; left:80px; top:770px;}
.layer-rangking .btn.bottom_2 {width:126px; height:220px; left:206px; top:770px;}
.layer-rangking .btn.bottom_3 {width:126px; height:220px; left:331px; top:770px;}
.layer-rangking .btn.bottom_4 {width:126px; height:220px; left:457px; top:770px;}
.layer-rangking .btn.bottom_5 {width:126px; height:220px; left:583px; top:770px;}
.layer-rangking .btn.bottom_6 {width:126px; height:220px; left:708px; top:770px;}
.layer-rangking .btn.bottom_7 {width:126px; height:220px; left:834px; top:770px;}

/* 220502 이달의BJ 레이어 팝업 */
.layer_monthlyBJ {position:fixed; top:0; bottom:0; left:0; right:0; overflow:auto; background:rgba(0,0,0,.6); z-index:9999;}
.layer_monthlyBJ .flex_box {display:flex; flex-direction:column;}
.layer_monthlyBJ .flex_box .layer_cont {width:920px; margin:70px auto; font-size:0;}
.layer_monthlyBJ .layer_cont .img_title_seasonal {height:140px; object-fit:contain;}
.layer_monthlyBJ .layer_cont .monthlyBJ_wrap {position:relative; width:100%; padding:20px 20px 46px 20px; box-sizing:border-box; border-radius:14px;}
.layer_monthlyBJ .layer_cont .monthlyBJ_wrap .rank_area {display:flex; justify-content:space-between; margin-top:8px;}
.layer_monthlyBJ .layer_cont .monthlyBJ_wrap .rank_area:first-of-type {margin-top:0;}
.layer_monthlyBJ .monthlyBJ_wrap a:hover {text-decoration:unset;}
.layer_monthlyBJ .monthlyBJ_wrap .star_box {display:flex; justify-content:space-between; width:100%;}
.layer_monthlyBJ .monthlyBJ_wrap .star_box li {overflow:hidden; background:#fff; width:140px; max-height:250px; padding:15px 6px; border-radius:14px; box-sizing:border-box; text-align:center;}
.layer_monthlyBJ .monthlyBJ_wrap .star_box li h3 {color:#000; font-size:17px; line-height:1.1; letter-spacing:-1px; word-break:keep-all;}
@-moz-document url-prefix() {.layer_monthlyBJ .monthlyBJ_wrap .star_box li h3 {font-size:16px;}}
.layer_monthlyBJ .monthlyBJ_wrap .star_box li h3 span {display:block; margin-top:10px; color:#797979; font-size:13px; font-weight:bold; letter-spacing:0;}
/* 아이콘 - 방송국 홈 */
.layer_monthlyBJ .monthlyBJ_wrap .ic_home {position:absolute; background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28'%3e%3cg fill='none' fill-rule='evenodd'%3e%3ccircle stroke='%23FFF' stroke-width='2' fill='%230056F5' cx='14' cy='14' r='13'/%3e%3cpath d='m20.913 14.104-6.671-7.001a.322.322 0 0 0-.473 0l-6.671 7a.363.363 0 0 0 0 .496.322.322 0 0 0 .471 0l1.433-1.503v6.576c0 .194.148.35.333.35h3.296a.341.341 0 0 0 .335-.35v-2.45h2.079v2.45c0 .194.15.35.334.35h3.296a.341.341 0 0 0 .334-.35v-6.576l1.431 1.503a.329.329 0 0 0 .236.103.327.327 0 0 0 .237-.103.363.363 0 0 0 0-.495' fill='%23FFF'/%3e%3c/g%3e%3c/svg%3e") 50% 50% no-repeat; background-size:100% 100%; width:28px; height:28px;}
/* 아이콘 - 메달, 왕관 */
.layer_monthlyBJ .monthlyBJ_wrap .ic_medal {position:absolute; background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='29' height='32'%3e%3cimage xlink:href='data:image/png;base64,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' width='29' height='32' fill='none' fill-rule='evenodd'/%3e%3c/svg%3e") 50% 50% no-repeat; background-size:100% 100%; width:29px; height:32px;}
.layer_monthlyBJ .monthlyBJ_wrap .ic_crown {position:absolute; background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='32' height='23'%3e%3cimage xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAXCAYAAABqBU3hAAAABGdBTUEAALGOfPtRkwAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAFwAAAAC/hwZlAAAEtUlEQVRIDbVWa0xcRRT+9u7CrgtSHhYalBYKWxC0KCJqydbEmGJiqyaosWqpSduoiYm2Mcb0T+sPqUkbfwrVQjDWGmPQaALWBhMKAU0tJLVioiyP2kQKmrItj7LL7r1+Z+7OZvmBQJWT3HvmzPnOY86cmXsduAkqKCjIcTgc2ZZlTYyMjIzfhIu4iSM+WsagqKiojEEbGNyv4ZS7Kb8aCAQG9NxKuLESMLHNEjwrzYDvDheEx5JpXqGfOHxBBXw+X61pmn46PR+NRrtZ3ksaWVhYeJ/Ml+W70PpOJgMDlgXUHrqKgdEIx1bl0NBQn8ZzmzY4nU6/zBuG0T04ONiqdYncJQKdFxHUSvBmBlF6Gl/nfDWd/hIzqBBemp+kgstYoCJLAiTRqwRodxf99FBOE3/0+zoX9zMXV0t/AQFr0lvQIMErfEk4+EIqdmzxiF6Mu+ksLwb+VfjZCyGEr5jAmKm4yIl6wYsd59LEj/gTv+Kfcw0arLlRUlKSRYNH16QYaHk7HbtrvDj2Shq2P6SSSGdl/Lm5uV5ijovRk9UeJM9aMEbmFRdZSPSCEzzFdLHXfjJvtdcpcYpJyiD2MsLhcK6MszMMuJPs8otcnKd2RzL/1Ov1SuZl9xcn4cAzqcBGJ8wtbsVFlnnRC07wImj7wy1T6OgPgVsq04hEIl+rQexlcF8GZXzpShTDY1HgGlf3YwhPlbrx+IMeGHZOdZ5kB47sS9Ny3IfoZV70pDqRxU7srd4QzpyX4AZ6Oj9DxT2lUqliHucd2oEzGAxGMjMz10dN3NvaNYeXKtxweZ1I4Sprqtx4uDwZF4YiqvSPVdnl1saay/bNzlmYvmGhcf8a1G3z4u+Qhf2fT+PypImqys14cecTCAavo+eHfjGrzMjI6JucnLys0mZGhZwM5GU70XEsS/uN83DEwjwbPcWj4DCuUjXMZyNgZtqwGSaQxF1LdtmYpw9P4uLwPNbl3IbmD4/AV7QBc3MhvPzaIfTaScj2VqvuYFkeEDflhWovbY8Jb3EaD36DijPrAGMbcMqAITJJ9Dq4BJbn7rJN6Pi2RQUXjMfjxscn3sO+Pc+KKNvhVwmwD8ploiTWeDJelKRj/Aw+OwWwzFAdtBAtt6TQ74FRfHD8lDReHNB++iza2juVzAp06wrcKTOFuXanKu1iL6nwuV6gP3bp2RVfgJaGrN3qQSgUVgkcfb9J6aX0b7xZjz/HJqT8bbyUelUC1OYL4va1SydgyikeHwLm51l39sCCUy1ebKrfm4ZPDmYoofWr72CaFr748rQElqeRwbeL0q4VY4uQw7tgSUpm0N08qn+Qryea8mJUVZKk7oiffpvGgbfq0dl1TkG59+9qG1VAngIuB66Bpmy42PH/JwV4tzx/NIhrM7y+bTrJT/cuLbj4kdjKkrjSUw0kXwwDf8WBGvOf+CZat+1MRc3JKchR5eo/SnToin1+8dwjt8Cs+Jd6JlqtcLyW+F0TUTR+M8NeMP0Uu7SLZWy6hq4Od8nPgnRmU/ssvu8LwViFlEzu6uh4VK1A4iUuRTfhCU7uSVSs0riJDbg30Xf8GuFJcLMSPn42l74MEj0sY8zfuyibb5DB438v2uwfr/GwhNQaBm4AAAAASUVORK5CYII=' width='32' height='23' fill='none' fill-rule='evenodd'/%3e%3c/svg%3e") 50% 50% no-repeat; background-size:100% 100%; width:32px; height:23px;}
/* rankProfile */
.layer_monthlyBJ .monthlyBJ_wrap .rankProfile {margin-top:10px; text-align:center;}
.layer_monthlyBJ .monthlyBJ_wrap .rankProfile a {display:block; position:relative;}
.layer_monthlyBJ .monthlyBJ_wrap .rankProfile a .thumb {width:80px; height:80px; border-radius:50%; object-fit:cover;}
.layer_monthlyBJ .monthlyBJ_wrap .rankProfile a .nick {margin-top:9px; color:#7b552f; font-size:14px; font-weight:bold; line-height:normal;}
.layer_monthlyBJ .monthlyBJ_wrap .rankProfile a .nick i {display:inline-block; overflow:hidden; max-width:95px; text-overflow:ellipsis; white-space:nowrap; vertical-align:-4px; font-style:normal;}
.layer_monthlyBJ .monthlyBJ_wrap .rankProfile .sub {display:block; margin-top:10px; color:#e95527; font-size:12px; font-weight:bold; line-height:normal;}
/* //rankProfile */
.layer_monthlyBJ .monthlyBJ_wrap .star_box li a .ic_home {top:52px; right:14px;}
.layer_monthlyBJ .monthlyBJ_wrap .vod_box {display:flex; justify-content:space-between; overflow:hidden; background:#fff; border-radius:14px;}
.layer_monthlyBJ .monthlyBJ_wrap .vod_box li {width:166px; max-height:217px; text-align:center;}
.layer_monthlyBJ .monthlyBJ_wrap .vod_box li:nth-child(even) {background:#f6f6f6;}
.layer_monthlyBJ .monthlyBJ_wrap .vod_box li h3 {background:#e15353; height:39px; color:#fff; font-size:18px; letter-spacing:-.45px; line-height:39px;}
.layer_monthlyBJ .monthlyBJ_wrap .vod_box li .cont {padding:12px 13px; box-sizing:border-box;}
.layer_monthlyBJ .monthlyBJ_wrap .vod_box li a {display:block;}
.layer_monthlyBJ .monthlyBJ_wrap .vod_box li a img {width:140px; height:79px; border-radius:6px; object-fit:cover;}
.layer_monthlyBJ .monthlyBJ_wrap .vod_box li a .vod_tit {display:block; display:-webkit-box; overflow:hidden; min-height:32px; margin-top:6px; color:#222; font-size:13px; line-height:1.23; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-align:left;}
.layer_monthlyBJ .monthlyBJ_wrap .vod_box li a .profile {display:flex; margin-top:8px;}
.layer_monthlyBJ .monthlyBJ_wrap .vod_box li a .profile .thumb {flex:0 0 auto; width:20px; height:20px; margin-right:6px;  border-radius:50%;}
.layer_monthlyBJ .monthlyBJ_wrap .vod_box li a .profile .thumb img {width:100%; height: 100%; border-radius:50%; object-fit:cover;}
.layer_monthlyBJ .monthlyBJ_wrap .vod_box li a .profile .nick {color:#505f9b; font-size:12px; line-height:20px; text-align:left; word-break:break-all;}
.layer_monthlyBJ .monthlyBJ_wrap .vod_box li a .profile .nick i {display:inline-block; overflow:hidden; max-width:110px; text-overflow:ellipsis; white-space:nowrap; vertical-align:-6px; font-style:normal;}
.layer_monthlyBJ .monthlyBJ_wrap .vod_box li a .plays {color:#888; font-size:10px; margin:2px 0 0 26px; text-align:left; line-height:1; letter-spacing:-.3px;}
.layer_monthlyBJ .monthlyBJ_wrap .vod_box li a .plays::before {content:""; display:inline-block; background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='7' height='7'%3e%3cpath d='M4.738 3.855a.43.43 0 0 0 0-.71L1.563.945a.44.44 0 0 0-.25-.079.435.435 0 0 0-.438.434v4.4a.43.43 0 0 0 .08.249.44.44 0 0 0 .608.106l3.175-2.2zm.502.71-3.175 2.2a1.32 1.32 0 0 1-1.828-.32A1.29 1.29 0 0 1 0 5.7V1.3C0 .582.588 0 1.313 0c.269 0 .532.082.752.235l3.175 2.2a1.292 1.292 0 0 1 0 2.13z' fill='%23888' fill-rule='evenodd'/%3e%3c/svg%3e") 50% 50% no-repeat; background-size:100% 100%; width:7px; height:7px; margin-right:2px;}
.layer_monthlyBJ .monthlyBJ_wrap .user_box {overflow:hidden; background:#fff; width:373px; border-radius:14px;}
.layer_monthlyBJ .monthlyBJ_wrap .user_box h3 {background:#69a255; height:39px; color:#fff; font-size:18px; letter-spacing:-.45px; text-align:center; line-height:39px;}
.layer_monthlyBJ .monthlyBJ_wrap .user_box ul li {display:flex; justify-content:space-between; align-items:center; height:59px; padding:0 20px; box-sizing:border-box;}
.layer_monthlyBJ .monthlyBJ_wrap .user_box ul li:nth-of-type(even) {background:#f6f6f6;}
.layer_monthlyBJ .monthlyBJ_wrap .user_box ul li .user_tit {width:78px; color:#000; font-size:16px; font-weight:bold; letter-spacing:-.5px;}
@-moz-document url-prefix() {.layer_monthlyBJ .monthlyBJ_wrap .user_box ul li .user_tit {font-size:15px;}}
.layer_monthlyBJ .monthlyBJ_wrap .user_box ul li .nick a {display:block; width:100px; color:#7b552f; font-size:14px; font-weight:bold; text-align:center;}
.layer_monthlyBJ .monthlyBJ_wrap .user_box ul li .nick i {display:inline-block; overflow:hidden; max-width:100px; font-style:normal; white-space:nowrap; text-overflow:ellipsis; vertical-align:-5px;}
.layer_monthlyBJ .monthlyBJ_wrap .user_box ul li .nick i:nth-of-type(2) {max-width:85px;}
.layer_monthlyBJ .monthlyBJ_wrap .user_box ul li .up {width:90px; color:#e95527; font-size:14px; font-weight:bold; text-align:center; word-break:keep-all;}
.layer_monthlyBJ .monthlyBJ_wrap .hot_box {display:flex; justify-content:space-between; width:100%;}
.layer_monthlyBJ .monthlyBJ_wrap .hot_box li {display:flex; justify-content:center; flex-wrap:wrap; overflow:hidden; background:#fff; width:288px; border-radius:14px; padding:10px 21px; box-sizing:border-box;}
@-moz-document url-prefix() {.layer_monthlyBJ .monthlyBJ_wrap .hot_box li {font-size:15px;}}
.layer_monthlyBJ .monthlyBJ_wrap .hot_box li h3 {width:100%; color:#000; font-size:16px; letter-spacing:-.5px; text-align:center;}
.layer_monthlyBJ .monthlyBJ_wrap .hot_box li .rankProfile {width:119px;margin-top:15px;}
.layer_monthlyBJ .monthlyBJ_wrap .hot_box li .rankProfile a .thumb {width:65px; height:65px;}
.layer_monthlyBJ .monthlyBJ_wrap .hot_box li .rankProfile .sub {margin-top:6px;}
.layer_monthlyBJ .monthlyBJ_wrap .hot_box li .rankProfile .ic_home {top:38px; right:16px;}
.layer_monthlyBJ .monthlyBJ_wrap .hot_box li .rankProfile .ic_medal, .layer_monthlyBJ .monthlyBJ_wrap .hot_box li .rankProfile .ic_crown {top:-5px; left:23px;}
.layer_monthlyBJ .monthlyBJ_wrap .best_box {display:flex; justify-content:space-between;}
.layer_monthlyBJ .monthlyBJ_wrap .best_box li {background:#fff; width:126px; border-radius:14px; padding:10px; box-sizing:border-box;}
.layer_monthlyBJ .monthlyBJ_wrap .best_box li h3 {min-height:36px; font-size:14px; letter-spacing:-.5px; line-height:1.28; text-align:center; word-break:keep-all;}
@-moz-document url-prefix() {.layer_monthlyBJ .monthlyBJ_wrap .best_box li h3 {font-size:13px;}}
.layer_monthlyBJ .monthlyBJ_wrap .best_box li:nth-of-type(odd) h3 {color:#e15353;}
.layer_monthlyBJ .monthlyBJ_wrap .best_box li:nth-of-type(even) h3 {color:#73a861;}
.layer_monthlyBJ .monthlyBJ_wrap .best_box li .rankProfile {margin-top:10px;}
.layer_monthlyBJ .monthlyBJ_wrap .best_box li .rankProfile a .thumb {width:65px; height:65px;}
.layer_monthlyBJ .monthlyBJ_wrap .best_box li .rankProfile .sub {margin-top:6px;}
.layer_monthlyBJ .monthlyBJ_wrap .best_box li .rankProfile .ic_home {top:38px; right:9px;}
.layer_monthlyBJ .monthlyBJ_wrap > .txt {position:absolute; bottom:9px; left:20px; color:#1b488b; font-size:20px; font-weight:bold;}
.layer_monthlyBJ .monthlyBJ_wrap .todayClose {position:absolute; bottom:13px; right:20px;}
.layer_monthlyBJ .monthlyBJ_wrap .todayClose input[type=checkbox] {background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17'%3e%3cpath d='M1 1h15v15H1z' fill='%23FFF' stroke='silver' fill-rule='evenodd'/%3e%3c/svg%3e") 50% 50% no-repeat; background-size:100% 100%; width:17px; height:17px; margin-right:6px; cursor:pointer; -webkit-appearance:none; outline:none; vertical-align:-4px;}
.layer_monthlyBJ .monthlyBJ_wrap .todayClose input[type=checkbox]:checked {background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17'%3e%3cg fill='none' fill-rule='evenodd'%3e%3cpath stroke='%234279FF' fill='%23FFF' d='M1 1h15v15H1z'/%3e%3cpath d='M12.54 5.51a.406.406 0 0 1 .586.563l-5.72 5.958a.406.406 0 0 1-.572.015L4.43 9.783a.406.406 0 1 1 .557-.592l2.11 1.987L12.54 5.51z' fill='%234279FF' fill-rule='nonzero'/%3e%3c/g%3e%3c/svg%3e") 50% 50% no-repeat;}
.layer_monthlyBJ .monthlyBJ_wrap .todayClose label {color:#000; font-size:14px; cursor:pointer;}
.layer_monthlyBJ .monthlyBJ_wrap .todayClose .btn_todayClose {background:#000; width:35px; height:19px; margin-left:11px; color:#fff; font-size:14px; text-align:center; line-height:19px; vertical-align:0;}
.layer_monthlyBJ .monthlyBJ_wrap .btn_close {position:absolute; top:-50px; right:0; background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30'%3e%3cpath d='M26.586 3.414 3.414 26.586m0-23.172 23.172 23.172' stroke='%23FFF' stroke-width='2' fill='none' fill-rule='evenodd' stroke-linecap='round'/%3e%3c/svg%3e") 50% 50% no-repeat; background-size:100% 100%; width:30px; height:30px; font:0/0 a;}
/* //220502 이달의BJ 레이어 팝업 */


/* **************************************** */
/* 다크모드 (하단에 다크모드 외 css 추가 금지 */
/* **************************************** */
.thema_dark.ranking .icon_img {background-image:url(//res.onlive.vn/images/contents/rank/img-ranking_dark.png);}
.thema_dark.ranking .r_guide .layer_info {background:#1b1b1c; border-color:#282828;}
.thema_dark.ranking .r_guide .r-detail {border-color:#848484;}
.thema_dark.ranking .r_guide .r-detail dt {color:#c8c8c8;}
.thema_dark.ranking .r_guide .r-detail dd {color:#999;}
.thema_dark.ranking .r_guide .tb_info th,
.thema_dark.ranking .r_guide .tb_info .rate {color:#4d94ff;}
.thema_dark.ranking .r_guide .tb_info .desc {color:#999;}
.thema_dark .home_area ul .c_list .listWrap {border-color:#2e2e2f;}
.thema_dark .home_area ul .c_list .listWrap h4 {color:#e5e5e5;}
.thema_dark .home_area ul .c_list ol li a .ranking {color:#e5e5e5;}
.thema_dark .home_area ul .c_list ol li a .img img {border-color:#323232;}
.thema_dark .home_area ul .c_list ol li a .nick {color:#c8c8c8;}
.thema_dark .home_area ul .c_list .change {color:#999;}
.thema_dark .home_area ul .c_list .listWrap .more {border-color:#2e2e2f; color:#6b85cf;}
.thema_dark .tab_area {border-color:#121213;}
.thema_dark .tab_area li a {border-color:#121213; color:#888;}
.thema_dark .tab_area li.on a {color:#000;}
.thema_dark .schbox {background:#282828;}
.thema_dark .schbox.basic button,
.thema_dark .schbox.basic button span {color:#c8c8c8;}
.thema_dark .schbox .icon_img {background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill-rule='evenodd' d='M8.5.4c4.474 0 8.1 3.626 8.1 8.1 0 2.028-.745 3.882-1.977 5.303l4.852 4.853c.234.234.234.614 0 .848-.235.234-.615.234-.849 0l-4.855-4.854c-1.417 1.216-3.258 1.95-5.271 1.95-4.474 0-8.1-3.626-8.1-8.1S4.026.4 8.5.4zm0 1.2c-3.81 0-6.9 3.09-6.9 6.9 0 3.81 3.09 6.9 6.9 6.9 3.81 0 6.9-3.09 6.9-6.9 0-3.81-3.09-6.9-6.9-6.9z' fill='%23c8c8c8'/%3e%3c/svg%3e"); background-size:100% 100%; background-position:50% 50%; background-repeat:no-repeat;}
.thema_dark .schbox button span {color:#7398ff;}
.thema_dark .list-ranking,
.thema_dark .list-ranking li {border-color:#2e2e2f;}
.thema_dark .list-ranking .num em {color:#e5e5e5;}
.thema_dark .list-ranking .toprank .num em {color:#ff4545;}
.thema_dark .list-ranking .num .change,
.thema_dark .list-ranking .toprank .num .change {color:#999;}
.thema_dark .list-ranking .tit .bj_desc .bj_nick {color:#e5e5e5;}
.thema_dark .list-ranking .tit .bj_desc .bj_id {color:#93afd1;}
.thema_dark .list-ranking .tit .bj_desc .bs_desc {color:#a8a8a8;}
.thema_dark .schbox input {color:#c8c8c8;}