@charset "UTF-8";

:root{--safeTop:env(safe-area-inset-top);--safeBtm:env(safe-area-inset-bottom)}

@font-face{
	font-family:'Pretendard';
	font-weight:900;
	font-display:swap;
	src:local('Pretendard Black'), url('/css/webfonts/Pretendard-Black.subset.woff2') format('woff2'), url('/css/webfonts/Pretendard-Black.subset.woff') format('woff');
}

@font-face{
	font-family:'Pretendard';
	font-weight:700;
	font-display:swap;
	src:local('Pretendard Bold'), url('/css/webfonts/Pretendard-Bold.subset.woff2') format('woff2'), url('/css/webfonts/Pretendard-Bold.subset.woff') format('woff');
}

@font-face{
	font-family:'Pretendard';
	font-weight:600;
	font-display:swap;
	src:local('Pretendard SemiBold'), url('/css/webfonts/Pretendard-SemiBold.subset.woff2') format('woff2'), url('/css/webfonts/Pretendard-SemiBold.subset.woff') format('woff');
}

@font-face{
	font-family:'Pretendard';
	font-weight:500;
	font-display:swap;
	src:local('Pretendard Medium'), url('/css/webfonts/Pretendard-Medium.subset.woff2') format('woff2'), url('/css/webfonts/Pretendard-Medium.subset.woff') format('woff');
}

@font-face{
	font-family:'Pretendard';
	font-weight:400;
	font-display:swap;
	src:local('Pretendard Regular'), url('/css/webfonts/Pretendard-Regular.subset.woff2') format('woff2'), url('/css/webfonts/Pretendard-Regular.subset.woff') format('woff');
}

@font-face {
    font-family: 'MuseoModerno';
    font-style: normal;
    font-weight: 600;
    src: local('MuseoModerno'), url('/css/webfonts/MuseoModerno-SemiBold.woff') format('woff');
}

body{
	overscroll-behavior-y:none;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:antialiased;
}
@media only screen and (max-width:720px){
	body{overscroll-behavior-y:auto}
}

body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,select,table,td,textarea,th,ul{margin:0;padding:0}
body,button,h1,h2,h3,h4,h5,input,select,table,textarea{font-family:Pretendard,HelveticaNeue-Light,-apple-system,AppleSDGothicNeo-Light,Futura,sans-serif;font-size:15px;line-height:1.267em}
body{position:relative;overflow:auto;font-weight:normal;color:#1a1b1c;word-break:break-all;-webkit-text-size-adjust:none;background-color:#f6f5f2;background-position:right 40px bottom 180px;background-repeat: no-repeat;background-size: 470px 640px;background-attachment: fixed;}
html{font-size:10px;line-height:15px}
table{border-collapse:collapse}
fieldset,img{border:0}
ol,ul{list-style:none}
address,em{font-style:normal}
a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,.1)}
img{vertical-align:top}
mark{color:inherit;font-weight:700;background:0 0}
/*button,input{-webkit-border-radius:0;border-radius:0;border:0;background:0 0;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none}*/
button,input,textarea{-webkit-border-radius:0;border-radius:0;border:0;background:0 0;outline:none;}
button{cursor:pointer}
.blind{position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden}
.blind::before{display:block;width:0;height:0;content:'\00a0';font-size:0}

.btn{display:inline-block;text-align:center;background-repeat:no-repeat;vertical-align:middle;border:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer}
.btn_p{background-color:#EB3A90}
.btn_g{background-color:#b6bfc6}
.btn_bl{background:#EB3A90;color:#fff;box-shadow:0 10px 20px 0 rgba(0, 0, 0, 0.2)}
.btn_cb{background:#1a1b1c;color:#fff;box-shadow:0 10px 20px 0 rgba(0, 0, 0, 0.2)}
.btn_cp{box-shadow:0 10px 20px 0 rgba(0, 0, 0, 0.2);color:#fff;background-color:#EB3A90}
.btn_gw{box-shadow:0 10px 20px 0 rgba(0, 0, 0, 0.2);color:#fff;background-color:#b6bfc6}
.btn_w{box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.1);color:#9b9b9b;background-color:#fff}
.btn_wb{box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.1);color:#000;background-color:#fff}
.btn_bw{ box-shadow:0 10px 20px 0 rgba(0, 0, 0, 0.2);color:#fff;background-color:#1a1b1c}
.btn_blk{box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.5);background-color:#1a1b1c;color:#fff}

/* body */
.cbd{background-color:#f6f5f2}
.wbd{background-color:#fff}
.body_fxd{overflow:hidden}

/* cp_info */
.btn_intro_area{margin-top:24px;padding:0 8px;}
.btn_intro_area a{display: block;font-weight:500;color:#fff;background:#C6CFDC;height:28px;border-radius:14px 14px;line-height:28px;text-align: center;font-size:15px;}
.copy{font-size:11px;color:#aaaaaa;font-weight:500;margin-top:16px;padding:0 8px}
.copy span{color:#C6CFDC;font-weight:700;}
.cp_lk{margin-top:5px}
.cp_lk li{position:relative;display:inline-block;padding:0 0 0 6px;margin-right:1px}
.cp_lk li a{display:inline-block;color:#C6CFDC;font-size:11px;line-height:15px}
.cp_lk li:after{display:block;position:absolute;left:0;top:5px;height:12px;width:1px;background:#dddee3;content:''}
.cp_lk li:nth-child(1){padding:0;margin-right:0}
.cp_lk li:nth-child(1):after{display:none}

/* header pc */
.header{position:relative;height:54px;z-index:5000}
.header .logo_s a,.header_apps .logo_s a{position:absolute;top:12px;left:65px;display:inline-block;width:28px;height:28px;background:url(/images/logo_bitboard_icon_w.svg) 0 0 no-repeat;background-size:28px 28px;}
.hpc{display:block}
.hmb{display:none}
.header_fix{position:fixed;top:0;width:100%;height:54px;background:#1a1b1c;transform:translate(0,0);-webkit-transform:translate(0,0);transition:all .2s ease-in-out 0s;-webkit-transition:all .2s ease-in-out 0s}
.whd .header_fix{height:40px;}
.header_apps_fix{position:fixed;top:54px;left:0;width:100%;height:46px;}
.header_apps_fix.support_hd{background:#908583;display:none;}
.header_apps_fix.event_hd{background:#f679aa;}
.hlogo{text-align:center;padding:12px 0 12px;font-size:26px;line-height:30px;color:#fff;}
.hlogo_left{text-align: left;margin-left:100px;}
.hlogo a{display:inline-block;}
.hlogo .hlogo_home{font-family:MuseoModerno;}
.header_apps_fix .slogo{text-align:center;line-height:46px;font-size:18px;color:#fff;}
.hlogo img{height:30px}
.btn_aside_pc{position:absolute;left:30px;top:12px;width:28px;height:28px;background-image:url(/images/btn_lnb.png);background-size:28px 28px;background-position:50% 50%;}
.btn_info_h{position:absolute;right:10px;top:12px;width:28px;height:28px;background-image:url(/images/btn_info.png);background-size:28px 28px;background-position:50% 50%;}
.hnav{position:absolute;top:0;right:250px;height:54px;display:flex}
.hnav li{flex:1 1 auto;width:60px}
.hnav li a{position:relative;display:block;width:100%;padding:30px 0 0;height:22px;font-size:12px;color:#fff;text-align:center;background-position:50% 10px;background-repeat:no-repeat;background-size:21px 21px}
.hnav li a span{display:block;line-height:22px;}
.hnav li.m1 a{background-image:url(/images/ic_hm1.png)}
.hnav li.m2 a{background-image:url(/images/ic_hm2.png)}
.hnav li.m3 a{background-image:url(/images/ic_hm3.png);background-size:20px 19px}
.hnav li.m4 a{background-image:url(/images/ic_hm4.png)}
.hnav li.selected a{color:#EB3A90;border-bottom:solid 2px #EB3A90}
.hnav li.selected.m1 a{background-image:url(/images/ic_hm1_on.png)}
.hnav li.selected.m2 a{background-image:url(/images/ic_hm2_on.png)}
.hnav li.selected.m3 a{background-image:url(/images/ic_hm3_on.png);background-size:20px 19px}
.hnav li.selected.m4 a{background-image:url(/images/ic_hm4_on.png)}
.hnav li strong{display:block;font-size:13px;color:#2d2f4e}
.hnav li.selected strong{color:#ee6764}
.hnav:after{clear:both;display:block;content:''}
.hlogin{position:absolute;top:0;right:50px}
.hl_btn_area{padding-top:12px}
.hl_btn{display:inline-block;width:58px;height:20px;border-radius:6px;border:solid 1px #979797;text-align:center;color:#fff}
.btn_member{width:28px;height:28px;background-image:url(/images/btn_my.png);background-size:28px 28px}
.btn_h_signup{margin-left:10px}
.header_btn{position:absolute;right:220px;top:0;height:54px;display: flex;gap:8px}
.header_btn li{flex:1 1 auto;width:48px}
.header_btn button.btn{position:relative;z-index:5100;margin-top:8px;padding-top:24px;width:46px;height:46px;color:#fff;font-size:11px;font-weight:500;background-size:28px 28px;background-repeat:no-repeat;background-position:50% 0}
.header_btn button.btn span{display: block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.btn_wallet{background-image:url(/images/icon_h_connect.png);cursor:default;}
.btn_wallet_connected{background-image:url(/images/icon_h_connected.png);}
.btn_wallet_connected span{position: relative;color:#EB3A90;line-height:14px;box-sizing: border-box;}
.btn_show_crt{background-image:url(/images/icon_h_plus.png)}
.btn_cls_crt{display:none; background-image:url(/images/btn_make_x.png)}
.crt_layer{display:none;position:fixed;top:47px;right:95px;width:260px;border:1px solid #ddd;border-radius:5px;background:#fff;z-index:9100;}
.crt_layer h3{display: none;padding:10px;color:#1c1d1e;font-size:18px;line-height:20px;text-align: center;}
.crt_layer ul{padding:10px 10px 10px;}
.crt_layer ul li + li{margin-top:10px;}
.crt_layer ul li a{display:block;padding-left:38px;line-height:30px;font-size:16px;font-weight:500;}
.crt_layer ul li a.make_chart{background:url(/images/icon_make_chart.png) 0 0 no-repeat;background-size:30px 30px;}
.crt_layer ul li a.make_community{background:url(/images/icon_make_commutniy.png) 0 0 no-repeat;background-size:30px 30px;}
.crt_layer ul li a.make_post{background:url(/images/icon_make_post.png) 0 0 no-repeat;background-size:30px 30px;}
.crt_layer ul li strong{display:block;font-size:16px;color:#1c1d1e;font-weight:500;}
.crt_layer ul li span{display:block;font-size:12px;color:#8d8d8d;}

.search{position:absolute;left:50%;margin-left:-180px;top:11px;width:360px;padding:0 16px 0 32px;height:32px;border-radius:16px;background-color:#fff;box-sizing:border-box;}
.sch_txt{width:100%;height:32px;line-height:32px;font-size:12px;color:#9b9b9b;background:#fff;font-weight:700}
.btn_sch{position:absolute;top:0;left:0;width:32px;height:32px;background-image:url(/images/btn_search.png);background-position:50% 50%;background-size:24px 24px}

.huser{position:relative;padding:12px 0 0 0;cursor:pointer;text-align:right;display: flex;align-items: center;gap:8px;}
.huser_info{display: inline-block;height:30px;}
.my_img{display:inline-block;width:30px;height:30px;border-radius:100%;overflow:hidden;vertical-align:top}
.my_img img{width:30px;}
.my_name{position:relative;display:inline-block;font-size:12px;color:#fff;line-height:30px;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.btn_show_my_menu{position: relative;padding-right:30px;}
.btn_show_my_menu:after{content:'';position: absolute;display:inline-block;width:30px;height:30px;background-image:url(/images/ic_ly_user.png);background-repeat: no-repeat;background-position:50% 50%;background-size:11px 6px;-webkit-transition:all 0.1s ease;transition:all 0.1s ease;-webkit-transform:rotate(0deg);transform:rotate(0deg)}
.btn_show_my_menu.show_mymenu::after{-webkit-transform:rotate(180deg);transform:rotate(180deg)}

/* my menu */
.member_layer{display:none;position:fixed;top:47px;right:0;width:150px;border:1px solid #ddd;z-index:9100;padding-bottom:10px;border-radius:5px;background-color:#fff}
.member_layer.ml_show{display:block;}
.member_list li{margin-top:10px;}
.member_list li a{position:relative;display:block;padding-left:40px;min-height:25px;font-size:14px;color:#1c1d1e;line-height:25px;font-weight:500;background-position:7px 0;background-repeat:no-repeat}
.mb_login a{background-image:url(/images/ic_login.png);background-size:22px 25px}
.mb_signup a{background-image:url(/images/ic_signup.png);background-size:25px 25px}

/* my menu */
.my_menu{display:none;position:fixed;top:47px;right:0;width:270px;border:1px solid #ddd;z-index:9100;padding-bottom:10px;border-radius:5px;background-color:#fff}
.my_menu.show_mymenu{display:block;}
.my_menu h3{padding:10px;color:#1c1d1e;font-size:15px;line-height:20px;}
.my_menu ul{position:relative;margin:0}
.my_menu ul.my_menu_b{margin-top:10px;border-top:1px solid #ddd;}
.my_menu ul li{margin-top:10px;padding:0 10px}
.my_menu ul li a{position:relative;display:block;padding-left:38px;min-height:30px;line-height:30px;font-size:16px;color:#1c1d1e;font-weight:500;background-repeat:no-repeat}
.my_menu ul li a span{display:block;font-size:12px;color:#8d8d8d;font-weight:normal;}
.my_menu ul li a .my_cart_count{display:inline-block;margin-left:4px;width:20px;height:20px;text-align:center;font-size:11px;color:#fff;background:#E9446C;vertical-align:top;border-radius:10px;line-height:20px}
.myt01 a{background-image:url(/images/icon_my_profile.png);background-size:30px 30px}
.myt02 a{background-image:url(/images/icon_my_credit.png);background-size:30px 30px}
.myt03 a{background-image:url(/images/icon_my_connect.png);background-size:30px 30px}
.myb01 a{background-image:url(/images/icon_my_setting.png);background-size:30px 30px}
.myb02 a{background-image:url(/images/icon_my_info.png);background-size:30px 30px;}
/* .my_menu ul li a:hover:after{position:absolute;left:0;top:0;bottom:0;display:block;width:4px;border-radius:2px;background-color:#EB3A90;content:''} */
.myt03 a{position:relative;padding-right:20px;}
.myt03 a em{position:absolute;top:10px;right:5px;display:inline-block;width:15px;height:9px;background-image:url(/images/bg_ly_arr.png);background-position:0 0; margin-right: 15px; background-size:15px 9px;-webkit-transition:all 0.1s ease;transition:all 0.1s ease;-webkit-transform:rotate(0deg);transform:rotate(0deg)}
.myt03.show_rc a em{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.rc{display:none;}
.show_rc .rc{display:block;padding-top:10px;}
.rc li{margin-top:0 !important;}
.rc li button{display:block;width:100%;margin-top:0;padding:0 15px;font-size:13px;line-height:30px;text-align:left;}
.rc li button:hover{background-color:#ffe5e2;}
.rc li button.selected{background-color:#ffe5e2;background-image:url(/images/ic_lang_chk.png);background-repeat:no-repeat;background-position:right 10px top 50%;background-size:12px 9px;}
.my_logout{margin-top:15px;border-top:1px solid #ddd;text-align: center;padding:10px 10px 0 10px}
.my_logout a{text-align:center;display:inline-block;color:#1c1d1e;font-size:14px;line-height:15px;font-weight:500;padding-left:24px;background:url(/images/icon_my_logout.png) 0 0 no-repeat;background-size: 15px 15px;}

/* header_mobile */
.hmb.hmb_hide .header_fix{top:-60px}
.hmb .header_btn{position: absolute;right:48px}
.mlogo{padding:15px 0;text-align:center;color:#fff;font-size:20px;line-height:24px;}
.mlogo img{height:24px}
.mlogo .hlogo_home{font-family:MuseoModerno;}
.btn_aside_m{position:absolute;left:10px;top:13px;width:28px;height:28px;background-image:url(/images/btn_lnb.png);background-size:28px 28px}
.btn_mbmer_r{position:absolute;right:10px;top:13px;width:28px;height:28px;background-image:url(/images/btn_my.png);background-size:28px 28px}
.btn_my_m{position:absolute;right:10px;top:13px;width:28px;height:28px;background-image:url(/images/btn_my.png);background-size:28px 28px}
.btn_my_m img{width:28px;height:28px;border-radius:100%;}

/* header sub */
.sub_header{position:relative;display:block;z-index:5000;height:54px}
.sh_wrap{position:fixed;top:0;width:100%;height:54px;z-index:5100;background-color:#1a1b1c;text-align:center}
.cl_bl .sh_wrap{background-color:#1a1b1c;}
.cl_og .sh_wrap{background-color:#1a1b1c;}
.ptit{display:inline-block;color:#fff;font-size:20px;line-height:54px;font-weight:600;}
.btn_back_w{position:absolute;left:10px;top:0;width:30px;height:54px;background-image:url(/images/btn_hback.png);background-position:50% 50%;background-repeat:no-repeat;background-size:8px 15px}
.btn_back_m{position:absolute;left:10px;top:0;width:24px;height:30px;background-image:url(/images/btn_mback.png);background-position:50% 50%;background-repeat:no-repeat;background-size:24px 24px}
.btn_go_home{position:absolute;left:50px;top:0;width:30px;height:54px;background-image:url(/images/btn_home.png);background-position:50% 50%;background-repeat:no-repeat;background-size:16px 15px}
.btn_go_desk{position:absolute;left:80px;top:0;width:20px;height:54px;background-image:url(/images/ic_hm4.png);background-position:50% 50%;background-repeat:no-repeat;background-size:16px 15px}
.btn_cart{position:absolute;right:60px;top:0;width:20px;height:54px;background-image:url(/images/icon_cart.svg);background-position:50% 50%;background-repeat:no-repeat;background-size:20px 20px}
.btn_cart em{position: absolute;top:3px;right:-8px;display: inline-block;background: #E9446C;color:#fff;line-height:18px;width:18px;height:18px;text-align: center;border-radius:100%;font-size:11px;}
.sub_header .btn_bmk{position:absolute;top:0;right:35px;height:40px;width:38px;background-position:0 5px}
.cl_bl .btn_bmk{right:10px}
.btn_setting{position:absolute;right:10px;top:0;width:20px;height:40px;background-image:url(/images/btn_set_w.png);background-position:50% 50%;background-repeat:no-repeat;background-size:15px 15px}
.btn_bookmark_w{position:absolute;right:95px;top:0;width:20px;height:40px;display:none;background:url(/images/icon_bookmark_w.svg) 50% 50% no-repeat;background-size: 15px 21px;}
.btn_bookmark_w.is_bookmark{background:url(/images/icon_bookmark_w_checked.svg) 50% 50% no-repeat;}
.sh_wrap .btn_member{top:5px;}
.sh_wrap .btn_my_m{top:5px;}

/* nav mobile */
.mnav{position:fixed;bottom:0;z-index:5000;display:none;width:100%;height:54px;background:#1a1b1c}
.fnav{width:100%}
.fnav li{float:left;width:25%}
.fnav li a{position:relative;display:block;margin:0 auto;width:70px;padding:30px 0 0;height:24px;font-size:11px;color:#fff;text-align:center;background-position:50% 5px;background-repeat:no-repeat;background-size:26px 26px}
.fnav li.m1 a{background-image:url(/images/nav_home.png)}
.fnav li.m2 a{background-image:url(/images/nav_event.png)}
/* .fnav li.m2 a{background-image:url(/images/nav_chart.png)} */
.fnav li.m3 a{background-image:url(/images/nav_community.png)}
.fnav li.m4 a{background-image:url(/images/nav_my.png)}
.fnav li.selected a{color:#EB3A90;}
.fnav li.selected.m1 a{background-image:url(/images/nav_home_on.png)}
.fnav li.selected.m2 a{background-image:url(/images/nav_event_on.png)}
/* .fnav li.selected.m2 a{background-image:url(/images/nav_chart_on.png)} */
.fnav li.selected.m3 a{background-image:url(/images/nav_community_on.png)}
.fnav li.selected.m4 a{background-image:url(/images/nav_my_on.png)}
.fnav li strong{display:block;font-size:13px;color:#2d2f4e}
.fnav li.selected strong{color:#ee6764}
.fnav:after{clear:both;display:block;content:''}
.btn_make{position:absolute;left:50%;bottom:36px;margin-left:-20px}
.btn_make button.btn{position:relative;z-index:5100;width:40px;height:40px;background-size:40px 40px;background-repeat:no-repeat;background-position:0 0;-webkit-transition:all 0.1s ease;transition:all 0.1s ease;background-image:url(/images/btn_nav_make_open.png)}
.btn_make button.btn.btn_show_make{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
.btn_make button.btn.btn_show_make.btn_cls_make{-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.btn_make a.btn{z-index:5050;position:absolute;left:15px;bottom:15px;width:0;height:0;border-radius:100%;color:#fff;text-align:center;background-color:#1a1b1c;transform:translate(0,0);-webkit-transform:translate(0,0);transition:all .2s ease-in-out 0s;-webkit-transition:all .2s ease-in-out 0s}
.btn_make a.btn span{display:block;opacity:0;}
.btn_make.show_make a.btn{display:block;width:80px;height:80px;left:-25px}
.btn_make.show_make a.btn span{display:block;padding:20px 0;height:40px;width:80px;font-size:12px;opacity:1;transition-delay:.2s;transition-duration:.2s;transition-property:opacity;}
.btn_make.show_make .btn_make_stories{bottom:130px}
.btn_make.show_make .btn_make_stori{bottom:40px}

/* footer */
.footer{position:fixed;bottom:0;width:100%;text-align:center;padding:15px 10px 15px;background:#fff}

/* popup_screen */
.black_scrn{position:fixed;display:none;z-index:9000;left:0;right:0;top:0;bottom:0;background-color:rgba(0, 0, 0, 0.7)}
.black_popup_scrn{position:fixed;display:none;z-index:9000;left:0;right:0;top:0;bottom:0;background-color:rgba(0, 0, 0, 0.7)}
.white_scrn{position:fixed;display:none;z-index:9000;left:0;right:0;top:0;bottom:0;background-color:rgba(0, 0, 0, 0)}
.black_scrn.active,.white_scrn.active,.black_popup_scrn.active{display:block}


/* aside pc */
.aside_pc{position:fixed;top:54px;left:-120px;bottom:0;right:0;width:120px;transform:translate(0,0);-webkit-transform:translate(0,0);transition:all .2s ease-in-out 0s;-webkit-transition:all .2s ease-in-out 0s;background-color:#fff;z-index:1000}
.aside_pc.aside_show{left:0;box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.5);}
.btn_cls_aside_pc{position:absolute;left:10px;top:15px;width:9px;height:15px;background-image:url(/images/btn_aside_cls.png);background-position:0 0;background-size:9px 15px;background-repeat:no-repeat}
.aside_h{position:relative;z-index:1001;font-size:14px;height:15px;padding:15px 0;line-height:15px;color:#1a1b1c;text-align:center;background:#fff;}
.aside_scr{position:relative;z-index:1001;height:calc(100% - 45px);overflow:hidden;overflow-y:auto;background:#fff;}
.aside_link{position:relative;z-index:1;background:#fff;border-top:1px solid #979797}
.aside_link li{border-bottom:1px solid #979797}
.aside_link li a{position:relative;display:block;padding:0;height:70px;color:#1a1b1c;font-size:12px;font-weight:500;text-align:center}
.aside_link li a span{display:block;width:100%;padding-top:45px;height:25px;background-position:50% 10px;background-repeat:no-repeat}
.apps_01{background-image:url(/images/ic_lnb_01.png);background-size:25px 25px}
.apps_02{background-image:url(/images/ic_lnb_02.png);background-size:25px 25px}
.apps_03{background-image:url(/images/ic_lnb_03.png);background-size:25px 25px}
.apps_04{background-image:url(/images/ic_lnb_04.png);background-size:25px 25px}
.apps_05{background-image:url(/images/icon_support.png);background-size:25px 25px}
.aside_link li a:hover span,.aside_link li a.on{color:#EB3A90}
.aside_link li a:hover .apps_01,.aside_link li a.on .apps_01{background-image:url(/images/ic_lnb_01_on.png);background-size:25px 25px}
.aside_link li a:hover .apps_02,.aside_link li a.on .apps_02{background-image:url(/images/ic_lnb_02_on.png);background-size:25px 25px}
.aside_link li a:hover .apps_03,.aside_link li a.on .apps_03{background-image:url(/images/ic_lnb_03_on.png);background-size:25px 25px}
.aside_link li a:hover .apps_04,.aside_link li a.on .apps_04{background-image:url(/images/ic_lnb_04_on.png);background-size:25px 25px}
.more_apps{margin-top:20px;text-align:center}
.make_apps{margin-top:10px;text-align:center}
.btn_more_apps,.btn_make_apps{display:inline-block;width:76px;height:20px;line-height:20px;border-radius:2px;box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.5);background-color:#ececec;font-size:11px;color:#1a1b1c}
.aside_pc .aside_cp{position:absolute;bottom:0;left:0;right:0}
.link_support{display: block;text-align: center;font-size:13px;padding-top:30px;color:#1a1b1c;font-weight:600;background:url(/images/icon_support.png) 50% 0 no-repeat;background-size:25px 25px}
.aside_pc .cp_lk{margin-top:20px;text-align:center}
.aside_pc .cp_lk a{color:#aaa}
.aside_pc .cp_lk li:after{display: none;}
.aside_pc .copy{margin-top:10px;padding-bottom:15px;text-align:center;line-height:15px}

/* aside mobile */
.aside_mb{position:fixed;top:0;left:-240px;bottom:0;right:0;width:240px;transform:translate(0,0);-webkit-transform:translate(0,0);transition:all .2s ease-in-out 0s;-webkit-transition:all .2s ease-in-out 0s;background-color:#fff;z-index:9100}
.asdie_h_m{position:relative;height:54px;background:#1a1b1c;text-align:center}
.asdie_h_m .alogo{text-align:center;padding:12px 0}
.asdie_h_m .alogo img{height:30px}
.aside_mb .aside_scr{position:absolute;top:54px;bottom:190px; width: 240px; height:auto;}
.apps{padding:12px 0;text-align:center;font-size:18px;line-height:30px;font-weight:500;color:#fff}
.btn_cls_aside_mb{position:absolute;left:10px;top:20px;width:16px;height:15px;background-image:url(/images/btn_cls_aside.png);background-position:0 0;background-repeat:no-repeat;background-size:16px 15px}
.grt{padding:25px 0;font-size:22px;color:#505050;line-height:30px;text-align:center}
.aside_login_btn{text-align:center}
.aside_login_btn .btn{width:180px;height:40px;border-radius:20px;line-height:40px}
.aside_login_btn li{margin-top:15px}
.aside_login_btn li:nth-child(1){margin-top:0}
.aside_txt{margin:0 10px;color:#4a4a4a;font-size:12px;line-height:16px;margin-top:10px}
.aside_mb .aside_ft{position:absolute;left:0;bottom:10px;right:0;height:180px;text-align:center}
.info_btn{padding:20px 0;text-align:center}
.btn_info_a{width:30px;height:29px;background-image:url(/images/btn_info_bl.png);background-size:30px 29px;background-repeat:no-repeat;background-position:0 0}
.user_pf{position:relative;margin:10px 20px;padding:0 0 0 50px;min-height:40px}
.user_pf a{display: block;}
.user_pf .user_img{position:absolute;left:0;top:0;width:40px;height:40px;border-radius:100%;overflow:hidden}
.user_pf .user_img img{width:40px}
.user_pf .user_id{padding-top:10px}
.user_pf .user_wid{font-weight:500}
.user_follow{padding:8px 16px 16px}
.user_follow .ufl{float:left}
.user_follow .ufr{float:right}
.user_follow:after{display:block;clear:both;content:''}
.aside_link_m{margin-top:20px;padding:10px 0 10px;border-top:1px solid #ececec;border-bottom:1px solid #ececec}
.aside_link_m li{position:relative;}
.aside_link_m li > a{display:block;height:30px;padding:0 0 0 15px}
.aside_link_m li > a:hover{background-color:#f0f2f4}

/* new aside link m */
.new_aside_link_m {padding: 25px 0 10px;border-top: 1px solid #ececec;}
.new_aside_link_m li {position: relative;}
.new_aside_link_m li +  li{margin-top: 16px;}
.new_aside_link_m li > a{display: block;line-height:25px;padding:0 16px}
.new_aside_link_m li > a span{display: block;background-repeat: no-repeat;padding-left:36px}
.sub_menu {display: none;}
.sub_menu.show {display: block;padding-top:8px  }
.sub_menu li + li{margin-top:4px;}
.sub_menu li a.sub_a{padding-left: 50px; height: 30px;}
.sub_menu_trigger a em_bt{position:absolute;top:12px;right:5px;width:15px;height:9px;background-image:url(/images/bg_ly_arr.png);background-position:0 0; margin-right: 15px; background-size:15px 9px;-webkit-transition:all 0.1s ease;transition:all 0.1s ease;-webkit-transform:rotate(0deg);transform:rotate(0deg)}
.sub_menu_trigger.show_rc a em_bt{-webkit-transform:rotate(180deg);transform:rotate(180deg)}

.my_menu_a{padding:16px 0 16px 0;border-top:1px solid #D9D9D9}
.my_menu_a li{margin-top:16px;padding:0 16px}
.my_menu_a li a{position:relative;display:block;padding-left:24px;min-height:15px;line-height:15px;font-size:14px;color:#1c1d1e;font-weight:500;background-repeat:no-repeat}

.aside_mb .copy{margin-top:10px;padding-bottom:10px;text-align:center;line-height:15px}
.black_scrn.aside_active{display:none}

/* intro */
.m_intro{display:none}
.intro_container{position:relative;margin:0 auto;padding:25px 0 70px;min-width:1024px}
.intro_wrap{width:994px;margin:0 auto}
.intro_view{float:left;width:535px;height:407px;overflow:hidden;border-radius:6px;background-image:url(/images/bg_intro.png);background-repeat:no-repeat;background-size:cover;-webkit-background-size:cover}
.intro_msg1{padding-top:20px;font-size:25px;color:#fff;line-height:33px;text-align:center}
.intro_msg2{margin:150px 30px 0;padding:10px 5px;font-size:23px;color:#28333a;line-height:33px;text-align:center;border-radius:2px;background:rgb(255,255,255,0.5)}
.intro_signup{position:relative;float:right;width:450px;height:401px;border-radius:6px;box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.5);background-color:#fff}
.signup_msg{position:absolute;left:15px;top:25px;width:160px}
.signup_msg p{font-size:15px;color:#1a1b1c;line-height:24px;font-weight:500}
.signup_msg p.signup_msg2{margin-top:50px}
.signup_form{margin-left:180px;width:240px}
.signup_form .form_wrap .inp_box{height:30px;padding:0}
.signup_form .form_wrap .inp_box .inpt{line-height:30px;font-size:12px;}
.signup_form .form_wrap .btn_box.at_box{padding:0 50px 0 40px}
.signup_form .form_wrap .sel{height:30px;line-height:30px;font-size:12px;}
.signup_form .btn_fbt{height:30px;line-height:30px}
.signup_form .at{height:30px;line-height:30px}
.intro_wrap:after{clear:both;display:block;content:''}
.intro_footer{position:absolute;bottom:0;left:0;right:0;height:45px}
.if_wrap{position:relative;width:100%;height:45px;min-width:1024px;background:#d1d8dc}
.intro_footer h1{position:absolute;left:9px;top:11px}
.intro_footer h1 img{height:23px}
.cp_info{margin-left:190px}
.cp_info li{float:left;margin-left:30px;padding-top:12px}
.cp_info li:nth-child(1){margin-left:0}
.cp_info li a{font-size:16px;line-height:21px;color:#1a1b1c}
.cp_info:after{clear:both;display:block;content:''}
.footer_sns{position:absolute;top:-15px;right:40px}
.footer_sns a{display:inline-block;margin-left:6px;width:28px;height:28px;background-repeat:no-repeat;background-size:28px 28px}
.btn_twt_f{background-image:url(/images/btn_twt.png)}
.btn_fcb_f{background-image:url(/images/btn_fcb.png)}
.if_r{position:absolute;bottom:9px;right:9px}
.intro_footer .copy{float:left;margin:1px 5px 0 0;color:#1a1b1c}
.intro_footer .cp_lk{float:left;margin:0}
.if_r .cp_lk li a{color:#1a1b1c}
.if_r .cp_lk li:after{background:#1a1b1c}
.if_r:after{clear:both;display:block;content:''}

/* info layer */
.info_layer{display:none;position:fixed;top:58px;right:10px;z-index:9100;width:280px;height:440px;border-radius:10px 10px 15px 15px;box-shadow:0 0 1px 0 rgba(0, 0, 0, 0.5);overflow:hidden }
.info_layer.info_show{display:block}
.layer_head{height:30px;border-radius:10px 10px 0 0;background-color:#1a1b1c;text-align:center}
.layer_head h2{color:#fff;font-size:15px;font-weight:normal;line-height:30px;}
.info_body{height:390px;background-color:#f2f5f6;padding:15px 0}
.btn_cls_info{position:absolute;right:10px;top:0;width:30px;height:30px;background-image:url(/images/btn_cls_ly.png);background-size:30px 30px;background-position:50% 50%}
.lang_sel{position:relative;margin:0 35px 0;height:25px;border:1px solid #9b9b9b;background:#fff;border-radius:5px}
.btn_lang{display:block;width:100%;height:25px;padding-left:10px;text-align:left;font-size:14px}
.btn_lang span{position:absolute;top:7px;right:10px;display:inline-block;width:17px;height:10px;background:url(/images/bg_ly_select.png) 0 0 no-repeat;background-size:17px 10px;-webkit-transition:all 0.1s ease;transition:all 0.1s ease;-webkit-transform:rotate(0deg);transform:rotate(0deg)}
.lang_show span{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.lang_list{ display:none;position:absolute;z-index:1;left:-1px;top:26px;width:100%;border:1px solid #9b9b9b;background:#fff}
.lang_list li a{ display:block;height:25px;line-height:25px;padding-left:10px;font-size:14px}
.lang_list li a.selected{ background:#d8d8d8}
.dot_line{margin:15px 20px 0;height:1px;border-bottom:1px dashed #c7cdd3}
.dot_line_full{margin:30px 0;height:1px;border-bottom:1px dashed #c7cdd3}
.info_list{margin-top:15px}
.info_list li{height:30px}
.info_list li a{position:relative;display:block;line-height:30px;font-size:14px;color:#1a1b1c;border-left:5px solid #fafafa;font-weight:500;}
.info_list li a:hover{border-left:5px solid #1a1b1c}
.info_list li a span{display:block;height:30px;padding-left:30px}
.info_layer .info_foot{position:absolute;left:0;bottom:0;right:0;bottom:10px}
.info_layer .cp_lk{text-align:center}
.info_layer .copy{text-align:center}

/* CONTENTS SUB */
.header_location{position: relative;background:#fff;height:36px}
.location_wrapper{width:100%;max-width:1024px;margin:0 auto;box-sizing:border-box}
.location_wrapper strong{position: relative;display: inline-block;font-size:16px;font-weight:500;line-height:36px;padding-right:20px;margin-right:14px;}
.location_wrapper strong:after{content:'';position: absolute;top:11px;right:0;height:14px;background:#000;width:1px;display: block;}
.location_wrapper span{position: relative;display: inline-block;font-size:16px;font-weight:400;line-height:36px;margin-left:2px;}
.location_wrapper span + span:before{content:'/';margin-right:6px;display: inline-block;}
.fix_box{position:fixed;top:40px;bottom:60px;left:0;right:0;width:100%;padding-bottom:4px;overflow:hidden;overflow-y:auto;}
.fix_box_otp{position:fixed;top:40px;bottom:60px;left:0;right:0;}
.container{position:relative;z-index:2;display: flex;flex-direction:column;min-height:calc(100vh - 40px);width:100%;max-width:1024px;margin:0 auto;padding-bottom:110px !important;box-sizing:border-box}
.container .container_box{flex:1 1 auto;padding-bottom:16px;}
.ct_wrap{position:relative;display:block;max-width:768px;margin:0 auto}
.ct_logo{padding:40px 0 40px;text-align:center}
.ct_logo img{height:72px}

/* CONTENT MAIN */
.container_cm{position:relative;margin-bottom:400px;z-index:2;background-color:#f6f5f2;background-image:url(/images/Logo_bitboard_icon_gt.svg);background-position:right 40px bottom 180px;background-repeat: no-repeat;background-size: 470px 468px;background-attachment: fixed;}
.container_home{padding-left:120px;background-color:#fff;background-image:none;}
.body_aside_show .container_home{padding-left:0}
.lst_category{position:relative;height:48px}
.lst_category_m{display:none}
.lst_cat_wrap{position:fixed;top:54px;width:100%;z-index:5000}
.lst_cat{max-width:1022px;padding:11px 12px;height:26px;margin:0 auto;text-align:center;background:#fff;border:solid 1px #ddd;border-radius:4px;overflow:hidden}
.lst_cat li{width:auto}
.lst_cat li a{display:inline-block;padding:0 13px 0 15px;border:2px solid #C9C9C9;color:#000;font-size:14px;line-height:24px;border-radius:13px;text-align:center;font-weight:700;}
.lst_cat li a.selected{border:2px solid #EB3A90;}
.cm_wrap{position:relative;width:100%;max-width:1024px;padding:0;padding-bottom:100px;margin:0 auto;z-index:2}
.cm_ct{position:relative;margin:0 170px 0 auto}
.fbtn{padding:20px 30px;text-align:center}
/* .btn_more{display:block;width:200px;height:30px;margin:0 auto;background-color:#c8e0e9;font-size:15px;color:#fff} */
.btn_more {display:block;font-size: 15px;font-weight: 600;display: flex;justify-content: center;align-items: center;cursor: pointer;color: #444444;}
.btn_make_cowork_room{display:inline-block;padding:0 15px;height:32px;margin:0 auto;border-radius:16px}

.search_area{display:none;position:relative;z-index:1000;padding:20px 0;margin-bottom:-30px;height:30px;background:#f5f5f5}
.feed_ct .search_area,.cm_ct_desk .search_area{display:block;}
.sch_input{position:relative;width:240px;background:#fff;margin:0 auto;padding:0 40px 0 15px;height:30px;border-radius:15px}
.sch_input .inp_txt{display:block;width:100%;font-size:14px;width:100%;height:30px;color:#000;border:0;line-height:30px;background:#fff}
.btn_search{position:absolute;top:0;right:5px;width:32px;height:32px;background:url(/images/btn_search.png) 50% 50% no-repeat;background-size:16px 16px}
.invite_msg{background:#fff;border-radius:4px;margin:0 auto 0 auto;padding:10px;color:#2d3135;font-size:15px;}
.nocontent_msg{background:#fff;border-radius:4px;margin:0 10px 0 10px;padding:10px;color:#2d3135;font-size:15px;}
.nocontent_msg ul{margin:0 auto;padding:10px 0;text-align:center;}
.nocontent_msg ul li{margin-top:10px;}
.nocontent_msg .btn{width:180px;font-size:14px;border-radius:13px;height:26px}
.people_list{position:relative;width:100%;margin-top:10px;}
.people_list .swiper-wrapper{height:auto}
.people_li.swiper-slide{background:#fff;border-radius:4px;height:200px}
.people_li .pl_wrap{padding:10px;}
.people_li .pl_wrap strong{display:block;margin-top:10px;font-size:13px;color:#cdcdcd;}
.hash_list{margin-top:10px;max-height: 100px;}
.hash_list li{display:block;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* .people_li .people_img{display:block;margin:0 auto;width:50px;height:50px;border-radius:100%;background:#999 url(/images/bg_people.png) 50% 50% no-repeat;background-size:33px 40px;overflow:hidden} */
.people_li .people_img{display:block;margin:0 auto;width:50px;height:50px;border-radius:100%;background-size:33px 40px;overflow:hidden;}
.people_li .people_img img{width:100%;}
.people_li .btn{position:absolute;bottom:10px;left:50%;margin-left:-50px;width:100px;font-size:14px;border-radius:13px;height:26px}
.people_list .swiper-button-next,.people_list .swiper-button-prev{width:16px;height:30px;background-size:8px 15px;background-position:50% 50%;background-repeat:no-repeat;}
.people_list .swiper-button-next{right:-20px;background-image:url(/images/btn_user_next.png)}
.people_list .swiper-button-prev{left:-20px;background-image:url(/images/btn_user_prev.png)}
.swiper-button-next:after,.swiper-button-prev:after{display:none !important}

/* CONTENT LIST */
.feed_ct.cm_ct{margin:0 auto 0 auto;width:400px}
.sct_h3{color:#828282;font-size:15px;font-weight: bold;margin-top:10px;}
.dscv_lst{padding:20px 0 0}
.dscv_lst > li{position:relative;margin-top:20px}
.dscv_lst > li{float:left;width:25%}
.dscv_lst.feed_list{margin:0 auto;}
.dscv_lst.feed_list > li{float:none;width:100%;}
.dscv_lst > li > .dscv_box{z-index:10;position:relative;background:#fff;height:330px;padding-bottom:40px;margin:0 5px;border-radius:8px;overflow:hidden;border:1px solid #f2f5f6;box-shadow:0 2px 7px 0 rgba(52, 67, 73, 0.06)}
.dscv_lst > li:hover > .dscv_box{box-shadow:0 1px 0 0 rgba(0, 0, 0, 0.06);border:solid 1px #EB3A90}
.dscv_lst > li.srs:hover > .dscv_box{box-shadow:0 1px 0 0 rgba(0, 0, 0, 0.06);border:solid 1px #EB3A90}
.dscv_lst.feed_list > li > .dscv_box{height:auto;padding-bottom:70px}
.srs_box{position:absolute;left:0;width:100%;height:8px}
.srs_box_m{bottom:-2px;z-index:-1}
.srs_box_s{bottom:-6px;z-index:-2}
.srs_box_m div{margin:0 8px}
.srs_box_s div{margin:0 13px}
.srs_box div{height:8px;border-radius:0 0 8px 8px;border:1px solid #f2f5f6;box-shadow:0 2px 7px 0 rgba(52, 67, 73, 0.06);background-color:#fff}
.dscv_lst > li:hover .srs_box div{height:8px;border-radius:0 0 8px 8px;box-shadow:0 1px 1px 0 rgba(0, 0, 0, 0.5);border:solid 1px #EB3A90}
.dscv_lst > li:nth-child(1),.dscv_lst > li:nth-child(2),.dscv_lst > li:nth-child(3),.dscv_lst > li:nth-child(4){margin-top:0}
.dscv_lst.feed_list > li:nth-child(2),.dscv_lst.feed_list > li:nth-child(3),.dscv_lst.feed_list > li:nth-child(4){margin-top:20px}
.cur_sts{z-index:1;position:absolute;left:0;top:0;width:100%;height:34px;text-align:right;background-color:rgba(0,0,0,0.5)}
.cur_sts span{display:inline-block;font-size:14px;line-height:34px;color:#fff;padding-right:10px}
.user_thum{position:relative;width:100%;background-color:#cfcfcf;background-image:url(/images/bg_img.png);background-position:50% 50%;background-size:40px 32px;background-repeat:no-repeat;border-radius:8px 8px 0 0;overflow:hidden}
.user_thum:after{content:'';display:block;padding-bottom:100%;}
.user_thum .user_thum_img{position: absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;}
.user_in{position:relative;height:35px;padding:5px 5px 0 70px}
.user_in .user_pf_img{position:absolute;left:10px;top:-15px;width:50px;height:50px;border-radius:25px;}
.user_in .user_pf_nm{font-size:14px;color:#24253d;font-weight:600;display: block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dscv_lst > li.nimg > .dscv_box{height:280px;padding-top:50px}
.nimg .user_in{padding:15px 0 0 70px;height:35px}
.nimg .user_in .user_pf_img{left:10px;top:0px}
.nimg .user_in .user_pf_nm{font-size:14px;color:#24253d;}
.ct_intro{padding:10px 15px 0}
.ct_intro .cti_tit .tit_opt{display: block;margin-top:-8px;line-height:14px;font-size:11px;color:#f05a28}
.ct_intro .cti_tit a{font-size:16px;font-weight:500;color:#4a4a4a;line-height:1.5;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;word-break:keep-all}
.ct_intro .cti_desc{display:none;margin-top:15px;font-size:14px;line-height:20px;color:#b5b5b5}
.nimg .ct_intro .cti_tit{-webkit-line-clamp:3}
.nimg .ct_intro .cti_desc{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;white-space:normal;word-break:keep-all}
.stats_lst{position:absolute;left:0;bottom:10px;width:100%;text-align:center}
.stats_lst > li{display:inline-block;margin-left:6px}
.stats_lst > li:nth-child(1){margin-left:0}
.stats_lst > li span{padding-left:18px;height:16px;color:#7d7f95;font-size:11px;display:inline-block;vertical-align:middle;line-height:16px;background-repeat:no-repeat;background-position:0 2px}
.stats_lst > li.viewc span{background-image:url(/images/ic_view.png);background-size:14px 12px}
.stats_lst > li.grph span{background-image:url(/images/ic_grp.png);background-size:14px 13px}
.stats_lst > li.cutin span{background-image:url(/images/ic_cutin.png);background-size:13px 12px}
.stats_lst > li.star span{background-image:url(/images/ic_star.png);background-size:14px 12px}
.stats_lst > li.conum span{background-image:url(/images/ic_pp.png);background-size:16px 12px}
.stats_lst > li.bmk span{padding-left:0}
.stats_lst > li.bmk .ic_bmk{width:10px;height:12px;background-image:url(/images/ic_bmk.png);background-size:10px 12px;background-position:0 0}
.stats_lst > li.bmk .ic_bmkd{width:10px;height:12px;background-image:url(/images/ic_bmkd.png);background-size:10px 12px;background-position:0 0}
.star_point{height:13px;width:75px;background:url(/images/ic_stp_b.png) 0 0 repeat-x;background-size:15px 13px}
.stp{display:inline-block;height:13px;background:url(/images/ic_stp.png) 0 0 repeat-x;background-size:15px 13px}
.btn_flw,.btn_uflw{position:absolute;right:10px;top:305px;width:110px;font-size:13px;border-radius:13px;height:26px}
.nimg .dscv_box .btn_flw,.nimg .dscv_box .btn_uflw{top:40px}
.follow_btn_area{position:absolute;bottom:35px;left:0;width:100%;text-align: center;}
.follow_btn_area .btn_flw,.follow_btn_area .btn_uflw{position: static;top:auto;right:auto;display:inline-block !important}
.btn_bmk{width:34px;height:34px;background-image:url(/images/btn_bmk.png);background-size:34px 34px;background-repeat:no-repeat;background-position:0 0}
.btn_bmkd{background-image:url(/images/btn_bmkd.png)}
.dscv_lst > li .btn_bmk{position:absolute;top:auto;top:0;right:0;z-index:10}
.nimg .btn_bmk{top:30px}
.ic_series{position:absolute;top:8px;left:36px;display:inline-block;padding-left:15px;color:#7882F5D9;font-size:11px;line-height:13px;background-image:url(/images/icon_desk_series.png);background-repeat:no-repeat;background-position:0 50%;background-size:13px 13px}
.dscv_lst:after{clear:both;display:block;content:''}
.share_box{display: none;position:absolute;left:0;bottom:-100px;width:100%;height:100px;z-index:100}
.share_wrap{margin:0 40px;height:100px;border-radius:0 0 12px 12px;box-shadow:0 3px 4px 0 rgba(0, 0, 0, 0.5);background-color:#fff}

/* SIGNUP LOGIN PROFILE FORM */
.form_htit{padding:10px 10px 0;font-size:16px;line-height:22px;color:#24253d;text-align:center}
.form_wrap{margin:0;padding:0 0 10px 0}
.ct_wrap .form_wrap{margin:0 20px;padding:0 0 20px 0}
.form_box{position:relative;margin-top:16px}
.form_row:after{clear:both;display:block;content:''}
.form_cell_l{float:left;width:50%}
.form_cell_r{float:right;width:50%}
.form_cell_l .form_box{margin-right:5px}
.form_cell_r .form_box{margin-left:5px}
.form_tit{margin-bottom:3px;font-size:14px;line-height:20px;color:#1a1b1c;text-align:left;word-break:keep-all;}
.form_tit span{font-weight:normal;font-size:11px;color:#8e8e8e}
.form_tit strong.fc_p{color:#EB3A90;font-weight:400;}
.form_section_tit{margin:32px 0 3px 0;font-size:16px;line-height:20px;color:#1a1b1c;text-align:left;font-weight:700;}
.form_stit{color:#b6bfc6;font-size:12px;margin-bottom:3px}
.form_desc{margin:10px 0;font-size:14px;color:#848181;line-height:16px}
.inp_box{display:block;position:relative;width:100%;height:50px;z-index:1;border-radius:5px;border:solid 1px #d9d9d9;background-color:#fff;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;}
.inp_box_s{display:block;position:relative;width:100%;height:50px;z-index:1;border-radius:5px;border:solid 1px #d9d9d9;background-color:#fff;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;}
.txt_tbox{display:block;position:relative;width:100%;border-radius:5px;border:solid 1px #d9d9d9;background-color:#fff;padding:0 ;background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;}
.inp_tbox{height:140px}
.btn_box{padding:0 50px 0 0;width:auto}
.select_box{padding:0 100px 0 0;width:auto}
.at_box{padding:0 15px 0 40px;width:auto}
.count_time_box{padding:0 70px 0 0;width:auto}
.count_time_box .count_time{position:absolute;top:0;right:0;padding:10px 0;height:30px;line-height:30px;width:70px;text-align:center;}
.btn_box.at_box{padding:0 50px 0 40px}
.btn_fbt{position:absolute;top:0;right:0;border-radius:0 5px 5px 0;height:50px;line-height:50px;width:50px;font-size:11px;color:#fff;box-shadow:0 1px 4px 0 rgba(0, 0, 0, 0.1);background-color:#EB3A90}
.at{position:absolute;top:0;left:0;display:block;width:40px;height:50px;text-align:center;line-height:50px;border-radius:5px 0 0 5px;font-size:16px;color:#1a1b1c;background-color:#d8d8d8}
.inpt{display:block;position:relative;z-index:10;width:100%;line-height:30px;font-size:14px;color:#000;font-weight:500;padding:10px 10px;border-radius:5px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.inpt_s{display:block;position:relative;z-index:10;width:100%;line-height:30px;font-size:14px;color:#000;font-weight:500;padding:10px 10px;border-radius:5px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.select_box .sel_box{position:absolute;top:0;right:0;width:100px;}
.select_box .sel_box .sel{border-radius:0 5px 5px 0;border:0;background-color:none;height:48px;border-left:1px solid #b6bfc6}
.select_box .inp_box{border-radius:5px 0 0 5px;}
.form_wrap .form_box .inpt{font-size:20px;}
.inpt::placeholder,.ftxt::placeholder,.inpt_s::placeholder{line-height:30px;font-size:13px;color:#b2b2b2;font-weight:normal;}
.inpt_r{text-align:right;padding-right:0}
.ftxt{position:relative;z-index:10;display:block;position:relative;z-index:10;width:100%;height:120px;border:0;padding:10px;background-color:transparent;font-size:14px;color:#000;line-height:20px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;resize:none}
.valt{line-height:30px;font-size:16px;color:#9b9b9b}
.error_msg{display:none;margin:9px 0 0 0;font-size:12px;line-height:14px;color:#f75f5f}
.btn_fxb{position:fixed;bottom:0;max-width:720px;}
.fixed_btn{position:fixed;left:0;bottom:0;right:0;width:100%;padding:10px 0;z-index:100;}
.fixed_btn_f{padding:0;}
.fixed_btn_wrap{width:100%;max-width:600px;margin:0 auto;}
.fixed_btn_wrap .form_btn{margin:0 20px;}
.fixed_btn_wrap .form_btn_f{margin:0;}
.form_btn{margin-top:20px;}
.form_btn .btn{height:40px;width:100%;border-radius:20px;font-weight:500;line-height:40px;}
.form_mbtn{margin:20px 20px 0}
.form_btn1 li{margin-top:10px;text-align:center;line-height:40px}
.form_btn1 li:nth-child(1){margin-top:0}
.form_btn2 li{float:left;width:50%}
.form_btn2 li span{display:block}
.form_btn2 li:nth-child(1) span{padding:0 10px 0 0}
.form_btn2 li:nth-child(2) span{padding:0 0 0 10px}
.form_btn_f.form_btn2 li:nth-child(1) span{padding:0}
.form_btn_f.form_btn2 li:nth-child(2) span{padding:0}
.form_btn3 li{float:left;width:33.3%}
.form_btn3 li:nth-child(2){width:33.4%}
.form_btn3 li span{display:block}
.form_btn3 li:nth-child(1) span{padding:0 5px 0 0}
.form_btn3 li:nth-child(2) span{padding:0 5px 0 5px}
.form_btn3 li:nth-child(3) span{padding:0 0 0 5px}
.form_btn_f .btn{border-radius:0;line-height:60px;height:60px}
.form_btn_f .btn_l{background:#637487;color:#fff;}
.form_btn_f .btn_r{background:#37404a;color:#fff;}
.form_btn:after{clear:both;display:block;content:''}
.form_btn_c{margin-top:20px;text-align:center}
.form_btn_c .btn{padding:0 30px}
.form_btn_c .btn_inline{height:40px;width:auto;min-width:150px;padding:0 20px;border-radius:20px;font-weight:500;line-height:40px;}
.form_btn_spb{display: flex;justify-content:space-between;}
.form_btn_spb li{flex:1 0 auto;text-align: center;}
.form_btn_spb li .btn{display: inline-block;width:auto;padding:0 20px;min-width:150px}

.form_btn_r{margin-top:8px;text-align: right;}
.sel{width:100%;height:50px;padding:0 8px 6px 8px;font-size:14px;line-height:44px;color:#9b9b9b;border:none;border-radius:0;appearance:none;-webkit-appearance:none;box-shadow:0 1px 4px 0 rgba(0, 0, 0, 0.1);border:solid 1px #9b9b9b;border-radius:5px;background:#fff url(/images/bg_select.png) right 5px center no-repeat;background-size:17px 9px}
.sel option{padding:0 20px}
.sel_s{width:100%;height:26px;padding:4px 12px 4px 7px;font-size:12px;line-height:18px;color:#4a4a4a;border:none;border-radius:0;appearance:none;-webkit-appearance:none;background:#fff url(/images/bg_arrow_layer.png) no-repeat;background-position:right 5px center;background-size:10px 7px}
.login_check{position:relative;margin-top:15px}
.login_check .rnew_pw{position:absolute;top:0;right:0;display:inline-block;line-height:17px;font-size:12px;color:#EB3A90}
.ckbx{position:absolute;top:0;left:0;width:18px;height:18px;cursor:pointer;border:0;border-radius:0;background:0 0;-webkit-appearance:none;outline:none}
.lblck{position:relative;display:inline-block;font-size:12px;line-height:18px;height:18px;padding-left:25px;cursor:pointer;color:#a2a9b0;border:0;background-image:url(/images/chk_b.png);background-position:0 0;background-repeat:no-repeat;background-size:18px 18px}
.ckbx:checked+label{background-image:url(/images/chked_b.png);background-size:18px 18px;color:#EB3A90}
.form_check{margin-top:10px}
.form_check_box{position:relative;display:block}
span.form_check_box{display:inline-block}
.form_check_box + .form_check_box{margin-left:10px}
.chk_nlb:after{display:inline-block;content:'';width:18px;height:18px;background-repeat:no-repeat;background:url(/images/chk_b.png);background-size:18px 18px;background-position:0 0;cursor:pointer}
.chk_nlb:checked:after{background-image:url(/images/chked_b.png);background-size:18px 18px;}
.inp_lb{position:relative;display:inline-block;padding-left:35px;font-size:14px;line-height:30px;color:#7e7e7e;font-weight:normal;cursor:pointer;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.inp_lb:after{position:absolute;left:0;top:0;display:block;content:'';width:29px;height:29px;background-repeat:no-repeat;}
.rdo{position:absolute;top:0; left:0; width:29px; height:29px; opacity:0}
.rdo + .inp_lb:after{background:url(/images/rdo.png) 0 0 no-repeat;background-size:29px 29px}
.rdo:checked + .inp_lb{color:#ea2340}
.rdo:checked + .inp_lb:after{background:url(/images/rdo_ckd.png) 0 0 no-repeat;background-size:29px 29px}
.rdo_box + .rdo_box{margin-left:20px}
.form_fwrap:after{clear:both;display:block;content:''}
.form_fwrap .form_flt{float:left;width:50%}
.form_fwrap .form_fl .form_box{margin-right:10px}
.form_fwrap .form_fr .form_box{margin-left:10px}
.form_p{font-size:12px}
.form_p + .form_p{margin-top:10px}
.inp_box + .inp_box{margin-top:5px}
.reject_option{margin-top:20px;}
.reject_option li + li{margin-top:15px;}
.post_select{margin-top:20px;}
.post_select li{float:left;width:50%;text-align:center;}
.post_select li strong{font-size:16px;display:block;}
.post_select li span{display:block;margin-top:10px;}
.rdo_lb{position:relative;display:inline-block;padding-bottom:35px;font-size:14px;line-height:30px;color:#7e7e7e;font-weight:normal;cursor:pointer;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.rdo_lb:after{position:absolute;bottom:0;left:50%;margin-left:-15px;display:block;content:'';width:29px;height:29px;background-repeat:no-repeat;}
.rdo_b{position:absolute;bottom:0; left:50%;margin-left:-15px; width:29px; height:29px; opacity:0}
.rdo_b + .rdo_lb:after{background:url(/images/rdo.png) 50% 100% no-repeat;background-size:29px 29px}
.rdo_b:checked + .rdo_lb{color:#ea2340}
.rdo_b:checked + .rdo_lb:after{background:url(/images/rdo_ckd.png) 50% 100% no-repeat;background-size:29px 29px}
.post_select:after{clear:both;display:block;content:''}
.editor_btn{position:relative;height:100px;background:#fff}
.editor_btn li{position:relative;float:left;width:40px;margin-left:20px;padding-left:20px;text-align:center;}
.editor_btn button{display:block;width:40px;height:40px;cursor:pointer;background-position:50% 50%;background-repeat:no-repeat;}
.editor_btn li .add_file{background-image:url(/images/ic_img.png);background-size:30px 26px;}
.editor_btn li .add_mov{background-image:url(/images/ic_mov.png);background-size:22px 23px;}
.editor_btn li .add_link{background-image:url(/images/ic_link.png);background-size:28px 28px;}
.editor_btn li .full_editor{background-image:url(/images/ic_edit.png);background-size:23px 23px;}
.editor_btn li button span{position:absolute;left:50%;top:40px;background:#1a1b1c;width:70px;margin-left:-25px;text-align:center;border-radius:4px;line-height:30px;font-size:12px;color:#fff;}
.editor_btn li:after{display:block;position:absolute;left:0;top:5px;width:1px;height:30px;background:#cdcdcd;content:''}
.editor_btn li:nth-child(1){margin-left:0;}
.editor_btn li:nth-child(1):after{display:none;}
.editor_btn:after{clear:both;display:block;content:''}

.onoff{position:relative;width:40px;height:26px}
.ofchk{position:absolute;visibility:hidden}
.oflbl{display:block;position:absolute;width:40px;height:26px;border-radius:17px;background-color:#9b9b9b;transition-duration:0.2s}
.oflbl span{position:absolute;left:0;top:-1px;z-index:1;width:26px;height:26px;border-radius:100%;background-color:#fff;transition-duration:0.2s;box-shadow:0 3px 3px 0 rgba(0, 0, 0, 0.05), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 3px 1px 0 rgba(0, 0, 0, 0.05);border:solid 0.5px rgba(0, 0, 0, 0.1)}
.ofchk:checked + label{background-color:#EB3A90}
.ofchk:checked + label span{transform:translateX(14px)}

.find_info{text-align:center;margin-top:15px;line-height:14px}
.find_info a{font-size:12px;line-height:13px;display:inline-block;text-decoration:none;color:#8e8e8e;vertical-align:middle}
.find_info .bar{display:inline-block;margin:0 4px;width:1px;height:13px;text-indent:-999em;background:#dddee3;vertical-align:middle}
.login_msg{text-align:center;margin-top:35px}
.login_msg1{font-size:24px;line-height:32px;font-weight:900;color:#000}
.login_msg2{font-size:16px;color:#000;margin-top:16px;font-weight:600}

.profile_img_area{padding:20px 20px}
.pf_img{position:relative;width:150px;height:150px;margin:0 auto}
/* .btn_img_reg{position:absolute;bottom:6px;right:0;width:22px;height:22px;background:url(/images/btn_plus.png) 0 0 no-repeat;background-size:22px 22px} */
.btn_img_del{position:absolute;top:6px;right:0;width:28px;height:28px;background:url(/images/btn_del_r.png) 50% 50% no-repeat;background-size:19px 19px}
.pf_img_r{position: relative;width:150px;height:150px;border-radius:50%;background:url(/images/bg_profile_img.png) 50% 50% no-repeat;background-size:150px 150px;}
.pf_img_r img{width:100%;height:100%;object-fit: cover;border-radius:50%;}
.btn_img_reg{display: inline-block;position:absolute;bottom:0;left:50%;margin-left:-20px;width:40px;height:40px;border-radius:50%;background:url(/images/btn_edit_profile_img.png) 50% 50% no-repeat;background-size:40px 40px;}

.upload_inp{height:30px;border:1px solid #d8d8d8;text-align:left}
.upload_inp .inpt{padding:0 10px;}
.series_set_sel{margin-top:10px}
.series_set_sel span{display:inline-block;margin-right:10px;color:#4a4a4a}

.agree_check label{color:#1a1b1c;font-weight:500;}
.terms_box{position:relative;overflow:auto;height:120px;margin-top:8px;padding:16px;border:1px solid #dadada;background:#fff;border-radius:8px}
.terms_full_box{height:auto !important;padding:32px 16px;margin:16px;}
.terms_txt{font-size:13px;line-height:18px;word-break:keep-all}
.terms_txt ul li{margin-top:12px;}
.terms_txt ul.hp_list li{margin:8px 0 0 12px;}
.terms_txt p{margin-top:12px;}
.terms_box h3{font-weight:700;line-height:26px;font-size:16px;}
.terms_box h4{margin-top:32px;font-weight:600;line-height:20px;font-size:15px;}
.terms_box h5{margin-top:16px;font-weight:600;line-height:20px;font-size:14px;}
.terms_box.terms_full_box h3{font-size:18px;}
.terms_box.terms_full_box h4{font-size:16px;}
.terms_box.terms_full_box h5{font-size:14px;}
.terms_box.terms_full_box .terms_txt{font-size:14px;}

/* sereis cowork sub */
.sr_df{padding:20px 0 0 0;margin:0 20px}
.sr_df dt{font-size:17px;font-weight:500}
.sr_df dd{margin:10px;font-size:15px;color:#141414;line-height:20px}
.inp_img_box{position:relative;margin:16px 16px;width:100px;height:150px;box-shadow:0 1px 4px 0 rgba(0, 0, 0, 0.1);background-color:#fff;text-align:center}
.btn_img_up{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;background:url(/images/bg_cmr.png) 50% 35px no-repeat;background-size:58px 50px}
.inp_img_box .btn_img_del{top:-10px;right:-10px;z-index:4}
.cc_tit{position:absolute;left:0;top:10px;z-index:1;text-align:center;display:block;width:100%;font-size:14px;color:#8799a5;line-height:20px;font-weight:500}
.cc_txt{position:absolute;left:0;top:90px;z-index:1;text-align:center;display:block;width:100%;font-size:11px;color:#d8d8d8;line-height:15px}
.sr_img{position:relative;z-index:3;width:100%;height:100%;object-fit: cover;border-radius:8px;}
.prt{position:absolute;top:0;right:0}
.prt_sel{position:absolute;top:0;right:0;width:70px;height:26px;padding:0;border:1px solid #9b9b9b}
.btn_inp_save{width:75px;background:#000;color:#fff;border-radius:5px;height:50px;line-height:50px;display:inline-block;text-align:center;background-repeat:no-repeat;vertical-align:middle;border:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer}
.btn_inp_del{width:75px;color:#fff;background-color:#EB3A90;border-radius:5px;height:50px;line-height:50px;display:inline-block;text-align:center;background-repeat:no-repeat;vertical-align:middle;border:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer}
.credit_list{margin-top:20px;}
.credit_add{margin-top:30px;}
.form_flex_box{display: flex;justify-content:space-between;align-items:flex-end;}
.credit_list li + li{margin-top:8px;}
.form_flex_box .form_flex_item{flex:1 1 auto;}
.form_flex_box .form_flex_item h4{margin-bottom:6px;font-size:14px;}
.form_flex_box .form_flex_item + .form_flex_item{margin-left:8px;}
.form_flex_box .btn_inp_save{margin-left:8px;flex:0 0 auto;}
.form_flex_box .btn_inp_del{margin-left:8px;flex:0 0 auto;}
.btn_sr_share{width:auto;padding:0 20px;background:#000;color:#fff;border-radius:5px;height:40px;line-height:40px;display:inline-block;text-align:center;background-repeat:no-repeat;vertical-align:middle;border:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer}
.url_field{margin-top:16px;padding:16px;font-size:13px;line-height:18px;background:#FDFEDD;border-radius:5px;}

.content_lst{padding:0}
.cm_ct_desk .content_lst{padding:20px 10px 0}
.content_lst > li{position:relative;margin-top:20px}
.content_lst > li:nth-child(1){margin-top:0}
.ct_box{position:relative;min-height:126px;padding:13px 18px 13px 120px;border-radius:8px;box-shadow:0 3px 5px 0 rgba(60, 72, 77, 0.1);background-color:#fff}
.owner .ct_box{border-radius:8px 8px 0 0}
.ct_box.series_box{padding:27px 12px 13px 112px}
.ct_box .ct_thum{position:absolute;left:18px;top:13px;width:84px;background-color:#1a1b1c;background-image:url(/images/bg_img.png);background-position:50% 50%;background-size:40px 32px;background-repeat:no-repeat;overflow:hidden;border-radius:8px 0 0 8px}
.ct_box .ct_thum:after{content:'';display:block;padding-bottom:150%;}
.ct_box.series_box .ct_thum{top:27px;}
.content_lst > li.owner .ct_thum{border-radius:8px 0 0 0}
.series_lst .ct_box .ct_thum{background-color:#f9f6df;background-image:none}
.series_lst .ct_box .ct_thum .nothum{color:#EB3A90;font-size:20px;font-weight:500}
.ct_box .ct_thum a{position: absolute;left:0;top:0;width:84px;display: block;border-radius:4px;overflow:hidden;align-self: flex-start;}
.ct_box .ct_thum a:after{content:'';display:block;padding-bottom:150%;}
.ct_box .ct_thum a img{position: absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;}
.ct_box .ct_thum .nothum{text-align:center;}
.ct_box .ct_thum .nothum .user_thum_img{width:60px;height:60px;border-radius:30px}
.ct_box .ct_thum .nothum .user_name{display:block;margin-top:5px;color:#ababab;font-size:14px}
.ct_box .ct_thum .epsd{position: absolute;left:0;top:0;right:0;bottom:0;display: flex;height:100%;justify-content:center;align-items:center}
.ct_box .ct_info{position:relative;min-height:126px;height:100%}
.ct_info_wrap{padding:30px 0px 30px 5px;box-sizing:border-box;min-height:126px}
.desk_content_lst .ct_info_wrap{padding:15px 5px 20px 5px}
.ct_info_desc{position:absolute;top:0;right:0;width:100%;height:20px;border-radius:0 8px 0 0;background-color:#d8d8d8}
.ct_info_desc span{display:block;padding:0 10px;font-size:11px;color:#8799a5}
.ct_info_desc strong{color:#EB3A90}
.series_lst .ct_info_desc span{color:#EB3A90}
.series_lst .ct_info_desc strong{position:absolute;top:0;right:10px;color:#fff}
.ct_info_wrap h2{display:-webkit-box;color:#24253d;font-size:16px;line-height:22px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;word-break:keep-all}
.ct_info_wrap h2 img{vertical-align:middle}
.ct_info_wrap .opr{margin-top:10px;font-size:13px;line-height:20px;color:#9092a5}
.ct_info_wrap .opr strong{display:inline-block;color:#3a444a;padding-right:15px;background-image:url(/images/ic_arr_b.png);background-position:100% 7px;background-repeat:no-repeat;background-size:11px 7px}
.ct_btn{margin-top:15px;text-align:center}
.ct_btn li{position:relative;display:inline-block}
.ct_btn li > .btn{height:30px;font-size:12px;line-height:30px;padding:0 5px;color:#828282;border-radius:5px;background-color:#EBEBEB}
.ct_btn li > .btn span{display:inline-block;padding-left:15px;height:30px;background-repeat:no-repeat;background-position:0 50%}
.ct_btn li > .btn_ep_set span{background-image:url(/images/icon_desk_ep.png);background-size:12px 14px}
.ct_btn li > .btn_read span{background-image:url(/images/icon_desk_read.png);background-size:14px 11px;padding-left:17px;}
.ct_btn li > .btn_creation span{background-image:url(/images/icon_desk_edit.png);background-size:13px 12px;padding-left:16px;}
.ct_btn li > .btn_series_set span{background-image:url(/images/icon_desk_series_set.png);background-size:13px 13px;padding-left:16px;}
.ct_btn li > .btn_post span{background-image:url(/images/ic_post.png);background-size:12px 13px}
.ct_btn li > .btn_sell span{background-image:url(/images/icon_desk_price_set.png);background-size:7px 13px;padding-left:10px;}
.post_form{display:none;z-index:10;position:absolute;top:22px;right:0;width:220px;padding:15px;text-align:left;border-radius:16px;box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.5);background-color:#fafafa}
.post_form .ftxt{height:80px}
.post_send{margin-top:10px;text-align:center}
.post_send .btn{width:160px;height:30px;line-height:30px;border-radius:15px;box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.5);background-color:#EB3A90}
.ct_info_wrap .stats_lst{position:absolute;left:0;bottom:0}
.ct_foot{position:relative;padding-right:30px;height:40px;border-top:0.7px solid #b6bfc6;background:#fff;border-radius:0 0 8px 8px;box-shadow:0 3px 5px 0 rgba(60, 72, 77, 0.1)}
.csl{position:relative;float:left;width:50%;height:40px}
.csl:after{display:block;width:0.5px;height:100%;background:#b6bfc6;position:absolute;top:0;right:0;bottom:0;content:''}
.lk_more{position:absolute;top:0;right:0;width:30px;height:25px}
.csl_btn{text-align:center}
.csl_btn .btn{position:relative;font-size:13px;height:40px;width:100%;color:#8799a5}
.csl_btn .btn_show_layer span{display:inline-block;position:relative;padding-right:20px}
.csl_btn .btn_show_layer span em{position:absolute;top:7px;right:0;display:inline-block;width:11px;height:6px;background-image:url(/images/bg_ly_arr.png);background-position:0 0;background-size:11px 6px;-webkit-transition:all 0.1s ease;transition:all 0.1s ease;-webkit-transform:rotate(0deg);transform:rotate(0deg)}
.csl_btn .btn_show_layer.show_layer span em{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.btn_lk_more{display:inline-block;width:30px;height:40px;background-image:url(/images/btn_dot3s.png);background-repeat:no-repeat;background-position:50% 50%;background-size:8px 3px}
.ctf_layer{z-index:10;display:none;position:absolute;top:40px;right:1px;width:150px;border-radius:2px;box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.5);background-color:#fff}
.ly_lst li{position:relative;height:25px;font-size:13px;line-height:25px}
.ly_lst li:hover{background:#ffc6be}
.ly_lst li .layer_rdo{position:absolute;top:0;left:0;width:18px;height:18px;cursor:pointer;border:0;border-radius:0;background:0 0;-webkit-appearance:none;outline:none}
.ly_lst li label{display:block;height:25px;padding:0 10px;line-height:25px;font-size:12px;color:#505050;}
.ly_lst li .layer_rdo:checked+label{background-image:url(/images/ic_lang_chk.png);background-repeat:no-repeat;background-position:right 5px top 8px;background-size:12px 9px}
.ly_lst li .btn{display:block;width:100%;padding:0 20px;height:25px;font-size:11px;color:#505050;text-align:left}
.ct_foot:after{clear:both;display:block;content:''}

.fxd_btn{position:fixed;left:0;bottom:10px;z-index:1000;width:100%;height:32px}
.fxd_wrap{position:relative;max-width:600px;margin:0 auto;text-align:center}
.btn_repost{display:inline-block;width:120px;height:32px;font-size:16px;color:#fff;border-radius:16px;box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.5);background-image:linear-gradient(254deg, #f2c572, #EB3A90)}
.btn_repost span{padding-right:15px;background-image:url(/images/ic_post_w.png);background-size:12px 13px;background-position:100% 5px;background-repeat:no-repeat}
.fxd_wrap .post_form{top:auto;bottom:35px;left:50%;margin-left:-125px}

.ct_fxd{position:fixed;left:0;bottom:0;width:100%;z-index:100}
.ct_fxd .ct_fxd_wrap{position:relative;display:block;padding-top:20px;height:70px;max-width:600px;margin:0 auto;border-radius:5px 5px 0 0;background-color:#fafafa;box-shadow:0 -2px 4px 0 rgba(0, 0, 0, 0.5)}
.open_scope{position:relative;margin:0 135px 0 15px;padding-right:60px}
.open_scope .os_layer{display:none;position:absolute;right:61px;bottom:27px;width:150px;border-radius:2px;box-shadow:0 -2px 4px 0 rgba(0, 0, 0, 0.5);background-color:#fff}
.btn_open_scope{position:relative;display:block;text-align:left;font-size:12px;color:#8799a5;width:100%;height:26px;padding:0 30px 0 10px;border-radius:2px;border:solid 1px #b6bfc6;background-color:#fff}
.btn_open_scope em{position:absolute;top:10px;right:10px;display:inline-block;width:9px;height:6px;background-image:url(/images/bg_btn_os.png);background-position:0 0;background-size:9px 6px;-webkit-transition:all 0.1s ease;transition:all 0.1s ease;-webkit-transform:rotate(0deg);transform:rotate(0deg)}
.btn_open_scope.show_os em{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.open_scope .btn_open_save{position:absolute;right:0;top:0;height:26px;width:60px;border-radius:0 5px 5px 0;background-color:#8799a5;color:#fff}
.fxd_rbtn{position:absolute;top:20px;right:15px;width:100;height:26px;border-radius:9px;box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.5);background-color:#EB3A90;font-size:12px;color:#fff}
.make_url{position:relative;margin:10px 15px 0;padding-left:90px}
.make_url .btn_make_url{position:absolute;left:0;top:0;width:80px;height:26px;border-radius:3px;box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.5);background-color:#8799a5;font-size:12px;color:#fff}
.url_txt_area{position:relative;padding-right:50px}
.url_txt{display:block;width:100%;height:26px;color:#EB3A90;line-height:26px;padding:0 10px;font-size:12px;border-radius:3px 0 0 3px;box-shadow:inset 0 1px 3px 0 rgba(0, 0, 0, 0.5);background-color:#fffde0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.btn_copy_url{position:absolute;top:0;right:0;width:50px;height:26px;border-radius:0 3px 3px 0;box-shadow:0 10px 20px 0 rgba(0, 0, 0, 0.2);background-color:#8799a5;font-size:12px;color:#fff}

.sub_header.sh_hide .sh_wrap{top:-40px}
.series_hd{position:relative;padding:10px 0 10px 0;background:#fff;box-shadow:0 1px 4px 0 rgba(0, 0, 0, 0.1)}
.series_tit{position:relative;padding:0 20px 0 20px}
.series_tit h2{display:-webkit-box;color:#24253d;font-size:16px;line-height:22px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;word-break:keep-all}
.series_tit h2 img{height:13px;vertical-align:middle}
.series_hd_fxd{position:relative;height:40px;z-index:5000}
.series_hd_fxd .sh_fwrap{position:fixed;left:0;top:0;width:100%;height:40px;background:#fff}
.series_fxd_tit{position:relative;padding:10px 10px 10px 40px;height:20px}
.series_fxd_tit h2{display:block;font-size:16px;line-height:20px;color:#24253d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.series_fxd_tit .btn_series_desc{position:absolute;top:9px;left:10px;display:inline-block;width:22px;height:22px;background:url(/images/ic_dr.png) 50% 50% no-repeat;background-size:13px 13px}
.series_full{display:none;position:absolute;top:40px;left:0;width:100%;border-radius:5px;box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.5);background-color:#fff}
.series_tit_full{padding:10px 30px 10px 10px;color:#686868;font-size:15px;font-weight:500;line-height:20px}
.series_desc{padding:0 10px 10px;font-size:14px;color:#686868;line-height:20px}
.btn_series_desc_close{position:absolute;top:5px;right:5px;display:inline-block;width:22px;height:22px;background:url(/images/btn_cls_tly.png) 50% 50% no-repeat;background-size:11px 11px}
.series_info{margin-top:15px;padding:0 20px}
.series_info ul li{float:left;width:33.3%}
.series_info ul li:nth-child(3){float:left;width:33.4%}
.series_info ul li span{display:block;margin:0 3px;background:#f9f9f9;padding:3px;text-align:center}
.series_info ul li span em{display:block;font-size:13px;color:#9b9b9b}
.series_info ul li span strong{display:block;font-size:15px;color:#4a4a4a;margin-top:5px}
.series_info ul:after{clear:both;display:block;content:''}

.series_own_ft{position:fixed;left:0;bottom:0;width:100%;height:170px;background-color:#cee4ec}
.series_url{display:block;padding:15px 10px 0;height:15px;line-height:15px;font-size:12px;color:#2979ff;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.series_select{padding:15px 10px 0}
.series_open{position:relative;float:left;width:50%}
.seires_open_list{display:none;position:absolute;left:0;bottom:30px;width:100%}
.seires_open_list ul{border:1px solid #9b9b9b;background:#fff}
.seires_open_list ul li{position:relative}
.seires_open_list ul li .srdo{position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px;z-index:1}
.seires_open_list ul li label{position:relative;display:block;height:24px;line-height:24px;z-index:2;background:#fff;color:#212121;font-size:12px;text-indent:30px}
.seires_open_list ul li input:checked + label{color:#707070;background:#eee}
.series_open .btn{width:100%;height:30px;line-height:28px;border:1px solid #9b9b9b;background:#fff;font-size:12px}
.series_open .btn span{position:relative;display:block;padding:0 12px;text-align:left}
.series_open .btn img{position:absolute;top:10px;right:10px;width:15px;height:8px;-webkit-transition:transform 0.3s ease;transition:transform 0.3s ease;-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.series_open .btn.show_layer img{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
.series_url_btn{float:right;width:50%}
.series_url_btn li{float:left;width:50%}
.series_url_btn li span{display:block;margin-left:5px}
.series_url_btn li .btn{display:block;width:100%;height:30px;line-height:28px;border:1px solid #9b9b9b;background:#fff;font-size:12px;text-align:center}
.series_url_btn:after{clear:both;display:block;content:''}
.series_select:after{clear:both;display:block;content:''}
.series_confirm{margin:15px 10px 0}

.series_search_area{display:block;padding:10px 0 0}
.series_list li{position:relative;margin-top:10px;background-color:#fff;box-shadow:0 1px 4px 0 rgba(0, 0, 0, 0.1)}
.series_list li:nth-child(1){margin-top:0}
.series_list li .sl_lb{display:block;padding:10px 10px 10px 130px;min-height:85px;cursor:pointer;color:#a2a9b0;border:0;background:url(/images/bg_drg.png) 12px 50% no-repeat;background-size:11px 25px}
.series_list li .ckbs{position:absolute;top:15px;left:10px;display:inline-block;width:18px;height:18px;cursor:pointer;border:0;border-radius:0;background:0 0;-webkit-appearance:none;background-image:url(/images/chk_b.png);background-position:0 0;background-repeat:no-repeat;background-size:18px 18px}
.series_list li .ckbs:checked{background-image:url(/images/chked_b.png)}
.series_list li .sl_lb .sl_img{position:absolute;left:50px;top:15px;width:80px;height:80px;border-radius:3px;overflow:hidden;background-color:#cfcfcf;background-image:url(/images/bg_img.png);background-position:50% 50%;background-size:40px 32px;background-repeat:no-repeat;display:flex;justify-content:center;align-items:center;}
.series_list li .sl_lb .sl_img img{max-width:100%}
.epsd_num{position:relative;}
.epsd_num .inp_box{width:130px;height:30px;margin:5px 10px 5px 10px}
.epsd_num .inp_box .inpt{line-height:30px;padding:0 10px}
.epsd_num .btn_qst{position:absolute;top:5px;left:145px;display:inline-block;width:20px;height:20px;background:url(/images/btn_qst.png) 50% 50% no-repeat;background-size:20px 20px;}
.epsd_num .epsd_desc{display:none;position:absolute;top:30px;left:10px;width:125px;padding:20px;background:#37404a;border-radius:3px;z-index:1;color:#fff;font-size:12px;line-height:18px;}
.epsd_num .epsd_desc .btn_desc_x{position:absolute;top:3px;right:3px;width:20px;height:20px;background-image:url(/images/btn_cls_aside.png);background-position:50% 50%;background-size:20px 20px;background-repeat:no-repeat}
.series_list li .sl_lb .sl_txt_box{padding:5px 10px 5px 10px}
.series_list li .sl_lb .sl_txt_box h3{color:#24253d;color:#141414;font-size:14px;line-height:18px;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;word-break:keep-all}
.series_list li .sl_lb .sl_txt_box p{margin-top:10px;font-size:12px;color:#4a4a4a;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;word-break:keep-all}
.series_list li .sl_lb:after{clear:both;display:block;content:''}
.btn_del_stori{position:absolute;top:15px;left:10px;display:inline-block;width:22px;height:22px;cursor:pointer;border:0;border-radius:0;background:0 0;-webkit-appearance:none;background-image:url(/images/btn_dm.png);background-position:0 0;background-repeat:no-repeat;background-size:18px 18px}
.vg_list li .sl_lb{padding:10px 10px 10px 40px;}
.vg_list li .sl_lb .scene_desc{margin-top:5px;}
.vg_list li .sl_lb .scene_stit{margin-top:5px;}
.vg_list li .sl_lb .scene_gn_time{margin-top:5px;font-size:13px;}
.vg_all_check{position:relative;margin:0 10px 5px;}
.vg_all_check .lblck{font-size:15px;}

.cowork_lst{padding:0 10px}
.cowork_lst > li{float:left;width:50%;margin-top:10px}
.cowork_lst li .cw_info{position:relative;margin:0 5px;padding:0 0 35px 0;background:#fff;box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.1);border-radius:5px}
.cowork_lst li .cw_info a.cw_link{position:relative;display:block;padding-top:10px}
.cowork_lst li .cw_info h2{margin:0 10px 10px;height:40px;line-height:20px;display:-webkit-box;font-size:15px;font-weight:500;color:#24253d;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;word-break:keep-all}
.cowork_lst li .cw_thum{position:relative;height:120px;overflow:hidden}
.cowork_lst li .cw_thum .cowork_status{display:block;text-align:center;font-size:15px;line-height:20px;font-weight:500;padding-top:50px;color:#fff}
.cowork_lst li.private_cw .cw_thum{background:#3f6e89}
.cowork_lst li.open_cw .cw_thum{background:#893f57}
.cowork_lst li .ic_lock{position:absolute;top:50px;right:10px;width:30px;height:30px;border-radius:15px;background-position:50% 50%;background-repeat:no-repeat}
.cowork_lst li .ic_lock.lock{background-color:#1a1b1c;background-image:url(/images/ic_lock.png);background-size:21px 22px}
.cowork_lst li .ic_lock.unlock{background-color:#EB3A90;background-image:url(/images/ic_unlock.png);background-size:18px 21px}
.cowork_lst li .cw_thum img{width:100%}
.cowork_lst li .ic_public{position:absolute;top:-8px;right:10px;display:inline-block;width:17px;height:17px;background-repeat:no-repeat;background-size:17px 17px}
.cowork_lst li.public .ic_public{background-image:url(/images/ic_lock.png)}
.cowork_lst li.npublic .ic_public{background-image:url(/images/ic_unlock.png)}
.cowork_lst li .stats_lst{bottom:0}
.cowork_lst:after{clear:both;display:block;content:''}

.btn_add_stories{display:inline-block;padding:0 10px;height:28px;color:#9b9b9b;font-weight:500;font-size:11px;border-radius:3px;box-shadow:0 1px 4px 0 rgba(0, 0, 0, 0.1);background-color:#fff}
.cwk_head{position:relative;padding:15px 20px;background:#fff;box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.1)}
.cwk_tit{font-size:18px;font-weight:500;line-height:24px;letter-spacing:-1px;color:#24253d}
.str_count{margin-top:5px;font-size:12px}
.str_count strong{color:#EB3A90}
.ckw_ct{position:relative;margin-top:10px}
.co_tab li{display:inline-block}
.co_tab li:nth-child(3){position:absolute;top:0;right:0}
.co_tab li span{display:block}
.co_tab li span a{display:block;height:28px;padding:0 18px;line-height:28px;font-size:11px;color:#9b9b9b;text-align:center;border-radius:3px;box-shadow:0 1px 4px 0 rgba(0, 0, 0, 0.1);background-color:#fff}
.co_tab li span a.selected{background-color:#EB3A90;color:#fff}
.co_tab:after{clear:both;display:block;content:''}

.user_flw{position:relative;margin-top:10px;padding:15px 20px;background-color:#fff;box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.1)}
.user_flw .cwk_pp{font-size:14px;color:#b2b2b2}
.us_if{position:relative;margin-top:10px;height:50px;padding:0 120px 0 60px}
.us_if .us_timg{position:absolute;left:0;top:0;display:block;width:50px;height:50px;border-radius:100%;overflow:hidden}
.us_if .us_timg a{display:block;width:100%;height:100%}
.us_if .us_timg img{width:50px;height:50px;border-radius:100%}
.us_if .us_name{display:inline-block;padding:15px;line-height:20px;font-size:14px;font-weight:500}
.us_if .btn_flw{top:10px}

.cwk_pn{position:relative;margin-top:10px;padding:15px 20px;background-color:#fff;box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.1)}
.cwk_pn .cwk_pnl{margin-bottom:10px;font-size:14px;color:#b2b2b2}
.sc_wrap{position:relative;margin:0 20px}
.cwk_pn .swiper-wrapper{position:relative;height:auto;width:100%}
.cwk_pn li.swiper-slide{text-align:center;height:auto}
.cwk_pn li a{display:block;text-align:center}
.cwk_pn li a span{display:inline-block;width:50px;height:50px;border-radius:100%;overflow:hidden}
.cwk_pn li a span img{width:50px;height:50px;border-radius:100%}
.cwk_pn li a strong{display:block;margin-top:8px;line-height:20px;font-size:14px;font-weight:500}
.cwk_pn .swiper-button-next,.cwk_pn .swiper-button-prev{width:16px;height:30px;background-size:8px 15px;background-position:50% 50%;background-repeat:no-repeat;}
.cwk_pn .swiper-button-next{right:-20px;background-image:url(/images/btn_user_next.png)}
.cwk_pn .swiper-button-prev{left:-20px;background-image:url(/images/btn_user_prev.png)}

.comment_inp{position:relative;padding:15px 15px;background:#fff}
.cmt_inp_tbox{position:relative;padding-right:90px;}
.cmt_inp_tbox .ftxt{display:block;width:100%;height:70px;z-index:1;border-radius:5px;padding:10px;border:solid 1px #b6bfc6;background-color:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;}
.cmt_img{margin-top:15px;height:50px}
.cmt_img li{position:relative;float:left;margin-left:10px;width:70px;height:50px;box-shadow:0 1px 4px 0 rgba(0, 0, 0, 0.1)}
.cmt_img li:nth-child(1){margin-left:0}
.cmt_img li .btn_img_up{position:absolute;left:0;top:0;z-index:1;width:70px;height:50px;background:#d8d8d8 url(/images/btn_img_upw.png) 50% 50% no-repeat;background-size:39px 33px}
.cmt_img li .btn_img_del{z-index:3;top:-10px;right:-10px}
.cmt_img li .cimg{position:relative;z-index:2;display:block;width:70px;height:50px;overflow:hidden}
.cmt_img li .cimg img{width:70px;height:50px}
.comment_inp .btn_cmt_sbm{width:85px;height:40px;position:absolute;right:10px;top:45px;border-radius:3px;font-weight:500}
.comment_inp .form_check_box{position:absolute;top:15px;right:15px}
.cmt_img:after{clear:both;display:block;content:''}

.cw_cmt_lst{background:#fff;margin-top:20px}
.cw_cmt_lst li{position:relative;padding:20px;min-height:70px;border-top:1px solid #ededed}
.cw_cmt_lst li:nth-child(1){border-top:0}
.cw_cmt_lst li .cmt_time{position:absolute;top:20px;right:50px;font-size:12px;color:#9092a5;line-height:24px}
.cmt_us_if{position:relative;height:70px;padding:0 0 0 60px}
.cmt_us_if .us_timg{position:absolute;left:0;top:0;display:block;width:50px;height:50px;border-radius:100%;overflow:hidden}
.cmt_us_if .us_timg a{display:block;width:100%;height:100%}
.cmt_us_if .us_timg img{width:50px;height:50px;border-radius:100%}
.cmt_us_if .us_name{display:inline-block;padding:0;line-height:20px;font-size:14px;font-weight:500}
.cmt_us_if .us_cc{position:absolute;left:0;bottom:0;width:50px;text-align:center;font-size:12px;color:#2979ff}
.cmt_ct{margin:-40px 0 0 60px;font-size:12px;line-height:18px}
.cmt_ct_img{max-width:100%}
.cmt_ct p + .cmt_ct_img,.cmt_ct p + p{margin-top:10px}
.cmt_ct_img img{max-width:100%}
.btn_cmt_del{position:absolute;top:20px;right:20px;width:24px;height:24px;background:url(/images/btn_cls_art.png) 50% 50% no-repeat;background-size:12px 12px}

.pw_wrap{position:relative;margin:0 20px;padding:20px 15px;margin-top:40px;padding:40px 10px;border-radius:23px;border:solid 1px #979797;background-color:#1a1b1c}
.pw_wrap .form_tit{color:#fff}
.cowork_pw_tit{padding-bottom:20px;text-align:center;font-size:20px;color:#fff}

.write_popup{display:none;position:absolute;top:40px;bottom:10px;left:50%;margin-left:-200px;width:400px;z-index:1000;box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.5);border-radius:15px}
.black_scrn_abs{display:none;position:absolute;z-index:999;left:0;right:0;top:0;bottom:0;background-color:rgba(0, 0, 0, 0.7)}
.wp_hd{position:relative;width:100%;height:30px;background:#1a1b1c;text-align:center;border-radius:15px 15px 0 0}
.wp_hd .ptit{line-height:30px;font-size:16px}
.wp_hd .btn{top:0;height:30px}
.wp_bd{position:absolute;left:0;top:30px;right:0;bottom:0;overflow-x:hidden;overflow-y:auto;background:#fff;border-radius:0 0 15px 15px}

/* PROFILE_INFO */
.profile_info{position:relative;z-index:100;width:100%;background:#fff;box-shadow:0 1px 4px 0 rgba(0, 0, 0, 0.1)}
.profile_wrap{max-width:720px;margin:0 auto;padding:20px 0}
.profile_ct{position:relative;margin:0 10px;padding:0 0 0 80px;min-height:70px}
.profile_ct .pf_img_r{position:absolute;left:0;top:0;width:70px;height:70px}
.profile_ct .pf_img_r img{width:70px;height:70px}
.pf_uname{position:relative;padding-right:85px}
.pf_uname strong{font-size:16px;line-height:20px}
.pf_uname .btn_go_pfm{position:absolute;top:0;right:0;width:80px;height:20px;line-height:20px;border-radius:10px;font-size:11px;border-radius:10px;text-align:center}
.pf_desc{margin-top:10px;font-size:12px;line-height:16px}
.follow_num{margin-top:10px;font-size:18px;letter-spacing:-1px}
.follow_num span{display:inline-block}
.follow_num span.fwe{margin-left:4px}
.pf_tag{margin-top:10px;font-size:12px}
.pf_tag strong,.pf_tag a{display:inline-block;font-weight:normal}
.pf_sns{margin-top:15px}
.pf_sns li{position:relative;float:left;width:33.3%;text-align:center}
.pf_sns li:nth-child(3){width:33.4%}
.pf_sns li span{display:block;font-size:13px;line-height:20px;color:#9b9b9b;letter-spacing:-1px}
.pf_sns li strong{display:block;margin-top:5px;font-size:22px;line-height:26px}
.pf_sns li:after{position:absolute;left:0;top:50%;display:block;margin-top:-15px;width:1px;height:30px;background:#1a1b1c;content:''}
.pf_sns li:nth-child(1):after{display:none}
.pf_sns:after{clear:both;display:block;content:''}
.pf_write_btn{margin:15px 0 0}
.pf_write_btn li{float:left;width:50%}
.pf_write_btn li span{display:block;padding:0 10px}
.pf_write_btn li .btn{display:block;height:30px;line-height:30px}
.pf_write_btn:after{clear:both;display:block;content:''}

.sct{margin-top:30px;color:#b2b2b2;font-size:14px;line-height:18px}
.sc_link{padding-bottom:20px}
.sc_link li{position:relative;margin-top:30px;height:30px;padding-right:100px}
.sc_link li .sc_name{color:#141414;font-size:16px;font-weight:500}
.sc_link li .btn{position:absolute;top:0;right:0;width:90px;height:30px;line-height:30px;border-radius:15px}

/* PROFILE_SETTING */
.lk_area{padding-top:10px}
.lk_list{background-color:#fff;box-shadow:0 1px 4px 0 rgba(0, 0, 0, 0.1)}
.lk_list li{border-top:1px solid #ededed}
.lk_list li:nth-child(1){border:0}
.lk_list li a{display:block;height:20px;padding:15px 30px;line-height:20px;font-size:14px;color:#141414;background-image:url(/images/btn_arr_lk.png);background-repeat:no-repeat;background-position:right 20px top 17px;background-size:9px 15px}

/* LANGUAGE */
.chk_list{background-color:#fff;box-shadow:0 1px 4px 0 rgba(0, 0, 0, 0.1)}
.chk_list li{position:relative;border-top:1px solid #ededed}
.chk_list li .lang_chk{position:absolute;top:0;left:0;width:18px;height:18px;cursor:pointer;border:0;border-radius:0;background:0 0;-webkit-appearance:none;outline:none;opacity:0}
.chk_list li label{display:block;height:20px;padding:15px 30px;line-height:20px;font-size:14px;color:#141414;background-color:#fff}
.chk_list li .lang_chk:checked+label{background-image:url(/images/ic_lang_chk.png);background-repeat:no-repeat;background-position:right 35px top 20px;background-size:12px 9px}
.lk_area .form_btn{margin:20px 20px 0}

/* WELCOME */
.welcome_wrap{position:relative;margin:0 20px;padding:20px 20px 40px;background:#fff;border-radius:10px;box-shadow:0 20px 40px 0 rgba(0, 0, 0, 0.3);text-align:center}
.welcome_tit{padding-bottom:15px;text-align:center;font-size:26px;line-height:34px;color:#1a1b1c}
.welcome_ct{text-align:center;font-size:13px}
.welcome_txt1{font-size:18px;line-height:34px;color:#1a1b1c}
.welcome_txt2{margin-top:15px;font-size:12px;color:#4a4a4a}
.welcome_txt2 a{color:#294dff}
.welcome_txt3{margin-top:15px;font-size:12px;color:#d0021b}
.welcome_txt4{margin-top:0;font-size:12px;color:#4a4a4a}
.welcome_btn{margin:30px auto 0;width:180px}
.resend{margin-top:10px}
.welcome_wrap .btn_resend{width:90px;height:30px;line-height:30px;border-radius:15px}
.welcome_wrap .btn_ok{width:170px}

/* STATUS */
.h_tab{height:40px;position:sticky;top:40px;z-index:5000;box-shadow:0 0 1px 0 rgba(0, 0, 0, 0.2)}
.tab_wrap{width:100%;height:40px;}
.htab{background:#f9f9f9}
.htab li{position:relative;float:left;width:33.3%;height:38px}
.htab li:nth-child(3){width:33.4%}
.htab2 li{width:50%}
.htab li a{display:block;height:38px;font-size:13px;height:22px;line-height:22px;padding:8px 0;text-align:center;font-weight:500;color:#929292}
.htab li.selected a{border-bottom:2px solid #1a1b1c;color:#1a1b1c}
.htab li:after{display:block;position:absolute;left:0;top:0;height:40px;width:1px;background:#e8e8e9;content:''}
.htab li:nth-child(1):after{display:none}
.htab:after{clear:both;display:block;content:''}

.category{position:relative;padding:10px 10px 10px 20px;background:#fff}
.category_tit{text-align:center}
.cat_lst{text-align:center}
.cat_lst li{display:inline-block;margin:10px 6px 0 0}
.cat_lst li a{display:inline-block;padding:0 18px 0 20px;border:1px solid #eaeaea;color:#505050;font-size:13px;line-height:24px;border-radius:13px;text-align:center}
.cat_lst li a.selected{border:1px solid #EB3A90;color:#fff;background:#EB3A90}

.tab{padding:20px 10px;text-align:center}
.tab li{display:inline-block;padding:0 1px 0 5px}
.tab li a{position:relative;display:inline-block;font-size:14px;height:17px;padding-bottom:10px;color:#a2a9b0;font-weight:500;}
.tab li a.selected{color:#EB3A90}
.tab li a.selected:after{position:absolute;bottom:0;left:0;width:100%;height:4px;background-color:#EB3A90;border-radius:4px;content:''}

.chart_lst li{margin-top:15px}
.chart_rtit{padding:0 15px 15px;color:#000;font-size:15px;font-weight:500}
.qst{display:inline-block;width:15px;height:15px;background-image:url(/images/ic_qst.png);background-repeat:no-repeat;background-position:0 0;background-size:15px 15px;vertical-align:middle}
.chart_rtit .qst{margin-top:-3px}
.chart_desc{padding:10px 15px;color:#3f3f3f}
.chart_desc strong{color:#e24e51;font-weight:normal}
.chart_area img{width:100%}

.lk_btn{position:absolute;bottom:0;left:0;right:0;height:40px;padding:10px 0;text-align:center;box-shadow:0 0 4px 0 rgba(0, 0, 0, 0.5);background-color:#fff}
.lk_btn a{display:inline-block;padding:0 20px;border-radius:10px;height:40px;line-height:40px}

.rs_content{padding-top:20px;text-align:center}
.sps_content{padding-top:10px;background:url(/images/bg_dot.png);background-repeat:repeat-x;background-position:0 0;background-size:6px 1px}
.rs_content h3{padding:10px 15px;color:#989898}
.trd_dot_line{margin:20px auto 0;max-width:300px;height:1px;border-bottom:1px dashed #c7cdd3}
.rs_lst li{max-width:300px;margin:10px auto 0;height:30px;line-height:30px;background:#54a0bf;color:#fff;font-size:15px;text-align:center}
.rs_lst li.bg_pk{background:#e36f60}
.rs_lst li.bg_bl{background:#4a90e2}

.sf_form_box{margin-top:10px}
.support_txt{padding:15px 0 10px;font-size:16px;color:#9092a5;text-align:center;line-height:22px}
.sf_form_tit{margin-bottom:5px;font-size:14px;line-height:26px}
.sf_form_tit span{font-weight:normal;font-size:12px;color:#7d7d7d}
.sf_inp_box{position:relative;padding-right:100px;display:block;position:relative;height:50px}
.support_form .sinp_box{border-radius:9px}
.sinp_box.wlt{background:#b6bfc6}
.sinp_box.amt{background:#ffefed;box-shadow:inset 0 1px 3px 0 rgba(0, 0, 0, 0.5);border:solid 1px #979797;background-color:#ffefed}
.sf_inp_box .inpt{text-align:right;padding:10px 5px 10px 15px;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:top;font-weight:500;color:#1a1b1c;font-size:16px;border-radius:9px}
.sinp_box.wlt .inpt{background:#b6bfc6}
.sinp_box.amt .inpt{background:#ffefed}
.tori{position:absolute;top:0;right:0;line-height:50px;font-size:16px;color:#1a1b1c}
.support_form .form_cell_r .form_box{margin-left:5px;text-align:center}
.form_txt_area{line-height:50px;font-size:16px;font-weight:500}
.ctr_cdt_tit{margin:15px 0 5px;font-size:14px;line-height:26px}
.ctr_cdt{margin-bottom:10px;padding:10px;border-radius:5px;border:solid 1px #979797;background-color:#fff}
.ctr_cdt li{margin-top:10px;font-size:13px;color:#1a1b1c}
.ctr_cdt li:nth-child(1){margin-top:0}
#support_loding .popup_wrap{background:#1a1b1c}
.plant{background:#1a1b1c}
.plant p{padding:0 30px;color:#fff;text-align:left;font-size:16px;line-height:30px}
.plant p strong{display:inline-block;font-size:22px}
.plant_img img{width:100%;min-width:260px}
.btn_support{width:180px !important;height:40px;line-height:40px;border-radius:10px !important;background-image:linear-gradient(260deg, #f2c572, #EB3A90);color:#fff}

.support_history{padding:0 5px}
.sh_tbl{width:100%;border-spacing:0;border-collapse:collapse}
.sh_tbl caption{display:none}
.sh_tbl thead th{height:48px;font-size:13px;color:#1a1b1c;font-weight:500}
.sh_tbl th{color:transparent;font-size:12px;font-weight:normal;white-space:nowrap}
.sh_tbl td{height:40px;padding:0 10px;border-bottom:1px solid #9091a5;color:#1a1b1c;text-align:center;font-size:13px;text-align:center;white-space:nowrap}
.sh_tbl tr:nth-child(2n-1) td{background:#fafafa}
.sh_tbl tr:nth-child(1) td{border-top:1px solid #9091a5}
.sh_tbl tr td:nth-child(1){border-left:1px solid #9091a5}
.sh_tbl tr td:nth-child(5){border-right:1px solid #9091a5}
.cbe{text-align:center;margin-top:20px}
.cbe a{display:inline-block;padding-left:25px;color:#9b9b9b;font-size:14px;line-height:18px;background-image:url(/images/ic_lk.png);background-repeat:no-repeat;background-size:15px 12px;background-position:0 4px}

.paging{margin-top:25px;text-align:center}
.page_num,.pgimg{position:relative;margin-left:-1px;display:inline-block;width:34px;height:34px;background-color:#fafafa;border:1px solid #b6bfc6;font-size:12px;color:#1a1b1c;font-weight:500;text-align:center;vertical-align:top;background-repeat:no-repeat;background-position:50% 50%}
.page_num{line-height:34px}
.page_num:hover,.pgimg:hover{background-color:#b6bfc6}
.page_num.cur_num{background-color:#b6bfc6}
.prev,.next{background-size:10px 9px}
.pfst,.plst{width:25px;background-size:7px 7px}
.prev{background-image:url(/images/btn_prev.png)}
.next{background-image:url(/images/btn_next.png)}
.pfst{background-image:url(/images/btn_fst.png);border-radius:5px 0 0 5px}
.plst{background-image:url(/images/btn_last.png);border-radius:0 5px 5px 0}
.btn_go_status{width:180px !important;height:40px;line-height:40px;border-radius:10px !important;background-color:#1a1b1c;color:#fff}

/* alert */
.alert{display:none;position:fixed;z-index:8000;top:110px;left:50%;min-width:300px;max-width:600px;transform:translate(-50%, 0)}
.alert .alert_wrap{position:relative;max-width:650px;margin:0 10px;text-align:center;font-size:12px;padding:20px;border:1px solid #EB3A90;background:#fff;border-radius:2px;
box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2)}
.fcp{color:#ee6764}
.btn_alert_close{position:absolute;top:5px;right:5px;width:24px;height:24px;background:url(/images/btn_cls_art.png) 50% 50% no-repeat;background-size:12px 12px}

/* popup */
.popup{z-index:9100;position:fixed;width:100%;max-width:600px;top:50%;left:50%;transform:translate(-50%, -50%)}
.popup .popup_wrap{position:relative;margin:0 20px;padding:20px 15px;background:#f6f5f2;border-radius:10px}
.popup .popup_tit{padding-bottom:15px;text-align:center;font-size:20px;line-height:26px;font-weight:500}
.popup .popup_ct{text-align:center;font-size:13px}
.popup .popup_ct p{margin-top:15px}
.popup .popup_ct .popup_img{max-width:100%}
.btn_popup_close,.btn_delete_ct{width:140px;height:40px;border-radius:20px}
.popup_btn{margin-top:20px}
.popup_btn li{text-align:center}
.popup_btn li + li{margin-top:10px}
.popup_btn li span{display:block;padding:0 10px}
.popup_btn1 li{width:160px;margin:0 auto}
.popup_btn2 li{float:left;width:50%}
.popup_btn3 li{float:left;width:33.3%}
.popup_btn3 li:nth-child(3){width:33.4%}
.popup_btn li .btn{width:140px;height:40px;border-radius:20px}
.popup_btn:after{clear:both;display:block;content:''}

.popup_v2{z-index:9100;position:fixed;width:100%;max-width:600px;top:50%;left:50%;transform:translate(-50%, -50%);}
.popup_hd{position:relative;height:40px;background:#1a1b1c;border-radius:10px 10px 0 0;text-align:center;}
.popup_hd .popup_htit{padding:10px 0;line-height:20px;font-size:16px;color:#fff;}
.popup_box{background:#fff;padding:20px;border-radius:0 0 10px 10px;}
.btn_popup_close_v2{position:absolute;width:30px;height:30px;top:5px;right:10px;background:url(/images/btn_close_popup.png) 50% 50% no-repeat;background-size:23px 23px;}
.btn_popup_close_v3{position:absolute;width:30px;height:30px;top:5px;right:10px;background:url(/images/btn_close_popup_b.png) 50% 50% no-repeat;background-size:23px 23px;}

.popup_btn_ggl{text-align:center;margin-top:20px;}
.popup_btn_ggl .btn.btn_signin_google{width:191px;height:46px;background:url(/images/btn_google_signin.png) 0 0 no-repeat;background-size:191px 46px;}
.youtube_popup .ftxt{height:60px}
.keyword_video_list{display:block;margin-top:10px;position:relative;width:100%;height:30px;z-index:1;border-radius:5px;border:1px solid #979797;background-color:#fff;padding:0;}
.keyword_video_list .keword_vl{position:relative;margin:5px 0 0 5px;padding:0 20px 0 5px;height:20px;line-height:20px;border-radius:10px;background-color:#6c767f;color:#fff;float:left}
.btn_del_keyword{position:absolute;top:4px;right:4px;display:inline-block;width:12px;height:12px;background:url(/images/btn_del_kwd.png) 50% 50% no-repeat;background-size:11px 11px}

/* filterby_label layer */
.fl_layer{position:fixed;left:50%;top:123px;margin-left:362px;z-index:401;}
.cm_ct .fl_layer{position:absolute;top:20px;right:0;margin:0 -170px 0 0;left:auto}
.filterby{position:relative;width:148px;height:30px;margin-bottom:10px;z-index:402;border-radius:4px;border:solid 1px #ddd;background:#fff}
.filterby strong{display:inline-block;padding:0 20px 0 10px;font-size:14px;color:#9092a5;line-height:30px;font-weight:500;}
.filter_list{display:none;position:absolute;left:-1px;top:30px;width:148px;padding:10px 0;border:solid 1px #ddd;background-color:#fff;border-radius:4px}
.filter_list li{margin-top:10px;height:20px;padding:0 10px;font-size:14px;color:#747474;cursor:pointer}
.filter_list li:hover{background:#f0f2f4}
.filter_list li:nth-child(1){margin-top:0}
.sel_filter em{position:absolute;top:10px;right:10px;display:inline-block;width:17px;height:10px;background:url(/images/bg_ly_select.png) 0 0 no-repeat;background-size:17px 10px;-webkit-transition:all 0.1s ease;transition:all 0.1s ease;-webkit-transform:rotate(0deg);transform:rotate(0deg)}
.sel_filter.filter_show em{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.fl_layer_box{position:relative;width:148px;margin-bottom:10px;border-radius:5px;border:solid 1px #ddd;background-color:#fff}
.fl_layer_box h2{padding:5px 0 0 0;font-size:18px;line-height:30px;color:#1a1b1c;text-align:center;font-weight:500}
.fl_layer_box h2 span{display:inline-block;height:30px;padding-left:30px;background-size:24px 24px;background-repeat:no-repeat;background-position:0 5px}
.label_layer h2 span{background-image:url(/images/ic_label.png);}
.genre_layer h2 span{background-image:url(/images/ic_genre.png);}
.label_bd{padding:10px 0 10px;}
.label_list{overflow:hidden;overflow-y:auto;max-height:200px}
.label_list::-webkit-scrollbar{width: 4px;background: #e9e9e9;}
.label_list::-webkit-scrollbar-thumb {background: #9e9e9e;border-radius: 10px;}
.label_list li{margin-top:5px;padding:0}
.label_list li a{position:relative;display:block;padding:0 8px 0 16px;height:20px;font-size:14px;line-height:20px;color:#9b9b9b;font-weight:500;text-align:left}
.label_list li a.selected,.label_list li a:hover{color:#EB3A90}
.label_list li a i{color:#3f4954;}
.label_list li a.selected i,.label_list li a:hover i{color:#EB3A90}
.label_list li a.selected:after,.label_list li a:hover:after{display:block;position:absolute;left:0;top:4px;width:5px;height:20px;border-radius:2px;background-color:#EB3A90;content:''}

.label_selected{position:fixed;right:0;bottom:130px;z-index:400;height:20px;display:inline-block;text-align:center;padding:0 25px 0 14px;display:none;text-align:right;border-radius:2px;background-color:rgba(255,146,132,0.4)}
.label_selected strong{font-size:14px;line-height:20px}
.label_selected em{position:absolute;left:0;top:0;width:4px;height:20px;background:#EB3A90;border-radius:2px}
.label_selected .btn_del_label{position:absolute;top:0;right:0;width:20px;height:20px;background-image:url(/images/btn_cls_aside.png);background-position:50% 50%;background-size:20px 20px;background-repeat:no-repeat}
.genre_selected{position:fixed;right:0;bottom:155px;z-index:400;height:20px;display:inline-block;text-align:center;padding:0 25px 0 14px;display:none;text-align:right;border-radius:2px;background-color:rgba(255,146,132,0.4)}
.genre_selected strong{font-size:14px;line-height:20px}
.genre_selected em{position:absolute;left:0;top:0;width:4px;height:20px;background:#EB3A90;border-radius:2px}
.genre_selected .btn_del_label{position:absolute;top:0;right:0;width:20px;height:20px;background-image:url(/images/btn_cls_aside.png);background-position:50% 50%;background-size:20px 20px;background-repeat:no-repeat}
.label_btn{position:fixed;right:12px;bottom:65px;z-index:400;display:none;text-align:right}
.label_btn li{width:66px;height:66px}
.label_btn li.hlb{display:none}
.label_btn li .btn{display:inline-block;width:66px;height:66px;background-repeat:no-repeat;background-position:50% 50%;background-size:66px 66px}
.label_btn li .btn_show_lbl{background-image:url(/images/btn_label.png)}
.label_btn li .btn_hide_lbl{background-image:url(/images/btn_cls_r.png)}
.genre_btn{position:fixed;right:76px;bottom:65px;z-index:400;display:none;text-align:right}
.genre_btn li{width:66px;height:66px}
.genre_btn li.hgnr{display:none}
.genre_btn li .btn{display:inline-block;width:66px;height:66px;background-repeat:no-repeat;background-position:50% 50%;background-size:66px 66px}
.genre_btn li .btn_show_gnr{background-image:url(/images/btn_genre.png)}
.genre_btn li .btn_hide_gnr{background-image:url(/images/btn_cls_r.png)}
.make_btn_layer{width:150px}
.make_btn_fxd{display:block;}
.make_btn_fxd div{margin-bottom:10px}
.make_btn_fxd a.btn{display:block;width:150px;height:30px;color:#fff;border-radius:5px;text-align:center;background:#1a1b1c;}
.make_btn_fxd a.btn.btn_flo_more{background:#828282;}
.make_btn_fxd a.btn span{display:block;width:100%;padding:5px 0;font-size:15px;line-height:20px;text-align:center}

.drt_btn{position:fixed;right:50px;bottom:50px;z-index:400;width:50px;border-radius:4px;background-color:#fff;box-shadow:0 1px 1px 0 rgba(0, 0, 0, 0.2)}
.drt_btn li{height:30px;border-top:solid 1px rgba(151, 151, 151, 0.12)}
.drt_btn li:nth-child(1){border-top:0}
.drt_btn li a{display:block;width:100%;height:30px;text-align:center;font-size:12px;color:#9b9b9b;background-position:50% 50%}
.drt_btn li a.btn_top{background-image:url(/images/btn_top.png);background-size:15px 22px}
.drt_btn li a.btn_back{background-image:url(/images/btn_back.png);background-size:23px 13px}
.drt_btn li a.btn_down{background-image:url(/images/btn_down.png);background-size:25px 20px}

/* view creation common */
body.fxbd{position:fixed !important;width:100%;height:100%;overflow:hidden;background-size:13px 13px}
.fxdheight{position:fixed !important;width:100%;height:100%;overflow:hidden;z-index:7000;}
.viewer_fxbd{position:fixed !important;width:100%;height:100%;top:0;right:0;bottom:0;left:0;overflow:hidden;background:url(/images/bg_bd_dot.png) 0 0 repeat;background-size:13px 13px;z-index:7001;}
.vchd{z-index:90;position:fixed;width:100%;height:35px}
.chd{background-color:#1a1b1c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0.5px 0 0 rgba(0, 0, 0, 0.25), 0 2px 4px 0 #1a1b1c}
.vhd{background-color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;}
.hd_left{position:absolute;left:0;top:0;width:370px;height:35px}
.hd_ctit{z-index:1;position:absolute;left:380px;top:0;right:480px;min-width:420px;height:35px}
.vhd .hd_ctit{right:550px}
.hd_right{position:absolute;top:0;right:60px;width:410px;height:35px}

.vc_logo{padding-left:20px}
.vc_logo a{display:inline-block;height:35px}
.vc_logo img{padding-top:5px;height:25px}
.btn_fullscn{position:absolute;top:10px;right:0;width:16px;height:16px;background:url(/images/btn_expand_w.png) 50% 50% no-repeat;background-size:12px 11px}
.btn_fullscn_cancel{display:none;position:absolute;top:10px;right:0;width:16px;height:16px;background:url(/images/btn_expand_wc.png) 50% 50% no-repeat;background-size:12px 12px}
.vhd .btn_fullscn{background:url(/images/btn_expand_b.png) 50% 50% no-repeat;background-size:12px 11px}
.vhd .btn_fullscn_cancel{background:url(/images/btn_expand_bc.png) 50% 50% no-repeat;background-size:12px 12px}
.btn_milestone{position:absolute;top:10px;right:25px;width:16px;height:16px;background:url(/images/bg_miles.png) 50% 50% no-repeat;background-size:13px 14px}
.btn_exit,.btn_vback{position:absolute;left:170px;top:5px;height:24px;width:55px;color:#fff;font-size:11px;line-height:24px;background:#8e9195;border-radius:8px;background-image:url(/images/ic_back.png);background-size:5px 11px;background-position:5px 50%;background-repeat:no-repeat}
.creat_tit{text-align:center;line-height:35px;font-size:14px;color:#fff;z-index:1;font-weight:normal}
.creat_tit div{position:relative;display:block;padding:0 30px 0 60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.creat_tit div span{position:absolute;left:0;top:0;font-size:11px;color:#91d1e4}
.creat_tit div strong{height:35px}
.creat_tit div .btn_title_modify{position:absolute;top:9px;right:0;display:inline-block;width:17px;height:17px;background:url(/images/btn_modify.png) 0 0 no-repeat;background-size:17px 17px}
.vhd .creat_tit{margin:3px 20px;line-height:29px;height:29px;background:transparent;border-radius:3px;color:#1a1b1c}
.vhd .creat_tit div{padding:0 10px 0 70px}
.hd_ctit .btn_prev_ct{position:absolute;left:0;top:0;width:13px;height:100%;background:url(/images/btn_vprev.png) 50% 50% no-repeat;background-size:13px 23px}
.hd_ctit .btn_next_ct{position:absolute;right:0;top:0;width:13px;height:100%;background:url(/images/btn_vnext.png) 50% 50% no-repeat;background-size:13px 23px}
.vhd .creat_tit div span{left:10px;color:#020202}
.modify_title_area{display:none;width:100%;height:27px;margin:2px 0 2px;padding:2px 0;width:100%;border-radius:3px;background-color:#dde0e3}
.modify_title_area strong{position:absolute;left:5px;top:0;font-size:11px;color:#fff;line-height:35px}
.modify_title_box{position:relative;margin:0 2px 0 60px;padding:0 60px 0 0;height:27px;box-shadow:inset 0 1px 3px 0 rgba(0, 0, 0, 0.5);background-color:#fff}
.modify_title_box .inpt{color:#1a1b1c;font-size:14px;line-height:27px;padding:0 10px;}
.modify_title_box .btn_title_save{position:absolute;top:4px;right:3px;width:50px;height:20px;color:#fff;font-size:12px;line-height:20px;border-radius:10px;box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.5);background-color:#1a1b1c}

.storytellers{position:absolute;left:0;top:0;padding-left:70px}
.storytellers h3{position:absolute;left:0;top:0;line-height:35px;color:#fff;font-size:11px;font-weight:normal}
.vhd .storytellers h3{color:#8799a5}
.stl_lst{height:24px;padding:6px 20px 5px 0;background:url(/images/btn_dot3_w.png) 100% 50% no-repeat;background-size:15px 4px}
.vhd .stl_lst{background:url(/images/btn_dot3_g.png) 100% 50% no-repeat;background-size:15px 4px}
.stl_lst li{width:22px;height:22px;float:left;margin-left:-5px;background:url(/images/btn_my.png) 0 0 no-repeat;background-size:22px 22px;border-radius:12px;border:1px solid #979797}
.stl_lst li img{width:22px;height:22px;border-radius:12px;}
.stl_lst:after{clear:both;display:block;content:''}
.btn_invite{position:absolute;left:200px;top:5px;width:65px;height:24px;line-height:24px;font-size:11px;color:#fff;border-radius:9px;box-shadow:0 10px 20px 0 rgba(0, 0, 0, 0.2);background-image:linear-gradient(254deg, #f2c572, #EB3A90)}
.vc_user{position:absolute;top:3px;right:0;text-align:right;cursor:pointer}
.my_role{display:inline-block;margin-right:15px;font-size:13px;color:#fff}
.my_role strong{color:#99d4e8}
.vc_user .my_img{display:inline-block;width:30px;height:30px;border-radius:100%;overflow:hidden;vertical-align:top}
.vc_user .my_img img{width:30px}
.vhd .my_name{display:inline-block;color:#1a1b1c;vertical-align:middle;height:30px;line-height:30px;}
.vhd .my_name em{top:12px;background-image:url(/images/ic_ly_user_b.png)}
.btn_alarm{display:inline-block;width:20px;height:20px;background:url(/images/btn_alarm.png) 0 0 no-repeat;background-size:20px 21px}
.hd_right .rinfo{position:absolute;top:5px;right:-45px}
.hd_right .btn_info{display:inline-block;width:30px;height:24px;background:url(/images/btn_info_s.png) 50% 50% no-repeat;background-size:24px 24px}
.vhd .hd_right .btn_info{background:url(/images/btn_info_s.png) 50% 50% no-repeat;background-size:24px 24px}

.rside{z-index:30;display:block;position:absolute;width:60px;right:0;top:0;bottom:0;box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.5);background-color:#1a1b1c}
.rside_wrap{padding-top:40px}
.rside .view_ctrl{margin:0 15px 0;padding-top:10px;border-top:1px solid #edf0f1;margin-top:20px}
.rside .view_ctrl li{margin:10px 0 0;width:30px;height:30px;position:relative}
.rside .view_ctrl li:nth-child(1){margin-top:0px}
.rside .view_ctrl li button,.rside .view_ctrl li a{display:block;width:30px;height:30px;border-radius:15px;background-color:#fafafa;box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2)}
.rside .view_ctrl li button.selected,.rside .view_ctrl li a.selected{ background-image:linear-gradient(224deg, #f2c572, #EB3A90)}
.rside .view_ctrl li button span.btn_lb,.rside .view_ctrl li a span.btn_lb{display:none;position:absolute;top:5px;right:45px;width:120px;height:20px;background:#1a1b1c;border-radius:2px 0 0 2px;color:#fff;font-size:11px;text-align:center;line-height:20px}
.rside .view_ctrl li button:hover span.btn_lb,.rside .view_ctrl li a:hover span.btn_lb{display:block}
.btnr_img{background-position:50% 50%;background-repeat:no-repeat;border-radius:15px;display:inline-block;width:30px;height:30px}
.btnr_plot .btnr_img{background-image:url(/images/btnr_plot.png);background-size:17px 17px}
.btnr_outline .btnr_img{background-image:url(/images/btnr_outline.png);background-size:17px 17px}
.btnr_view .btnr_img{background-image:url(/images/btnr_viewer.png);background-size:17px 17px}
.btnr_rt .btnr_img{background-image:url(/images/btnr_talk_rd.png);background-size:13px 17px}
.btnr_wt .btnr_img{background-image:url(/images/btnr_talk_wt.png);background-size:13px 17px}
.btnr_vc .btnr_img{background-image:url(/images/btnr_mov.png);background-size:20px 16px}
.btnr_status .btnr_img{background-image:url(/images/btnr_status.png);background-size:24px 18px}
.btnr_tomato .btnr_img{background-image:url(/images/btnr_tomato.png);background-size:20px 21px}
.btnr_potato .btnr_img{background-image:url(/images/btnr_potato.png);background-size:14px 14px}
.btnr_becow .btnr_img{background-image:url(/images/btnr_wanna.png);background-size:19px 16px}
.btnr_trans .btnr_img{background-image:url(/images/btnr_translation.png);background-size:19px 16px}
.btnr_fork .btnr_img{background-image:url(/images/btnr_fork.png);background-size:19px 19px}
.btnr_branch .btnr_img{background-image:url(/images/btnr_branch.png);background-size:12px 11px}
.btnr_clog .btnr_img{background-image:url(/images/btnr_log.png);background-size:15px 14px}
.btnr_blockexp .btnr_img{background-image:url(/images/btnr_block.png);background-size:15px 17px}

.vtit{display:block;color:#000;padding:0 90px 0 50px;font-size:18px;line-height:60px;letter-spacing:-1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.btn_back_b{position:absolute;left:20px;top:0;width:20px;height:60px;background-image:url(/images/btn_back_arrow.png);background-position:50% 50%;background-repeat:no-repeat;background-size:18px 14px}
.btn_cmt_on{position:absolute;right:50px;top:0;display:block;width:40px;padding-top:30px;text-align:center;color:#989aab;font-size:11px;background-image:url(/images/ic_cutin_on.png);background-position:50% 15px;background-repeat:no-repeat;background-size:12px 12px}
.btn_cmt_off{position:absolute;right:50px;top:0;display:block;width:40px;padding-top:30px;text-align:center;color:#989aab;font-size:11px;background-image:url(/images/ic_cutin_off.png);background-position:50% 15px;background-repeat:no-repeat;background-size:20px 12px}
.btn_status{position:absolute;right:10px;top:0;display:block;width:40px;padding-top:30px;text-align:center;color:#989aab;font-size:11px;background-image:url(/images/ic_status.png);background-position:50% 15px;background-repeat:no-repeat;background-size:12px 12px}
.vcontainer{padding-bottom:50px}
.view_content{margin:0 15px;padding:0 0 80px 0}
.time{margin-top:10px;color:#9d9e9e;font-size:12px;text-align:center}
.scene_on{position:fixed;z-index:100;left:15px;top:50%;margin-top:-16px;display:block;width:25px;height:33px;background-image:url(/images/btn_scene_on.png);background-position:0 0;background-repeat:no-repeat;background-size:25px 33px}
.scene_off{position:fixed;z-index:100;left:15px;top:50%;margin-top:-16px;display:block;width:25px;height:33px;background-image:url(/images/btn_scene_off.png);background-position:0 0;background-repeat:no-repeat;background-size:25px 33px}
.cmt{position:relative}
.cmt_user img{position:absolute;top:0;width:80px;height:80px;border-radius:5px;z-index:11}
.cmt_l .cmt_user img{left:10px}
.cmt_r .cmt_user img{right:10px}
.cmt_user .user_name{color:#a5b0be;font-size:13px}
.cmt_r .cmt_user{text-align:right}
.cmt_l .cmt_user .user_name{padding-left:100px}
.cmt_r .cmt_user .user_name{padding-right:100px}
.cmt_r .cmt_lst{text-align:right}
.cmt_lst .cmt_li{position:relative;position:relative;padding: 5px 100px 15px 100px;}
.cmt_lst .cmt_li span{display:inline-block;padding:10px;font-size:20px;line-height:36px;
-webkit-box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.28);
-moz-box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.28);
box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.28)}
.btn_seph{display:none;position:absolute;top:50%;right:10px;width:39px;height:32px;margin-top:-16px;background:url(/images/btn_ent.png) 0 0 no-repeat;background-size:39px 33px}
.btn_seph_b{position:absolute;top:50%;right:10px;width:39px;height:32px;margin-top:-16px;background:url(/images/btn_ent_b.png) 0 0 no-repeat;background-size:39px 33px}
.cmt_lst .cmt_li.hover .btn_seph{display:block}
.cmt_l .cmt_lst .cmt_li span{background:#1a1b1c;border-radius:0 8px 8px 8px;color:#fff}
.cmt_r .cmt_lst .cmt_li span{background:#fcfae3;color:#000;border-radius:8px 0 8px 8px;text-align:left}
.cmt_lst .cmt_li.hover{box-shadow: 0 2px 4px 0 rgb(149 149 149 / 50%);background:#f6f8f9 url(/images/bg_drg.png) 5px 50% no-repeat;background-size:11px 25px}
.cmt_btn_c{text-align:center;padding-bottom:20px}
.cmt_btn .btn{position: relative;}
.cmt_btn .btn_act_txt{overflow:hidden;display:inline-block;margin-top:5px;height:40px;line-height:40px;padding:0 10px;font-size:14px;border-radius:10px;background:#333;border:1px solid #333;color: #fff;}
.cmt_btn .btn_act_txt + .btn_act_txt{margin-left:10px;}
.cmt_btn .btn_action{display:inline-block;height:40px;line-height:40px;border:1px solid #fff;padding:0 30px;font-size:15px;border-radius:10px;background-image:linear-gradient(to right,#f05a28,#ec008c,#f05a28);background-size: 300% 100%; transition: all 0.5s ease-in-out;color:#fff}
.cmt_btn .btn_action:hover{background-position: -50% 0;}
.cmt_btn .btn_action:after{width: 0%;height: 0%;opacity: 0;line-height: 40px;border-radius: 50%;background: #fff;position: absolute;transition:all .3s ease-Out;top: 20px;left: 50%;content:'';z-index:1;}
.cmt_btn .btn_action:active:after{width: 200%;height: 500%;opacity: 1;top: -70px;left: -50%;}
.cmt_btn .btn_action:active{border:1px solid #fe3347;color:#333;}
.view_wrap .cmt_lst .cmt_li.hover{background-color:#f6f8f9;background-image:none}
.cmt_btn .btn{position:relative;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;-webkit-transition-duration:0.4s;transition-duration:0.4s;overflow:hidden;outline:0}
.cmt_btn .btn_action:hover{background-color: #fe3347;}
.btn_act_txt:after{width: 0%;height: 0%;opacity: 0;line-height: 40px;border-radius: 50%;background: #333333;position: absolute;transition: all .3s ease-Out;top: 20px;left: 50%;content:''}
.btn_act_txt:hover {background-color: #FFFFFF;border-color: #333333;color: #333;}
.btn_act_txt:active:after{width: 200%;height: 500%;opacity: 1;top: -70px;left: -50%;}
.btn_act_txt:active {border-color: #333333;transition: all .3s ease-Out;color: #333;}


.cmt_hover{display:none;position:absolute;top:100%;right:10px;z-index:12}
.ic_link{margin-top:-10px;height:30px;width:240px;background:#fff;border-radius:6px;border:1px solid #9b9b9b}
.ic_link3{width:120px}
.ic_link4{width:160px}
.ic_link5{width:200px}
.ic_link6{width:240px}
.ic_link > li{position:relative;float:left;width:40px}
.ic_link > li:after{content:'';position:absolute;top:0;right:0;display:block;width:1px;height:100%;background:#9b9b9b}
.ic_link > li button{width:40px;height:30px;font-size:13px;line-height:30px;background-position:50% 50%;background-repeat:no-repeat}
.ic_link > li button:hover{background-color:#ebf3f7;color:#fff}
.ic_link > li:last-child{width:40px}
.ic_link > li:last-child:after{display:none}
.ic_link > li:first-child > button{border-radius:6px 0 0 6px}
.ic_link > li:last-child > button{border-radius:0 6px 6px 0}
.ic_link > li button{vertical-align:top}
.ic_link .ic_tt{display:none;position:absolute;right:-15px;top:41px;width:180px;padding:10px 10px;border-radius:6px;background-color:#000000;color:#fff;}
.ic_link .ic_tt:after{position:absolute;top:-11px;right:20px;display:block;width:26px;height:11px;background-image:url(/images/bg_tt.png);background-repeat:no-repeat;background-position:100% 50%;background-size:26px 11px;content:''}
.tt_tit{display:block;padding-bottom:5px;margin-bottom:5px;font-size:13px;border-bottom:1px solid #979797;color:#fff}
.tt_desc{font-size:13px;line-height:17px;color:#fff}
.btnc_add_input{background-image:url(/images/btnc_add_input.png);background-size:22px 18px}
.btnc_add_scene{background-image:url(/images/btnc_add_scene.png);background-size:21px 19px}
.btnc_modify_scene{background-image:url(/images/btnc_modify_scene.png);background-size:20px 20px}
.btnc_add_reaction{background-image:url(/images/btnc_reaction.png);background-size:19px 23px}
.btnc_delete{background-image:url(/images/btnc_delete.png);background-size:19px 19px}
.btnc_modify{background-image:url(/images/btnc_modify.png);background-size:23px 21px}
.btnc_hid{background-image:url(/images/btnc_hid.png);background-size:22px 19px}
.btnc_outline{background-image:url(/images/btnc_outline.png);background-size:16px 13px}
.btnc_dpct{background-image:url(/images/btnc_add_dpt.png);background-size:11px 20px}
.btnc_dialog{background-image:url(/images/btnc_add_dialog.png);background-size:8px 17px}
.ic_link > li .btn_lk_more{width:40px;height:30px;background:url(/images/btn_dot3.png) 50% 50% no-repeat;background-size:22px 6px}
.ic_mlink{display:none;position:absolute;top:30px;right:0;overflow:hidden;width:140px;background:#fff;border-radius:6px;border:1px solid #9b9b9b}
.lk_more_show .ic_mlink{display:block}
.ic_mlink li button{width:140px;height:20px;line-height:20px;padding:0 10px;font-size:11px;text-align:left}
.ic_mlink li:hover button{color:#4a4a4a}
.ic_link:after{clear:both;display:block;content:''}

.cmt .cutin{position:relative;padding:10px 5px 10px 5px}
.cutin_show,.cutin_hide{text-align:right;padding-right:50px;font-size:12px;line-height:15px;color:#9b9b9b}
.cutin_hide{display:none}
.cutin_wrap{display:none}
.cutin_show span{display:inline-block;width:117px;height:15px;text-align:center;cursor:pointer}
.cutin_hide span{display:inline-block;width:117px;height:15px;background:url(/images/bg_cutin_bx.png) 0 0 no-repeat;background-size:117px 15px;text-align:center;cursor:pointer}
.cutin_show em,.cutin_hide em{display:inline-block;padding-right:12px;background-size:9px 8px;background-repeat:no-repeat;background-position:right 50%}
.cutin_show em{background-image:url(/images/ic_trg_op.png)}
.cutin_hide em{background-image:url(/images/ic_trg_cls.png)}
.cutin_bd{position:relative;padding:5px 0 5px;margin-top:-1px;box-shadow:inset 0 -2px 3px 0 #bac2c9;background-color:#ffffff;text-align:left}
.cutin_cmt{position:relative;padding:5px 75px 5px 5px}
.cutin_cmt .cutin_rec{position:absolute;top:25px;right:10px;width:60px;text-align:center}
.cutin_rec span{display:inline-block;width:25px;padding-top:17px;color:#8799a5;font-size:11px;background-repeat:no-repeat}
.unrecom{background-image:url(/images/ic_exc.png);background-size:16px 14px;background-position:50% 0}
.recom{background-image:url(/images/ic_heart.png);background-size:13px 12px;background-position:50% 2px}
.cutin_cmt_pk .unrecom{background-image:url(/images/ic_exc_s.png);background-size:16px 14px}
.cutin_cmt_pk .recom{background-image:url(/images/ic_heart_s.png);background-size:13px 12px}
.ci_user{position:relative;height:20px;line-height:20px}
.ci_user .cuser_img{position:absolute;left:5px;top:5px;width:30px;height:30px;border-radius:2px}
.ci_user .char_img{position:absolute;left:5px;top:5px;width:30px;height:30px;border-radius:15px}
.cuser_name{display:block;padding-left:40px;font-size:11px}
.cutin_bl{margin-left:40px}
.cutin_bl span{display:inline-block;padding:10px;background:#1a1b1c;border-radius:0 8px 8px 8px;color:#fff}
.cutin_cmt_pk .cutin_bl span{background:#EB3A90;color:#fff}
.cutin_bl strong{display:block;font-size:11px;color:#d5d5d5}
.cutin_bl em{color:#cccaca;font-size:11px;display:inline-block;vertical-align:bottom}
.cutin_ft{height:30px;background:#fff}
.cft_btn{position:relative;float:left;width:50%}
.cft_btn .btn{display:block;width:100%;height:30px;line-height:30px;font-size:12px;color:#cccaca}
.fold:after{content:'';width:1px;height:100%;position:absolute;left:0;top:0;background:#b6bfc6}
.btn_fold span{display:inline-block;padding-right:12px;background-size:9px 8px;background-repeat:no-repeat;background-position:right 50%;background-image:url(/images/ic_trg_cls.png)}
.cutin_ft:after{clear:both;display:block;content:''}

.view_end_msg{position:relative;margin:50px 20px 0;padding:20px 50px 20px;box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.5);border-radius:6px;background-color:#ffffff;}
.end_msg{position:relative;margin-bottom:30px;padding:10px 10px;border-radius:6px;background-color:#000000;color:#fff;font-weight:500;}
.end_msg:after{position:absolute;bottom:-20px;left:50%;margin-left:-12px;display:block;width:23px;height:20px;background-image:url(/images/bg_tt_up.png);background-repeat:no-repeat;background-position:100% 50%;background-size:23px 20px;content:''}
.end_msg .fc_b{color:#5fafca;}
.end_msg .fc_p{color:#EB3A90;}
.end_btn .btn{display:block;text-align:center;width:100%;height:40px;border-radius:6px;color:#fff;font-weight:500;background:#EB3A90;box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.2);}
.end_btn_l,.end_btn_r{float:left;width:50%;}
.end_btn_l span{display:block;margin-right:10px;}
.end_btn_r span{display:block;margin-left:10px;}
.end_btn2:after{clear:both;display:block;content:''}
.end_btn1{margin-top:10px;}
.end_btn .btn_epsd_back{background:#8799a5;}
.end_btn .btn_yes_is{background:#EB3A90;}
.end_btn .btn_back_fst,.end_btn .btn_view_close{background:#808a93;}
.end_prev{position:absolute;left:10px;top:50%;width:20px;height:30px;}
.end_prev .btn_eprev_epsd{width:20px;height:30px;background:url(/images/btn_vprev.png) 50% 50% no-repeat;background-size:13px 23px;}
.end_next{position:absolute;right:10px;top:50%;width:20px;height:30px;}
.end_next .btn_enext_epsd{width:20px;height:30px;background:url(/images/btn_vnext.png) 50% 50% no-repeat;background-size:13px 23px;}

.view_end_msg_v2{position:relative;margin:50px 20px 0;}
.view_star_rate{margin-top:50px;padding:20px;background:#fff;box-shadow:0px 1.5px 1.5px rgba(0, 0, 0, 0.25);border-radius:5px;}
.view_star_rate p{text-align:center;font-size:18px;color:#8799a5;}
.view_sp_box{width:162px;margin:0 auto;}
.view_sp_box ul{position:relative;width:162px;height:28px;margin-top:60px;background:url(/images/bg_star.png) 0 0 no-repeat;background-size:162px 348px;}
.view_sp.sr_1{background-position:0 -32px;}
.view_sp.sr_2{background-position:0 -64px;}
.view_sp.sr_3{background-position:0 -96px;}
.view_sp.sr_4{background-position:0 -128px;}
.view_sp.sr_5{background-position:0 -160px;}
.view_sp.sr_6{background-position:0 -192px;}
.view_sp.sr_7{background-position:0 -224px;}
.view_sp.sr_8{background-position:0 -256px;}
.view_sp.sr_9{background-position:0 -288px;}
.view_sp.sr_10{background-position:0 -320px;}
.view_sp li{float:left;width:14px;height:28px;cursor:pointer}
.view_sp .sr_0{width:0;}
.view_sp .sr_3,.view_sp .sr_5,.view_sp .sr_7,.view_sp .sr_9{margin-left:5px;}
.view_sp li strong{display:none;position:absolute;left:50%;top:-40px;margin-left:-140px;width:280px;text-align:center;font-size:26px;line-height:36px;}
.view_sp li.selected strong{display:block;}
.view_sp:after{clear:both;display:block;content:''}
.end_epsd_move{position:relative;height:60px;margin-top:30px;}
.end_epsd_move .btn{position:absolute;top:0;width:120px;height:60px;background:#fff;box-shadow:0px 1.5px 1.5px rgba(0, 0, 0, 0.25);border-radius:7px;font-weight:500;color:#000;}
.end_epsd_move .btn_eprev_epsd{left:0;}
.end_epsd_move .btn_enext_epsd{right:0;}
.verify_get_tori{margin-top:30px;padding:20px;background:#fff;box-shadow:0px 1.5px 1.5px rgba(0, 0, 0, 0.25);border-radius:5px;text-align:center;}
.verify_get_tori p{margin-bottom:20px;text-align:center;font-size:18px;color:#8799a5;}
.btn_vws{min-width:200px;height:50px;line-height:50px;padding:0 20px;background:#292929;color:#fff;box-shadow:0px 1.5px 1.5px rgba(0, 0, 0, 0.25);border-radius:25px;}

.verify_layer{display:none;position:absolute;top:40px;bottom:10px;left:50%;margin-left:-300px;width:400px;z-index:1000; border-radius:5px;box-shadow:0 -2px 4px 0 rgba(0, 0, 0, 0.5);background-color:#ffffff}
.star_rate{padding:50px 20px;text-align:center}
.star_rate p{color:#8799a5;font-size:14px;font-weight:500;margin-bottom:5px}
.star_rate .star_poing_rate{display:inline-block;width:168px;height:27px;background:url(/images/star_point_g.png) 0 0 no-repeat;background-size:168px 27px;text-align:left}
.star_rate .star_poing_rate em{display:inline-block;width:168px;height:27px;background:url(/images/star_point.png) 0 0 no-repeat;background-size:168px 27px}
.verify_win{margin-top:50px;padding:0 20px;text-align:center}
.verify_win p{color:#8799a5;font-size:14px;font-weight:500;margin-bottom:5px}
.verify_bd h2{margin-top:20px;font-size:24px;line-height:30px;color:#5b5b5b;text-align:center}
.verify_label{display:none;}
.what_label li{margin-top:15px;text-align:left;margin-left:100px}
.what_label li .chkp_lb{position:relative;display:inline-block;font-size:12px;line-height:17px;height:17px;padding-left:25px;cursor:pointer;color:#9b9b9b;font-size:14px;font-weight:500;border:0;border:1px solid #f5f6f7;background-image:url(/images/chk.png);background-position:0 0;background-repeat:no-repeat;background-size:17px 17px}
.what_label li .chkp:checked+label{background-image:url(/images/chked.png);background-size:17px 17px}
.btn_verify_g{width:120px;height:30px;color:#fff;font-size:14px;font-weight:500;line-height:30px;border-radius:15px;box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.5);background-color:#b6bfc6}
.btn_smt_verify{width:120px !important;height:30px;color:#fff;font-size:14px;font-weight:500;line-height:30px;border-radius:15px;box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.5); background-image:radial-gradient(circle at 136% 0, #f2c572, #EB3A90)}
.verify_layer .form_btn{margin:15px 20px}
.verify_layer .form_btn .btn{height:30px;line-height:30px}
.verify_layer .form_btn2 .btn{color:#fff;font-size:14px;font-weight:500;border-radius:15px;box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.5);background-color:#b6bfc6}
.btn_epsd{position:relative;padding:0 20px;height:40px;margin-top:50px;}
.btn_epsd li:nth-child(1){float:left;width:50%;}
.btn_epsd li:nth-child(2){float:right;width:50%;text-align:right;}
.btn_epsd li .btn{font-weight:500;color:#354149;font-weight:500;color:#354149;background-size:13px 23px;height:40px;line-height:20px;}
.btn_prev_epsd{padding-left:20px;background:url(/images/btn_vprev.png) 0 50% no-repeat;text-align:left;}
.btn_next_epsd{padding-right:20px;background:url(/images/btn_vnext.png) 100% 50% no-repeat;text-align:right;}
.btn_epsd:after{clear:both;display:block;content:''}

.support_layer{display:none;position:absolute;top:40px;bottom:10px;left:20px;width:360px;height:250px;z-index:1000; border-radius:5px;box-shadow:0 -2px 4px 0 rgba(0, 0, 0, 0.5);background-color:#ffffff}
.support_bd h2{padding:20px;font-size:24px;line-height:30px;color:#5b5b5b;text-align:center}
.support_bd p{padding:0 20px;font-size:14px;line-height:20px;color:#5b5b5b;text-align:center}
.support_layer .form_btn{margin:15px 20px}
.support_layer .form_btn .btn{height:30px;line-height:30px;color:#fff;font-size:12px}
.support_layer .form_btn .btn_buy_tory,.support_layer .form_btn .btn_later{font-weight:500;border-radius:15px;box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.5);}

.view_btn_ft{position:fixed;bottom:70px;left:0;width:100%;height:20px}
.view_btn_lst{padding:0 10px}
.view_btn_lst li{float:left;width:33.3%}
.view_btn_lst li:nth-child(3){width:33.4%}
.view_btn_lst li .btn_view_ft{display:block;margin:0 10px;height:30px;line-height:30px;background:#e24e51;border-radius:4px;text-align:center;color:#fff;font-size:13px}
.view_btn_lst:after{clear:both;display:block;content:''}
.black_scrn_vf{display:none;position:absolute;z-index:999;left:0;right:0;top:0;bottom:0;background-color:rgba(0, 0, 0, 0.7)}

.vcomment_wrt{position:absolute;bottom:0;left:0;right:0;background:#fff;box-shadow:0 -3px 7px 0 rgba(0, 0, 0, 0.3)}
.inp_ctxt{position:relative;padding:5px 70px 5px 70px;height:50px}
.cutin_user{position:absolute;left:0;top:25px;width:70px;height:30px;text-align:center}
.cutin_user .btn{position:absolute;top:8px;display:inline-block;width:8px;height:13px;background-size:8px 13px;background-repeat:no-repeat;background-position:0 0}
.cutin_user .btn_user_prev{left:5px;background-image:url(/images/btn_crt_prev.png)}
.cutin_user .btn_user_next{right:5px;background-image:url(/images/btn_crt_next.png)}
.cutin_user .cutin_user_img{display:inline-block;width:36px;height:30px}
.cutin_user .cutin_user_img img{width:36px;height:30px;border-radius:15px}
.asme{font-size:11px;height:20px}
.asme span{display:inline-block;margin-left:10px;color:#8799a5}
.inp_ctxt .ctxt{width:100%;height:30px;padding:5px 10px;line-height:15px;font-size:14px;font-weight:500;color:#1a1b1c;border-radius:6px;resize:none;box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-appearance:none;outline:none}
.inp_ctxt .ctxt::placeholder{color:#b2b2b2}
.btn_ptup{position:absolute;right:25px;bottom:5px;width:20px;height:20px;background:url(/images/btn_img_up.png) 50% 50% no-repeat;background-size:16px 13px}
.btn_cmt_reg{position:absolute;right:15px;top:5px;width:40px;height:25px;border-radius:3px;background:#EB3A90 url(/images/btn_send_w.png) 50% 50% no-repeat;background-size:19px 19px}

/*.viewer_ctrl{position:absolute;bottom:0;right:-81px;width:80px}*/
.viewer_ctrl{position:absolute;bottom:0;right:-40px;width:40px;z-index:9998}
.viewer_ctrl .btn{width:50px;height:50px;background-size:50px 50px;background-repeat:no-repeat;background-position:-5 0}
.sns_link{position:relative}
.cutin_onoff{margin-top:5px}
.auto_off{margin-top:5px}
.sns_link .sns_list{display:none;position:absolute;left:0;bottom:0}
.btn_sns_share{background-image:url(/images/btn_share.png)}
.btn_sns_close{background-image:url(/images/btn_share_cls.png)}
.btn_share01{background-image:url(/images/btn_share01.png)}
.btn_share02{background-image:url(/images/btn_share02.png)}
.btn_share03{background-image:url(/images/btn_share03.png)}
.btn_share04{background-image:url(/images/btn_share04.png)}
.btn_cutin_on{background-image:url(/images/btn_cutin_on.png)}
.btn_cutin_off{background-image:url(/images/btn_cutin_off.png)}
.btn_auto_on{background-image:url(/images/btn_auto_on.png)}
.btn_auto_off{background-image:url(/images/btn_auto_off.png)}

.ptbox{position:absolute;left:0;top:0;bottom:0;right:0;overflow-x:hidden;overflow-y:auto;background:#fafafa}
.ptbox::-webkit-scrollbar{width: 4px;background: #e9e9e9;}
.ptbox::-webkit-scrollbar-thumb {background: #9e9e9e;border-radius: 10px;}
.ptbox_pt{margin-top: 30px;height: auto;}
.post_content{background:#fff;padding:20px;font-size:15px;line-height:22px;}
.post_content .post_img{padding-top:30px;}
.post_content .post_img img,.post_content img{max-width:100%}
.post_content .mov{position:relative;margin-top:30px;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;}
.post_content .mov iframe,.post_content .mov object,.post_content .mov embed{position:absolute;top:0;left:0;width:100%;height:100%;}
.post_content iframe{max-width:100%}

/* write */
.wfbox{position:absolute;top:40px;bottom:10px;left:10px;right:10px;border-radius:10px;margin-bottom: 100px;}
.wf_header{background:#1a1b1c;padding:0 15px;height:30px;border-radius:8px 8px 0 0}
.hd_stori_title{display:none}
.wf_header .btn_back_w{display:none}
.wf_header .ptit{display:inline-block;color:#fff;font-size:16px;line-height:30px;font-weight:normal;}
.wf_header .btn_post_stori{position:absolute;top:5px;right:100px;height:20px;padding:0 10px;color:#fff;border-radius:10px}
.wf_header .btn_post_stori span{display:inline-block;font-size:12px;padding-right:15px;background-image:url(/images/ic_post_w.png);background-size:12px 13px;background-position:100% 50%;background-repeat:no-repeat}
.wf_header .btn_setting{height:30px}
.stage_label{position:absolute;top:0;right:200px;width:80px;display:inline-block;text-align:center;cursor:pointer}
.select_stage strong{display:inline-block;color:#fff;height:30px;line-height:30px;font-size:12px;font-weight:normal;vertical-align:top}
.select_stage span{display:inline-block;width:11px;height:30px;background:url(/images/bg_ly_arr_w.png) 0 50% no-repeat;background-size:11px 6px;vertical-align:top;-webkit-transition:all 0.1s ease;transition:all 0.1s ease;-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.stage_label.stage_layer_show span{-webkit-transform:rotate(0deg);transform:rotate(0deg)}
.stage_label .ly_lst{display:none;z-index:1;position:absolute;top:30px;right:0;width:80px;border-radius:2px;box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.5);background-color:#fff;text-align:left}
.stage_layer_show .ly_lst{display:block}
.export{position:absolute;top:7px;right:40px}
.export .btn_word{width:13px;height:16px;background:url(/images/btn_word.png) 0 50% no-repeat;background-size:13px 16px}
.export .ly_lst{display:none;z-index:100;position:absolute;top:23px;right:-30px;width:60px;border-radius:2px;box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.5);background-color:#fff;text-align:left;z-index:100}
.export_layer_show .ly_lst{display:block}
.export .ly_lst .btn{display:block;height:25px;padding:0 10px;line-height:25px;font-size:11px;color:#505050}
.stage_layer_show .ly_lst{display:block}
.cbox .wf_header .ptit{padding-left:0}
.cbox_in_layer{z-index:30}
.cbox_in_layer .wf_header .ptit{padding-left:25px}
.cbox{z-index:30;min-width:420px;max-width: 630px;left:50%;transform: translateX(-50%);background:#fff}
.view_wrap .cbox{right:550px}
.cbox .btn_back_w{display:none}
.cbox .btn_plot_open{display:none}
.pbox{display:block;z-index:10;width:360px;left:10px;right:auto;background:#fafafa}
.tkbox{display:block;z-index:20;width:400px;right:70px;left:auto}
.tibox{position:absolute;left:0;right:0;top:30px;bottom:63px;overflow-x:hidden;overflow-y:auto}
.vibox{position:absolute;left:0;right:0;top:30px;bottom:0;overflow-x:hidden;overflow-y:auto}
.rtkbox{background-color: #FFE492;}
.wtkbox{background-image:radial-gradient(circle at 50% 0, #fff, #617f86)}
.atkbox{background-image:radial-gradient(circle at 50% 0, #fff, #267bf5)}
.vbox{background-color:#fafafa;}
.talk_inp{position:absolute;left:0;bottom:0;right:0;height:62px;border:1px solid #D9D9D9}
.write_wrap{position:absolute;top:0;left:0;bottom:0;right:0}
.edbox{position:absolute;left:0;top:30px;bottom:60px;right:0;overflow-x:hidden;overflow-y:auto;background:#fafafa}
.edbox_ft{position:absolute;left:0;bottom:10px;right:0;height:40px;background:#fff}
.edbox_ft:after{display:block;position:absolute;top:-10px;left:0;right:0;width:100%;height:1px;background:#ddd;content:''}
.edbox_btn{margin:0 auto;width:100px}
.edbox_btn .btn_save_post{height:40px;width:100%;border-radius:20px;font-weight:500;line-height:40px;font-size:15px;}
.edbox_ft .btn_del_post{position:absolute;left:10px;bottom:0;display:inline-block;line-height:40px;font-size:16px;font-weight:500;color:#828282;}
.visible_sel{position:absolute;bottom:0;right:10px;padding-right:45px;height:30px;}
.visible_sel strong{display:inline-block;color:#828282;font-size:16px;line-height:30px;}
.ed_wrap{padding:10px;}
.lng_check{position:relative;padding-top:10px;}
.lng_tab{position:relative;padding-right:40px;}
.lng_tab > li{float:left;width:25%;}
.lng_tab button{position:relative;display:block;width:100%;height:30px;color:#fff;}
.lng_tab > li button{display:block;width:100%;height:30px;font-size:12px;text-align:center;color:#fff;background:#37404a;cursor:pointer}
.lng_tab > li button:before{position:absolute;left:3px;top:12px;display:block;width:6px;height:6px;background:#999;border-radius:100%;content:'';}
.lng_tab > li button.comp:before{background:#EB3A90;}
.lng_tab .select button{color:#1a1b1c;background:#fff;}
.lng_tab > li > button{border-radius:10px 10px 0 0;border:1px solid #1a1b1c}
.lng_tab > li.lng_more{float:none;position:absolute;top:0;right:0;width:40px;z-index:100;}
.lng_tab > li.lng_more .btn_lng_more{background-image:url(/images/btn_dot3_w.png);background-position:50% 50%;background-repeat:no-repeat;background-size:15px 4px;}
.lng_tab > li.lng_more .lng_more_list{display:none;position:absolute;top:30px;right:0;width:148px;border:1px solid #1a1b1c;border-top:0;}
.lng_tab > li.lng_more .lng_more_list button{text-align:left;padding:0 20px;border:0;border-top:1px solid #1a1b1c}
.lng_tab:after{clear:both;display:block;content:''}
.c_editor{background:#fff;min-height:300px}
.cibox{position:absolute;left:0;top:30px;bottom:170px;right:0;padding-bottom:200px;overflow-x:hidden;overflow-y:auto;background:#fafafa;border-radius: 6px;overflow:none; overflow-y: scroll !important;}
.view_wrap .cibox{top:0;bottom:60px}

.view_wrap .cibox::-webkit-scrollbar {
    width: 6px;
}
.view_wrap .cibox::-webkit-scrollbar-track {
    background: #e9e9e9;
    border-radius: 9999px !important;
}
.view_wrap .cibox::-webkit-scrollbar-thumb {
    background: #9e9e9e;
    border-radius: 8px;
    padding: 100px 0 !important;
}
.view_tit_hd{display:none}
.scene_wrap{position:relative}
.scene_number{color:#9b9b9b;font-size:14px;font-weight:500;padding:10px 10px;height:15px;line-height:15px}
.scene_img{padding:10px}
.scene_img img{width:100%}
.scene_mov{padding:10px;}
.scene_mov .mov{position:relative;margin-top:30px;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;}
.scene_mov .mov iframe,.post_content .mov object,.post_content .mov embed{position:absolute;top:0;left:0;width:100%;height:100%;}
.scene_hct{position:relative}
.scene .scene_txt{position:relative;padding: 4px 9px 9px 11px;font-size:20px;color:#000;line-height:48px;background:#fff;border-radius: 10px;}
.scene .scene_txt p + p{margin-top:10px}
.dep_img{position:relative;text-align:center;margin:0 10px;padding:10px;background:#fff;}
.dep_img img{max-width:100%}
.write_content{padding:15px 0}
.write_content .cmt_l .cmt_lst li span{background:#fff8f7;border-radius:0 8px 8px 8px}
.view_wrap .write_content .cmt_l .cmt_lst li span{background:#1a1b1c;color:#fff}
.write_content .wimg{margin-top:0px}
.write_content p + .wimg{margin-top:10px}
.write_content .wimg img{max-width:100%;max-height:100%}
.wrt_inp{position:absolute;bottom:0;left:0;right:0;z-index:11;}
.write_input .btn_seph_b,.write_input .btn_seph{position:absolute;right:20px;top:-20px}
.btn_write{display:block;width:100%;height:50px;border:3px solid #8799a5;background:#fff;text-align:left;-webkit-appearance:none;outline:none}
.btn_write span{display:block;font-size:14px;color:#b2b2b2;padding-left:20px}
.view_wrap .scene .scene_num{padding:20px 20px 10px;font-size:14px}
.view_wrap .scene .scene_num .scene_number strong{color:#1a1b1c;font-size:18px;font-weight:bold}
.view_wrap .scene .scene_txt{margin:10px 10px 0 10px}
.mb_fn{display:none}

#sceneModal {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 99;
    left: 0;
    top: 0;
}
#sceneModal .black_back_box{
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.3;
}

#sceneModal .scene_modal_box{
    width: calc(100vw - 20px);
    max-width: 530px;
    height: calc(100vh - 40px);
    max-height: 1000px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 58px;
    background-color: #FAFAFA;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    padding: 20px;
    box-sizing: border-box;
}
#sceneModal .scene_modal_line_bar{
    width: 90px;
    height: 4px;
    background-color: #000000;
    border-radius: 9999px;
    margin-bottom: 20px;
}
#sceneModal .scene_modal_tab{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 14px;
}
#sceneModal .scene_modal_tab .scene_modal_tab_box{
    width: 100%;
    font-size: 16px;
    color: black;
}
#sceneModal .scene_modal_tab .scene_modal_tab_box p{
    width: 100%;
    text-align: center;
    cursor: pointer;
    font-size: 16px;
    color: #B1B1B1;
    font-weight: 600;
    padding-bottom: 8px;
    border-bottom: 4px solid transparent;
}
#sceneModal .scene_modal_box.first .first{
    color: #000000;
    border-bottom: 4px solid #EB3A90;
}
#sceneModal .scene_modal_box.second .second{
    color: #000000;
    border-bottom: 4px solid #EB3A90;
}
#sceneModal .scene_modal_box.third .third{
    color: #000000;
    border-bottom: 4px solid #EB3A90;
}
.scene_modal_first_box {
    width: 100%;
    display: none;
    flex-direction: column;
    justify-content: start;
    align-items: center;
}
.scene_modal_first_box_input_ui {
    border: 1.4px solid #000000;
    width: calc(100% - 34px);
    margin-top: 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4px 6px 4px 14px;
    box-sizing: border-box;
    border-radius: 2px;
}
.scene_modal_first_box_input_ui button {
    padding: 6px 14px;
    font-size: 18px;
    width: 80px;
    border: 1px solid #000000;
    border-radius: 4px;
}
.scene_modal_first_box input {
    width: calc(100% - 84px);
}
.scene_modal_first_box .keyword_box{
    width: calc(100% - 34px);
    margin-top: 20px;
    font-size: 18px;
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    align-items: center;
}
.scene_modal_first_box .keyword_box span {
    cursor: pointer;
    margin-right: 20px;
    margin-bottom: 20px;
}
.scene_modal_first_box .image_box {
    width: calc(100% - 34px);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: start;
    margin-top: 20px;
}
.scene_modal_first_box.focus{
    display: none;
}
.scene_modal_first_box .image_box .content_box {
    width: calc(33.3333% - 6px);
    margin-bottom: 14px;
}
.scene_modal_first_box .image_box .content_box .image {
    width: 100%;
    height: 100px;
    background-color: #D9D9D9;
}
.scene_modal_first_box .image_box .content_box p{
    text-align: center;
    margin-top: 4px;
    font-size: 16px;
}

.scene_modal_first_focus_box {
    width: 100%;
    display: none;
    flex-direction: column;
    justify-content: start;
    align-items: center;
}
.scene_modal_first_focus_box .top_image_box {
    width: 100%;
    margin: 20px 0;
}
.scene_modal_first_focus_box .top_image_box p {
    width: 100%;
    text-align: left;
    font-size: 18px;
    font-weight: 600;
}
.scene_modal_first_focus_box .top_image_box .image{
    width: 100%;
    height: 300px;
    margin-top: 6px;
    background-color: #9e9e9e;
}

.scene_modal_first_focus_box .text-content {
    width: 100%;
    display: flex;
    justify-content: start;
    align-items: start;
    font-size: 20px;
    margin-top: 20px;
}
.scene_modal_first_focus_box .text-content .title {
    width: 120px;
    font-weight: 600;
    color: #B1B1B1;
    font-size: 22px;
}
.scene_modal_first_focus_box .text-content .content {
    font-weight: 600;
    color: #B1B1B1;
}
.scene_modal_first_focus_box .text-content .content b{
    margin-right: 14px;
    cursor: pointer;
}
.scene_modal_first_focus_box .text-content .content b.focus {
    color: #8A08D0;
}
.scene_modal_first_focus_box button {
    background-color: #EB3A90;
    margin-top: 60px;
    width: 180px;
    color: white;
    border-radius: 4px;
    padding: 10px 0;
    font-size: 18px;
    font-weight: 600;
}
.scene_modal_second_focus_box {
    width: 100%;
    display: none;
    flex-direction: column;
    justify-content: start;
    align-items: center;
}
.scene_modal_second_box.focus{
    display: none;
}

#sceneModal .scene_modal_box.first.first_focus .scene_modal_first_focus_box{
    display: flex;
}

@media all and (max-width:500px){
    #sceneModal .scene_modal_tab .scene_modal_tab_box p {
        font-size: 14px;
    }
    .scene_modal_first_box_input_ui button {
        font-size: 16px;
        width: 60px;
    }
    .scene_modal_first_box .image_box .content_box .image{
        height: 74px;
    }
}

#sceneModal .scene_modal_box.first .scene_modal_first_box{
    display: flex;
}

.scene_modal_second_box {
    width: 100%;
    display: none;
    flex-direction: column;
    justify-content: start;
    align-items: center;
}
.scene_modal_second_box_input_ui {
    border: 1.4px solid #000000;
    width: calc(100% - 34px);
    margin-top: 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    border-radius: 2px;
    background-color: #F3F3F3;
    padding: 20px 20px 80px 20px;
    position: relative;
}
.scene_modal_second_box_input_ui p{
    font-size: 16px;
    font-weight: 600;
}
.scene_modal_second_box_input_ui button {
    border: 2px solid #000000;
    padding: 6px 14px;
    border-radius: 4px;
    position: absolute;
    bottom: 10.5px;
    right: 10.5px;
}
.scene_modal_second_content_box {
    width: calc(100% - 34px);
    min-height: 700px;
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
}
/* .scene_modal_second_content_box::-webkit-scrollbar {
    width: 6px;
}
.scene_modal_second_content_box::-webkit-scrollbar-thumb {
    background-color: #7d7d7d;
    border-radius: 10px;
}
.scene_modal_second_content_box::-webkit-scrollbar-track {
    background-color: #e9e9e9;
    border-radius: 10px;
}
.scene_modal_second_content_box::-webkit-scrollbar {
    width: 6px;
} */
.scene_modal_second_content_box .content {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    font-size: 16px;
    margin-bottom: 20px;
}
.scene_modal_second_content_box .content div {
    width: 100%;
    max-width: 400px;
    height: 240px;
    background-color: #D9D9D9;

}
.scene_modal_second_content_box .content p {
    font-size: 18px;
    margin-top: 6px;   
}
@media all and (max-width:500px){
    .scene_modal_second_content_box .content div {
        height: 180px;
    }
}

#sceneModal .scene_modal_box.second .scene_modal_second_box{
    display: flex;
}


.scene_modal_third_box {
    width: 100%;
    display: none;
    flex-direction: column;
    justify-content: start;
    align-items: center;
}
.scene_modal_third_box_input_ui {
    border: 1.4px solid #000000;
    width: calc(100% - 34px);
    margin-top: 14px;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    border-radius: 2px;
    background-color: #F3F3F3;
    padding: 20px 20px 80px 20px;
    position: relative;
}
.scene_modal_third_box_input_ui svg {
    width: 40px;
    height: 40px;
    margin-top: 20px;
    color: #919296;
}
.scene_modal_third_box_input_ui {
    border: 1.4px solid #000000;
    width: calc(100% - 34px);
    margin-top: 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    border-radius: 2px;
    background-color: #F3F3F3;
    padding: 20px 20px 80px 20px;
    position: relative;
}
.scene_modal_third_box_input_ui p {
    width: 100%;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    margin-top: 40px;
}
.scene_modal_third_box_input_ui button {
    border: 2px solid #000000;
    padding: 6px 14px;
    border-radius: 4px;
    position: absolute;
    bottom: 10.5px;
    right: 10.5px;
}
.scene_modal_third_box .image_box {
    width: calc(100% - 34px);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: start;
    margin-top: 20px;
}
.scene_modal_third_box .image_box .content_box {
    width: calc(33.3333% - 6px);
    margin-bottom: 14px;
}
.scene_modal_third_box .image_box .content_box .image {
    width: 100%;
    height: 100px;
    background-color: #D9D9D9;
}
.scene_modal_third_box .image_box .content_box p{
    text-align: center;
    margin-top: 4px;
    font-size: 16px;
}

#sceneModal .scene_modal_box.third .scene_modal_third_box{
    display: flex;
}

#sceneModal .scene_modal_box.first_focus .scene_modal_tab{
    display: none;
}
#sceneModal .scene_modal_box.first_focus .scene_modal_first_box{
    display: none;
}
.scene_modal_second_focus_box {
    width: 100%;
    display: none;
    flex-direction: column;
    justify-content: start;
    align-items: center;
}
.scene_modal_second_focus_box .top_image_box {
    width: 100%;
    margin: 20px 0;
}
.scene_modal_second_focus_box .top_image_box p {
    width: 100%;
    text-align: left;
    font-size: 18px;
    font-weight: 600;
}
.scene_modal_second_focus_box .top_image_box .image{
    width: 100%;
    height: 300px;
    margin-top: 6px;
    background-color: #9e9e9e;
}

.scene_modal_second_focus_box .text-content {
    width: 100%;
    display: flex;
    justify-content: start;
    align-items: start;
    font-size: 20px;
    margin-top: 20px;
}
.scene_modal_second_focus_box .text-content .title {
    width: 120px;
    font-weight: 600;
    color: #B1B1B1;
    font-size: 22px;
}
.scene_modal_second_focus_box .text-content .content {
    font-weight: 600;
    color: #B1B1B1;
}
.scene_modal_second_focus_box .text-content .content b{
    margin-right: 14px;
    cursor: pointer;
}
.scene_modal_second_focus_box .text-content .content b.focus {
    color: #8A08D0;
}
.scene_modal_second_focus_box button {
    background-color: #EB3A90;
    margin-top: 60px;
    width: 180px;
    color: white;
    border-radius: 4px;
    padding: 10px 0;
    font-size: 18px;
    font-weight: 600;
}
#sceneModal .scene_modal_box.second.second_focus .scene_modal_second_focus_box{
    display: flex;
}

#sceneModal .scene_modal_box.second_focus .scene_modal_tab{
    display: none;
}
#sceneModal .scene_modal_box.second_focus .scene_modal_first_box{
    display: none;
}
#sceneModal .scene_modal_box.second.second_focus .scene_modal_second_box{
    display: none;
}




.vtab{margin:20px 50px 0;}
.vtab li{float:left;width:50%;}
.vtab li a{display:block;line-height:36px;border-radius:12px 12px 0 0;background:#6c767f;color:#fff;font-weight:500;text-align:center;}
.vtab li a.selected{background:#EB3A90;}
.vtab:after{clear:both;display:block;content:''}
.vcontent{display:none;position:absolute;left:0;right:0;top:76px;bottom:0;}
.vcontent .generate_content{position:absolute;left:0;right:0;top:0;bottom:90px;overflow:hidden;overflow-y:auto}
.vcontent .generate_ft{position:absolute;left:0;bottom:10px;right:0;margin:0 20px;height:80px;}
.progress_success{margin:0 20px;padding:5px 0;text-align:center;color:#fda336;line-height:20px;}
.progress{margin:0 20px;border-radius:2px;border:solid 1px #979797;background:#fff;height:4px;}
.progress_bar{background:#fda336;height:4px;border-radius:2px;}
.vcontent .generate_ft .form_btn{margin:5px 0 0;}
.vcontent .video_content{position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden;overflow-y:auto}
.video_content h4{text-align:center;color:#a3a3a3;font-size:16px;}
.video_li li{margin:15px 20px 0;padding-left:35px;background:url(/images/ico_mp.png) 0 0 no-repeat;background-size:28px 23px;}
.video_li li:nth-child(1){margin:10px 20px 0;}
.video_li li .video_file{color:#5fbdf0;font-size:14px;line-height:23px;}
.video_li li .video_ctr{text-align:center;margin-top:10px;}
.video_li li .video_ctr .btn + .btn{margin-left:15px;}
.video_li li .video_ctr .btn{width:110px;height:30px;line-height:30px;color:#fff;border-radius:12px;font-size:13px;}
.video_li li .video_ctr .btn.btn_upload_ytb{background:#1a1b1c;}
.video_li li .video_ctr .btn.btn_video_dl{background:#fda336;}

.cate_tt{display:none;position:absolute;left:0;bottom:83px;width:190px;padding:10px 5px;border-radius:6px;z-index:100;background-color:#000;color:#fff;}
.cate_tt:after{position:absolute;bottom:-20px;left:15px;display:block;width:23px;height:20px;background-image:url(/images/bg_tt_up.png);background-repeat:no-repeat;background-position:100% 50%;background-size:23px 20px;content:''}
.cate_tt .tt_d1{font-size:12px}
.cate_tt .tab_img{margin-bottom:5px;}
.cate_tt .tab_img img{height:20px;}
.cate_tt .key_desc{padding:10px 10px;}
.cate_tt .key_desc div{position:relative;float:left;width:50%;}
.cate_tt .key_desc:after{clear:both;display:block;content:''}
.cate_tt .key_desc img{height:20px;vertical-align:middle}
.cate_tt .key_desc_sc{font-size:13px;}
.cate_tt .key_desc_sc em{display:inline-block;margin:0 10px 0 14px;}
.cate_tt .key_desc_sb{font-size:11px;}
.cate_tt .key_desc_sb span{display:block;padding-right:30px;position:relative;line-height:11px;height:22px;}
.cate_tt .key_desc_sb span:after{position:absolute;top:0;right:5px;display:block;width:22px;height:22px;content:'';background-size:22px 22px;background-repeat:no-repeat;background-position:0 0;}
.cate_tt .key_desc_sb span.lsc:after{background-image:url(/images/bg_key_sbl.png);} 
.cate_tt .key_desc_sb span.rsc:after{background-image:url(/images/bg_key_sbr.png);} 
.write_input{position:absolute;left:0;right:0;bottom:0;width:100%;height:170px;background:#fafafa;border-radius:6px 6px 6px 6px;z-index:100;}
.write_input_show{bottom:0}
.inp_category{position:relative;padding:3px 135px 0 0;height:66px;background:#1a1b1c;border-radius:6px 6px 0 0}
.inp_cate_left{position:relative;padding:3px 3px 0 115px;z-index:10}
.inp_cate_left li{position:absolute;width:50px;height:63px;text-align:center;cursor:pointer}
.inp_cate_left li:nth-child(1){position:absolute;left:3px;top:3px}
.inp_cate_left li:nth-child(2){position:absolute;left:56px;top:3px}
.inp_cate_left li:nth-child(3){position:relative;width:100%;text-align:left}
.inp_cate_left li:nth-child(3).selected{cursor:auto}
.inp_cate_left li:nth-child(3).selected .cate_tt{width:240px;}
.dialog_wrap{position:relative;padding-left:63px}
.dialog_wrap .dialog_icon{position:absolute;left:0;top:0;width:63px;text-align:center}
.dilog_user_list{width:100%;height:63px;overflow:hidden;display:none}
.inp_cate_left li:nth-child(3).selected .dilog_user_list{display:block}
.dilog_user_list div{float:left;min-width:50px;padding:0 5px;height:50px;padding-top:13px;text-align:center}
.dilog_user_list div span{position:relative;display:inline-block;width:30px;height:30px;border-radius:3px}
.dilog_user_list div img{width:30px;height:30px;border-radius:3px}
.dilog_user_list div:hover span:after{display:inline-block;position:absolute;left:0;top:0;width:28px;height:28px;border-radius:3px;border:1px solid #EB3A90;content:''}
.dilog_user_list div.selected span:after{display:inline-block;position:absolute;left:0;top:0;width:26px;height:26px;border-radius:3px;border:2px solid #EB3A90;content:''}
.dilog_user_list div em{display:block;margin-top:3px;color:#8799a5;font-size:11px;line-height:13px}
.dilog_user_list:after{content:'';display:block;clear:both}
.inp_cate_left li strong{display:block;padding:2px 0;font-size:11px;color:#fff;font-weight:normal}
.inp_cate_left li .cate_icon{position:relative;display:inline-block;width:32px;height:27px;text-align:center;line-height:27px;border-radius:9px;color:#fff;font-weight:500;box-shadow:-2px 1px 4px 0 rgba(0, 0, 0, 0.5);background-color:#8799a5}
.inp_cate_left li span.ic_pub{background-image:url(/images/ic_pub.png);background-position:50% 10px;background-repeat:no-repeat;background-size:17px 16px}
.inp_cate_left li span.ic_pub em{display:block;position:absolute;left:0;top:30px;color:#ee6764;width:100%;font-size:11px;line-height:14px;text-align:center}
.inp_category li.selected{border-radius:10px 10px 0 0;background:#fff}
.inp_category li.selected strong{color:#000}
.inp_cate_left:after{clear:both;display:block;content:''}
.inp_cate_right{position:absolute;top:10px;right:3px}
.inp_cate_right li{float:left;width:63px;height:63px;text-align:center;cursor:pointer}
.inp_cate_right li strong{display:block;padding:2px 0;font-size:11px;line-height:14px;color:#fff;font-weight:normal}
.inp_cate_right li span{position:relative;display:inline-block;width:32px;height:27px;border-radius:9px;color:#fff;font-weight:500;line-height:27px;box-shadow:-2px 1px 4px 0 rgba(0, 0, 0, 0.5);background-image:linear-gradient(229deg, #f2c572, #EB3A90)}
.inp_cate_right:after{clear:both;display:block;content:''}
.inp_cont{position:relative;height:60px;background:#fafafa;margin:0 3px;z-index:20;}
.wuser{position:absolute;left:0;top:0;width:78px;height:78px;text-align:center}
.wuser .btn{position:absolute;display:inline-block;width:12px;height:12px;background-repeat:no-repeat;background-position:50% 50%}
.btn_dlc{top:33px;left:5px;background-image:url(/images/cleft.png);background-size:7px 12px}
.btn_drc{top:33px;right:5px;background-image:url(/images/cright.png);background-size:7px 12px}
.btn_dtc{top:5px;left:33px;background-image:url(/images/ctop.png);background-size:12px 7px}
.btn_dbc{bottom:5px;left:33px;background-image:url(/images/cbot.png);background-size:12px 7px}
.wuser_img img{position:absolute;top:23px;left:23px;border-radius:100%;width:32px;height:32px}
.inp_cont .cre_txt{width:100%;height:60px;padding:5px 10px;line-height:20px;font-size:14px;border-radius:6px;resize:none;box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-appearance:none;outline:none;border:solid 1px #b6bfc6;color:#1a1b1c;font-weight:500;background-color:#fff}
.inp_cont .cre_txt.rec_txt{border:1px solid #ff9384}
.inp_cont .cre_txt::placeholder{color:#b2b2b2}
.write_inp_reg{padding:5px 5px 35px 100px}
.write_inp_reg .sel_character{position:absolute;left:5px;top:5px;width:90px;height:60px;font-size:12px;line-height:20px;text-align:center}
.write_inp_reg .sel_character .char_timg{display:block}
.write_inp_reg .sel_character .char_timg img{width:24px;height:24px;border-radius:100%}
.write_inp_reg .sel_character .char_name{font-size:14px;color:#EB3A90;font-weight:500;display:block}
.write_inp_reg .sel_character .char_reaction{display:block;font-size:11px;color:#8799a5;font-weight:500;display:block}
.write_inp_reg .wuser_name{position:absolute;left:90px;top:0;font-size:12px;line-height:20px}
.write_inp_reg .wuser_name strong{color:#EB3A90}
.write_inp_reg .write_txt{height:60px}
.character_atcmp{z-index:40;position:absolute;left:0;bottom:95px;width:100%;border-radius:5px;box-shadow:-2px -3px 9px 0 rgba(0, 0, 0, 0.5);background-color:#fff}
.atcmp_info{padding:5px 10px 10px;border-bottom:1px solid #b6bfc6}
.atcmp_info h3{color:#EB3A90;padding-left:25px}
.atcmp_info p{color:#8799a5;font-size:12px}
.atcmp_info p img{height:12px;vertical-align:middle}
.character_list{height:150px;overflow:hidden;overflow-y:auto}
.char_li{position:relative;margin-top:5px;padding:2px 10px 2px 150px}
.char_li:nth-child(1){margin-top:0}
.char_li .c_name{position:absolute;left:10px;top:2px;width:130px;text-align:right;line-height:25px;font-size:12px;color:#1a1b1c}
.char_li:hover{background:#cce5ee}
.char_li:hover:after{position:absolute;top:0;right:0;display:block;width:5px;height:100%;background:#a6e0ee;content:''}
.char_li .btn_add_char{display:inline-block;width:25px;height:25px;background:url(/images/btn_add_crt_s.png) 50% 50% no-repeat;background-size:20px 21px;vertical-align:top}
.char_li.selected_char_li{background:#ffdcd7}
.char_li.selected_char_li .c_name{color:#EB3A90;font-weight:500}
.char_li.selected_char_li:after{position:absolute;top:0;right:0;display:block;width:5px;height:100%;background:#ffafa4;content:''}
.react_list li{display:inline-block;min-width:50px;text-align:center}
.react_list li img{width:25px;height:25px;border-radius:3px}
.react_list li:hover img{width:23px;height:23px;border-radius:3px;border:1px solid #EB3A90}
.react_list li span{display:block;margin-top:3px;color:#8799a5;font-size:11px;line-height:13px}
.character_expression{position:absolute;left:50%;bottom:160px;margin-left:-120px;width:240px;border-radius:5px;box-shadow:-2px -3px 9px 0 rgba(0, 0, 0, 0.5);background-color:#fff}
.expression_hd{padding:5px 10px 5px}
.expression_list{padding:5px 0;height:204px;overflow:hidden;overflow-y:auto}
.exp_li{position:relative;padding:2px 0 2px 60px}
.exp_li:hover{background:#cee7ef}
.exp_li em{display:block;position:absolute;left:5px;top:2px;width:50px;height:30px;line-height:30px;color:#b6bfc6;font-size:11px;font-weight:500}
.exp_li .btn_add_exp{display:inline-block;width:30px;height:30px;background:url(/images/btn_add_exp.png) 0 0 no-repeat;background-size:30px 30px;vertical-align:top}
.exp_li img{width:30px;height:30px;border-radius:5px;vertical-align:top}
.exp_li span{display:inline-block;margin-left:10px;line-height:30px;font-weight:500;color:#8799a5;font-size:12px}
.expression_hd h3{color:#EB3A90;padding-left:25px}
.dpt_inp_reg{padding:5px 5px 35px 5px}
.dpt_inp_reg .write_txt{padding:0px 0px}
.inp_cont .btn_create{position:absolute;bottom:10px;right:10px;width:90px}
.inp_cont .btn_dcreate{position:absolute;bottom:10px;right:10px;width:90px}
.scene_inp_reg{padding:5px 5px 35px 50px}
.sel_scene_num{position:absolute;left:5px;top:10px;width:40px;font-size:12px;color:#9b9b9b}
.scene_row_t{position:relative;padding-right:235px}
.scene_row_b{position:relative;margin-top:5px;padding-right:140px}
.scene_sel{position:absolute;top:0;height:30px}
.scene_day{width:65px;right:160px}
.scene_place{width:65px;right:90px}
.scene_when{width:85px;right:0}
.select_scene_sel{position:relative;display:block;width:63px;height:30px;box-shadow:inset 0 1px 3px 0 rgba(0, 0, 0, 0.5); border:solid 1px #b6bfc6; background-color:#fff;border-radius:7px;cursor:pointer}
.scene_when .select_scene_sel{width:83px}
.select_scene_sel strong{display:block;padding:0 17px 0 5px;font-size:12px;font-weight:normal;line-height:30px;font-size:11px}
.select_scene_sel span{z-index:1;position:absolute;top:10px;right:3px;display:inline-block;width:14px;height:10px;background:url(/images/bg_sel_trg.png) 0 0 no-repeat;background-size:14px 10px;-webkit-transition:all 0.1s ease;transition:all 0.1s ease;-webkit-transform:rotate(0deg);transform:rotate(0deg)}
.secne_sel_show .select_scene_sel span{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.scene_sel .ly_lst{display:none;position:absolute;left:0;bottom:30px;width:65px;border-radius:2px;box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.5);background-color:#fff}
.secne_sel_show .ly_lst{display:block}
.scene_sel .ly_lst li{padding:0 5px;cursor:pointer}
.scene_when .ly_lst{width:85px}
.scene_when .scn_inp{padding:0 17px 0 5px;border:0;font-size:11px}
.sel_r{margin-left:7px;border:1px solid #d8d8d8;border-radius:6px;overflow:hidden}
.sel_r .sel{padding-left:10px;border-radius:6px;font-size:13px}
.chk_box{position:absolute;top:0;right:0;width:130px;padding-top:7px;margin-left:7px;line-height:30px}
.btn_complete.btn_create_scene{width:80px}
.add_iml{width:100%;margin-top:5px}
.add_iml .aimg{position:relative;float:left;margin-right:5px;height:40px;width:40px;overflow:hidden}
.add_iml .aimg img{max-width:40px;max-height:40px}
.add_iml .btn_img_del{top:0;right:0}
.add_iml:after{clear:both;display:block;content:''}
.scn_inp{display:block;position:relative;width:100%;height:30px;line-height:30px;border:none;padding:0 10px;border:1px solid #d8d8d8;border-radius:6px;font-size:13px;color:#9b9b9b;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:10;appearance:none;-webkit-appearance:none}
.insert_bar{position:absolute;left:0;bottom:0;width:100%;height:30px;background:#fafafa;z-index:30;}
.insert_bar ul li{position:relative;float:left;height:30px}
.insert_bar ul li:after{position:absolute;right:0;top:7px;display:block;width:1px;height:16px;background:#d8d8d8;content:''}
.insert_bar ul li .btn{width:40px;height:30px;background-position:50% 50%;background-repeat:no-repeat}
.insert_bar ul li .ic_tt_ups{display:none;position:absolute;left:0px;bottom:41px;width:180px;padding:10px 10px;border-radius:6px;background-color:#000000;color:#fff;}
.insert_bar ul li .ic_tt_ups:after{position:absolute;bottom:-11px;left:10px;display:block;width:26px;height:11px;background-image:url(/images/bg_tt_ups.png);background-repeat:no-repeat;background-position:100% 50%;background-size:26px 11px;content:''}
.btn_cmr{background-image:url(/images/btn_ist_cmr.png);background-size:16px 16px}
.btn_msc{background-image:url(/images/btn_ist_msc.png);background-size:20px 20px}
.btn_mov{background-image:url(/images/btn_ist_mov.png);background-size:16px 16px}
.btn_lnk{background-image:url(/images/btn_ist_link.png);background-size:12px 16px}
.btn_vdo{background-image:url(/images/btn_ist_vdo.png);background-size:20px 16px}
.btn_img{background-image:url(/images/btn_ist_img.png);background-size:18px 21px}
.insert_bar ul li .btn_sbg{width:95px !important;padding-left:25px;background-image:url(/images/btn_ist_img.png);background-size:18px 21px;background-position:10px 50%;line-height:30px;font-size:12px;color:#b2b2b2}
.insert_bar ul li .btn_toon{width:110px !important;padding-left:31px;background-image:url(/images/toon.png);background-size:22px 19px;background-position:10px 50%;line-height:30px;font-size:12px;color:#b2b2b2}
.insert_bar ul:after{clear:both;display:block;content:''}
.insert_bar .onoff_txt{position:absolute;top:2px;left:170px}
.btn_ptf{position:absolute;top:6px;right:13px;width:90px;height:18px;font-size:11px;line-height:18px;color:#fff;background:#f2c572}
.profile_img_area{padding:20px 20px}
.upload_img{width:360px;margin:0 auto}
.upload_img li{position:relative;float:left;width:120px}
.upload_img li div{margin:0 auto;width:100px}
.upload_img:after{clear:both;display:block;content:''}
.up_img_r{position:relative;width:100px;height:100px;margin:0 auto}
.up_img_r{width:100px;height:100px;background-color:#d8d8d8;background-image:url(/images/bg_cmr_w.png);background-repeat:no-repeat;background-position:50% 50%;background-size:39px 33px;box-shadow:0 20px 40px 0 rgba(0, 0, 0, 0.2)}
.up_img_r img{width:100px;height:100px}
.btn_complete{position:absolute;top:0px;right:2px;width:70px;height:26px;line-height:26px;background:#EB3A90 url(/images/ic_write.png) 50px 50% no-repeat;background-size:9px 14px;border-radius:10px;color:#fff;font-size:11px}
.btn_dpt_voice{position:absolute;top:0px;right:82px;width:70px;height:26px;line-height:26px;background:#EB3A90 url(/images/btn_mic.png) 50px 50% no-repeat;background-size:9px 14px;border-radius:10px;color:#fff;font-size:11px}
.btn_recoding_comp{position:absolute;top:0px;right:82px;width:70px;height:26px;border-radius:10px;border:2px solid #ff9284;background-color:#fff;}
.btn_recoding_comp span{display:inline-block;width:36px;height:16px;
animation:rec_comp 1s;
animation-iteration-count:infinite;
animation-timing-function:ease;
background-image:url('/images/btn_voice.png');
background-repeat:no-repeat;
background-position:50% 50%;
background-size:36px 16px}
@keyframes rec_comp {
    0% {
        opacity:0;
    }    
	50% {
        opacity:1;
    }
    100% {
        opacity:0;
    }
}
.recording{position:absolute;left:50%;top:0;height:23px;width:46px;margin-left:-23px;overflow:hidden}
.recording span{display:block;width:92px;height:23px;
animation:rec 1s linear infinite;
background-image:url('/images/bg_wave.png');
background-repeat:repeat;
background-size:46px 23px}
@keyframes rec {
    0% {
        background-position:0 0;
    }
	
    100% {
        background-position:100% 0;
    }
}
.btn_modify_save{position:absolute;top:0px;right:2px;width:90px;height:26px;line-height:26px;background:#8799a5;border-radius:10px;color:#fff;font-size:11px}
.dialog_etc_btn{position:absolute;top:3px;right:100px;}
.etc_btn{float:right;width:20px;height:20px;position:relative;}
.btn_arrow_ud{float:right;margin-right:10px;width:20px;height:20px;position:relative;}
.btn_cancel_modify{margin-right:10px;width:20px;height:20px;background:url(/images/btn_del_modify.png) 0 0 no-repeat;background-size:20px 20px}
.btn_up{width:20px;height:20px;background:url(/images/btn_rd_up.png) 50% 50% no-repeat;background-size:18px 18px}
.btn_dw{width:20px;height:20px;background:url(/images/btn_rd_dw.png) 50% 50% no-repeat;background-size:18px 18px}
.dialog_etc_btn .ic_tt_ups{display:none;position:absolute;left:-65px;bottom:31px;width:130px;padding:10px 10px;border-radius:6px;background-color:#000000;color:#fff;}
.dialog_etc_btn .ic_tt_ups:after{position:absolute;bottom:-11px;left:50%;margin-left:-13px;display:block;width:26px;height:11px;background-image:url(/images/bg_tt_ups.png);background-repeat:no-repeat;background-position:100% 50%;background-size:26px 11px;content:''}
.dialog_etc_btn:after{clear:both;display:block;content:''}
.sbar .btn_complete{background-image:none}
.btn_ly_colse{position:absolute;z-index:100;left:10px;top:3px;width:24px;height:24px;font-size:11px;color:#fff;border-radius:2px;background-image:url(/images/btn_cls_ly.png);background-size:16px 16px;background-repeat:no-repeat;background-position:50% 50%}
.btn_ly_colse.btn_talk_close{position:absolute;left:auto;right:10px;top:0;width:30px;height:30px;background-image:url(/images/btn_cls_ly.png);background-size:30px 30px;background-position:50% 50%}
.btn_plot_open{position:absolute;z-index:20;left:0;top:180px;width:26px;min-height:50px;padding:10px 8px;font-size:11px;color:#fff;border-radius:2px;background-color:#EB3A90;box-shadow:0 1px 4px 0 rgba(0, 0, 0, 0.1)}
.pibox{position:absolute;left:0;right:0;top:30px;bottom:0;border-radius:0 0 3px 3px;background:#fafafa}
.pirbox{position:absolute;top:100px;left:0;right:0;bottom:0;border-radius:24px 24px 3px 3px;overflow-x:hidden;overflow-y:auto;box-shadow:0 4px 10px 0 rgba(0, 0, 0, 0.5);background-color:#fff}
.view_wrap .pirbox{background:none}
.plot_hd{padding:20px 5px 0}
.plot_info{position:relative;padding:0 10px 0 100px;margin-bottom:15px;color:#8799a5;font-size:16px}
.plot_info strong{position:absolute;left:10px;top:0;font-weight:normal;display:inline-block;margin-right:10px}
.plot_tit{text-align:center;padding-top:10px;font-size:18px;color:#b2b2b2;font-weight:normal}
.plot_btn{margin-top:15px;text-align:center}
.plot_btn .btn_add_plot{padding:0 10px;height:20px;line-height:20px;font-size:12px;border-radius:10px;font-weight:500;box-shadow:0 1px 4px 0 rgba(0, 0, 0, 0.1);background-color:#d8d8d8}
.plot_btn .btn_y{background:#f2c572;color:#fff;font-size:11px;width:120px}
.plot_act_btn{margin-top:5px;text-align:center}
.plot_inp_btn{margin-top:10px;text-align:center}
.btn_make_act,.btn_make_inputs{display:inline-block;width:36px;height:34px;background:url(/images/btn_add_r.png) 0 0 no-repeat;background-size:36px 34px}
.pbox .form_tit{color:#8799a5;font-weight:normal;margin-bottom:0}
.view_wrap .pbox .form_tit{color:#8799a5}
.pbox .form_btn .btn_r{width:180px;margin:0 auto}
.pbox .form_btn{margin-top:20px;padding-bottom:20px}
.pirbox .inp_box{height:30px;padding:0}
.form_btn .btn.btn_apply{width:200px;color:#fff;line-height:20px;height:60px;border-radius:30px;box-shadow:0 10px 20px 0 rgba(0, 0, 0, 0.2);background-image:linear-gradient(252deg, #f2c572, #EB3A90)}

.act_list{margin:15px 0 0}
.act_list > li{position:relative;padding-bottom:10px}
.scene_list li .form_tit{margin:10px 30px 0}
.scene_list li .form_box{margin:0}
.scene_list li .form_box .inpt{line-height:30px;padding:0 10px}
.scene_list li .scene_box{position:relative;padding:5px 30px}
.obox .scene_list li .scene_box{position:relative;padding:5px 30px 5px 50px}
.vw_scene_num{position:absolute;left:5px;top:5px;width:40px;line-height:30px;text-align:right;color:#b2b2b2;font-size:12px}
.vw_scene_ct{padding:5px 5px;min-height:20px;line-height:20px;color:#000;font-size:12px;border-radius:3px;box-shadow:0 1px 4px 0 rgba(0, 0, 0, 0.1);background-color:#fff}
.scene_list li .scene_box.hover{box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.5);background-color:#f6f8f9;background-image:url(/images/bg_drg.png);background-position:5px 50%;background-repeat:no-repeat;background-size:11px 25px}
.view_wrap .scene_list li .scene_box.hover{background-image:none}
.scene_hover{display:none;position:absolute;top:45px;right:65px;z-index:100}
.scene_hover .ic_link .ic_tt{left:auto;width:140px;}
.btn_arrow{display:none;position:absolute;top:50%;right:5px;margin-top:-8px;width:18px;height:16px;background:url(/images/ic_arr_sc.png) 0 0 no-repeat;background-size:18px 16px}
.scene_box.hover .btn_arrow{display:block}
.btn_act_box{margin:0 5px}
.btn_act{position:relative;display:block;width:100%;height:28px;background:#ebf3f7;font-size:16px;text-align:left}
.btn_act span{display:block;padding-left:35px;line-height:28px}
.btn_act span strong{color:#b6bfc6;font-weight:normal}
.btn_act em.arr{position:absolute;top:8px;right:15px;display:inline-block;width:15px;height:11px;background:url(/images/ic_arr_act.png) 0 0 no-repeat;background-size:15px 11px;-webkit-transition:transform 0.3s ease;transition:transform 0.3s ease;-webkit-transform:rotate(0deg);transform:rotate(0deg)}
.btn_act.btn_act_open em.arr{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.main_list li .form_tit{margin:10px 10px 0}
.main_list li .form_tit .form_lb{position:relative;padding-right:20px}
.main_list li .form_tit label{display:block;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.main_list li .form_tit .form_lb_modify{position:relative;padding-right:20px}
.form_lb_modify .inp_box{height:30px}
.form_lb_modify .inp_box .inpt{height:30px;line-height:30px}
.form_lb_modify .inp_box.btn_box{padding:0 50px 0 0;width:auto}
.form_lb_modify .inp_box .btn_fbt{height:30px;line-height:30px}
.btn_modify_form{position:absolute;top:0;right:0;display:inline-block;width:20px;height:30px;background:url(/images/btn_modify_form.png) 50% 50% no-repeat;background-size:12px 12px}
.btn_modify_cancel{position:absolute;top:0;right:0;display:inline-block;width:20px;height:30px;background:url(/images/btn_rdel.png) 50% 50% no-repeat;background-size:19px 19px}
.main_list li .main_char_box{position:relative;padding:5px 10px}
.scene_ct{margin:0;display:none}

.dfrdo_bx{position:relative;display:inline-block}
.dfrdo_bx + .dfrdo_bx{margin-left:10px}
.dfrdo{position:absolute;top:0;left:0;width:11px;height:11px;cursor:pointer;border:0;border-radius:100%;background:0 0;-webkit-appearance:none;outline:none}
.dfrdo_lb{font-size:12px;line-height:17px;height:17px;padding-left:20px;cursor:pointer;color:#4a4a4a;border:0;border:1px solid #f5f6f7;background-image:url(/images/rdos.png);background-position:0 50%;background-repeat:no-repeat;background-size:11px 11px}
.dfrdo:checked+label{background-image:url(/images/rdos_ckd.png)}

.char_reg{margin:0 20px;padding:30px 0}
.char_reg_img_area{position:relative;padding:9px 0 0 100px}
.char_img{position:absolute;left:0;top:0;width:68px;height:68px;border-radius:5px; }
.char_img_r{width:68px;height:68px;border-radius:5px;background-image:url(/images/btn_img_upw.png);background-repeat:no-repeat;background-position:50% 50%;background-size:39px 33px; box-shadow:0 1px 4px 0 rgba(0, 0, 0, 0.1);background-color:#d8d8d8;overflow:hidden}
.char_img .btn_img_del{top:-5px;right:-5px}
.char_img_r img{width:68px;height:68px;border-radius:5px}
.char_reg_img_area .form_box{margin-top:0}
.btn_reg_char{background-image:url(/images/ic_arr_bot.png);background-position:right 20px top 50%;background-repeat:no-repeat;background-size:10px 13px}
.cr_tit{padding:0 20px;color:#4a4a4a;font-size:13px}
.cr_hd{margin:5px 20px 0;background:#fff;border-radius:3px 3px 0 0;border:solid 1px #d8d8d8}
.cr_hd div{position:relative;float:left;height:40px;width:30%;color:#000;font-size:13px;line-height:40px;text-align:center;font-weight:500}
.cr_hd div:after{content:'';position:absolute;left:0;top:0;display:block;width:1px;height:100%;background:#d8d8d8}
.cr_hd div.cr_hd1{width:40%}
.cr_hd div.cr_hd1:after{display:none}
.cr_hd:after{clear:both;display:block;content:''}
.cr_lst{position:relative;padding:0 20px;height:41px}
.cr_lst:hover:before{content:'';position:absolute;left:0;top:-1px;width:20px;height:40px;border-top:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;background:#fff;background-image:url(/images/bg_drg.png);background-position:50% 50%;background-size:11px 25px;background-repeat:no-repeat}
.cr_lst:hover:after{content:'';position:absolute;right:0;top:-1px;width:20px;height:40px;border-top:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;background:#fff}
.cr_bd .char_name{position:relative;float:left;width:40%;height:40px;background:#fff;border-bottom:1px solid #d8d8d8}
.cr_bd .pts{position:relative;float:left;width:30%;height:40px;line-height:40px;background:#fff;text-align:center;border-bottom:1px solid #d8d8d8}
.cr_bd .casting_btn{position:relative;float:left;width:30%;height:40px;background:#fff;text-align:center;border-bottom:1px solid #d8d8d8}
.cr_bd .char_name:after,.cr_bd .pts:after,.cr_bd .casting_btn:after{content:'';position:absolute;left:0;top:0;display:block;width:1px;height:100%;background:#d8d8d8}
.cr_bd .casting_btn:after{left:-1px}
.cr_bd .casting_btn:before{content:'';position:absolute;right:0;top:0;display:block;width:1px;height:100%;background:#d8d8d8}
.cr_lst:hover .char_name:after,.cr_lst:hover .pts:after,.cr_lst:hover .casting_btn:after,.cr_lst:hover .casting_btn:before{display:none}
.char_name .cimg{position:absolute;left:4px;top:4px;width:32px;height:32px;border-radius:5px;overflow:hidden}
.char_name .cimg img{width:32px}
.char_name .cname{display:block;padding:4px 0 4px 40px;line-height:32px;font-size:14px;font-weight:normal;color:#4a4a4a}
.casting_btn .btn_casting,.casting_btn .btn_off{margin-top:4px;width:80px;height:32px;line-height:32px;font-size:12px}
.casting_btn .btn_cast_del{display:inline-block;width:19px;height:19px;vertical-align:middle;margin-left:5px;background:url(/images/btn_rdel.png) 0 0 no-repeat;background-size:19px 19px}
.cr_bd:after{clear:both;display:block;content:''}

.reaction_desc{margin:0 10px;font-size:12px;line-height:16px;color:#938f8f}
.reaction_tit{margin:0 0 10px;font-size:14px;line-height:16px;color:#4a4a4a}
.reaction_select{position:relative;margin:15px 10px;z-index:10}
.reaction_selected{display:block;position:relative;height:18px;font-size:12px;font-weight:500;padding:5px 80px 5px 50px;border:1px solid #9b9b9b;background:#fff;border-radius:3px;background-image:url(/images/bg_ly_arr.png);background-position:right 5px top 11px;background-repeat:no-repeat;background-size:11px 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.reaction_selected .scene_num{position:absolute;top:0;left:0;display:inline-block;width:40px;padding:5px 0 0 5px}
.reaction_selected .scene_time{position:absolute;top:0;right:15px;display:inline-block;width:65px;padding:5px 0 0 0}
.rdp{width:11px;height:11px;cursor:pointer;border:0;border-radius:0;background:0 0;background-image:url(/images/rdos.png);background-size:11px 11px;-webkit-appearance:none;outline:none}
.ckp{width:11px;height:11px;cursor:pointer;border:0;border-radius:0;background:0 0;background-image:url(/images/chk.png);background-size:11px 11px;-webkit-appearance:none;outline:none}
.rdp:checked{background-image:url(/images/rdos_ckd.png);background-size:11px 11px}
.ckp:checked{background-image:url(/images/chked.png);background-size:11px 11px}

.cbox_in_layer{display:none;position:absolute;z-index:101;left:0;top:0;right:0;bottom:0;background:#f2f5f6}
.wlayer_ct{position:absolute;top:70px;left:0;right:0;bottom:50px;z-index:25;overflow-x:hidden;overflow-y:auto}
.wlayer_ct_fb{bottom:70px}
.set_ct{position:absolute;top:30px;left:0;right:0;bottom:0;z-index:25;overflow-x:hidden;overflow-y:auto}
.wlayer_ibox{padding:15px 0}
.cbox .h_tab{position:absolute;top:30px;left:0;right:0}
.cbox .h_tab .tab_wrap{position:static;top:0;left:0}
.cbox .h_tab .htab{max-width:100%}
.reaction_open_list{display:none;position:absolute;top:29px;left:0;z-index:2;border:1px solid #9b9b9b;background:#fff;width:100%;box-sizing:border-box}
.reaction_open_list ul{width:100%}
.reaction_open_list ul li{display:block;position:relative;border-top:1px solid #9b9b9b;height:18px;font-size:12px;font-weight:500;padding:5px 80px 5px 50px;background:#fff;cursor:pointer}
.reaction_open_list ul li:nth-child(1){border:0}
.reaction_open_list ul li:hover{background:#eee}
.reaction_open_list ul li .scene_num{position:absolute;top:0;left:0;display:inline-block;width:40px;padding:5px 0 0 5px}
.reaction_open_list ul li .scene_time{position:absolute;top:0;right:15px;display:inline-block;width:65px;padding:5px 0 0 0}
.rm_ul{margin:10px 10px 0;background:#fff;border:1px solid #8799a5;border-radius:3px}
.rm_ul .rm_li{position:relative;padding-left:80px;min-height:40px;border-top:1px solid #d8d8d8}
.rm_ul .rm_li:nth-child(1){border-top:0}
.reaction_kinda{position:absolute;left:0;top:50%;margin-top:-20px;width:80px;text-align:center;font-weight:500;font-size:14px;line-height:20px;color:#000}
.reaction_kinda span{color:#b6bfc6}
.reaction_make{padding:5px;background:#f2f5f6;border-left:1px solid #d8d8d8}
.reaction_make .form_tit{font-size:12px;line-height:16px;margin-top:5px}
.reaction_make .inp_box{z-index:1;height:30px}
.reaction_make .inp_btn_make{padding-right:60px}
.reaction_make .inp_sn_box{padding-right:0;height:30px;width:200px}
.reaction_make .inp_box .inpt{line-height:30px;padding:0 10px;}
.reaction_make .inp_box .btn_reaction_make{position:absolute;top:0;right:0;width:60px;height:30px;display:inline-block;font-size:11px;color:#fff;border-radius:0 3px 3px 0;box-shadow:0 1px 4px 0 rgba(0, 0, 0, 0.1);background-color:#EB3A90}
.rc_list li{position:relative;float:left;margin:5px 5px 0 0;padding:0 25px 0 20px;height:20px;font-size:12px;border-radius:3px;box-shadow:0 1px 4px 0 rgba(0, 0, 0, 0.1);border:solid 1px #979797;background-color:#fff}
.rc_list li .btn_rc_del{position:absolute;top:0;right:0;display:inline-block;width:20px;height:20px;background:url(/images/btn_del.png) 50% 50% no-repeat;background-size:7px 7px}
.rc_list li .rdp,.rc_list li .ckp{position:absolute;left:5px;top:4px}
.rc_list:after{clear:both;display:block;content:''}
.fxb_btn{position:absolute;left:0;right:0;bottom:0;z-index:25;height:30px;padding:10px 0;text-align:center;border-radius:10px 10px 3px 3px;box-shadow:0 -1px 4px 0 rgba(0, 0, 0, 0.5);background-color:#fafafa}
.fxb_txt_btn{height:50px}
.fxb_btn p{font-size:11px;line-height:14px;margin-bottom:5px;color:#8799a5}
.fxb_btn .btn{width:150px;height:30px;line-height:30px;font-size:14px;color:#fff;font-weight:500;border-radius:15px}
.btn_add_into_scene{width:200px !important}
.setting_form{margin:0 20px}
.setting_form .form_box{margin-top:15px}
.setting_form .form_tit{position:relative}
.posted_msg{margin-top:20px;}
.caution{margin-top:30px;font-size:13px;color:#a0a0a0;}
.caution .agree_check{margin-top:10px;position:relative;text-align:center;}
.rdo_lst_tit{padding-bottom:10px;font-size:16px;color:#4a4a4a;font-weight:500}
.rdo_lst{padding:0 10px 20px}
.rdo_lst li{position:relative;margin-top:10px;min-height:30px}
.ofrdo{position:absolute;top:0;right:0;display:inline-block;width:29px;height:29px;background:url(/images/rdo.png) 0 0 no-repeat;background-size:29px 29px}
.ofrdo:checked{background:url(/images/rdo_ckd.png) 0 0 no-repeat;background-size:29px 29px}
.btn_pw_set_box{padding:0 60px 0 0px;height:30px}
.btn_pw_set_box .inpt{line-height:30px;padding:0 10px;}
.btn_pw_set_box .btn_pw_set{position:absolute;top:0;right:0;border-radius:0 5px 5px 0;height:30px;line-height:30px;width:60px;font-size:11px;color:#fff;box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.5);background-color:#8799a5}
.ss-main .ss-multi-selected .ss-values .ss-value {background:#37404a !important;}
.ss-list .ss-option:hover{color:#fff;background-color:#37404a !important}
.ss-content .ss-list .ss-option.ss-highlighted, .ss-content .ss-list .ss-option:not(.ss-disabled).ss-selected{background-color: #EB3A90 !important;}
.ss-main{gap:16px}

.write_popup{display:none;position:absolute;top:40px;bottom:10px;left:50%;margin-left:-200px;width:400px;z-index:1000;box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.5);border-radius:15px}
.black_scrn_abs{display:none;position:absolute;z-index:999;left:0;right:0;top:0;bottom:0;background-color:rgba(0, 0, 0, 0.7)}
.wp_hd{position:relative;width:100%;height:30px;background:#1a1b1c;text-align:center;border-radius:15px 15px 0 0}
.wp_hd .ptit{line-height:30px;font-size:16px}
.wp_hd .btn{top:0;height:30px}
.wp_bd{position:absolute;left:0;top:30px;right:0;bottom:0;overflow-x:hidden;overflow-y:auto;background:#fff;border-radius:0 0 15px 15px}
.wp_bd .form_wrap{padding:20px 0}
.xbtn{text-align:center;padding-bottom:20px;}
.xbtn .btn_layer_x{width:40px;height:40px;background:url(/images/btn_close_rd.png) 0 0 no-repeat;background-size:40px 40px}
.post_ct{padding:30px 0 10px;text-align:center}
.post_ct p{font-size:16px;line-height:26px}
.loading{margin-bottom:20px}
.loading em{display:inline-block;vertical-align:top;color:#b2aaaa;font-size:15px;line-height:24px}
.loading span{display:inline-block;width:24px;height:24px;margin-right:10px;background:url(/images/loding.png) 0 0 no-repeat;background-size:24px 24px;animation-name:spin;animation-duration:1000ms;animation-iteration-count:infinite;animation-timing-function:linear; }
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}
.inp_sch .inpt{padding-right:50px}
.inp_sch .label_list_layer{display:none;position:absolute;top:50px;right:0;z-index:10;width:150px;border-radius:3px;box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.5);border:solid 1px #b6bfc6;background-color:#fff}
.inp_sch .label_list_layer .ly_lst li{padding:0 10px;cursor:pointer}
.inp_sch .btn_sch{top:11px;right:30px;background-size:20px 22px;z-index:10}
.btn_label_layer{position:absolute;top:11px;right:10px;z-index:10;display:inline-block;width:17px;height:28px;background:url(/images/bg_ly_select.png) 50% 50% no-repeat;background-size:17px 10px;-webkit-transition:all 0.1s ease;transition:all 0.1s ease;-webkit-transform:rotate(0deg);transform:rotate(0deg)}
.show_label_layer .btn_label_layer{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.show_label_layer .label_list_layer{display:block}
.sel_label_list{padding:5px 0 10px}
.sel_label_list li{margin-top:5px;display:inline-block;width:80px;height:20px;line-height:20px;text-align:center;font-size:12px;border-radius:10px;border:solid 1px #979797;background-color:#fff}
.episode_num{position:relative;padding-left:90px}
.episode_num .inp_box{position:absolute;left:0;top:0;width:80px}
.episode_num .inp_box .inpt{text-align:right;font-weight:500}
.episode_txt{line-height:25px;color:#4a4a4a;font-size:12px}

.participants{display:none;position:absolute;top:40px;bottom:10px;z-index:30;width:300px;right:170px;left:auto;border-radius:3px;box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.5);background-color:#fff}
.ptc_header{background:#fff;padding:0 15px;height:30px;border-radius:3px 3px 0 0;border-bottom:1px solid #b6bfc6}
.ptctit{display:inline-block;color:#1a1b1c;font-size:16px;line-height:30px;font-weight:normal;padding-left:25px}
.ptcibox{position:absolute;left:0;right:0;top:30px;bottom:0;overflow-x:hidden;overflow-y:auto}
.ptc_form{padding:0 10px 10px}
.ptc_form_box{position:relative;}
.ptc_form_tit{font-size:14px;color:#4a4a4a;margin-top:10px}
.ptc_inp_box{position:relative;margin-top:5px;min-height:30px;border-radius:5px;border:solid 1px #b6bfc6;background-color:#fff}
.ptc_inp_box.ptc_inp_btn{padding-right:50px;}
.btn_invite_add{position:absolute;top:0;right:0;width:50px;height:50px;background:#1a1b1c url(/images/btn_rplus_w.png) 50% 50% no-repeat;background-size:22px 22px;border-radius:5px;}
.ptc_user_box{padding-bottom:5px;min-height:25px}
/*.int_user{position:relative;display:inline-block;margin:5px 0 0 5px;padding:1px 15px 1px 2px;height:16px;line-height:16px;border-radius:10px; border:solid 1px #b6bfc6; background-color:#f3f8fc}*/
.int_user{position:relative;margin:5px 0 0 5px;padding:1px 15px 1px 2px;height:16px;line-height:16px;border-radius:10px; border:solid 1px #b6bfc6; background-color:#f3f8fc; float:left}
.ptc_user_box:after{clear:both;display:block;content:''}
.int_user img{width:16px;height:14px;border:solid 1px #979797;border-radius:9px;vertical-align:top}
.int_user strong{line-height:14px;font-size:11px;color:#4a4a4a;font-weight:normal;vertical-align:top}
.btn_del_user{position:absolute;top:1px;right:3px;display:inline-block;width:12px;height:16px;background:url(/images/btn_del_user.png) 50% 50% no-repeat;background-size:6px 8px}
.ivt_msg_box{margin-top:5px;border-radius:5px;border:solid 1px #b6bfc6;background-color:#fff}
.ivt_msg_box .ftxt{border-radius:5px 5px 0 0;height:100px}
.ivt_btn{position:relative;border-top:1px solid #b6bfc6;padding:5px;height:20px}
.btn_invite_stori{position:absolute;top:5px;right:5px}
.btn_invite_stori{height:20px;line-height:20px;padding:0 10px;font-size:11px;color:#fff;border-radius:5px; background-color:#8799a5}
.ivt{position:relative;margin-top:10px;padding-left:40px}
.ivt_info strong{display:block;color:#1a1b1c;font-size:12px;line-height:15px}
.ivt_info span{display:block;color:#b6bfc6;font-size:12px;line-height:15px}
.ivt_img{position:absolute;left:0;top:0;width:30px;height:30px}
.ivt_img img{width:30px;height:30px;border:solid 1px #979797;border-radius:100%}
.ivt_status{position:absolute;top:10px;right:0}
.selected_status{width:70px;height:20px;background:url(/images/bg_dl.png) 0 100% repeat-x;background-size:7px 1px}
.selected_status span{display:inline-block;width:70px;font-size:11px;color:#8799a5;background:url(/images/ic_ab.png) 100% 50% no-repeat;background-size:8px 4px;cursor:pointer}
.selected_status:hover,.ivt_status.on .selected_status{background:url(/images/bg_dl_on.png) 0 100% repeat-x;background-size:7px 1px}
.selected_status:hover span,.ivt_status.on .selected_status span{color:#EB3A90;background:url(/images/ic_ab_on.png) 100% 50% no-repeat;background-size:8px 4px;cursor:pointer}
.status_list{z-index:1;position:absolute;top:20px;right:0;width:250px;display:none;border-radius:5px; box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.5); border:solid 1px #b6bfc6; background-color:#fff}
.ivt_status.on .status_list{display:block}
.status_list li{position:relative;padding:5px 10px 5px 15px;border-bottom:1px solid #979797;cursor:pointer}
.status_list li.selected{background-image:url(/images/ic_lang_chk.png);background-position:2px 10px;background-repeat:no-repeat;background-size:12px 9px}
.status_list li strong{display:block;font-size:14px}
.status_list li p{color:#a2a2a2;font-size:12px}
.status_list li:hover{background-color:#8799a5;color:#fff}
.status_list li:hover strong,.status_list li:hover p{color:#fff}
.status_list li.set_master{border-bottom:0;font-size:13px;font-weight:500}
.status_list li.remove{border-bottom:0;font-size:13px;font-weight:500}

.notice{display:none;z-index:20;position:absolute;top:40px;left:150px;width:220px;box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.5);background-image:linear-gradient(214deg, #f2c572, #EB3A90)}
.ntcibox{margin:5px;height:340px;border-radius:5px;border:solid 1px #fafafa;background-color:#ffffff;overflow:hidden;overflow-y:auto}
.ntc_header{padding:8px 5px 5px 0;margin-left:40px}
.ntc_header .ntctit{font-size:12px;color:#fff;padding-left:20px;background:url(/images/bg_miles.png) 0 0 no-repeat;background-size:13px 14px}
.ntcibox dl{padding:10px 10px 5px;font-size:12px;line-height:16px;}
.ntcibox dl dt{color:#faa47d;}
.ntcibox dl dd{color:#1a1b1c;margin-top:5px;}
.ntcibox dl.acv dt{color:#EB3A90;padding-left:20px;background:url(/images/bg_chk_mt.png) 0 3px no-repeat;background-size:14px 13px;}
.ntc_confirm{display:inline-block;color:#EB3A90;font-size:12px;vertical-align:top;}
.notice .btn_notice_refresh{position:absolute;top:5px;right:5px;display:inline-block;width:24px;height:24px;background:url(/images/btn_refresh.png) 50% 50% no-repeat;background-size:12px 12px;}

.tkbox{display:none}
.talk_content{margin:0;padding:15px 0 15px 0}
.tmt{position:relative}
.tmt .tmt_lst{padding-top:20px}
.tmt_user{position:absolute;top:0}
.tmt_user img{position:absolute;top:0;display:inline-block;width:50px;height:50px;border-radius:25px}
.tmt_l .tmt_user img{left:0}
.tmt_r .tmt_user img{right:0}
.tmt_user strong{display:inline-block;line-height:20px;font-size:15px;vertical-align:top}
.tmt_l .tmt_user strong{padding-left:65px}
.tmt_r .tmt_user strong{padding-right:65px}
.tmt_l .tmt_user img{margin-right:15px}
.tmt_r .tmt_user img{margin-left:15px}
.tmt_l .tmt_user{left:5px}
.tmt_r .tmt_user{right:5px}
.user_name{display:block;color:#4a4a4a;font-size:11px}
.tmt_r .tmt_user{text-align:right}
.tmt_r .tmt_lst{text-align:right}
.tmt_lst > li{position:relative;padding:5px 65px 15px 65px}
.tmt_lst > li.hover{box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.5);background:#f6f8f9 url(/images/bg_drg.png) 5px 50% no-repeat;background-size:11px 25px}
.tmt_lst > li.hover .btn_seph{display:block}
.tmt_lst > li span{position:relative;display:inline-block;padding:10px;color:#000;z-index:2;
-webkit-box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.28);
-moz-box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.28);
box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.28)}
.tmt_lst > li:nth-child(1) span{border-radius:12px 12px 12px 12px}
.tmt_l .tmt_lst > li span{border-radius:0 12px 12px 12px}
.tmt_r .tmt_lst > li span{border-radius:12px 0 12px 12px}
.tmt_lst > li:nth-child(1) span{border-radius:12px 12px 12px 12px}
.tmt_lst > li:nth-child(1) span:after{position:absolute;top:10px;content:'';display:block;width:19px;height:17px;background-size:19px 17px;background-repeat:no-repeat;background-position:0 0}
.tmt_l .tmt_lst > li:nth-child(1) span:after{background-image:url(/images/bl_left.png);left:-9px;z-index:1}
.tmt_r .tmt_lst > li:nth-child(1) span:after{background-image:url(/images/bl_right.png);right:-9px;z-index:1}
.tmt_l .tmt_lst > li span{background:#fff}
.tmt_r .tmt_lst > li span{background:#1a1b1c;color:#fff;text-align:left}
.inspire_info{margin-top:5px;font-size:11px;color:#c9c7c7;line-height:15px}
.talk_hover{display:none;position:absolute;top:100%;right:65px;z-index:10}
.th_link{margin-top:-10px;height:30px;width:280px;background:#fff;border-radius:6px;border:1px solid #9b9b9b;overflow: hidden;}
.th_link > li{position:relative;float:left}
.th_link > li.lk_s{width:80px}
.th_link > li.lk_m{width:120px}
.th_link > li.lk_w{width:160px}
.th_link > li:after{content:'';position:absolute;top:0;right:0;display:block;width:0.7px;height:100%;background:#9e9e9e}
.th_link > li button{width:80px;height:30px;font-size:13px;line-height:30px}
.th_link > li button:hover{background-color:#1a1b1c;color:#fff}
.th_link > li.lk_s button{width:80px}
.th_link > li.lk_m button{width:120px}
.th_link > li.lk_w button{width:160px}
.th_link > li .btn_cit em{display:inline-block;padding-left:20px;background:url(/images/ic_cutin.png) 0 50% no-repeat;background-size:16px 16px}
.th_link > li:last-child{width:40px}
.th_link > li:last-child:after{display:none}
.th_link > li:first-child > button{border-radius:4px 0 0 4px}
.th_link > li:last-child > button{border-radius:0 0px 0px 0}
.th_link > li .btn_lk_more{width:40px;height:30px;background:url(/images/btn_dot3.png) 50% 50% no-repeat;background-size:22px 6px}
.th_link > li .btn_adopt_idea,.th_link > li .btn_adopt_idea:hover{color:#EB3A90}
.th_link > li .btn_ad,.th_link > li .btn_ad:hover{color:#EB3A90}
.vh_link   {width:290px}
.vh_link_s {width:140px}
.vh_link > li.lk_s{width:50px}
.vh_link > li.lk_m{width:100px}
.vh_link > li.lk_s button{width:50px}
.vh_link > li.lk_m button{width:100px}
.vh_link li button:hover{background-color:#EB3A90;color:#fff}
.th_mlink{display:none;position:absolute;top:30px;right:0;overflow:hidden;width:140px;background:#fff;border-radius:6px;border:1px solid #9b9b9b}
.lk_more_show .th_mlink{display:block}
.th_mlink li button{width:140px;height:20px;line-height:20px;padding:0 10px;font-size:11px;text-align:left}
.th_link:after{clear:both;display:block;content:''}
.talk_inp{position:absolute;bottom:0;left:0;right:0;background:#fff;height:62px;border-top:1px solid #979797;border-radius:0 0 8px 8px}
.talk_txt{padding:5px 64px 5px 42px}
.talk_inp .ctxt{width:100%;height:52px;line-height:16px;padding:5px;font-size:13px;color:#a3a3a3;border:1px solid #b6bfc6;border-radius:6px;resize:none;box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-appearance:none;outline:none}
.btn_img_talk{position:absolute;left:5px;top:5px;width:28px;height:28px;background:url(/images/btn_img_upload.png) 50% 50% no-repeat;background-size:28px 28px}
.btn_talk{position:absolute;right:10px;top:5px;width:46px;height:28px;border-radius:8px;background:#000 url(/images/btn_chat_enter.png) 50% 50% no-repeat;background-size:28px 28px}
.btn_idea{position:absolute;right:5px;bottom:5px;width:50px;height:25px}
.btn_idea span{display:block;padding-left:20px;height:25px;line-height:25px;text-align:left;color:#1a1b1c;font-size:11px;background:#fafafa url(/images/ic_idea.png) 2px 50% no-repeat;background-size:19px 18px;border-radius:5px; box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.5)}
.idea_suggesting{color:#EB3A90;font-size:11px}
.idea_sug{display:none;position:absolute;right:5px;bottom:63px;z-index:100;width:300px;height:380px;border-radius:6px;border:solid 1px #8799a5;background-color:#fff}
.idea_sug .btn_ly_colse{left:0px;top:0}
.idea_header{border-bottom:1px solid #8799a5}
.idea_header .ideatit{text-align:center;color:#EB3A90;font-size:12px;line-height:24px}
.idea_form{padding:0 10px 10px}
.idea_form .inp_box{height:30px;padding:0}
.idea_form .inp_box .inpt{line-height:30px}
.idea_form .txt_tbox{margin-top:5px}
.idea_form_btn{margin-top:10px;text-align:center}
.btn_suggest{display:inline-block;width:100px;height:22px;color:#fff;line-height:22px;font-size:12px;border-radius:11px;box-shadow:0 10px 20px 0 rgba(0, 0, 0, 0.2);background-image:linear-gradient(256deg, #eaa628, #EB3A90)}
.adopt_popup{display:none;z-index:100;position:absolute;top:50%;margin-top:-110px;right:120px;width:300px;height:220px;border-radius:14px;background-color:#0c0c0c}
.adopt_popup p{padding:15px 10px 0 10px;text-align:center;font-size:14px;font-weight:500}
.adp_txt1{color:#9b9b9b}
.adp_txt2{color:#EB3A90}
.adp_lk_lst{width:220px;margin:10px auto 0;border-radius:6px;border:solid 1px #b6bfc6;background-color:#fff}
.adp_lk_lst li{position:relative;float:left;width:50%;height:30px}
.adp_lk_lst li:nth-child(1):after{position:absolute;top:0;right:0;content:'';display:block;width:1px;height:100%;background:#b6bfc6}
.adp_lk_lst li .btn{display:block;width:100%;line-height:30px;text-align:center;font-size:12px}
.adp_lk_lst li .btn_aih{color:#EB3A90}
.adp_lk_lst li .btn_ic{color:#9b9b9b}
.adp_lk_lst:after{clear:both;display:block;content:''}
.adopt_popup_btn{margin-top:20px;text-align:center}
.btn_gotit{display:inline-block;width:100px;height:30px;color:#fff;line-height:30px;font-size:14px;font-weight:500;border-radius:14px;background-image:linear-gradient(258deg, #f2c572, #EB3A90)}

.statbox{background:#fafafa}
.status_content{display:none;padding-bottom:20px}
.statbox .category{background:none}
.statbox .h_tab{position:absolute;top:30px;left:0;right:0}
.statbox .h_tab .tab_wrap{position:static;top:0;left:0}
.statbox .h_tab .htab{max-width:100%}
.statibox{position:absolute;top:70px;left:0;right:0;bottom:63px;z-index:25;overflow-x:hidden;overflow-y:auto}

/* table */
.c_table{width:100%;table-layout:fixed;border:1px solid #d8d8d8;background:#fff}
.c_table thead tr th,.c_table tbody tr td,.c_table tbody tr th{padding:12px 5px 12px 5px;text-align:center;color:#000;background:#fff;border-bottom:1px solid #d7d4cb;border-left:1px solid #d6d3ca;vertical-align:middle}
.c_table thead tr th{height:16px;line-height:16px;font-size:14px;letter-spacing:-1px;font-weight:500}
.c_table thead tr th:nth-child(1),.c_table tbody tr td:nth-child(1),.c_table tbody tr th:nth-child(1){border-left:0}
.c_table tbody tr td{height:32px;line-height:32px}
.c_table tbody tr td.tal{text-align:left}

/* itr */
.itr_wrap{background:#fff;}
.itr_ct{position:relative;max-width:1024px;margin:0 auto;padding:20px 0 0;text-align:center;}
.itr_ct img{max-width:100%}
.itr_nav{padding:0 30px 0;text-align:center;}
.itr_nav ul li{display:inline-block;padding:0 10px;}
.itr_nav ul li a{font-weight:500;font-size:18px;line-height:21px;}
.itr_nav ul li a:hover{color:#ff6577;}
.itr_hd{padding:50px 0;text-align:center;}
.itr_logo img{width:200px;}
.itr_hd_img img{width:1024px;}
.itr_hd h2{margin-top:30px;font-family:Roboto,Helvetica;font-style:normal;font-weight:500;font-size:60px;line-height:80px;text-align:center;color:#000000;}
.itr_hd p{margin-top:20px;font-size:18px;line-height:24px;font-weight:500;}
.itr_btn_area{text-align:center;padding:30px 0;}
.btn_itr{min-width:300px;height:50px;line-height:50px;padding:0 20px;background:#292929;color:#fff;box-shadow:0px 1.5px 1.5px rgba(0, 0, 0, 0.25);border-radius:25px;}
.itr_sc_tit{font-family:Roboto,Helvetica;font-style:normal;font-weight:500;font-size:36px;line-height:50px;}
.itr_sc_tit strong{color:#ff6577;}
.itr_sc_desc{margin-top:10px;font-size:16px;line-height:24px;font-weight:500;}
.itr_sc_desc .btn{margin-left:10px;vertical-align:middle;height:30px;line-height:30px;padding:0 10px;border-radius:6px;font-size:15px;}
.itr_ct1_box{margin-top:20px;padding:30px 20px; border-radius: 20px; background:#f8f5f0}
.itr_ct1_img{margin-top:20px;}
.itr_ct1_txt{margin-top:20px;}
.ct1_m{display:none;}
.clogo{margin-top:20px;}
.clogo img{height:28px;}
.itr_ct2_box{position:relative;margin-top:20px;height:550px}
.itr_ct24 h3 strong{color:#ff6577;}
.itr_ct2 h3{font-size:18px;font-weight:500;}
.itr_ct2 p{margin-top:15px;font-size:16px;}
.itr_ct2{position:absolute;background-repeat:no-repeat;background-position:50% 0;}
.itr_ct21{width:300px;top:0px;left:0px;padding-top:170px;background-image:url(/images/itr_21.png);background-size:300px 156px;}
.itr_ct22{width:300px;top:130px;right:0px;padding-top:160px;background-image:url(/images/itr_22.png);background-size:300px 147px;}
.itr_ct23{width:300px;top:300px;left:0px;padding-top:155px;background-image:url(/images/itr_23.png);background-size:300px 141px;}
.itr_ct24{width:260px;top:30px;left:50%;padding-top:300px;margin-left:-130px;background-image:url(/images/itr_24.png);background-size:260px 265px;}
.itr_ct3_box{padding:0 10px;}
.itr_ct3_img{margin-top:20px;}
.itr_ct3_img img{width:412px}
.itr_ct3_txt{margin-top:20px;font-size:16px;line-height:24px;}
.itr_ct4_box{margin-top:20px;padding:30px 20px;background:#f8f5f0}
.itr_ct4_img img{width:345px;}
.itr_ct4_box h4 strong{display:inline-block;background:#ffe6e8;border:2px solid #ff6577;color:#ff6577;font-size:16px;padding:5px 10px;box-sizing:border-box;border-radius:6px;}
.price_list{margin:20px 0 0}
.price_list:after{clear:both;display:block;content:''}
.prcli{float:left;width:25%;text-align:left;margin-bottom:20px;}
.prcli > div{padding:0 10px;}
.btn_free_start{color:#fff;background:#37404a}
.prcli .btn{padding:10px;box-sizing:border-box;border-radius:6px;width:100px;line-height:20px;}
.prcli p,.prcli ul li{font-size:14px;line-height:20px;}
.prcli p{margin-top:20px;font-weight:500;min-height:60px}
.prcli ul{margin-top:20px;}
.prcli ul li{margin-bottom:10px;}
.prc_tit{font-size:24px;font-weight:500;line-height:30px;}
.prc_val{margin-bottom:10px;font-size:26px;font-weight:500;line-height:30px;color:#37404a;}
.itr_ct4_txt{color:#847d7d;}
.cm_wrap .lst_cat_wrap{position:static !important}

/* otp */
.otp_wrap{margin:0 auto;max-width:600px;height:100%;overflow:hidden;overflow-y:auto;box-shadow:0 1px 1px 1px rgba(0, 0, 0, 0.1) inset;background:#fff;}
.otp_box{margin:0 20px;padding-bottom:50px;}
.otp_paging{position:relative;text-align:right;padding:15px 0;height:24px;}
.otp_paging span{display:inline-block;vertical-align:middle;width:14px;height:14px;background:#d8d8d8;border-radius:100%;margin-left:10px;}
.otp_paging strong{display:inline-block;width:24px;height:24px;vertical-align:middle;background:#37404a;color:#fff;font-size:15px;font-weight:500;line-height:24px;border-radius:100%;text-align:center;margin-left:10px;}
.otp_paging h2{position:absolute;top:15px;left:0;font-size:18px;line-height:24px;color:#37404a;}
.otp_tit{margin-top:20px;font-size:20px;line-height:30px;color:#37404a;}
.otp_tit_c{font-size:20px;line-height:30px;color:#37404a;text-align:center;}
.otp_tit_bar{margin-top:30px;padding-top:30px;border-top:5px solid #f6f5f2;}
.otp_desc{margin-top:20px;font-size:15px;line-height:20px;}
.terms_agree.tac{margin-top:10px;text-align:center;}
.terms_tit{margin-top:30px;font-size:16px;line-height:24px;color:#37404a;}
.country_select{margin-top:30px;font-size:16px;line-height:24px;color:#37404a;text-align:center;}
.otp_img{padding:10px;}
.otp_img li{float:left;width:33.3%;text-align:center;}
.otp_img li:nth-child(2){width:33.4%}
.otp_img li img{width:80px}
.otp_img:after{clear:both;display:block;content:''}
.otp_img_desc{margin-top:10px;font-size:14px;line-height:24px;color:#37404a;}
.otp_qr_img{text-align:center;padding:20px;}
.otp_qr_img img{width:150px;}
.agree_check.tac{margin-top:30px;text-align:center;}
.otp_ct_btn{padding:20px 0;}
.otp_ct_btn li{max-width:280px;margin:0 auto}
.otp_ct_btn2 li{float:left;width:50%}
.otp_ct_btn2 li span{display:block}
.otp_ct_btn2 li:nth-child(1) span{padding:0 5px 0 0}
.otp_ct_btn2 li:nth-child(2) span{padding:0 0 0 5px}
.otp_ct_btn .btn{display:block;width:100%;border-radius:20px;line-height:40px;height:40px;font-size:14px;background:#4285dd;color:#fff;}
.otp_ct_btn .btn.btn_b{background:#37404a;}
.otp_ct_btn:after{clear:both;display:block;content:''}
.setting_otp_key{margin-top:30px;}
.setting_otp_key h3{font-size:16px;line-height:24px;color:#37404a;text-align:center;}
.setting_key_copy{position:relative;margin-top:10px;padding-right:80px;height:40px;}
.setting_key_copy .otp_key{display:block;background:#e9e9e9;border-radius:8px;height:40px;line-height:40px;padding:0 10px;font-size:20px;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.setting_key_copy .btn_key_copy{position:absolute;top:0;right:0;background:#000;color:#fff;height:40px;width:70px;border-radius:8px}
.otp_key_list{margin-top:20px;padding:10px;background:#ebebeb;}
.otp_key_list li{margin-top:10px;font-size:15px;line-height:20px;color:#000;}
.otp_key_list li:nth-child(1){margin-top:0;}
.ntc_box{margin-top:20px;padding-top:20px;border-top:5px solid #f6f5f2;}
.ntc_box h3{font-size:16px;line-height:24px;color:#37404a;}
.ntc_box ul li{position:relative;padding-left:15px;margin-top:10px;font-size:15px;line-height:20px;color:#7b7777;}
.ntc_box ul li:after{display:block;position:absolute;left:0;top:9px;width:4px;height:4px;background:#7b7777;content:''}
.otp_tit_s{margin-top:20px;font-size:16px;line-height:24px;color:#37404a;}
.otp_num_type{padding:20px 0;text-align:center;}
.otp_inp{width:40px;height:60px;line-height:60px;font-size:24px;font-weight:500;color:#000;text-align:center;background:#f3f3f3;border-radius:8px}
.count_time{text-align:center;font-size:18px;color:#ff0b0b;}
.or_txt{padding:30px 0;text-align:center;font-size:18px;}
.mt50{margin-top:50px;}
.otp_manage_list{margin-top:20px;}
.otp_manage_list li{position: relative;border-top:1px solid #ececec}
.otp_manage_list li:nth-child(1){border-top:0}
.manage_box{position:relative;padding:15px 20px 15px 0;}
a.manage_box{display: block;}
a.manage_box:hover{background:#f6f6f6;}
a.manage_box:after{display:block;position:absolute;top:17px;right:0;width:9px;height:15px;background-image:url(/images/btn_arr_lk.png);background-repeat:no-repeat;background-size:9px 15px;content:''}
.manage_tit{color:#555353;font-weight:500;font-size:16px;line-height:25px;min-height:30px;}
.manage_sts{margin-top:10px;font-weight:500;font-size:16px;}
.manage_sts .fc_b{color:#4285dd;}
.manage_sts .fc_p{color:#EB3A90;}
.manage_desc{margin-top:10px;color:#b6b0b0;font-size:15px;}
.otp_manage_list li .btn{z-index:1;position:absolute;top:10px;right:25px;padding:5px 10px;box-sizing:border-box;border-radius:6px;width:80px;font-size:15px;line-height:20px;}
.btn_mng_del{color:#fff;background:#37404a}
.btn_mng_stp{color:#fff;background:#EB3A90}




/* media query */


/* pc logo mid */
@media all and (max-width:1120px){
    .hlogo a{margin-right:100px;}
    }

/* pc small */
@media all and (max-width:1024px){

.container{box-sizing: border-box;padding:0 16px;}
.hlogo{text-align:left;margin-left:70px}
.header .logo_s{display:none;}
.search{display:none}
.fl_layer{left:auto;right:10px;margin-left:0}
.drt_btn{left:auto;right:10px;bottom:10px;margin-left:0}
.itr_hd_img img { max-width: 700px; }
}
@media all and (max-width:1270px){
.storytellers{display:none}
}
@media all and (max-width:980px){
.vc_user{display:none}
}

/* creation view */
@media all and (max-width:860px){
.vchd{display:none}
.rside{display:none}
.pbox{display:none}
.statbox{display:none}
.wfbox{z-index:30;width:100%;min-width:340px;top:0;bottom:0;/* left:0; */right:0;margin-bottom: 0px;}
.cbox .wf_header .ptit{display:none}
.wf_header .btn_back_w{display:block;height:30px}
.hd_stori_title{display:block;margin:0 200px 0 40px;line-height:30px;color:#fff;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.export{display:none}
.stage_label{right:130px}
.wf_header .btn_post_stori{right:40px}

.mb_fn{display:block}
.wrt_inp .mb_fn{position:absolute;right:20px;bottom:210px;}
.btn_fn{width:34px;height:34px;background:url(/images/btn_fn.png) 0 0 no-repeat;background-size:34px 34px}
.btn_sts{width:17px;height:17px;background:#fafafa url(/images/btn_sts.png) 0 0 no-repeat;background-size:17px 17px}
.fn_list{display:none;position:absolute;right:0;bottom:20px;width:200px;padding:0 0 10px 0;border-radius:12px;box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.5);background-color:#ffffff;text-align:right}
.fn_list li{margin-top:10px;position:relative;padding:0 10px}
.fn_list li .btn{width:30px;height:30px;border-radius:15px;background-color:#fafafa;box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2)}
.fn_list li .btn span.btn_lb{display:block;position:absolute;top:5px;right:45px;width:120px;padding:0 10px;height:20px;background:#1a1b1c;border-radius:2px 0 0 2px;color:#fff;font-size:11px;text-align:right;line-height:20px}

.view_tit_hd{z-index:30;position:relative;display:block;background:#fafafa;padding:0 60px 0 55px;height:50px;border-bottom:1px solid #ddd;border-radius:3px 3px 0 0}
.view_tit_hd .hd_stori_title{color:#000;margin:0;line-height:50px;font-size:17px}
.view_tit_hd .mb_fn{position:absolute;right:10px;top:10px}
.view_tit_hd .fn_list{display:none;position:absolute;right:0;top:20px;bottom:auto}
 .view_tit_hd .btn_back_m {width:50px;height:50px;left:0}
.view_wrap .cibox {
    top: 30px;
    bottom: 60px
}
/*.viewer_ctrl{bottom:60px;right:10px}*/
.viewer_ctrl{bottom:60px;right:14px !important;z-index:9998;}
.cmt .cutin{padding:10px 0 10px 0}

.inp_category{padding:3px 135px 0 0}
.inp_category.show_dialog{padding:3px 0 0 0}

.inp_cate_left li.selected .cate_tt{display:none;}

/* cartoon */
.scene .scene_txt{padding:15px 0}
.dep_img{padding:10px 0}

}

/* mobile 720 */
@media all and (max-width:768px){
.content_container {margin-bottom:0;}
.crt_layer{right:50%;top:auto;bottom:76px;transform: translateX(50%);}
.container{box-sizing: border-box;padding:0;}
.make_btn_fxd{display:none}
/* intro */
.pc_intro{display:none}
.m_intro{position:fixed;top:0;left:0;right:0;bottom:0;display:block;width:100%;height:100%;background-size:cover;-webkit-background-size:cover;background-image:url(/images/bg_intro_m.png);background-repeat:no-repeat;text-align:center}
.intro_t_txt{padding-top:80px;font-size:18px;color:#fff}
.m_intro h1{margin-top:20px}
.m_intro h1 img{height:38px}
.intro_b_txt{margin-top:40px;font-size:18px;color:#fff;line-height:26px}
.intro_login_btn{margin-top:100px}
.intro_login_btn .btn{height:56px;width:185px;border-radius:28px;line-height:48px;font-size:26px;color:#fff}
.intro_login_btn li{margin-top:20px}
.intro_login_btn li:nth-child(1){margin-top:0}
.btn_skip{position:fixed;left:50%;bottom:15px;width:62px;height:26px;margin-left:-31px;line-height:26px;border-radius:2px;background:rgb(0,0,0,0.5);box-shadow:0 2px 0 0 rgba(0, 0, 0, 0.5);color:#fff;font-size:15px;font-weight:500}
.wrt_inp .cate_tt{display:none !important;}
/* header mobile */
.hpc{display:none}
.hmb{display:block}

/* nav mobile */
.mnav{display:block;box-shadow:1px 0 3px 0 rgba(0, 0, 0, 0.1);}

/* aside */
.aside_mb{display:block}
.aside_mb.aside_mb_show{left:0;box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.5);}
.black_scrn.aside_active{display:block}
.aside_pc.aside_show{left:-120px;}

/* label */
.fl_layer_box{position:fixed;display:none;right:20px;bottom:170px;top:auto}
.make_btn_layer{display:none}
.fl_layer_box.label_show{display:block}
.fl_layer_box.gnr_show{display:block}
.drt_btn{display:none}
.label_selected{display:block}
.genre_selected{display:block}
.label_btn{display:block}
.genre_btn{display:block}

/* filterby */
.filterby{display:none}

/* CONTENT MAIN */
.container_cm{min-width:100%;margin-bottom:0;}
.cm_ct{margin:0 auto}
.feed_ct.cm_ct{margin:0;width:100%}
.invite_msg{width:auto;margin:0 20px 0}
.nocontent_msg{width:auto;margin:0 10px 0}
.sct_h3{width:auto;margin:10px 20px 0}
.lst_category{display:none}
.lst_category_m{display:block;height:48px}
.lst_category_m .lst_cat_wrap{transform:translate(0,0);-webkit-transform:translate(0,0);transition:all .2s ease-in-out 0s;-webkit-transition:all .2s ease-in-out 0s}
.lst_cat_wrap.scrl{top:0}
.lst_category_m .lst_cat{height:26px;border-radius:0;box-shadow:0 1px 4px 0 rgba(0, 0, 0, 0.1)}

/* info_layer */
.info_layer{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%)}

/* alert */
.alert{top:150px}

/* .search_area{display:block} */

.people_list{margin:10px 20px 0;width:auto;}
/* CONTENT LIST */
.dscv_lst > li{width:50%}
.dscv_lst > li:nth-child(3),.dscv_lst > li:nth-child(4){margin-top:20px}
.dscv_lst > li > .dscv_box{height:460px}
.dscv_lst > li:nth-child(2n-1) > .dscv_box{margin:0 5px 0 10px}
.dscv_lst > li:nth-child(2n) > .dscv_box{margin:0 10px 0 5px}
.dscv_lst > li.nimg > .dscv_box{height:410px}
.dscv_lst.feed_list > li > .dscv_box{margin:0 20px}
.dscv_lst .srs_box_m div{margin:0 23px}
.dscv_lst .srs_box_s div{margin:0 28px}

.upload_img{width:100%}
.upload_img li:nth-child(1){float:none;margin:0 auto}
.upload_img li:nth-child(2),.upload_img li:nth-child(3){display:none}

.recording{left:auto;right:170px;margin-left:0;}

.itr_wrap{padding:0;}
.itr_ct{max-width:100%;}
.itr_nav ul li{padding:0 5px;}
.itr_nav ul li a{font-size:15px;}
.itr_hd{padding:30px 10px;}
.itr_hd h2{margin-top:20px;font-size:30px;line-height:40px;}
.itr_hd p{margin-top:10px;font-size:15px;}
.itr_logo img{width:100px;}
.itr_hd_img img{width:100%;}
.itr_ct{padding:30px 0;}
.btn_itr{min-width:260px;height:40px;line-height:40px;padding:0 20px;border-radius:20px;}
.itr_sc_tit{font-size:26px;line-height:36px;}
.itr_sc_desc{margin-top:10px;padding:0 10px;font-size:15px;}
.ct1_pc{display:none;}
.ct1_m{display:block}
.clogo span{display:inline-block;}
.clogo2,.clogo3{margin-top:10px;}
.itr_ct2_box{height:auto;}
.itr_ct2{position:static;margin:30px auto;text-align:center;}
.itr_ct24{left:auto;}
.itr_ct4_img{padding:0 5px;}
.itr_ct4_box{padding:20px 10px;}
.prcli > div{padding:0 5px;}
.prcli{float:left;width:50%}
.prcli p,.prcli ul li{font-size:12px;}
.prc_tit{font-size:20px;}
.prc_val{font-size:22px;}
.itr_ct4_txt{font-size:13px;}

}

/* mobile 600 */
@media all and (max-width:600px){
.dscv_lst > li > .dscv_box{height:400px}
.dscv_lst > li.nimg > .dscv_box{height:350px}
}

/* mobile 480 */
@media all and (max-width:480px){
.dscv_lst > li > .dscv_box{height:360px}
.dscv_lst > li.nimg > .dscv_box{height:310px}
}

/* ---------------- 2020-11-06 by J --------------- */

.ic_series_big{position:absolute;top:5px;left:5px;display:block;width:25px;height:25px;background-image:url(/images/ic_series_big.png);background-repeat:no-repeat;background-position:0 0;background-size:22px 22px; z-index:2;}
.ic_series_sm{position:absolute;bottom:-1px;left:-94px;display:block;width:70px;height:25px;background-image:url(/images/ic_series_sm.png);background-repeat:no-repeat;background-position:0 0;background-size:70px 22px}
.ct_box .ct_thum{background-color:#ddd;background-image:url(/images/bg_img.png);background-position:50% 50%;background-size:40px 32px;background-repeat:no-repeat;overflow:hidden;border-radius:6px 6px 6px 6px}
.content_lst > li.owner .ct_thum {border-radius:6px 6px 6px 6px;}

.ct_info_desc {position:absolute;top:8px;right:0;width:100%;height:20px;border-radius:0 8px 0 0;  background-color:#ffffff;}

.ct_box .ct_thum .nothum .user_thum_img{width:60px;height:60px;border-radius:30px;position:relative; bottom:20px;}



.series_lst .ct_info_desc strong {
    position:absolute;
    top:0;
    right:10px;
    color:#d8d8d8;
}

.series_lst .ct_box .ct_thum .nothum {
}

/* add 202308 */

.btn_gf{background-color:#BDBDBD;color:#fff}
.btn_pf{background-color:#E45059;color:#fff}
.btn_bf{background-color:#000;color:#fff}
.btn_wf{background-color:#fff;color:#000;border:1px solid #000;line-height:33px !important;}
.lm_btn_area + .lm_btn_area{margin-top:20px;}
.lm_btn_area{display:flex;flex-direction:row;margin-left:-10px;margin-right:-10px;}
.lm_btn_area li{flex:1 0 auto;}
.lm_btn_area li:nth-child(2){flex:0 0 auto;width:50%;}
.lm_btn_area li span{margin:0 10px;display: block;}
.lm_btn_area.lm_btn_area_col{flex-direction:column}
.lm_btn_area_col li:nth-child(2){width:100%;}
.lm_btn_area_col li + li{margin-top:20px;}
.lm_btn_area .btn{position:relative;display:block;width:100%;text-align:center;line-height:35px;height:35px;font-size:15px;font-weight:500;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;overflow:hidden;outline:0;border-radius:18px}

body.body_fixed{top: 0px; overflow: hidden; width: 100%; position: fixed;}
body.body_fixed::-webkit-scrollbar{display:none}
body.body_pause{touch-action: none;overflow:hidden;}

.layermodal{position: fixed;z-index:1;visibility:hidden;opacity:0;transition: all .2s}
.layermodal.layermodal_show{position:fixed;left:0;top:0;bottom:0;right:0;width:100vw;height:100%;z-index:1;display:flex;align-items:center;justify-content:center;visibility:visible;opacity:1;z-index:9000;}
.layermodal_bg{position:fixed;left:0;top:0;bottom:0;right:0;width:100vw;height:100%;background:rgba(0,0,0,.5);z-index:9000}
.layermodal_wrapper{position: relative;background-color: #000;bottom:-100%;box-sizing: border-box;z-index:9001;overflow:hidden;min-width:320px;max-width:570px;width:100%;margin:0 16px;z-index:9999;display:flex;flex-direction:column;border-radius:16px;transition: bottom 0.2s ease-out}
.layermodal_content{position: relative;z-index:1;}
.layermodal_wrapper.is-pointer-down .layermodal_content:after{content:'';position: absolute;display: block;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:9999;}
.layermodal_box{background:#fff;position: relative;padding-bottom:20px;}
.layermodal_header{position: relative;height:60px;}
.layermodal_header:after{content:'';display: block;width:80px;height:4px;border-radius:2px;position: absolute;top:28px;left:50%;margin-left:-40px;background:#BDBDBD;}
.layermodal_body{padding:20px 20px;position: relative;overflow:hidden;overflow-y:auto;height:calc(100vh - 370px);max-height:800px}
.layermodal_iframe .layermodal_body{height:calc(100vh - 370px);max-height:800px}
.layermodal_ifr{position: relative;width:100%;height:calc(100vh - 270px);max-height:800px}
.ifr_wrap{position: relative;display: flex;flex-direction: column;height:100%;overflow:hidden;}
.layermodal_ifr_body{overflow:hidden;overflow-y:scroll;padding:20px 20px;min-height:calc(100% - 150px)}
.layermodal_footer{padding:20px 20px;position:relative;}
.btn_layermodal_close{position: absolute;top:10px;right:10px;width:40px;height:40px;display: block;background: url(/images/btn_layermodal_close.png) 50% 50% no-repeat;background-size:20px 20px;cursor:pointer}

.layermodal_title{padding-bottom:16px;border-bottom:1px solid #828282}
.layermodal_title h3{font-size:18px;font-weight:500;color:#000;line-height:20px;}
.layermodal_title h3 span{display: inline-block;color:#BDBDBD;font-size:14px;margin-left:4px;font-weight: normal;}
.layermodal_sub_title{margin-top:30px;padding-bottom:16px;border-bottom:1px solid #828282}
.layermodal_sub_title.nbd{border:0;padding-bottom:0;}
.layermodal_sub_title h4{font-size:16px;font-weight:500;color:#000;line-height:20px;}

.content_info_title{margin-top:50px;font-size:18px;font-weight:500;color: #000;padding-bottom:16px;border-bottom:1px solid #E0E0E0;}
.content_img_title{padding-top:16px;display: flex;}
.content_img{position:relative;border-radius:4px;overflow:hidden;flex:0 0 auto;width:66px;height:96px;margin-right:20px;}
.content_img:after{content:'';display:block;position:absolute;left:0;top:0;right:0;bottom:0;border:1px solid rgba(0, 0, 0, 0.08);border-radius:4px}
.content_img img{position: absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;}
.content_title li{font-size:16px;font-weight: 500;line-height:24px;display: flex;}
.content_title li + li{margin-top:16px}
.content_title span{flex:0 0 auto;width:70px;padding-right:10px;font-size:14px;color:#828282}
.content_title .content_type_txt{font-size:14px;color:#E45059;font-weight:500}

.content_summary{padding-top:16px;color:#828282;font-size:16px;line-height:28px;}

.content_credit{padding:16px 0;border-bottom:1px solid #828282;/*box-shadow:0 0.5px rgba(0, 0, 0, 0.7);*/}
.content_credit li{display: flex;flex-direction:row;color:#828282;line-height:20px;font-size:16px;}
.content_credit li + li{margin-top:8px;}
.content_credit li span{flex:0 0 auto;width:80px;padding-right:10px;}
.content_credit li strong{flex:1 1 auto;font-weight:500;}

.content_desc{margin-top:30px;font-size:14px;line-height:18px;color:#828282;text-align: center;}

.membership_price_list > li{margin-top:15px;}
.membership_text{margin:12px 0 12px;font-size:14px;font-weight:500;text-align: center;}
.membership_price{position: relative;}
.round_check{position:absolute;top:0;left:0;width:17px;height:17px;outline:0;-webkit-border-radius:0;border-radius:0;background:0 0;box-sizing:border-box;-webkit-appearance:none;border:0;}
.round_check + label{position:relative;display:block;padding:12px 16px 16px 46px;font-size:15px;border:1px solid #878788;border-radius:5px;color:#BDBDBD;cursor:pointer}
.membership_header{display: flex;justify-content:space-between}
.round_check + label .membership_name{position: relative;padding:0 40px 0 0;font-size:16px;font-weight:600;line-height:24px;background-position:100% 2px;background-repeat: no-repeat;background-size:21px 18px;}
.membership_name.basic{background:url(/images/icon_basic.png);}
.membership_name.silver{background:url(/images/icon_silver.png);}
.membership_name.gold{background:url(/images/icon_gold.png);}
.round_check + label .member_price{font-size:16px;font-weight:600;line-height:24px;}
.round_check + label .membership_desc{margin-top:12px;font-size:12px;line-height:18px;}
.round_check:checked+label{border-color:#333;color:#333}
.round_check:checked+label .membership_name{color:#000}
.round_check:disabled + label{color:#B2B7C0;}
.round_check + label:before{content:'';position:absolute;top:16px;left:16px;display:block;width:17px;height:17px;background:url(/images/radio_b.png) no-repeat 0 0;background-size:24px 24px}
.round_check:checked+label:before{content:'';background:url(/images/radio_checked.png) no-repeat 0 0;background-size:24px 24px}

.round_check_b{position:absolute;top:0;left:0;width:17px;height:17px;outline:0;-webkit-border-radius:0;border-radius:0;background:0 0;box-sizing:border-box;-webkit-appearance:none;border:0;}
.round_check_b + label{position: relative;display: block;padding-left:35px;font-size:14px;font-weight:400;color: #333;line-height:24px;cursor:pointer}
.round_check_b:checked+label{font-weight:500;}
.round_check_b + label:before{content:'';position:absolute;top:0;left:0;display:block;width:24px;height:24px;background:url(/images/radio_b.png) no-repeat 0 0;background-size:24px 24px}
.round_check_b:checked+label:before{content:'';background:url(/images/radio_checked_b.png) no-repeat 0 0;background-size:24px 24px}

.select_use_priod li{margin-top:12px;display: flex;justify-content: space-between;line-height:24px;}
.select_use{position: relative;}

.layermodal_price_info{margin-top:12px;}
.payment_content{font-size:16px;}
.payment_content li + li{margin-top:8px;}
.payment_content span{display: inline-block;color:#828282;margin-right:16px;}
.payment_content strong{font-weight:500;color: #000;}
.payment_price{margin-top:16px;text-align: right;}
.payment_price strong{display: block;font-weight: 500;font-size:16px;color: #000;}
.payment_price span{display: block;color:#828282;font-size:12px;}

.switch {display: inline-block;height: 40px;position: relative;width: 70px;}
.switch input {display: none;}
.slider {background-color: #b5b5b5;bottom: 0;cursor: pointer;left: 0;position: absolute;right: 0;top: 0;transition: 0.4s;}
.slider:after{content:'off';position: absolute;top:4px;right:12px;font-size:12px;color:#fff;font-weight:500;line-height:32px;}
input:checked + .slider:after{content:'on';position: absolute;top:4px;left:12px;right:auto;font-size:12px;color:#fff;font-weight:500;line-height:32px;}
.slider:before {background-color: #fff;bottom: 4px;content: "";height: 32px;left: 4px;position: absolute;transition: 0.4s;width: 32px;}
input:checked + .slider {background-color: #7a6ff0;}
input:checked + .slider:before {transform: translateX(30px);}
.slider.round {border-radius: 22px;}
.slider.round:before {border-radius: 50%;}

.setting_content_title{padding:16px 0 12px;border-bottom:1px dashed #E0E0E0}
.setting_content_title span{display: block;font-size:12px;color:#828282;}
.setting_content_title div{font-size:14px;color:#333;font-weight:600;}
.setting_title{margin-top:16px;font-size:12px;color:#333;font-weight:600;}
.setting_sub_title{margin-top:16px;font-size:12px;color:#333;font-weight:600;}
.setting_sub_desc{font-size:12px;color:#333;font-weight:500;}
.select_btn_area{display: flex;}
.setting_select{margin-top:6px;}
.setting_select_area .select{position: relative;z-index:1;}
.setting_select_area .select_options{display: none;position: absolute;top:32px;left:0;right:61px;border:1px solid #BDBDBD;border-radius:3px;background:#fff;overflow:hidden;}
.setting_select_area .select_options li button{display: block;width:100%;height:40px;line-height:40px;padding:0 10px 0 30px;text-align: left;font-size:12px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.setting_select_area .select_options li button:hover{background:#F2F2F2;}
.setting_select_area .select_options li button.selected{background:#F2F2F2 url(/images/icon_check.svg) 7px 50% no-repeat;background-size:16px 17px;}
.select_styled{position:relative;display:block;width:100%;background:#fff;color:#000;border:1px solid #BDBDBD;text-align:left;padding:0 30px 0 10px;line-height:38px;height:40px;font-size:12px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;overflow:hidden;outline:0;border-radius:3px}
.select_styled:after{content:'';display:block;content:'';width:24px;height:24px;position:absolute;top:50%;right:10px;margin-top:-12px;background:url(/images/bg_ly_arr.png) 50% 50% no-repeat;background-size:11px 6px;transition:all 0.3s ease;transform:rotate(0deg)}
.select_styled:active:after, .select_styled.active:after{transform:rotate(180deg)}
.btn_selected{position:relative;display:block;flex:1 0 auto;margin-left:3px;width:58px;background:#000;color:#fff;text-align:center;line-height:40px;height:40px;font-size:12px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;overflow:hidden;outline:0;border-radius:3px}
.setting_select_desc{font-size:12px;font-weight:500;color:#7882F5;margin-top:6px;}
.free_content{padding:120px 0;text-align: center;font-size:12px;font-weight:500;color:#7882F5;margin-top:6px;}
.price_inp_wrapper{position: relative;display: flex;margin-top:6px;padding-right:110px;}
.price_inp_box{display: flex;flex:1 1 auto;}
.price_inp_box .inp_price{position: relative;flex:1 0 auto;display: block;box-sizing:border-box;width:100%;text-align: right;font-size:12px;color:#333;outline:0;padding:4px 10px;border:1px solid #BDBDBD;border-radius:3px;height:40px;font-size:12px;line-height:30px;background-color:transparent;font-weight:500;}
.price_inp_box .inp_price:read-only{border:0;background:#F6F5F2;line-height:30px;color:#333}
.price_inp_box span{flex:1 0 auto;width:20px;display: inline-block;line-height:40px;text-align: right;color: #333;font-size:12px;font-weight: 600;}
.setting_price_box{margin-top:16px;border:1px solid #BDBDBD;border-radius:3px;padding:15px 10px;}
.setting_price_box .price_inp_wrapper{padding-right:99px;}
.setting_price_box .switch{position: absolute;top:0;right:0;}

.cancel_notice{padding:16px 0;font-size:16px;line-height:28px;color:#828282;}
.cancel_confirm_msg{padding-top:32px;border-top:1px solid #828282;text-align: center;font-size:16px;}

.cart_wrapper{position: relative;display: flex;padding-top:20px;}
.cart_item_list{position: relative;display: flex;flex-direction: column; padding:0 30px 20px;flex:1 1 auto;background:#fff;border:1px solid #dadada;border-radius:5px;align-self: flex-start;}
.cart_item_order{position:sticky;top:60px;flex:0 0 auto;margin-left:24px;width:370px;align-self: flex-start;box-sizing: border-box;}
.cart_item_summary{margin-bottom:14px;padding:20px;background:#fff;border:1px solid #dadada;border-radius:5px}
.cart_item_summary li{display: flex;justify-content:space-between;font-size:14px;}
.cart_item_summary li + li{margin-top:10px;}
.item_summary_desc{text-align: right;}
.item_summary_desc strong{font-weight: 500;}
.item_summary_desc p{font-size:11px;color:#bbb}
.cart_item_title{flex:0 0 auto;width:100%;position:sticky;top:40px;align-self: flex-start;display: flex;padding:20px 0 10px;border-bottom:1px solid #828282;background:#fff;z-index:10;}
.cart_item_title .cart_item_name{flex:1 0 auto;text-align: left;font-weight:500;}
.cart_item_title .cart_item_period{flex:0 0 auto;width:80px;text-align: center;font-weight:500;}
.cart_item_title .cart_item_price{flex:0 0 auto;width:100px;padding-right:40px;text-align: right;font-weight:500;}
.cart_item{border-bottom:1px solid #828282;}
.cart_item li{position: relative;display: flex;max-width:100%;padding:16px 0;border-top:1px dashed #E0E0E0;}
.cart_item li:nth-child(1){border:0;}
.cart_item li .cart_item_img{flex:0 0 auto;width:56px;margin-right:18px;}
.cart_item li .cart_item_img_box{position:relative;width:100%;background-color:#cfcfcf;border-radius:4px;overflow:hidden}
.cart_item li .cart_item_img_box:after{content:'';display:block;padding-bottom:150%;}
.cart_item li .cart_item_img_box:before{content:'';display:block;position:absolute;left:0;top:0;right:0;bottom:0;border:1px solid rgba(0, 0, 0, 0.08);border-radius:4px;z-index:1;}
.cart_item li .cart_item_img_box .item_thum_img{position: absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;}
.cart_item li .cart_item_name{flex:1 1 auto;padding-right:10px;}
.cart_item li .cart_item_name strong{display:block;font-size:12px;font-weight: 600;}
.cart_item li .cart_item_name span{display: block;margin-top:8px;font-size:12px;color:#828282;font-weight:600;}
.cart_item li .cart_item_period{flex:0 0 auto;width:80px;text-align: center;font-size:12px;color:#828282;font-weight:600;}
.cart_item li .cart_item_price{flex:0 0 auto;width:100px;text-align: right;font-size:12px;color:#828282;font-weight:600;}
.cart_item li .cart_item_del{flex:0 0 auto;width:40px;text-align: center;}
.btn_cart_del{position: absolute;top:50%;right:5px;display: inline-block;margin-top:-15px;width:30px;height:30px;background:url(/images/btn_minus.png) 50% 50% no-repeat;background-size:21px 21px;}

.order_title{padding-top:30px;font-size:18px;font-weight:500;}
.order_user_info_box{margin-top:20px;padding:20px;background:#fff;border:1px solid #dadada;border-radius:5px;}
.order_user_info > li{display: flex;font-size:14px;}
.order_user_info > li + li{margin-top:14px;}
.order_user_info > li .order_user_info_title{flex:0 0 auto;width:100px}
.order_user_info > li .order_user_info_desc{flex:1 1 auto;}
.order_user_info > li .order_user_info_desc strong{font-weight:500;}
.form_error_txt{margin-top:8px;font-size:12px;color:#E45059;font-weight:500;}
.order_inpt{position: relative;display:inline-block;box-sizing:border-box;width:120px;font-size:12px;color:#333;outline:none;padding:4px 10px;border:1px solid #BDBDBD;border-radius:3px;height:30px;font-size:12px;line-height:20px;background-color:transparent;font-weight:500;}
.btn_order_info{position:relative;display:inline-block;margin-left:3px;width:58px;background:#fff;color:#878788;border:1px solid #BDBDBD;text-align:center;line-height:30px;height:30px;font-size:12px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;overflow:hidden;outline:none;vertical-align:middle;border-radius:3px}
.call_msg{font-size:12px;margin-top:6px;}
.msg_ok{margin-top:15px;color:#7882F5;font-size:12px;}
.limit_time{margin-top:0;color:#E45059;font-size:12px;}
.mobile_certification .lm_btn_area{margin-top:16px;}
.mobile_certification .lm_btn_area li{width:auto;}
.mobile_certification .lm_btn_area li button{display: inline-block;width:auto;padding:0 20px;}

.order_user_info_cc{margin-top:8px;color:#979797;font-size:11px;}
.order_wrapper{position: relative;display: flex;padding:20px 0 0;}
.order_item_list{position: relative;display: flex;flex-direction: column; padding:0 30px 20px;flex:1 1 auto;background:#fff;border:1px solid #dadada;border-radius:5px;align-self: flex-start;}
.item_order{position:sticky;top:60px;flex:0 0 auto;margin-left:24px;width:370px;align-self: flex-start;box-sizing: border-box;}
.item_order_box{padding:20px;background:#fff;border:1px solid #dadada;border-radius:5px}
.item_order_box + .item_order_box{margin-top:14px;}
.order_item_summary li{display: flex;justify-content:space-between;font-size:14px;}
.order_item_summary li + li{margin-top:10px;}
.item_summary_desc{text-align: right;}
.item_summary_desc strong{font-weight: 500;}
.item_summary_desc p{font-size:11px;color:#bbb}
.order_item_title{flex:0 0 auto;width:100%;position:sticky;top:40px;align-self: flex-start;display: flex;padding:20px 0 10px;border-bottom:1px solid #828282;background:#fff;z-index:10;}
.order_item_title .order_item_name{flex:1 0 auto;text-align: left;font-weight:500;}
.order_item_title .order_item_period{flex:0 0 auto;width:80px;text-align: center;font-weight:500;}
.order_item_title .order_item_price{flex:0 0 auto;width:100px;text-align: right;font-weight:500;}
.order_item{border-bottom:1px solid #828282;}
.order_item li{position: relative;display: flex;max-width:100%;padding:16px 0;border-top:1px dashed #E0E0E0;}
.order_item li:nth-child(1){border:0;}
.order_item li .order_item_img{flex:0 0 auto;width:38px;margin-right:18px;}
.order_item li .order_item_img_box{position:relative;width:100%;background-color:#cfcfcf;border-radius:4px;overflow:hidden}
.order_item li .order_item_img_box:after{content:'';display:block;padding-bottom:150%;}
.order_item li .order_item_img_box:before{content:'';display:block;position:absolute;left:0;top:0;right:0;bottom:0;border:1px solid rgba(0, 0, 0, 0.08);border-radius:4px;z-index:1;}
.order_item li .order_item_img_box .item_thum_img{position: absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;}
.order_item li .order_item_name{flex:1 1 auto;padding-right:10px;}
.order_item li .order_item_name strong{display:block;font-size:14px;font-weight: 600;}
.order_item li .order_item_name span{display: block;margin-top:8px;font-size:12px;color:#828282;font-weight:600;}
.order_item li .order_item_period{flex:0 0 auto;width:80px;text-align: center;font-size:12px;color:#333;font-weight:600;}
.order_item li .order_item_price{flex:0 0 auto;width:100px;text-align: right;font-size:12px;color:#7882F5;font-weight:600;}
.total_order_price{margin:30px 0 40px;display: flex;justify-content:space-between;font-size:18px;}
.total_order_price .item_summary_title{font-size:18px;font-weight:500;color:#E45059;}
.total_order_price .item_summary_desc strong{font-size:18px;font-weight:500;color:#E45059;}
.order_sub_title{font-size:18px;font-weight: 500;padding-bottom:12px;border-bottom:1px solid #828282}
.payment_title{display: none;}
.payment_select{margin-top:16px;display: grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;}
.payment_select.payment_select2{grid-template-columns:repeat(2,minmax(0,1fr));}
.payment_select li{position: relative;height:46px}
.payment_select li input{position: absolute;left:0;opacity:0;}
.payment_select li .payment_lb{position: absolute;left:0;right:0;top:0;bottom:0;display: block;width:100%;height:46px;line-height:46px;color:#828282;font-size:14px;text-align: center;border:1px solid #BDBDBD;box-sizing: border-box;border-radius:5px;z-index:1;cursor:pointer}
.payment_select li .payment_check:checked + .payment_lb{color:#fff;background:#333}

.order_payment_box{display: flex;flex-direction:column;}
.payment_agreement{flex:1 1 auto;width:100%;padding-bottom:24px;}
.payment_agreement p{padding:18px 0;font-size:12px;color:#828282;text-align: center;font-weight:500;}
.payment_agreement_check{display: flex;}
.payment_agreement_check li{flex:1 1 auto;width:50%;}
.payment_agreement_check li:nth-child(1){text-align: right;padding-right:35px;}
.payment_agreement_check li:nth-child(2){text-align: left;padding-left:35px;}
.payment_agreement_check li.check_area{position: relative;}
.payment_agreement_check li.check_area .payment_check{position: absolute;top:0;left:0;opacity:0;}
.payment_agreement_check li.check_area label{position: relative;display: inline-block;font-size:12px;color:#828282;padding-bottom:23px;cursor:pointer}
.payment_agreement_check li.check_area label:before{content:'';position:absolute;bottom:0;left:50%;margin-left:-12px;display:block;width:24px;height:24px;background:url(/images/radio_b.png) no-repeat 0 0;background-size:24px 24px}
.payment_agreement_check li.check_area .payment_check:checked + label{font-weight:500;color:#000;}
.payment_agreement_check li.check_area .payment_check:checked + label:before{content:'';background:url(/images/radio_checked.png) no-repeat 0 0;background-size:24px 24px}
.payment_notice{flex:1 1 auto;width:100%;font-size:11px;color:#828282;padding:24px 0;}
.payment_notice li{position: relative;padding-left:10px;line-height:16px;}
.payment_notice li + li{margin-top:2px;}
.payment_notice li:after{content:'';width:4px;height:4px;display: block;position: absolute;top:7px;left:0;border-radius:100%;background:#828282;}
.fxd_item_order{display: none;}

.order_complete_wrapper{position: relative;display: flex;flex-direction: column;margin-top:20px; padding:20px 30px 20px;flex:1 1 auto;background:#fff;border:1px solid #dadada;border-radius:5px;align-self: flex-start;}
.order_complete_wrapper h3{padding: 24px 0;border-bottom:1px solid #828282;font-size:18px;font-weight:500;text-align: center;}
.order_complete_btn{border-top:1px solid #828282;padding:16px 0;}
.receipt_btn_area{padding-bottom:16px;}
.order_complete_summary{border:1px solid #E0E0E0;border-radius:5px;margin:30px auto;width:100%;max-width:320px;box-sizing: border-box;padding:16px;}
.order_complete_summary h4{font-weight:normal;}
.order_complete_summary .item_name{margin-top:8px;font-weight: 500;color:#828282;font-size:16px;}
.order_complete_price{margin-top:15px;text-align: right;font-size:14px;font-weight:600;}
.order_complete_price strong{font-weight:600;}
.order_complete_price p{color:#828282;font-size:12px;font-weight:normal;}
.order_complete_summary .membership_name{position: relative;padding:0 40px 0 0;font-size:16px;font-weight:600;line-height:24px;background-position:100% 2px;background-repeat: no-repeat;background-size:21px 18px;}
.order_complete_summary .membership_desc{margin-top:12px;font-size:12px;line-height:18px;}
.btn_receipt{color:#828282;font-size:14px;}
.order_complete_item_img{display: flex;align-items:end;padding:20px 0 0;padding-bottom:8px;}
.order_complete_item_img_box{flex:0 0 auto;position:relative;width:66px;height:96px;border-radius:12px;}
.order_complete_item_img_round{position: relative;width:100%;height:100%;background-color:#cfcfcf;border-radius:12px;z-index:10;}
.order_complete_item_img_box .item_thum_img{z-index:11;position: absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:12px;}
.order_complete_item_img_box:before{content:'';z-index:2;width:66px;height:96px;border:1px solid #bdbdbd;display: block;position: absolute;top:2px;left:2px;border-radius:12px;background:#fff;}
.order_complete_item_img_box:after{content:'';z-index:1;width:66px;height:96px;border:1px solid #bdbdbd;display: block;position: absolute;top:6px;left:6px;border-radius:12px;background:#fff;}
.order_complete_item_img .order_complete_item_count{display: block;margin-left:20px;flex:1 0 auto;font-size:12px;color:#828282}

.content_tab{z-index:10;position: sticky;top:40px;background:#F6F5F2;}
.content_tab_wrapper{position: relative;width:100%;padding:20px 0;}
.membership_tab .content_tab_wrapper{max-width:768px;margin:0 auto;}
.content_tab_nav{display: flex;height:20px;}
.tab_nav_3 .tab_item{width:33.33%}
.tab_nav_2 .tab_item{width:50%}
.tab_item{flex:1 1 auto;text-align: center;}
.tab_item a{display:inline-block;text-align: center;font-size:18px;font-weight: 500;line-height:30px;}
.tab_slider{display: block;border-radius:2px;height:4px;position: absolute;bottom:0;left:0;right:0;background:#EBEBEB;}
.tab_slider span{height:4px;position:absolute;z-index:1200;box-sizing:border-box;bottom:0;transform: translateX(0);transition: transform 0.3s ease-out;text-align: center;}
.tab_slider span em{display: block;margin:0 10px;height:4px;border-radius:3px;background-color:#E45059;}
.tab_item .active{background-color:transparent!important;border:none!important;color:#E45059!important;}

.order_list_tit{margin-top:30px;font-size:16px;color:#333;}
.order_list_wrapper + .order_list_tit{margin-top:50px;}
.order_list_wrapper{position: relative;margin-top:20px; padding:20px 30px 20px;background:#fff;border:1px solid #dadada;border-radius:5px;align-self: flex-start;}
.orderlist_item_title{flex:0 0 auto;width:100%;position:sticky;top:100px;align-self: flex-start;display: flex;padding:20px 0 10px;border-bottom:1px solid #828282;background:#fff;z-index:9;}
.current_order_list .orderlist_item_title{position: relative;top:auto;}
.orderlist_item_title .orderlist_item_name{flex:1 0 auto;text-align: left;font-weight:500;}
.orderlist_item_title .orderlist_item_type{flex:0 0 auto;width:100px;text-align: center;font-weight:500;}
.orderlist_item_title .orderlist_item_price{flex:0 0 auto;width:80px;text-align: center;font-weight:500;}
.orderlist_item_title .orderlist_item_payment{flex:0 0 auto;width:80px;text-align: center;font-weight:500;}
.orderlist_item_title .orderlist_item_period{flex:0 0 auto;width:100px;text-align: center;font-weight:500;}
.orderlist_item_title .orderlist_item_date{flex:0 0 auto;width:100px;text-align: right;font-weight:500;}
.orderlist_item_title .orderlist_item_membership_name{flex:0 0 auto;width:120px;text-align: left;font-weight:500;}
.orderlist_item_title .orderlist_item_benefit{flex:1 1 auto;width:100px;text-align: left;font-weight:500;}
.order_list_membership .orderlist_item_title .orderlist_item_period{text-align:right;}

.orderlist_item{border-bottom:1px solid #828282;}
.orderlist_item.nbd{border:0}
.orderlist_item > li{position: relative;display: flex;max-width:100%;padding:16px 0;border-top:1px dashed #E0E0E0;font-size:14px;}
.orderlist_item > li:nth-child(1){border:0;}
.order_list_membership .orderlist_item_wrap{align-items: center;}
.orderlist_item_wrap{display: flex;}
.orderlist_item_wrap1{flex:1 1 auto;}
.orderlist_item_wrap2{flex:0 0 auto;width:160px;}
.orderlist_item_wrap3{flex:0 0 auto;width:200px;}
.orderlist_item li .orderlist_item_name{flex:1 1 auto;text-align: left;font-weight:600;}
.orderlist_item li .orderlist_item_type{flex:0 0 auto;width:100px;text-align: center;}
.orderlist_item li .orderlist_item_price{flex:0 0 auto;width:80px;text-align: center;}
.orderlist_item li .orderlist_item_payment{flex:0 0 auto;width:80px;text-align: center;}
.orderlist_item li .orderlist_item_period{flex:0 0 auto;width:100px;text-align: center;}
.orderlist_item li .orderlist_item_date{flex:0 0 auto;width:100px;text-align: right;}
.orderlist_item li .orderlist_item_membership_name{flex:0 0 auto;width:120px;text-align:left;}
.orderlist_item li .orderlist_item_benefit{flex:1 1 auto;text-align: left;}
.orderlist_item li .membership_name{position: relative;padding:0 0 0 25px;font-size:14px;font-weight:600;line-height:24px;background-position:0 2px;background-repeat: no-repeat;background-size:21px 18px;}
.order_list_membership .orderlist_item li .orderlist_item_period{text-align:right;}
.btn_cancel{margin-top:2px;display: inline-block;background:#E0E0E0;color:#fff;border-radius:4px;font-size:12px;line-height:18px;padding:0 4px;}
.txt_cancel{margin-top:2px;display: inline-block;color:#E45059;font-size:12px;line-height:18px;}
.orderlist_item li .orderlist_item_date span{display: inline-block;}
.orderlist_item li .orderlist_item_date span.date_hm{margin-left:4px;}

.list_more{margin-top:30px;text-align: center;}
.btn_list_more{display: inline-block;padding-right:20px;color:#828282;font-size:14px;line-height:16px;background:url(/images/bg_btn_os.png) no-repeat;background-position:100% 50%;background-size:9px 6px;}

.membership_wrapper{max-width:768px;box-sizing: border-box; position: relative;margin:20px auto 0; padding:20px 30px 20px;background:#fff;border:1px solid #dadada;border-radius:5px;align-self: flex-start;}
.membership_title{margin-top:50px;font-size:18px;font-weight:500;padding-bottom:12px;border-bottom:1px solid #BDBDBD}
h3.membership_title{margin-top:0;}


.series_wrapper.show_fxd_layer{padding-bottom:130px;}
.series_header{position: relative;display: flex;justify-content:space-between;margin-top:20px; padding:20px 30px 20px;flex:1 1 auto;background:#fff;border:1px solid #dadada;border-radius:5px;align-self: flex-start;align-items: center;}
.series_title{flex:1 1 auto;font-weight:500;font-size:20px;line-height:24px;}
.series_bookmark{flex:0 0 auto;width:130px;text-align: right;}
.btn_bookmark{display: inline-block;padding-left:40px;font-size:16px;font-weight:500;background: url(/images/icon_bookmark_p.svg) 0 50% no-repeat;background-size:24px 24px;}
.btn_bookmark.is_bookmark{background: url(/images/icon_bookmark_p_checked.svg) 0 50% no-repeat;} 
.series_content_box{position: relative;display: flex;flex-direction: column;margin-top:20px; padding:20px 30px 20px;flex:1 1 auto;background:#fff;border:1px solid #dadada;border-radius:5px;align-self: flex-start;}
.series_content_wrapper{position: relative;display: flex;flex-direction: row; padding-bottom:50px;}
.series_summary{flex:0 0 auto;width:200px;margin-right:40px;position: sticky;top:60px;align-self: flex-start;}
.series_list_wrapper{position: relative;flex:1 1 auto;background:#fff;z-index:1;}
.series_thumbnail{position: relative;display: block;border-radius:4px;overflow:hidden;background-color:#eee}
.series_thumbnail:after{content:'';display:block;padding-bottom:150%;}
.series_thumbnail img{position: absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;}
.series_view_first{margin-top:30px;}
.btn_view_first{position:relative;display:block;width:100%;text-align:center;line-height:35px;height:35px;font-size:15px;font-weight:500;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;overflow:hidden;outline:0;border-radius:5px;background: #000;color:#fff;background:#000  url(/images/icon_book_w.svg) 24px 50% no-repeat;background-size:20px 17px;}
.btn_view_first span{display: inline-block;}
.series_introduction{margin-top:30px;padding:16px 0;border-top:1px solid #E0E0E0;border-bottom:1px solid #E0E0E0;}
.series_introduction_text{color:#828282;margin-top:10px;font-size:12px;}
.series_credit{margin-top:16px;}
.series_credit .content_credit li{font-size:12px;}
.series_credit .content_credit li + li{margin-top:3px;}
.series_credit .content_credit li span{width:50px;}
.series_credit .content_credit li strong{color:#333}
.series_sub_tit{font-size:14px;font-weight:500;color:#333;}
.writer_follow_wrapper{margin-top:30px;border:1px solid #E0E0E0;border-radius:10px;padding:23px 12px}
.writer_link{display: block;position: relative;padding-left:60px;min-height:50px;}
.writer_img{position: absolute;left:0;top:0;width:50px;height:50px;border-radius:100%;overflow:hidden}
.writer_img img{width:100%;height:100%;object-fit:cover;}
.writer_name{font-size:14px;color:#070707;font-weight:500;line-height:25px;}
.writer_id{font-size:12px;color:#828282;line-height:25px;word-break:break-word;}
.writer_id span{display: none;}
.writer_follow{margin-top:20px;text-align: right;}
.btn_writer_follow{display: inline-block;border:2px solid #E45059;background:#fff;font-size:14px;color:#E45059;padding:5px 26px;line-height:16px;border-radius:15px;font-weight:600;}
.writer_notice{margin-top:20px;background:#F6F5F2;border-radius:10px;padding:20px 10px}
.writer_notice h4{font-size:16px;font-weight:500;color:#333;}
.writer_notice p{margin-top:12px;font-size:12px;color:#828282;line-height:18px;}
.series_list_wrapper .writer_notice,.series_list_wrapper .writer_follow_wrapper{display: none;}

.series_info_wrapper{margin-bottom:4px;background:#272727;border-radius:5px;box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);}
.series_info_list{display: grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:20px;}
.series_info_list li{text-align: center;padding:20px;}
.series_m_desc .series_info_list{display: none;}
.series_m_desc .series_title{display: none;}
.bookmark_w{display: inline-block;padding-left:21px;background:url(/images/icon_bookmark_w.svg) 0 50% no-repeat;background-size: 14px 17px;}
.star_point_w{display: inline-block;padding-left:24px;background:url(/images/icon_star_w.svg) 0 0 no-repeat;background-size: 17px 17px;}
.info_label{color:#BDBDBD;font-size:14px;font-weight:500;}
.info_desc{margin-top:15px;color:#fff;font-weight: 500;font-size:16px;line-height:20px;}
/* 대여 소장 멤버십 탭 있을 경우를 구분하고 checkbox all로 체크를 원할 경우 */
/*.series_select_bar{position: sticky;top:40px;z-index:11;margin-top:40px;display: flex;justify-content:space-between;background:#272727;border-radius:5px;padding:10px 30px;}
.content_tab + .series_select_bar{top:100px}*/
.series_select_bar{position:sticky;z-index:11;margin-top:40px;display: flex;justify-content:space-between;background:#272727;border-radius:5px;padding:10px 30px;}
.series_check_buy{padding-left:50px;position: relative;}
.btn_series_buy{display: inline-block;border:1.5px solid #fff;border-radius:5px;line-height:20px;padding:5px 10px;color:#fff;font-weight: 500;}
.btn_series_buy strong{color:#E45059}
.btn_series_buy:disabled{opacity:.5}
.series_list_header{display: flex;justify-content: space-between;border-bottom:1px solid #828282;padding:14px 0;font-size:16px;}
.series_episode_count{line-height:20px;}
.series_episode_count strong{color: #000;display: inline-block;font-weight:500;}
.series_episode_count span{color: #828282;display: inline-block;margin-left:12px;}
.series_list_order{position: relative;}
.btn_list_order{display: inline-block;padding-left:28px;background:url(/images/icon_list_order.png) 0 50% no-repeat;background-size:20px 20px;font-size:16px;font-weight: 500;}
.series_list_order .setting_select_area .select_options{display: none;position: absolute;top:34px;left:auto;right:0;width:100px;border:1px solid #BDBDBD;border-radius:3px;background:#fff;overflow:hidden;}
.series_list_new{border-bottom:1px solid #828282}
.series_list_new li{position: relative;padding:24px 0 24px 80px;border-top:1px dashed #E0E0E0}
.series_list_new.no_checkbox li{padding:24px 0 24px 0}
.series_list_new li:nth-child(1){border-top:0;}
.series_list_info_wrap{display: flex;}
.series_list_img{position: relative;flex:0 0 auto;margin-right:28px;width:84px;display: block;border-radius:4px;overflow:hidden;align-self: flex-start;background-color:#eee}
.series_list_img:after{content:'';display:block;padding-bottom:150%;}
.series_list_img img{position: absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;}
.series_list_desc{flex:1 1 auto;}
.series_list_desc_head span{display: inline-block;line-height:18px;}
.series_list_desc_head span.ep_number{font-weight:500;font-size:16px;color:#4F4F4F;}
.series_list_desc_head span.star_point_g{padding-left:26px;color:#BDBDBD;background:url(/images/icon_star_g.svg) 0 0 no-repeat;background-size: 17px 17px;}
.series_list_desc_head span.series_state{font-size:12px;}
.series_list_desc_head span.state_continue{color:#E45059}
.series_list_desc_head span.state_complete{color:#F2994A}
.series_list_desc_head span + span{margin-left:12px;}
.series_list_desc_title{margin-top:14px;font-size:16px;font-weight:500;}
.series_list_desc_text{margin-top:8px;font-size:14px;color:#BDBDBD;}
.btn_series_price{position:absolute;top:24px;right:0;display: inline-block;color:#fff;font-size:16px;color:#fff;padding:5px 30px;line-height:20px;border-radius:15px;font-weight:500;}
.btn_series_price.free{background: #E45059;}
.btn_series_price.rental{background: #BDBDBD;}

.square_input_w{position:absolute;top:0;left:0;opacity:0;}
.square_check_w{position:absolute;left:0;top:50%;margin-top:-14px;display:inline-block;width:28px;height:28px;cursor:pointer;background:url(/images/bg_checkbox.png) no-repeat 50% 50%;background-size:24px 24px}
.square_input_w:checked + .square_check_w{background:url(/images/bg_checkedbox.png) no-repeat 50% 50%;background-size:24px 24px}
.square_input_w:disabled + .square_check_w{background:url(/images/bg_disabled_checkbox.png) no-repeat 50% 50%;background-size:24px 24px;cursor:default}

.square_input{position:absolute;top:0;left:0;opacity:0;}
.square_check{position:absolute;left:30px;top:50%;margin-top:-14px;display:inline-block;width:28px;height:28px;cursor:pointer;background:url(/images/bg_checkbox.png) no-repeat 50% 50%;background-size:24px 24px}
.square_input:checked + .square_check{background:url(/images/bg_checkedbox.png) no-repeat 50% 50%;background-size:24px 24px}
.square_input:disabled + .square_check{background:url(/images/bg_disabled_checkbox.png) no-repeat 50% 50%;background-size:24px 24px;cursor:default}

.series_list_wrapper .content_tab{background:#fff;}

.related_list_img{position: relative;}
.related_list_img:after{content:'';display:block;padding-bottom:150%;}
.related_list_img img{position: absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;}
.fxd_series_order{z-index:20;position: fixed;top:auto;bottom:0;left:0;right:0;display: block;width:100%;}
.fxd_series_order_box{width:100%;max-width:768px;margin:0 auto;box-sizing:border-box;padding:20px;border-radius:16px 16px 0 0;border:1px solid #dadada;border-bottom:0;background:#fff;overflow:hidden}
.selected_series_item{padding-bottom:16px;display: flex;justify-content: space-between;}

.related_title{font-size:16px;color:#000;font-weight:500;}
.series_related_list{position: relative;margin-top:10px;background:#F6F5F2;border-radius:8px;padding:20px 40px;}
.series_related_list li a{display: block;}
.series_related_list li a .related_list_title{font-size:12px;margin-top:8px;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;word-break:keep-all}
.series_related_list .swiper-button-next,.series_related_list .swiper-button-prev{position: absolute;top:50%;margin-top:-15px;width:30px;height:30px;background-position:50% 50%;background-repeat:no-repeat;background-size:28px 18px;cursor:pointer;}
.series_related_list .swiper-button-next{right:5px;background-image:url(/images/arr_swipe.svg);transform:rotate(180deg)}
.series_related_list .swiper-button-prev{left:5px;background-image:url(/images/arr_swipe.svg);}
.series_related_list .swiper-button-next:after,.series_related_list .swiper-button-prev:after{opacity:.3}
.btn_list_back{position:relative;display:block;width:100%;text-align:center;line-height:35px;height:35px;font-size:15px;font-weight:500;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;overflow:hidden;outline:0;border-radius:18px;background: #000;color:#fff;}
.btn_list_more_series{display: inline-block;color: #828282;font-size:16px;font-weight:500;padding-right:30px;background: url(/images/icon_list_more_series.png) 100% 50% no-repeat;background-size: 14px 11px;}
.list_back{margin-top:50px;}
.btn_list_back span{display: inline-block;padding-right:48px;background: url(/images/icon_return.svg) 100% 50% no-repeat;background-size: 26px 20px;}

.series_setting_header{padding:20px;background: #fff;}
.series_setting_header p{color:#BDBDBD;font-size:12px;}
.series_setting_header h3{margin-top:8px;font-size:14px;font-weight:600;}
.series_setting_header .lm_btn_area{margin-top:32px;}
.series_setting_btn_area{display: flex;justify-content:space-between}
.series_setting_list{margin-top:20px;}
.series_setting_list > li{position: relative;padding:12px 12px 12px 12px;background:#fff;border-radius:5px}
/*.series_setting_list > li{position: relative;padding:12px 12px 12px 43px;background:#fff;border-radius:5px}*/
.series_setting_list > li + li{margin-top:12px;}
.series_setting_list > li .btn_del_stori{top:50%;}
.series_episode_number{display: flex;}
.episode_text{flex:0 0 auto;color:#BDBDBD;font-size:12px;line-height:24px;}
/*.episode_text{flex:0 0 auto;width:66px;color:#BDBDBD;font-size:12px;margin-right:12px;text-align: center;line-height:24px;}*/
.episode_number_input{position: relative;display:inline-block;box-sizing:border-box;width:150px;font-size:12px;color:#333;outline:0;padding:0 10px;border:1px solid #BDBDBD;border-radius:3px;height:24px;}
.inp_episode_num{display: block;width:100%;height:22px;font-size:12px;line-height:22px;background-color:transparent;font-weight:500;text-align: right;}
.series_setting_wrap{display: flex;margin-top:8px;}
.series_set_list_img{position: relative;flex:0 0 auto;margin-right:12px;width:66px;display: block;border-radius:4px;overflow:hidden;align-self: flex-start;}
.series_set_list_img:after{content:'';display:block;padding-bottom:150%;}
.series_set_list_img img{position: absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;}
.series_setting_list_desc{flex:1 1 auto;display: flex;flex-direction: column;justify-content:space-between}
.series_setting_list_title{font-weight:600;font-size:14px;}
.series_each_price{display: flex;justify-content:space-between;align-items:flex-end; margin-top:8px;}
.series_each_price ul li{display: flex;}
.series_each_price ul li + li{margin-top:4px;}
.series_each_price ul li .price_type{flex:0 0 auto;width:120px;font-size:14px;color:#828282}
.series_each_price ul li .set_pirce{font-size:14px;}
.series_each_price ul li .set_pirce strong{font-weight:500;}
.btn_each_price_set{display: inline-block;background:#828282;font-size:14px;color:#fff;padding:5px 10px;line-height:20px;border-radius:4px;font-weight:500;}

.no_content{flex:1 1 auto;width:100%;padding:50px 0;font-size:16px;text-align:center}

@media all and (max-width:980px) {
    .cart_item_order{width:280px}
    .cart_item li .cart_item_img{display: none;}
    .order_item li .order_item_img{display: none !important;}
    .item_order{width:280px}
    .payment_select li .payment_lb{font-size:11px;}
}

@media all and (max-width:768px){

    body{background-image:none;}
    .container_cm{background-image:none;}
    .container_box{padding:0 16px;}
    .btn_bookmark_w{display: inline-block;}
    .cart_wrapper{padding-bottom:230px}
    .cart_item_list{padding:0 20px 20px;}
    .cart_item li .cart_item_img{display: none;}
    .cart_item_order{position: fixed;top:auto;bottom:0;left:0;right:0;width:100%;box-sizing:border-box;padding:20px;border-radius:16px 16px 0 0;border-top:1px solid #dadada;background:#fff;margin:0;overflow:hidden}
    .cart_item_summary{margin-bottom:14px;padding:0;background:#fff;border:0;border-radius:5px}

    .order_wrapper{flex-direction: column;padding-bottom:150px;}
    .order_item_list{width:100%;box-sizing: border-box;}
    .item_order{width:100%;box-sizing: border-box;margin:0;}
    .payment_select li .payment_lb{font-size:14px;}
    .order_item li .order_item_img{display:block;}
    .payment_title{display:block;}
    .item_order_box{margin-top:20px;}
    .item_order_box + .item_order_box{margin-top:-5px;border-top:0 !important;}
    .order_payment_box .lm_btn_area{display: none;}
    .order_payment_box{flex-direction: column-reverse;}
    .order_notice_title{padding:0;border:0;font-size:14px;font-weight:500;color:#828282}
    .payment_notice{padding:12px 0 24px;}
    .fxd_item_order{z-index:20;position: fixed;top:auto;bottom:0;left:0;right:0;display: block;width:100%;box-sizing:border-box;padding:20px;border-radius:16px 16px 0 0;border-top:1px solid #dadada;background:#fff;margin:0;overflow:hidden}

    .content_tab_wrapper{position: relative;width:100%;padding:16px 0;}
    .tab_item a{display:inline-block;text-align: center;font-size:16px;font-weight: 500;line-height:20px;}
    .order_list_wrapper{padding:20px 20px 20px;}
    .orderlist_item_title{display: none;}
    .orderlist_item{border-top:1px solid #828282;}
    .orderlist_item_wrap{display: flex;flex-direction: column;justify-content: space-between}
    .orderlist_item_wrap2{flex:0 0 auto;width:80px;}
    .orderlist_item_wrap3{flex:0 0 auto;width:100px;}
    .orderlist_item li .orderlist_item_period{text-align: right;}
    .orderlist_item li .orderlist_item_type{text-align: left;}
    .orderlist_item li .orderlist_item_price{margin-top:6px;}
    .orderlist_item li .orderlist_item_date span.date_hm{display: none;}
    .orderlist_item li .membership_desc{margin-top:6px;}
    .order_list_membership .orderlist_item_wrap{align-items: flex-start;}

    .series_wrapper{margin:0 -16px;}
    .series_wrapper.show_fxd_layer{padding-bottom:95px;}
    .fxd_series_order_box{border-left:0;border-right:0}
    .series_header{display: none;}
    .series_content_box{position: relative;border:0;margin:0 0 -16px 0;padding:0 0 0 0;z-index:10;background:#fff;}
    .series_select_bar{position:relative;border-radius:0;margin-top:0;padding:10px 20px}
    .series_content_wrapper{flex-direction:column;background:#fff;padding:0}
    .series_summary{flex:1 1 auto;width:100%;margin-right:0;position: relative;top:0;align-self: flex-start;}
    .series_thumbnail{border-radius:0;}
    .series_thumbnail:after{padding-bottom:150%}
    .series_thumbnail:before{content:'';display: block;z-index:10;position: absolute;top:0;left:0;right:0;bottom:0;background: linear-gradient(180deg, rgba(0,0,0,.1) 40%, rgba(0,0,0,.9) 60%, rgba(222,222,222,1) 100%);}
    .series_m_desc{display: flex;position: absolute;left:0;bottom:0;right:0;flex-direction: column-reverse;z-index:10;}
    .series_introduction{flex:1 1 auto;border:0;border-top:1px solid #fff;margin:10px 20px 0;padding:16px 0 0 0;box-sizing: border-box;}
    .series_introduction_text{margin:0;padding:0;color:#fff;font-size:16px;line-height:24px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;}
    .series_introduction .series_sub_tit{display: none;}
    .series_view_first{flex:1 1 auto;width:100%;padding:10px 10px 20px;text-align: center;margin-top:0;box-sizing: border-box;}
    .series_view_first .btn_view_first{display: inline-block;width:auto;padding:0 60px}
    .series_m_desc .series_info_list{padding:0 15px;}
    .series_m_desc .series_info_list li{display: flex;flex-direction:row;padding:5px 5px;justify-content: space-between;}
    .series_m_desc .series_info_list li .info_label{flex:1 1 auto;margin:0 0px 0 0;font-weight:400;text-align: left;font-size:14px;min-width:50px;}
    .series_m_desc .series_info_list li .info_desc{margin:0;font-weight:400;font-size:14px;text-align:start;overflow:hidden;text-overflow:ellipsis;height:44px;}
    .series_m_desc .series_info_list{display:grid;}
    .series_m_desc .series_title{display: block;padding:10px 20px;color:#fff;line-height:26px;font-size:27px;}
    .bookmark_w{background: none;}
    .series_credit{display: none;}
    .series_info_wrapper{display: none;}
    .series_episode_count{display:block}
    .series_list_box{padding:0 20px;}
    .series_list_wrapper{padding-bottom:50px}
    .series_list_new li{padding:12px 0 12px 36px}
    .series_list_img{margin-right:13px;width:66px;}
    .series_list_desc_title{margin-top:8px;}
    .series_list_desc_text{margin-top:4px;}
    .btn_series_price{right:0;margin:0;top:12px;font-size:14px;padding:0 15px;}
    .btn_series_price span{display: none;}
    .square_check{left:0}
    .series_summary .writer_notice,.series_summary .writer_follow_wrapper{display: none;}
    .series_related_list_wrapper{position: relative;padding:0 16px 32px;z-index:10;background:#fff;}
    .series_list_wrapper .writer_notice,.series_list_wrapper .writer_follow_wrapper{display: block;}
    .series_list_wrapper .writer_follow_wrapper{margin:30px 20px 0;background:#F6F5F2;border:0;display: flex;align-items: center;justify-content: space-between;}
    .series_list_wrapper .writer_follow_wrapper .writer_info{flex:1 1 auto;}
    .series_list_wrapper .writer_follow_wrapper .writer_info .writer_link{min-height:50px;}
    .series_list_wrapper .writer_follow_wrapper .writer_follow{margin:0;flex:0 0 auto;width:120px;}
    .series_list_wrapper .writer_notice{margin:12px 20px 0;}

    .series_setting_header{margin:0 -16px}
}

@media all and (max-width:1024px){
    .location_wrapper{padding:0 16px;}
}

@media all and (max-width:576px){
    .layermodal_wrapper{position: fixed;left: 0;right: 0;bottom:-100%;top:auto;max-width:768px;margin: 0 auto;background-color: #000;box-sizing: border-box;border-radius:16px 16px 0 0;}
    .layermodal.layermodal_show .layermodal_wrapper{bottom:0;}
    .layermodal_ifr{height:calc(100vh - 270px);max-height:800px}

    .order_item_list{padding:0 16px 20px;}
}

@media all and (max-width:480px) {
    .series_each_price{flex-direction:column}
    .series_each_price ul{flex:1 1 auto;width:100%}
    .series_each_price ul li{justify-content:space-between}
    .series_each_price_btn{margin-top:8px}
    .cart_item_title .cart_item_price{padding-right:0;}
    .cart_item_del{position:absolute;bottom:16px;right:0;width:30px;height:30px;}
}

/* bitbord main */
.content_container_npt{padding:0 0 40px !important}
.list_header_wrap{width:100%;max-width:1024px;margin:0 auto;padding:0;height:30px;display: flex;justify-content: space-between;align-items: center;}
.list_header_wrap .sch_input{position:relative;background:#fff;margin:0 auto;padding:0 40px 0 15px;height:30px;border-radius:15px;box-sizing: border-box;}
.invite_frd{flex:1 0 auto;width:120px;text-align: right;}
.btn_ivt_frd{background:#000;border-radius:15px;height:30px;color:#fff;font-weight:600;line-height:30px;padding:0 16px;font-size:14px;}
.btn_make_chart{width:100%;background:#EB3A90;border-radius:15px;height:30px;color:#fff;font-weight:600;line-height:30px;padding:0 16px;font-size:14px;}
.main_top_swiper_container{width:100%;min-height:360px;max-width:1024px;margin:0 auto}
.item_center_swipe{position:relative;overflow:hidden;}
.item_center_swipe .swiper-slide{position: relative;width:auto;}
.item_center_swipe .swiper-slide .item_img{width:auto;height:360px;overflow:hidden;border-radius:16px}
.item_center_swipe .swiper-slide img{width:100%;height:360px;object-fit: cover;}
.item_center_swipe .swiper-slide a{position: relative;display: block;}
.item_center_swipe .swiper-slide a .item_desc_txt{position: absolute;z-index:1;left:0;right:0;bottom:40px;height:70px;background-color:rgb(0,0,0,0.6);color:#fff;}
.item_center_swipe .swiper-slide a .item_desc_txt p{padding:8px 8px;font-weight:500;font-size:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.item_center_swipe .swiper-slide a .item_desc_txt p strong{font-weight:700;font-size:24px;}
.item_center_swipe .swiper-slide a::before{content:'';display: block;z-index:2;position: absolute;top:0;right:0;bottom:0;left:0;background:rgb(0,0,0,0.6);border-radius:16px}
.item_center_swipe .swiper-slide.swiper-slide-active a::before{display: none;}
.item_center_swipe .swiper-pagination-fraction{color:#fff;font-weight:700;font-size:12px;}
.item_center_swipe .swiper-button-next,.item_center_swipe .swiper-button-prev{width:30px;height:30px;background-size:30px 30px;background-position:50% 50%;background-repeat:no-repeat;background-size:30px 30px}
.item_center_swipe .swiper-button-next{right:4px;background-image:url(/images/btn_main_next.png)}
.item_center_swipe .swiper-button-prev{left:4px;background-image:url(/images/btn_main_prev.png)}
.main_content_box{position: relative;width:100%;max-width:1024px;margin:0 auto;display: flex;gap:16px;flex-direction: row;}
.main_content_list_box{flex:1;width:calc(100% - 136px)}
.main_category_box{position:sticky;top:-8px;align-self: flex-start;width:120px;display: flex;flex-direction: column;gap:16px;box-sizing: border-box;padding-top:90px;  max-height: 100%;overflow-y: auto;}
.container_home .main_category_box{padding:0}
.container_home .main_category_list{display:none}
.sub_category_box{position:sticky;top:142px;align-self: flex-start;width:120px;display: flex;flex-direction: column;gap:16px;box-sizing: border-box;max-height: 100%;overflow-y: auto;}
.main_category_list{position: relative;width:100%;border:1px solid #C9C9C9;background:#fff;padding:0 0 16px;box-sizing: border-box;border-radius:8px;overflow:hidden;overflow-y: auto;}
.main_category_list h3{position: sticky;top:0;left:0;right:0;height:20px;padding:10px 10px 10px;z-index:1;background:#fff;text-align: center;line-height:20px;font-size:15px;font-weight:600;}
.main_category_list h3 span.title_sector{padding-left:18px;background:url(/images/icon_sector.png) 0 50% no-repeat;background-size:18px 18px;}
.main_category_list h3 span.title_theme{padding-left:18px;background:url(/images/icon_theme.png) 0 50% no-repeat;background-size:18px 18px;}
.main_category_list .label_check_list{max-height:calc(100% - 78px);}
.main_category_list .label_check_list li{position: relative;margin-top:0;height:28px;}
.main_category_list .label_check_list li .btn_del_select{display: none;position: absolute;top:0;right:0;width:24px;height:28px;background:url(/images/btn_theme_del.png) 0 50% no-repeat;background-size:24px 24px;}
.label_check{position:absolute;top:0;left:0;width:0;height:0;outline:0}
.label_check + label,.btn_all{position:relative;display:block;padding:0 18px 0 12px;font-size:13px;font-weight:500;line-height:28px;cursor:pointer;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.label_check:checked+label::after,.btn_all.checked::after{display:block;position:absolute;left:0;top:4px;width:5px;height:20px;border-radius:2px;background-color:#EB3A90;content:''}
.category_theme .label_check_list .label_check[type="checkbox"]:checked+label::before{content:'';position: absolute;top:0;right:0;width:18px;height:28px;background:url(/images/btn_theme_del.png) 0px 50% no-repeat;background-size:24px 24px;}
.main_category_box .category_theme .label_check_list .label_check:checked+label::before{display: none;}
.main_category_list .label_check_list li a{position: relative;display:block;padding:0 6px 0 12px;font-size:13px;font-weight:500;line-height:28px;cursor:pointer;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.main_category_list .label_check_list li a:hover{color:#EB3A90}
.main_category_list .label_check_list li a:hover::after{display:block;position:absolute;left:0;top:4px;width:5px;height:20px;border-radius:2px;background-color:#EB3A90;content:''}
.sub_category_box .label_check_list .label_check[type="radio"]:checked+label + .btn_del_theme{content:'';position: absolute;top:0;right:0;width:18px;height:28px;background:url(/images/btn_theme_del.png) 0px 50% no-repeat;background-size:24px 24px;}

.label_btn_m{display: none;}

.category_sector{height:240px;flex-shrink: 0;overflow-y: auto;}
.category_theme{flex:1;max-height:calc(100vh - 370px);overflow-y: auto;}
.sub_category_box .category_theme{flex:1;max-height:calc(100vh - 470px);overflow-y: auto;}
.main_content_list{width:100%;margin:0 auto;padding:0;margin-top:48px;}
.main_content_list_wbox{background:#fff;border-radius:12px;padding:16px}
.main_content_list + .main_content_list_wbox{margin-top:70px;}
.main_content_title{padding:8px 0;display: flex;justify-content: space-between;align-items: center;}
.main_content_title h2{line-height:26px;font-size:18px;}
.go_see_all{display: inline-block;font-size:15px;color:#7E7E7E;font-weight:600;line-height:26px;padding-right:18px;background:url(/images/icon_see_all.png) 100% 50% no-repeat;background-size: 8px 14px;}
.main_content_list_wbox .main_content_title{padding:0 0 8px}
.cart_content_list_wbox_ul{display:grid;grid-template-columns: repeat(8, 1fr);gap:12px;}
.item_swipe{position:relative;overflow:hidden}
.item_swipe .swiper-slide{width:auto}
.item_swipe .item_img{position:relative;width:auto;padding-top:150%;overflow:hidden;border-radius:1px;border-radius:8px}
.item_swipe img{position: absolute;left:0;right:0;bottom:0;top:0;width:100%;height:100%;object-fit: cover;}
.item_swipe .item_name{margin-top:5px;font-size:15px;height:42px;line-height:21px;color:#000;font-weight:700;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;word-break:keep-all}
.item_swipe .item_tag{margin-top:12px;display: inline-block;padding:4px;line-height: 12px;font-size:11px;border-radius:4px;color:#fff;font-weight:600;}
.item_swipe .item_tag.tag_collection{background-color: #BA0F6C;}
.item_swipe .item_tag.tag_chart{background-color: #5BC892;}
.item_swipe .swiper-button-next,.item_swipe .swiper-button-prev{width:30px;height:30px;background-size:30px 30px;background-position:50% 50%;background-repeat:no-repeat;background-size:30px 30px;top:99px;}
.item_swipe .swiper-button-next{right:4px;background-image:url(/images/btn_main_next.png)}
.item_swipe .swiper-button-prev{left:4px;background-image:url(/images/btn_main_prev.png)}
.item_swipe .swiper-button-disabled{display: none;}

.item_blur_swipe{position:relative;overflow:hidden;}
.item_blur_swipe .swiper-slide{width:auto}
.cart_content_list_ul{display:grid;grid-template-columns: repeat(6, 1fr);gap:16px;}
.item_blur_swipe .item_box{position: relative;display: block;padding-top:160%;border-radius:8px;overflow:hidden;background:#E9E9E9;}
.item_blur_swipe .item_box .item_img_bg{position: absolute;left:0;top:0;right:0;bottom:0;width: 100%;height: 100%;filter: blur(25px);}
.item_blur_swipe .item_box .item_img_bg img{width:100%;height:100%;object-fit: cover;}
.item_blur_swipe .item_box .item_detail{position: absolute;top:0;right:0;bottom:0;left:0;padding:20px 20px;display: flex;flex-direction: column;}
.item_blur_swipe .item_box .item_detail .item_img{position: relative;padding-top:140%;border-radius:8px;overflow: hidden;}
.item_blur_swipe .item_box .item_detail .item_img img{position: absolute;left:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit: cover;}
.item_blur_swipe .item_name{margin-top:5px;font-size:15px;height:42px;line-height:21px;color:#000;font-weight:700;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;word-break:keep-all}
.item_blur_swipe .swiper-button-next,.item_blur_swipe .swiper-button-prev{top:50%;margin-top:-15px;width:30px;height:30px;background-size:30px 30px;background-position:50% 50%;background-repeat:no-repeat;background-size:30px 30px;}
.item_blur_swipe .swiper-button-next{right:4px;background-image:url(/images/btn_main_next.png)}
.item_blur_swipe .swiper-button-prev{left:4px;background-image:url(/images/btn_main_prev.png)}
.item_blur_swipe .swiper-button-disabled{display: none;}

.main_content_black{margin-top:70px;width:100%;background:#000;padding:24px 0 24px;box-sizing: border-box;}
.main_content_black_wrap{width:100%;max-width:1024px;margin:0 auto;color:#fff;}
.chart_list {margin-top:16px;display: grid;grid-template-columns: repeat(4, 1fr);grid-template-rows: repeat(3, 1fr);gap:16px;overflow:hidden;overflow-x:auto}
.chart_list li{width:244px;}
.chart_list li:nth-child(1) { order: 1; }
.chart_list li:nth-child(2) { order: 5; }
.chart_list li:nth-child(3) { order: 9; }
.chart_list li:nth-child(4) { order: 2; }
.chart_list li:nth-child(5) { order: 6; }
.chart_list li:nth-child(6) { order: 10; }
.chart_list li:nth-child(7) { order: 3; }
.chart_list li:nth-child(8) { order: 7; }
.chart_list li:nth-child(9) { order: 11; }
.chart_list li:nth-child(10) { order: 4; }
.chart_list li:nth-child(11) { order: 8; }
.chart_list li:nth-child(12) { order: 12; }
.chart_list li a{display: flex;gap:8px;}
.rank_number{width:44px;font-size:11px;color:#EB3A90}
.rank_img{width:60px;height:88px;border-radius:4px;overflow:hidden}
.rank_img img{width:60px;height:88px;object-fit: cover;}
.rank_content{flex:1;display: flex;gap:8px;}
.rank_name{flex:1;word-break:keep-all;word-break: break-word;line-height:24px;height:72px;font-size:18px;font-weight:700;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.btn_load_more{display: inline-block;padding:0 30px;background:#C6CFDC;height:40px;line-height:40px;border-radius:20px;color:#fff;font-size:18px;font-weight:700;}
.loadmore_box{margin: 48px auto 0;text-align: center;}
.loadmore_box.loadmore_pbox{margin:0;padding:40px 0;}
.btn_load_more span{position: relative;display: inline-block;padding-right:24px;}
.btn_load_more span::before{content:'';display: block;width:14px;height:8px;position: absolute;right:0;top:16px;background:url(/images/icon_loadmore.png) 0 0 no-repeat;background-size:14px 8px;}
.seemore_box{margin: 40px auto 0;text-align: center;}
.btn_see_more span{position: relative;display: inline-block;padding-right:24px;color:#7E7E7E;font-size:15px;line-height:20px;font-weight: 600;}
.btn_see_more span::before{content:'';display: block;width:14px;height:8px;position: absolute;right:0;top:7px;background:url(/images/icon_seemore.png) 0 0 no-repeat;background-size:14px 8px;}

.chart_list_box{width:100%;}
.chart_content_list{width:100%;display:grid;grid-template-columns: repeat(4, 1fr);gap:48px 16px;margin-top:16px;}
.profile_content_list{grid-template-columns: repeat(5, 1fr);}
.sub_content_tab{display: flex;flex-direction: row;gap: 16px;margin-top:16px;}
.sub_content_tab li button{display: inline-block;border:2px solid #D9D9D9;color:#7E7E7E;font-size:18px;font-weight:600;height:40px;line-height:36px;background:#fff;padding:0 16px;border-radius:20px;box-sizing: border-box;}
.sub_content_tab li button.selected{border-color:#EB3A90;color:#000}
.chart_content_list li{position: relative;}
.chart_content_list .btn_modify_chart{position: absolute;top:0px;right:0px;width:48px;height:48px;background:url(/images/btn_chart_modify.png) 100% 0 no-repeat;background-size:28px 28px;z-index:2;}
.chart_content_list li a{position: relative;display: block;border-radius:8px;background:#fff;height:100%}
.chart_content_list .item_img{position: relative;padding-top:150%;}
.chart_content_list .item_img img{position: absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit: cover;}
.chart_content_list .item_name{margin-top:5px;margin-bottom:8px;font-size:16px;height:42px;line-height:21px;color:#000;font-weight:700;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;word-break:keep-all}
.chart_content_list .item_img{display: flex;width:auto;overflow:hidden;border-radius:8px 8px 0 0;align-items: center;justify-content:center;}
.chart_content_list .item_img .item_img_bg{position: absolute;left:0;top:0;right:0;bottom:0;   width: 100%;height: 100%;filter: blur(14px);}
.chart_content_list .item_img .item_img_bg img{width:100%;height:100%;object-fit: cover;}
.chart_content_list .item_img .round_img{position: absolute;top:50%;left:50%; transform: translateX(-50%) translateY(-50%);z-index: 1;width:150px;height:150px;border-radius:100%;border:2px solid #828282;overflow:hidden}
.chart_content_list .item_img .round_img img{width:100%;height:100%;object-fit: cover;}
.chart_content_list .item_box .item_name{margin-bottom:8px;}
.item_img.no_img_01{background: linear-gradient(180deg, #000000 0%, #BA0F6C 50%, #000000 100%);}
.item_img.no_img_02{background: linear-gradient(180deg, #0A0A0A 0%, #79B4AC 48%, #070707 100%);}
.item_img.no_img_03{background: linear-gradient(180deg, #121212 0%, #9F9F9F 52%, rgba(14, 13, 13, 0%) 100%);}
.item_img.no_img_04{background: linear-gradient(180deg, #000000 0%, #2F73D5 48%, rgba(0, 0, 0, 0%) 100%);}
.item_desc{display: flex;flex-direction: column;padding:16px 16px;}
.item_sector{font-size: 11px;line-height: 16px;color:#888}
.item_theme_list{font-size: 11px;line-height: 16px;color:#888;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;white-space:normal;word-break:keep-all}
.community_list li.item_col_box{grid-column:span 2;display: flex;flex-direction: row;align-items: stretch;border:1px solid #D9D9D9;border-radius:8px}
.community_list li.item_col_box > a{width:50%;border-radius:8px 0 0 8px}
.community_list li.item_col_box > a .item_img{border-radius:8px 0 0 0}
.community_list li.item_col_box .community_content{flex:1;width:50%;background:#fff;height:100%;border-left:1px solid #D9D9D9;padding:16px;box-sizing: border-box;border-radius:0 8px 8px 0;display: flex;flex-direction:column;justify-content: space-between;}
.community_list li .item_box .item_sector,.community_list li .item_box .item_theme_list{margin-right:40px;}
.community_list li .item_box.item_lock{position: relative;}
.community_list li .item_box.item_lock::after{content:'';width:28px;height:28px;display: block;background:url(/images/icon_lock.png) 0 0 no-repeat;background-size:28px 28px;position: absolute;bottom:8px;right:8px;}
.community_content h4{font-size:14px;color:#000;font-weight:600;}
.item_creator_info{margin-top:8px;color:#7E7E7E;font-size:12px;}
.item_creator_name{font-weight:700;}
.item_creator_desc{height:64px;line-height:16px;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:4;-webkit-box-orient:vertical;white-space:normal;word-break:keep-all}
.follow_list li + li{margin-top:4px;}
.follow_list li a{display: flex;flex-direction:row;width:100%;align-items: center;gap:8px;}
.follow_list li .flw_img{width:32px;height:32px;background: url(/images/bg_flw_user.png) 50% 50% no-repeat;background-size:32px 32px;border-radius:50%;}
.follow_list li .flw_img img{width:32px;height:32px;object-fit: cover;border-radius:50%;}
.follow_list li .flw_id{flex:1;color:#7E7E7E;font-size:12px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.related_chart{margin-top:8px;}
.related_chart_list li{margin-top:8px;}
.related_chart_list li a{position: relative;display: block;padding-left:12px;line-height:16px;font-size:12px;color:#7E7E7E;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.related_chart_list li a::after{content:'';display: block;width:4px;height:4px;border-radius:100%;position: absolute;left:0;top:50%;margin-top:-2px;background:#7E7E7E}

.back_btn_area{display: flex;justify-content: space-between;align-items: center;padding:16px 0;width:100%;}
.btn_back_h{color:#9F9F9F;height:28px;font-size:16px;font-weight:600;line-height:28px;padding:0}
.btn_back_h span{position: relative;display: inline-block;padding-left:30px;background:url(/images/btn_backgray_h.png) 0 50% no-repeat;background-size: 24px 24px;}
.chart_view_header_wrap .btn_back_h{color:#fff;}
.chart_view_header_wrap .btn_back_h span{background:url(/images/btn_white_h.png) 0 50% no-repeat;background-size: 24px 24px;}
.sub_content_box{position: relative;width:100%;max-width:1024px;margin:0 auto;box-sizing: border-box;}
.collection_header{display: flex;border:1px solid #D9D9D9;padding:12px 16px;background:#fff;border-radius:8px;justify-content: space-between;}
.collection_header h2{font-size:20px;line-height:30px;font-weight:700;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;white-space:normal;word-break:keep-all}
.btn_collection{display: flex;gap:16px;}
.chart_icon_btn{display: flex;gap:16px;}
.btn_collection .btn,.chart_icon_btn .btn{width:36px;height:36px;background-repeat: no-repeat;background-position: 50% 50%;background-size:28px 28px;}
.btn_add_bookmark{background-image:url(/images/icon_bookmark.png)}
.btn_add_bookmark.btn_add_bookmark_w{background-image:url(/images/icon_bookmark_w.png)}
.btn_add_bookmark.is_bookmark{background-image:url(/images/icon_is_bookmark.png)}
.btn_share{background-image:url(/images/icon_share.png)}
.btn_share_w{background-image:url(/images/icon_share_w.png)}
.btn_chat.btn_chat_w{background-image:url(/images/icon_chat_w.png)}
.btn_chat{background-image:url(/images/icon_chat.png)}
.btn_chat.show_chat{background-image:url(/images/icon_chat_on.png)}

.collection_container{margin-top:32px;border:1px solid #D9D9D9;padding:12px 16px;background:#fff;border-radius:8px;}
.collection_content_header{display: flex;justify-content: space-between;align-items: center;gap:24px;align-items: stretch;}
.collection_img{width:166px;}
.collection_img img{width:166px;height:100%;object-fit: cover;border-radius:8px;}
.collection_info{background:#212121;border-radius:8px;flex:1 1 auto;display: flex;flex-direction:row;gap:16px;color:#fff;padding:16px;}
.collection_summary{flex:1;display: flex;flex-direction: column;justify-content: space-between;}
.collection_category{display: flex;align-items: self-start;justify-content: space-between;gap:24px;}
.collection_category li{flex:1;width:50%}
.collection_summary h3{font-size:18px;line-height:26px;font-weight:400;color:#9F9F9F;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.collection_summary .summary_desc{font-size:18px;color:#fff;font-weight:700;line-height:28px;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;word-break:keep-all}
.collection_btn_list{width:130px;display: flex;flex-direction: column;justify-content:space-between;gap:12px;flex:0 0 auto;}
.collection_btn_list .btn{border:2px solid #EB3A90;color:#fff;font-size:13px;height:50px;width:100%;background:#000;border-radius:25px;font-weight:600;}
.collection_btn_list .btn.btn_add_a_chart{background:#EB3A90;}
.collection_btn_list_m{display: none;}

.collection_content_body{display: flex;justify-content: space-between;align-items: center;gap:24px;align-items: stretch;border-top:1px solid #D9D9D9;padding:12px 0;margin-top:24px;}
.collection_aside{width:166px;}
.collectioin_introduce{border-bottom:1px solid #D9D9D9}
.collectioin_introduce h3{color:#000;font-size:14px;font-weight:600;line-height:20px;}
.collectioin_introduce p{margin-top:12px;padding-bottom:12px;font-size:12px;line-height:15px;font-weight:300;min-height:135px;box-sizing: border-box;word-break:break-word;}
.collectioin_introduce_m{display: none;border:0;background:#fff;border-radius:8px;}
.collectioin_introduce_m p{min-height:auto;}
.collection_list_box{flex:1 1 auto;}
.collection_creator{border:1px solid #D9D9D9;padding:8px;margin-top:12px;border-radius:8px;height:123px;box-sizing: border-box;}
.collection_creator h3{font-size:14px;font-weight:400;line-height:20px;color:#939393;}
.creator_id{position: relative;padding-left:40px;margin-top:12px;}
.creator_id .creator_img{position: absolute;top:0;left:0;}
.creator_name{font-size:18px;font-weight:600;line-height:32px;color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.creator_img{display: inline-block;width:32px;height:32px;background:url(/images/bg_profile.png) 50% 50% no-repeat;background-size:32px 32px;border-radius:50%}
.creator_img img{width:32px;height:32px;object-fit: cover;border-radius:50%;}
.btn_creator_follow{max-width:120px;margin-top:8px;border:2px solid #EB3A90;color:#000;font-size:15px;height:30px;width:100%;background:#fff;border-radius:15px;font-weight:600;}
.btn_creator_follow.is_following{color:#EB3A90}
.collection_notice{margin-top:12px;background: #F6F5F3;box-sizing:border-box;padding:12px;border-radius:8px;min-height:123px;}
.collection_notice h3{color:#000;font-size:14px;font-weight:600;line-height:20px;}
.collection_notice p{margin-top:12px;font-size:12px;line-height: 15px;font-weight:300;}

.total_count{border-bottom:1px solid #D9D9D9;padding-bottom:12px;font-size:14px;line-height:20px;color:#000;font-weight:500;}
.collection_list > li{border-bottom:1px dashed #D9D9D9;padding:12px 0;display: flex;gap:24px;flex-direction: row;align-items: stretch;}
.collection_content{flex:1;display: flex;flex-direction: row;gap:16px;align-items:center}
.collection_content_wrap{flex:1}
.collection_chart_detail{display: flex;flex-direction: column;justify-content: space-between;gap:8px;}
.collection_charttitle{flex:1;display: flex;align-items: center;}
.collection_charttitle h4{line-height:26px;max-height:52px;font-size:18px;font-weight:700;color:#000;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;word-break:keep-all}
.collection_chart_img img{width:75px;height:100%;object-fit: cover;border-radius:8px}
.collection_chart_counter{display: flex;gap:24px;flex-direction: row;}
.collection_chart_counter li{min-width:120px;}
.collection_chart_counter li span{display: block;color:#9F9F9F;font-size:15px;font-weight:600;line-height:20px;}
.collection_chart_counter li strong{display: block;color:#2D2D2D;font-size:15px;font-weight:400;line-height:20px;}
.go_to_vote{width:168px;flex:0 0 auto;}
.btn_go_to_vote{border:1px solid #EB3A90;color:#EB3A90;width:168px;height:40px;border-radius:20px}
.btn_go_to_vote:disabled{border:1px solid #848181;color:#848181;}

.back_to_list_box{text-align: center;padding:36px 16px}
.btn_back_to_list{background:#212121;height:50px;color:#fff;font-size:18px;font-weight:700;line-height:50px;padding:0 60px;border-radius:25px;}
.btn_back_to_list span{position: relative;display: inline-block;padding-right:36px;background:url(/images/btn_backgray.png) 100% 50% no-repeat;background-size: 28px 28px;}

.chart_view_header{position: relative;width:100%;height:276px;}
.bg_chart_view{position: absolute;top:0;left:0;right:0;bottom:0;height:276px;width:100%;background-size:cover;-webkit-background-size:cover;background-position:50% 50%;filter: blur(30px);}
.chart_view_header_wrap{position: relative;width:100%;max-width:1024px;margin:0 auto;}
.chart_header_content{display: flex;justify-content: space-between;align-items: center;gap:24px;align-items: stretch;}
.chart_header_img{width:166px;}
.chart_header_img img{width:166px;height:200px;object-fit: cover;border-radius:8px;}
.chart_info{flex:1 1 auto;display: flex;flex-direction:column;justify-content:space-between;color:#fff;}
.chart_title_info{flex:1;}
.chart_sub_title{color:#C7C7C7;font-size:18px;}
.chart_title_info h2{color:#fff;font-size:26px;font-weight:700;line-height:34px;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;word-break:keep-all}
.chart_summary{display: flex;flex-direction: column;justify-content: space-between;}
.chart_category{display: flex;flex-direction:row;gap:48px;}
.chart_summary h3{font-size:18px;line-height:26px;font-weight:400;color:#C7C7C7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.chart_summary .summary_desc{font-size:18px;color:#fff;font-weight:700;line-height:28px;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;word-break:keep-all}
.chart_desc_content_wrap{display: flex;flex-direction: row;justify-content: space-between;gap:12px;align-items: stretch;min-height:160px}
.chart_desc_content h3{font-size:18px;color:#939393;line-height:24px;font-weight:400;}
.chart_desc_content .summary_desc{font-size:18px;color:#000;line-height:24px;font-weight:600;}
.chart_desc_column{flex:1;width:auto;background:#fff;border-radius:8px;padding:16px;display: flex;flex-direction: column;gap:8px;justify-content: space-between;border:1px solid #D9D9D9}
.chart_desc_user{display: flex;align-items: center;gap:8px;justify-content: space-between;}
.chart_desc_user h3{color:#939393;font-size:18px;font-weight:400;}
.chart_creator{flex:1;}
.chart_txt_btn{display: flex;justify-content: space-between;}
.chart_txt_btn .btn.btn_add_ranking_item{padding:0 12px;border:2px solid #EB3A90;color:#fff;font-size:14px;height:40px;border-radius:20px;font-weight:600;background:#EB3A90;}
.chart_txt_btn .btn.btn_follow{padding:0 12px;border:2px solid #EB3A90;color:#000;font-size:14px;height:40px;background:#fff;border-radius:20px;font-weight:600;}
.chart_txt_btn .btn.btn_follow.is_following{color:#EB3A90}
.chart_txt_btn .btn{min-width:100px;}
.connect_info{position:relative;margin-top:12px;padding:16px 16px;background:#fff;border-radius:8px;display: flex;flex-direction: column;gap:8px;justify-content: space-between;border:1px solid #D9D9D9}
.connect_txt{font-size:15px;color:#aaa;font-weight:600;line-height:24px;}
.disconnect{font-size:16px;font-weight:600;color:#000;padding-left:34px;line-height:28px;background:url(/images/icon_connect.png) 0 50% no-repeat;background-size:28px 28px;}
.connected{font-size:16px;font-weight:600;color:#EB3A90;padding-left:34px;line-height:28px;background:url(/images/icon_h_connected.png) 0 50% no-repeat;background-size:28px 28px;}
.wallet_address{line-height: 28px;font-weight:600;color:#EB3A90;gap:2px;}
.wallet_address span{display: inline-block;vertical-align:middle;}
.btn_copy_addr{width:28px;height:28px;background:url(/images/icon_copy_p.png) 50% 50% no-repeat;background-size:20px 20px;}
.chart_list_header{display: flex;align-items: center;margin-top:16px;padding:0 8px;}
.chart_list_header > div{flex: 1 1 auto;text-align: center;font-size:16px;font-weight:600;word-break:keep-all}
.chart_list_header .item_rank{width:15%;}
.chart_list_header .item_name{width:30%;}
.chart_list_header .point_count{width:15%;}
.chart_list_header .vote_count{width:15%;}
.chart_list_header .item_vote{width:25%;}
.chart_view_content{position:relative;margin-top:12px;padding:0 0 32px 0;background:#fff;border-radius:8px;display: flex;flex-direction: column;gap:8px;justify-content: space-between;border:1px solid #D9D9D9}
.ifr_container{display:none;width:100%;box-sizing: border-box;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;background:#fff;border-radius:8px;overflow:hidden}
.iframe_close_btn_area{position:absolute;top:8px;left:8px;width:48px;height:48px;}
.iframe_close_btn{width:48px;height:48px;background:url(/images/btn_ifr_close.png) 50% 50% no-repeat;background-size:24px 24px}
.chart_view_list_header{display: flex;justify-content: space-between;align-items: center;gap:16px;padding:16px 0;margin:0 16px;border-bottom:1px solid #D9D9D9}
.date_rank{display: flex;gap:16px;align-items: center;}
.current_date{font-size:24px;font-weight:700;line-height:46px;}
.current_rank{text-align: center;}
.current_rank span{display: block;font-size:14px;line-height:23px;}
.current_rank strong{display: block;font-size:15px;line-height:23px;font-weight:700;}
.sort_btn{display: flex;gap:16px;align-items: center;}
.connect_btn .btn{position:relative;padding-top:24px;width:46px;height:46px;color:#fff;font-size:11px;font-weight:500;background-size:28px 28px;background-repeat:no-repeat;background-position:50% 0}
.connect_btn .btn span{display: block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sort_btn_list{width:200px;border-radius:8px;overflow:hidden;display: flex;border:1px solid #EB3A90;box-sizing: border-box;}
.sort_btn_list .btn{flex:1 1 auto;height:44px;background:#fff;color:#EB3A90;font-size:15px;font-weight:600;line-height:40px;text-align: center;border-left:1px solid #EB3A90;}
.sort_btn_list .btn:nth-child(1){border-left:0}
.sort_btn_list .btn.active{background:#EB3A90;color:#fff;}
.chart_view_list{margin-top:16px;padding:0 12px;min-height:730px;}
.chart_item{position: relative;display: flex;align-items: center;padding:16px 0;border-bottom:1px solid #D9D9D9;}
.chart_item > div{flex: 1 1 auto;text-align: center;}
.chart_item .item_rank{width:15%;line-height:24px;}
.chart_item .item_rank strong{font-weight:900;font-size:18px;}
.chart_item .item_rank div{font-weight:500;font-size:14px;}
.chart_item .item_rank div.up{color:#ff3045}
.chart_item .item_rank div.down{color:#5630ff}
.chart_item .item_rank div.new{color:#ffb703}
.chart_item .chart_item_wrap{width:60%;display: flex;line-height:24px;}
.chart_item .chart_item_wrap .item_name{width:50%;text-align: left;}
.chart_item .chart_item_wrap .point_count{width:25%}
.chart_item .chart_item_wrap .vote_count{width:25%}
.chart_item .chart_item_wrap .txt_p{color:#EB3A90}
.chart_item .item_name{font-weight:700;font-size:15px;line-height:24px;color:#EB3A90;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:keep-all}
.chart_item .item_vote{width:25%;}
.chart_item.current_rank_item::before,.chart_item.current_rank_item::after{content:'';position: absolute;bottom:-1px;width:12px;height:1px;background:#D9D9D9}
.chart_item.current_rank_item::before{left:-12px}
.chart_item.current_rank_item::after{right:-12px}
.btn_vote_cancel{background:#EB3A90;color:#fff;padding:0 8px;font-size:13px;height:40px;border-radius:8px;font-weight:600;word-break:keep-all}
.btn_vote_cancel:disabled{background:#C9C9C9;color:#848181;}
.chart_list_more{text-align: center;padding:24px 0 0}
.btn_chart_more{background:#C9C9C9;color:#000;padding:0 16px;min-width:160px;height:40px;border-radius:8px;font-weight:600;}
.chart_repeat_btn{display: none;margin-top:48px;align-items: center;gap:8px;box-sizing: border-box;width:100%;justify-content: space-between;}
.chart_repeat_btn li{flex:1;text-align: center;}
.chart_repeat_btn .btn{display:inline-block;width:140px;text-align: center;height:40px;font-size:12px;font-weight:700;line-height:40px;border-radius:20px;}
.btn_add_item{background:#EB3A90;color:#fff}
.btn_add_item span{display: inline-block;padding-right:24px;background:url(/images/icon_add_item.png) 100% 50% no-repeat;background-size:18px 18px;}
.btn_chat_txt{border:1px solid #EB3A90;color:#EB3A90}
.btn_chat_txt span{display: inline-block;padding-right:24px;background:url(/images/icon_chat_on.png) 100% 50% no-repeat;background-size:18px 18px;}

.chart_talk_box{position: absolute;left:50% !important;right:auto !important;bottom:auto !important;height:700px;margin-left:536px;display:block;z-index:20;width:400px;left:auto;top:330px;}

.make_form_box{position:relative;background:#fff;padding:24px;border-radius:8px;border:1px solid #D9D9D9;box-sizing: border-box;overflow:hidden;}
.make_form_star_box{min-height:1190px}
.form_desc_text{font-size:24px;line-height:32px;font-weight:700;}
.new_form_tit{margin-top:48px;font-size:18px;}
.new_form_tit span{display: inline-block;margin-left:8px;color:#C6CFDC;font-size:15px;font-weight:500;}
.new_form_flex_box{display: flex;gap:16px;flex-direction: row;align-items: stretch;justify-content: space-between;}
.new_form_column{flex:1;display: flex;flex-direction: row;gap:8px;}
.new_form_column .inp_box_s{flex:1}
.ss-main .ss-values .ss-value{background-color: #EB3A90 !important;}
.ss-main{min-height:50px !important;}
.btn_inp_s{background:#000;color:#fff;border-radius:5px;height:50px;line-height:50px;padding:0 16px;display:inline-block;text-align:center;background-repeat:no-repeat;vertical-align:middle;border:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer}
.new_form_field{position: relative;}
.new_form_field + .new_form_field{margin-top: 32px;}
.new_form_field_in .inp_box{position: relative;padding-right:60px;}
.new_form_field .inp_flex_box{display: flex;gap:8px;align-items: center;}
.new_form_field .inp_flex_box .inp_box{width:auto;min-width:180px}
.new_form_field .inp_flex_box span{font-weight:700}
.new_form_field .inp_inline_box .inp_box{width:auto;min-width:180px}
.new_form_field .inp_inline_box{display: flex;gap:8px;align-items: center;}
.new_form_field .inp_inline_box span{font-weight:700}
.btn_add_link{position: absolute;top:0;right:0;width:48px;height:48px;background: url(/images/btn_plus_p.png) 50% 50% no-repeat;background-size:28px 28px;}
.links_list li{display: flex;align-items: center;gap:16px;padding:16px 0;border-bottom:1px solid #D9D9D9}
.links_list li.no_links p{flex:1;text-align: center;padding:32px 0}
.links_list li .links_numbers{padding:0 16px;border-radius:50%;color:#000;font-size:16px;font-weight:700;flex:0 0 auto;line-height:28px;}
.links_list li .links_url{flex:1;line-height:28px;}
.links_list li .btn_del_link{width:28px;height:28px;background:url(/images/btn_theme_del.png) 50% 50% no-repeat;background-size:28px 28px;}
.new_rdo_lst li{position: relative;line-height:28px;margin-top:16px;}
.new_rdo_lst li .lblt{line-height:28px;display: inline-block;cursor: pointer;}
.new_rdo_lst li .new_rdo{left:0;right:auto;}
.new_rdo_lst li.new_rdo_add_txt{display: flex;align-items: center;gap:16px;}
.new_rdo_lst li.new_rdo_add_txt h3{width:110px}
.new_rdo_lst li.new_rdo_add_txt p{flex:1;color:#848181;font-weight:500;word-break:keep-all;}
.new_rdo_lst.row_list{display: flex;align-items: center;justify-content: center;}
.new_rdo_lst.row_list.align_left{justify-content:flex-start;}
.new_rdo{position:absolute;top:0;left:0;width:0;height:0;outline:0}
.new_rdo + label{position:relative;display:inline-block;padding:0 18px 0 40px;font-size:14px;font-weight:500;line-height:28px;cursor:pointer;color:#000;}
.new_rdo+label::before{content:'';position: absolute;top:0;left:0;width:28px;height:28px;background:url(/images/icon_new_radio.png) 0px 50% no-repeat;background-size:28px 28px;}
.new_rdo:checked+label::before{content:'';position: absolute;top:0;left:0;width:28px;height:28px;background:url(/images/icon_new_radio_chk.png) 0px 50% no-repeat;background-size:28px 28px;}
.new_rdo.new_rdo_r + label{display: block;padding:0 40px 0 0;font-weight:700;}
.new_rdo.new_rdo_r+label::before{right:0;left:auto;}
.new_rdo.new_rdo_r:checked+label::before{right:0;left:auto;}

.choose_list {margin-top:16px;display: grid;grid-template-columns: repeat(5, 1fr);gap:12px;}
.choose_list li .choose_label{position: relative;display:block;height:80px;padding:8px 8px;font-size:12px;line-height:16px;font-weight:700;box-sizing:border-box;cursor:pointer;background:#fff;border:1px solid #C9C9C9;border-radius:8px;word-break:keep-all}
.choose_list li .choose_rdo:checked+.choose_label,.choose_list li .choose_chk:checked+.choose_label{border-color:#EB3A90}
.choose_list li input{position:absolute;top:0;left:0;width:0;height:0;outline:0}
.choose_list li .choose_rdo + .choose_label::before{content:'';position: absolute;bottom:4px;left:50%;margin-left:-14px;width:28px;height:28px;background:url(/images/icon_new_radio.png) 0px 50% no-repeat;background-size:28px 28px;}
.choose_list li .choose_rdo:checked+.choose_label::before{content:'';position: absolute;bottom:4px;left:50%;margin-left:-14px;width:28px;height:28px;background:url(/images/icon_new_radio_chk.png) 0px 50% no-repeat;background-size:28px 28px;}
.choose_list li .choose_chk + .choose_label::before{content:'';position: absolute;bottom:4px;left:50%;margin-left:-14px;width:28px;height:28px;background:url(/images/icon_new_checkbox.png) 0px 50% no-repeat;background-size:28px 28px;}
.choose_list li .choose_chk:checked+.choose_label::before{content:'';position: absolute;bottom:4px;left:50%;margin-left:-14px;width:28px;height:28px;background:url(/images/icon_new_checkbox_chk.png) 0px 50% no-repeat;background-size:28px 28px;}

.make_notice{padding:32px 0;font-size:18px;font-weight:700;line-height:24px;color:#000;text-align: center;}
.btn_form_area{padding:32px 0;display: flex;align-items: center;gap:16px;box-sizing: border-box;}
.btn_form_area li{flex:1}
.btn_form_area .btn{display: block;width:100%;text-align: center;height:40px;font-size:15px;font-weight:700;line-height:40px;border-radius:20px;}
.fixed_btn_wrap .btn_form_area{padding:0;width:100%;max-width:1024px;}
.fixed_btn_wrap .btn_form_area .btn{height:40px;font-size:16px;line-height:40px;border-radius:20px;}
.btn_cancel_form{background:#7E7E7E;color:#fff;}
.btn_border_form{background:#fff;color:#EB3A90;border:2px solid #EB3A90}
.btn_submit_form{background:#EB3A90;color:#fff;}

.fixed_container{position: fixed;top:54px;left:0;right:0;bottom:0;z-index:3;overflow:hidden;overflow-y:auto;background-color:#f6f5f2;background-image:url(/images/Logo_bitboard_icon_gt.svg);background-position:right 40px bottom 180px;background-repeat: no-repeat;background-size: 470px 468px;background-attachment: fixed;}
.fixed_container.fixed_btn_container{padding-bottom:60px;}
.fixed_btn{background: #f6f5f2;}
.fixed_container .fixed_btn_wrap{width:100%;max-width:1024px;margin:0 auto;}

.event_content_box{width:100%;margin:0 auto;padding:60px 32px 0 360px;box-sizing: border-box;}
.event_content_main_box{width:100%;margin:0 auto;padding:24px 0}
.event_sub_ct{margin:0 auto;max-width:1024px;}
.event_sub_ct_main{margin:0 30px 0 360px;}

/* profile */
.profile_header{display: flex;flex-direction:row;gap:16px;border:1px solid #D9D9D9;background:#fff;padding:24px;border-radius:8px;min-height:240px;box-sizing: border-box;}
.profile_img{position: relative;width:150px;height:150px;border-radius:50%;background:url(/images/bg_profile_img.png) 50% 50% no-repeat;background-size:150px 150px;}
.profile_img img{width:100%;height:100%;object-fit: cover;border-radius:50%;}
.btn_edit_profile{display: inline-block;position:absolute;bottom:0;left:50%;margin-left:-20px;width:40px;height:40px;border-radius:50%;background:url(/images/btn_edit_profile_img.png) 50% 50% no-repeat;background-size:40px 40px;}
.profile_header_content{flex:1}
.profile_name{color:#000;font-size:20px;font-weight:700;line-height:30px;}
.profile_btn{margin-top:12px;display: flex;flex-direction: row;align-items: center;gap:8px;}
.profile_btn .btn_creator_follow{margin:0;}
.btn_edit_my_profile{display: inline-block;padding:0 24px;border:2px solid #000;color:#fff;font-size:15px;height:30px;background:#000;border-radius:15px;font-weight:600;}
.profile_desc{margin-top:16px;line-height:24px;font-size:16px;font-weight:500;}
.interested{color:#aaa;font-size:18px;margin-top:32px;}
.interested strong{color:#5BC892;}

.my_badges_credit{margin-top:24px;display: flex;flex-direction:row;gap:16px;align-items: stretch;}
.my_bc_box{flex:1;width:50%;border:1px solid #D9D9D9;background:#fff;padding:16px;border-radius:8px;min-height:240px;box-sizing: border-box;}
.my_bc_box h3{font-size:20px;}
.my_badges{margin-top:16px;display: flex;flex-direction:row;align-items:center;gap:24px;}
.my_badges .badges_img{width:120px;height:120px;}
.my_badges .badges_img img{width:120px;height:120px;}
.my_badges .badges_desc{flex:1;}
.badges_tit{font-size:18px;font-weight:700;}
.badges_txt{margin-top:16px;font-size:18px;font-weight:700;color:#939393}
.badges_icon_list{margin-top:32px;display: grid;grid-template-columns: repeat(4, 1fr);gap:16px;height:332px;overflow:hidden;overflow-y:auto;}
.badges_icon_list li{text-align: center;}
.badges_icon_list li img{width:100px;}
.my_see_more{margin-top:16px;text-align: center;}
.sub_content_title{margin-top:48px;}
.credit_box{margin-top:16px;display: flex;flex-direction: column;background:#191A1A;border-radius:16px;}
.credit_head{display: flex;height:100px;color:#fff;align-items: center;justify-content: space-between;gap:16px;font-weight:600;font-size:40px;line-height:56px;}
.credit_head .current_credit{flex:1;text-align: center;padding-left:84px;}
.credit_head .credit_unit{padding:0 16px;color:#C6CFDC}
.credit_foot{display: flex;flex-direction:row;justify-content: space-between;background:#5B5B5B;border-radius:0 0 16px 16px;height:55px;}
.credit_foot li{padding:6px 16px;color:#fff;text-align: center;}
.credit_foot h5{font-size:15px;font-weight:600;color:#AAAAAA}
.credit_foot .credit_point{font-size:18px;font-weight:700;}
.credit_history_box{margin-top:24px;}
.credit_history_box h4{font-size:18px;font-weight:600;text-align: center;}
.credit_history_box .my_credit_list{overflow:hidden;overflow-y:auto;height:282px}
.my_credit_list li .history_date{margin-top:8px;font-size:15px;color:#C6CFDC;font-weight:600;}
.my_credit_list li .history_content_box{display: flex;align-items:center;justify-content: space-between;gap:8px;border-bottom:1px solid #D9D9D9;padding:4px 0 16px}
.my_credit_list li .history_txt{flex:1}
.my_credit_list li .history_name{font-size:18px;color:#000;font-weight:600;line-height:24px;max-height:48px;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:keep-all}
.my_credit_list li .earn_spend{min-width:80px;text-align:right;}
.my_credit_list li .earn_spend strong{font-size:18px;color:#000;font-weight:600;line-height:24px;}
.my_credit_list li .earn_spend strong.earn{color:#EB3A90}
.my_credit_list li .earn_spend strong.spend{color:#5BC892}
.my_credit_list li .credit_unit{width:50px;text-align: right;font-size:18px;color:#000;font-weight:600;line-height:24px;color:#C9C9C9}
.white_content_box{width:100%;background:#fff;padding:24px;border-radius:8px;border:1px solid #D9D9D9;box-sizing: border-box;}
.white_content_box h3{color:#000;font-weight:700;font-size:24px;}
.white_content_box .my_badges{margin-bottom:64px;}

.white_content_box .credit_box{max-width:680px;margin:16px auto 0}
.white_content_box .credit_foot{background:#000;height:auto}
.white_content_box .credit_foot li{padding:16px 16px;color:#D9D9D9;text-align: center;}
.white_content_box .credit_foot h5{font-size:15px;font-weight:600;color:#AAAAAA}
.white_content_box .credit_foot .credit_point{font-size:18px;font-weight:700;}
.white_content_box .credit_history_box{margin-top:64px;}
.white_content_box .credit_history_box h3{text-align: center;}
.white_content_box .credit_history_box .my_credit_list{margin-top:24px;overflow:auto;overflow-y:auto;height:auto;border-top:1px solid #D9D9D9}


.badges_history_list_header{margin-top:16px;display: flex;flex-direction: row;align-items: center;gap:16px;justify-content: space-between;}
.badges_history_list_header li{font-size:18px;color:#939393;font-weight:500;}
.badges_history_list_header .list_num{width:15px;}
.badges_history_list_header .badge_img{width:80px;}
.badges_history_list_header .badge_name{width:150px;}
.badges_history_list_header .badge_conditions{flex:1;}
.badges_history_list_header .badge_reward{width:120px;text-align: right;}

.badges_history_list{width:100%;}
.badges_history_list li{margin-top:16px;display: flex;flex-direction: row;align-items: center;gap:16px;justify-content: space-between}
.badges_history_list li .list_num{width:15px;text-align: center;color:#EFC7DA;font-weight:500;font-size:17px;}
.badges_history_list li .badge_img{width:80px;}
.badges_history_list li .badge_img img{width:80px}
.badges_history_list li .badge_name{width:150px;font-size:20px;color:#000;font-weight:500;}
.badges_history_list li .badge_conditions{flex:1;font-size:20px;color:#000;font-weight:500;padding-top:24px;}
.badges_history_list li .badge_conditions span{display: block;font-size:16px;color:#939393;line-height:24px;}
.badges_history_list li .badge_reward{width:120px;text-align: right;font-size:20px;color:#000;font-weight:500;}

.welcome_box{max-width:768px;margin:0 20px;background:#fff;padding:24px;border-radius:8px;border:1px solid #D9D9D9;box-sizing: border-box;}
.welcome_box h3{text-align: center;padding-top:16px;font-size:28px;}
.welcome_box p{margin-top:24px;font-size:18px;line-height:26px;font-weight:500;word-break:keep-all}
.welcome_box p strong{color:#EB3A90;font-weight:500;font-size:20px;}

.intro_box{margin-top:16px;width:100%;background:#fff;padding:24px;border-radius:8px;border:1px solid #D9D9D9;box-sizing: border-box;}
.intro_title{text-align: center;font-size:24px;font-weight:600;line-height:36px;word-break:keep-all}
.intro_content_box{max-width:720px;margin:24px auto;border:2px solid #F2D9E5;padding:24px;border-radius:12px;}
.intro_content_box .intro_image_box{margin-top:16px;}
.intro_content_box .intro_image_box img{width:100%;max-width:100%;}
.intro_content_box p{color:#7E7E7E;font-size:18px;font-weight:900;line-height:26px;text-align: center;word-break:keep-all}
.intro_row_box{display: flex;flex-direction: row;align-items: center;gap:24px}
.intro_row_box .lets_go{flex:1 0 auto;width:50%;}
.intro_row_box p{margin-top:16px;flex:1 0 auto;width:50%;}
.intro_row_box p{color:#000;text-align: left;}
.btn_lets_go{display: block;background:#EB3A90;color:#fff;font-size:20px;font-weight:900;height:50px;line-height:50px;width:100%;border-radius:25px;}

/* vote_container */
.btn_vote_h{display:inline-block;width:100%;height:40px;padding:0 8px;line-height:38px;font-size:13px;font-weight:600;border-radius:20px;text-align: center;}
.btn_vote_h span{display: block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vote_type_01 .btn_vote_primary{border:1px solid #3164FF;background:#fff;color:#3164FF;}
.vote_type_01 .btn_vote_secondary{border:1px solid #C858FF;background:#fff;color:#C858FF}
.vote_type_02 .btn_vote_primary{background:#3164FF;border:1px solid #3164FF;color:#fff;}
.vote_type_02 .btn_vote_secondary{background:#C858FF;border:1px solid #C858FF;color:#fff;}
.vote_area{position: relative;z-index:2;background:#fff;}
.vote_container{position: relative;padding:16px 64px 16px 184px;max-width:1320px;margin:0 auto;z-index:2;background:#fff;}
.body_aside_show .vote_container{padding:16px 64px 0 64px;}
.vote_container_wrap{margin-top:24px;display:flex;flex-direction:row;gap:16px;width:100%;position: relative;box-sizing: border-box;}

.vote_swipe_container{flex:1;padding:24px 24px 16px;box-sizing: border-box;display:flex;background:#fff;box-shadow:-4px -4px 12px 0px #3B82F614,4px 4px 12px 0px #3B82F614;border-radius:8px;}
.vote_swipe{padding:0 0 48px 0 !important;width:100%;}
.vote_swipe .swiper-slide{position: relative;}
.vote_swipe_container .swiper-pagination{bottom:0px !important;}
.vote_swipe_container .swiper-pagination-bullet{background-color: #D9D9D9;opacity:1 !important;}
.vote_swipe_container .swiper-pagination-bullet-active{background-color: #3C3A3A;}
.vote_swipe .swiper-button-next,.vote_swipe .swiper-button-prev{top:auto !important;bottom:0 !important;z-index:11 !important;width:30px;height:30px;background-size:30px 30px;background-position:50% 50%;background-repeat:no-repeat;background-size:30px 30px}
.vote_swipe .swiper-button-next{right:0;background-image:url(/images/btn_main_next.png)}
.vote_swipe .swiper-button-prev{left:0;background-image:url(/images/btn_main_prev.png)}
.vote_box{display: grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;width:100%;height:100%;box-sizing: border-box;background:#fff;}
.vote_btn_area{margin-top:16px;}
.vote_story{font-size:15px;line-height:24px;margin-top:16px;word-break:keep-all;color:rgba(0, 0, 0, 0.5);display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:keep-all}
.vote_story strong{display: inline-block;margin-right:8px;color:#000;font-weight:500;}
.vote_btn_area.vote_type_01{display: flex;gap:16px;flex-direction: column;}
.vote_count_pct{position: relative;width:100%;background:#F2F2F2;height:20px;border-radius:10px;overflow:hidden;}
.vote_count_pct strong{position: relative;z-index:1;display: block;padding:0 16px;font-size:12px;line-height:20px;font-weight:500;color:#fff}
.pct_bar{position: absolute;left:0;height:20px;border-radius:10px;}
.pct_bar strong{font-size:12px;font-weight:500;}
.pct_bar_primary{background:#8EAAF9}
.pct_bar_secondary{background:#CE78F9;}
.voted_num{font-size:11px;line-height:20px;min-width:70px;height:20px;}
.vote_btn_area.vote_type_01 .voted_num{text-align: right;}
.voted_num_primary{color:#8EAAF9}
.voted_num_secondary{color:#CE78F9}

.chart_header{display: flex;justify-content: space-between;align-items: center;}
.vote_subtitle{flex:1;margin-bottom:8px;;font-size:20px;line-height:26px;font-weight:500;display: flex;align-items: center;gap:8px;}
.vote_subtitle .reward strong{color:#00B8FF;font-weight:800;}
.vote_subtitle .unit{font-weight:800;}
.vote_subtitle .unit strong{color:#EB3A90;font-weight:800;}
.chart_header_date{flex:1;display: flex;justify-content: space-between;align-items: center;gap:4px;font-size:13px;font-weight:500;line-height:20px;}
.chart_header_date .chart_period{color: rgba(0, 0, 0, 0.5);}
.chart_header_date .expire_time{color: #EB3A90;}
.count_bar{position: absolute;left:0;height:18px;}
.count_bar_g{background:#374553;opacity:0.21;}
.count_bar_b{background:#00B8FF;opacity:0.21;}
.vote_count_data strong{display: block;text-align: center;font-size:12px;font-weight:600;}
.vote_btn_area .fc_p{color:#EB3A90;}
.vote_img_tit{display: flex;gap:16px;}
.vote_img_tit .vote_img{position: relative;width:80px;height:80px;border-radius:8px;overflow:hidden}
.vote_img_tit .vote_img img{width:100%;height:100%;object-fit:cover;}
.vote_img_tit .vote_title{flex:1;}
.vote_img_tit .vote_title .vote_title_txt{margin-top:4px;font-size:20px;font-weight:600;line-height:28px;flex:1;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;word-break:keep-all}
.vote_chart{width:100%;height:100%;height:300px;}
.chart_desc{margin-top:8px;font-size:11px;line-height:20px;}
.vote_item_list_wrap{position: relative;z-index:1;margin-top:24px;display: grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgba(0, 0, 0, 0.07);gap:0;box-sizing: border-box;}
.vote_item_wrap{margin:24px 0 24px 0;border-right:1px solid rgba(0, 0, 0, 0.07);width:100%;box-sizing:border-box}
.vote_item{display: flex;flex-direction: column;justify-content: space-between;align-items: center;border-top:1px solid rgba(0, 0, 0, 0.07);background-color:#fff;}
.vote_item_list_wrap .vote_item:nth-child(3n+1) .vote_item_wrap{padding:0 24px 0 0}
.vote_item_list_wrap .vote_item:nth-child(3n+3) .vote_item_wrap{border-right:0 !important;padding:0 0 0 24px}
.vote_item .vote_item_wrap{display: flex;height:100%;flex-direction: column; padding:0 24px;}
.vote_item_tit{display: flex;gap:12px;width:100%;align-items:flex-start;}
.vote_item_tit .vote_title{flex:1;display: flex;flex-direction: column;}
.vote_item_tit .vote_img{position: relative;width:64px;height:64px;border-radius:4px;overflow:hidden}
.vote_item_tit .vote_img img{width:100%;height:100%;object-fit:cover;}
.vote_item_tit .vote_title_txt{font-size:15px;font-weight:600;line-height:24px;flex:1;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;word-break:keep-all}
.vote_item:nth-child(n+1):nth-child(-n+3){border-top:0}
.vote_footer{width:100%;display: flex;justify-content: space-between;align-items: center;margin-top:12px;}
.vote_foot_txt,.vote_foot_txt strong{font-size:13px;font-weight:500;color:rgba(0, 0, 0, 0.3)}
.vote_footer .btn{width:36px;height:36px;background-repeat: no-repeat;background-position: 50% 50%;background-size:24px 24px;}
.vote_footer .btn_chart_show{display: none;background-image:url(/images/icon_seemore.png);background-size:14px 8px;-webkit-transition:all 0.1s ease;transition:all 0.1s ease;-webkit-transform:rotate(0deg);transform:rotate(0deg)}
.vote_box.show_chart .vote_footer .btn_chart_show{-webkit-transform:rotate(180deg);transform:rotate(180deg)}

/* .vote_footer .btn_add_bookmark{background-image:url(/images/bookmark_s.png)}
.vote_footer .btn_add_bookmark.is_bookmark{background-image:url(/images/bookmark_filled_s.png)} */
/* .vote_item_type0:hover{border-color:#EB3A90}
.vote_item_type1:hover{border-color:#EB3A90}
.vote_item_type2:hover{border-color:#00B8FF}
.vote_item_type3:hover{border-color:#00B8FF} */
.vote_item .vote_count_data{margin-top:8px;}
.vote_type_01 .vote_btn_box{display: flex;flex-direction: row;justify-content: space-between;align-items: center;width:100%;gap:8px;}
.vote_type_01 .vote_btn_box .vote_btn{width:120px;margin-right:16px;}
.vote_type_02 .vote_btn_box{display: flex;flex-direction: row;justify-content: space-between;align-items: center;width:100%;gap:8px;}
.vote_type_02 .vote_btn_box .vote_btn{width:120px;}
.vote_type_02 .vote_btn_box .vote_reward{flex:1;display: flex;flex-direction:row;align-items: center;justify-content: center;min-width:66px}
.vote_item_type2 .vote_type_02 .vote_btn_box .vote_btn{width:100px;}
.vote_item_type2 .btn_vote_h{width:100%;}
.vote_reward_box{display: flex;flex-direction:column;justify-content: center;align-items: center;}
.vote_type_02 .vote_btn_box .vote_reward span{color:rgba(0, 0, 0, 0.5);font-size:11px;line-height:16px;}
.vote_type_02 .vote_btn_box .vote_reward strong{font-size:18px;line-height:24px;font-weight:700;}
.reward_arrow_left{margin-right:8px;width: 0;height: 0;border-top: 6px solid transparent;border-bottom: 6px solid transparent;border-right: 6px solid #3164FF;}
.reward_arrow_right{margin-left:8px;width: 0;height: 0;border-top: 6px solid transparent;border-bottom: 6px solid transparent;border-left: 6px solid #3164FF;}
.reward_extreme{color:#FFD700;}
.reward_high{color:#10B981;}
.reward_medium{color:#3B82F6;}
.reward_low{color:#EF4444;}
.vote_item_type1 .vote_type_01 .vote_btn_box .vote_btn{margin-right:4px;}
.vote_item_type2 .vote_btn_box > strong{font-size:16px;font-weight:600;}
.vote_data_box{display: flex;flex-direction: row;align-items: center;justify-content:space-between;gap:32px;margin-top:16px;}
.vote_data{flex:1;display: flex;flex-direction: column;}
.vote_state{font-size:11px;line-height:16px;}
.vote_state.preparing{color:rgba(0, 0, 0, 0.5);}
.vote_state.live{color:rgba(0, 0, 0, 0.5);}
.vote_state.live em{color:#EB3A90;}
.vote_state.closed{color:rgba(0, 0, 0, 0.5);}
.vote_state.end{color:rgba(0, 0, 0, 0.5);}

.half_graph{position: relative;margin:8px auto 0;width:50px;border:0;background:none;}
.half_graph_bar{position: relative;overflow: hidden;width: 50px;height: 25px;margin-bottom:0px;text-align: center;}
.half_graph strong{margin-top:-10px;display: block;font-size:13px;text-align: center;font-weight:700;}
.half_graph span{display: block;margin-top:0px;font-size:13px;text-align: center;font-weight:600;}
.bar {position: absolute;top: 0;left: 0;width: 50px;height: 50px;border-radius: 50%;box-sizing: border-box;border: 3px solid #AAAAAA;
border-bottom-color: #FF1493;border-right-color: #FF1493;}

.vote_theme{position: relative;font-size:16px;font-weight:600;color:#000;width:100%;padding:0 0 0 88px;box-sizing: border-box;}
.vote_theme_btn{position: absolute;left:0;top:0;height:36px;width:80px;display: flex;align-items: center;justify-content: space-between;}
.vote_theme_btn .btn{display: inline-block;width:36px;height:36px;background-position: 50% 50%;background-repeat: no-repeat;background-size:24px 24px;}
.vote_theme_btn .btn:hover{background-color:#D9D9D9;border-radius:8px;}
.vote_theme_btn .btn.selected{background-color:#374553;border-radius:8px;}
.vote_theme_btn .btn.btn_theme_filter{background-image:url(/images/btn_theme_filter.png)}
.vote_theme_btn .btn.btn_theme_bookmarked{background-image:url(/images/btn_theme_bookmarked.png)}
.label_swiper_wrap{padding:0;}
.vote_theme{margin-top:16px;}
.vote_theme .label_swiper_wrap{padding:2px 0}
.label_vote_list .swiper-slide {width:auto;}
.label_sector_swiper .swiper-slide a{width:auto;display: inline-block;padding:0 6px;height:32px;line-height:32px;font-size:16px;font-weight:600;}
.label_sector_swiper .swiper-slide a.active{font-weight:800;}
.label_theme_swiper .swiper-slide a{display: inline-block;padding:0 12px;height:32px;line-height:30px;border:1px solid #C6CFDC;border-radius:16px;font-size:13px;font-weight:500;color:#000;box-sizing: border-box;white-space: nowrap;}
.label_theme_swiper .swiper-slide a.active{border-color:#EB3A90;}
.label_swiper_container{position: relative;padding:0 26px}
.label_swiper_container .swiper-button-next,.label_swiper_container .swiper-button-prev{position:absolute;top:auto !important;bottom:0 !important;z-index:11 !important;width:32px;height:32px;background-size:26px 26px;background-position:50% 50%;background-repeat:no-repeat;}
.label_swiper_container .swiper-button-next{right:0;background-image:url(/images/btn_filter_next.png)}
.label_swiper_container .swiper-button-prev{left:0;background-image:url(/images/btn_filter_prev.png)}
.filter_wrap{position: relative;z-index:10;margin-top:16px;overflow-y:hidden;overflow-x:auto;white-space: nowrap;display: none;}
.filter_wrap.show{display: block;}
.filter_wrap.overflow_auto{overflow-y:visible;overflow-x:visible;}
.filter_container{display: flex;flex-direction: row;align-items: center;gap:8px;position: relative;}
.filter_area{position: relative;}
.combobox_list{display:none;position: absolute;top:40px;left:0;width:160px;background:#fff;border:1px solid #D9D9D9;box-sizing: border-box;border-radius:8px;}
.combobox_list li .combobox_btn{position: relative;display: block;width:100%;text-align: left;padding:8px 16px;font-size:14px;font-weight:500;line-height:20px;box-sizing: border-box;cursor:pointer;background:none;border:none;}
.combobox_list li .combobox_btn.selected::after{content:'';position: absolute;top:50%;right:8px;width:6px;height:6px;background:#000;border-radius:3px;transform:translateY(-50%);}
.filter_area > button{border-radius:16px;height:32px;box-sizing: border-box;padding:0 16px;font-size:14px;font-weight:500;line-height:32px;white-space: nowrap;background:#d9d9d9;color:#000;cursor:pointer;}
.filter_area > button.btn_filter_clear{background:none;border:1px solid #d9d9d9}
.filter_area .filter_label{position: relative;display: inline-block;border-radius:16px;height:32px;box-sizing: border-box;padding:0 32px 0 16px;font-size:14px;font-weight:500;line-height:32px;white-space: nowrap;background:#d9d9d9;color:#000;cursor:pointer;background-image:none !important;color:#000 !important}
.filter_area .filter_label::after{position: absolute;top:8px;right:8px;content:'';display: inline-block;width:16px;height:16px;background:url(/images/chk_b.png) 50% 50% no-repeat;background-size:16px 16px;}
.filter_area .ckbx:checked+ .filter_label::after{background:url(/images/chked_b.png) 50% 50% no-repeat;background-size:16px 16px;}

/* popup */
.content_popup{position:fixed;left:0;top:0;bottom:0;right:0;width:100vw;height:100%;z-index:1;display:flex;align-items:center;justify-content:center;visibility:hidden;opacity:0;-webkit-transition:opacity 0.3s;transition:opacity 0.3s}
.content_popup.popup_show{visibility:visible;opacity:1;z-index:9000}
.content_popup_bg{position:fixed;left:0;top:0;bottom:0;right:0;width:100vw;height:100%;background:rgba(0,0,0,.4);z-index:8000}
.content_popup_container{min-width:320px;max-width:432px;width:100%;margin:0 16px;z-index:9999;display:flex;flex-direction:column;background:#fff;border-radius:16px;overflow:hidden;}
.content_popup_footer{position: relative;margin-top:1px;height:64px;background:#000;display: flex;align-items: center;justify-content:space-between;}
.popup_close_check_box{position:relative;line-height:24px;height:24px;margin-left:16px;}
.popup_check{position:absolute;top:0;left:0;width:24px;height:24px;cursor:pointer;border:0;border-radius:0;background:0 50%;-webkit-appearance:none;outline:none}
.popup_check_label{position:relative;display:inline-block;font-size:16px;line-height:24px;height:24px;padding-left:32px;cursor:pointer;color:#fff;border:0;background-image:url(/images/popup_close_check.png);background-position:0 50%;background-repeat:no-repeat;background-size:24px 24px}
.popup_check:checked+label{background-image:url(/images/popup_close_checked.png);background-size:24px 24px;}
.btn_cls_content_popup{width:64px;height:64px;background:url(/images/btn_close_popup.png) 50% 50% no-repeat;background-size:23px 23px;cursor:pointer;}

@media all and (max-width:480px){
	.content_popup_container{width:100%;margin:0 16px;box-sizing:border-box;}
}


@media all and (max-width:1880px){
    .chart_talk_box{position: absolute;left:auto !important;right:0 !important;bottom:auto !important;height:700px;margin-left:0;display:block;z-index:20;width:400px;left:auto;top:330px;}
    .vote_container_wrap{padding-right:0;background-image:none}
}

@media all and (max-width:1728px){
.recent_box.recent_box_column {display: none;}
}

@media all and (max-width:1440px){
    .vote_container{padding:16px 16px 0 136px;}
    .body_aside_show .vote_container{padding:16px 16px 0 16px;}
}

@media all and (max-width:1176px){
    .vote_item_list_wrap{grid-template-columns:repeat(3,minmax(0,1fr))}
    .vote_item:nth-child(4){border-top:1px solid rgba(0, 0, 0, 0.07) !important;}
    .vote_item_list_wrap .vote_item:nth-child(3n+1) .vote_item_wrap{padding:0 24px 0 0 !important;border-right:1px solid rgba(0, 0, 0, 0.07) !important;}
    .vote_item_list_wrap .vote_item:nth-child(3n+2) .vote_item_wrap{padding:0 24px 0 24px !important;border-right:1px solid rgba(0, 0, 0, 0.07) !important;}
    .vote_item_list_wrap .vote_item:nth-child(3n+3) .vote_item_wrap{border-right:0 !important;padding:0 0 0 24px}
    .main_content_black{padding:24px 24px}
}

@media all and (max-width:1110px){
    .vote_container{padding:16px 16px 0 76px;}
    .container_home{padding-left:60px}    
    .aside_pc{width:60px}
    .aside_link li a{font-size:9px}
    .aside_h{text-align: right;}
    .aside_h strong{padding-right:6px;font-size:13px;}
    .aside_cp .cp_lk li a{word-break:keep-all}
    .aside_cp .copy{word-break:keep-all}
}


@media all and (max-width:1024px){
    .vote_box{gap:24px}    
    .sub_content_box{width:calc(100% - 32px);margin:0 16px;}
    .btn_form_area{padding:32px 0;}
    .fixed_btn_wrap .btn_form_area{padding:0 16px;}
    .event_sub_ct{margin:0 0 0 32px;max-width:100%;}
    .event_sub_ct_main{margin:0 30px 0 150px;max-width:100%;}
    .event_content_box{padding:60px 32px 0 120px;}
    .badges_icon_list li img{width:100%;}
    .chart_view_header_wrap{width:auto;max-width:auto;margin:0 16px;}
    .vote_item_list_wrap{grid-template-columns:repeat(2,minmax(0,1fr))}
    .vote_item:nth-child(3){border-top:1px solid rgba(0, 0, 0, 0.07) !important;}
    .vote_item_list_wrap .vote_item:nth-child(odd) .vote_item_wrap{padding:0 24px 0 0 !important;border-right:1px solid rgba(0, 0, 0, 0.07) !important;}
    .vote_item_list_wrap .vote_item:nth-child(even) .vote_item_wrap{padding:0 0 0 24px !important;border:0 !important}
}
@media all and (max-width:880px){
    .vote_box{display: grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:16px;width:100%;height:100%;box-sizing: border-box;gap:0}
    .vote_footer .btn_chart_show{display:block;}
    .vote_box .chart_content{display: none;}
    .vote_box.show_chart .chart_content{display:block;margin-top:24px;}
    .profile_content_list{grid-template-columns: repeat(4, 1fr);}
    .chart_header{flex-direction: column-reverse;;align-items: flex-start;gap:8px;}
}
@media all and (max-width:768px){
    .container_home{padding-left:0}
    .vote_container{padding:16px 16px 0 16px;}
    .main_content_list_box{width:100%}
    .main_category_list,.sub_category_list,.sub_category_box .invite_frd{display: none;}
    .collection_content_body{flex-direction: column-reverse;border-top:0;}
    .collectioin_introduce{display:none;}
    .collectioin_introduce_m{display: block;border:1px solid #D9D9D9;padding:16px 16px}
    .collection_info .collection_btn_list{display: none;}
    .collection_btn_list.collection_btn_list_m{display: flex;flex-direction: row;width:100%;padding:32px 0 24px;gap:8px;border-top:1px solid #D9D9D9}
    .total_count{margin-top:16px;}
    .collection_btn_list_m li{flex:1;width:33.33%}
    .collection_btn_list li .btn{font-size:13px;word-break:keep-all}  
    .collection_content_wrap{width:100%;}
    .collection_chart_detail{gap:24px;}  
    .collection_chart_counter li{min-width:auto;}
    .collection_chart_img img{width:110px;}
    .collection_aside{width:100%;}
    .collection_category{flex-direction: column;justify-content: flex-start;gap:16px;}
    .collection_category li{width:100%}
    .relate_community{margin-top:16px;}
    .collection_list > li{gap:16px;}
    .go_to_vote{width:100%;text-align: right;}
    .collection_content{flex-direction: column;}
    .event_content_box{padding:60px 32px 0 32px;}
    .event_sub_ct{margin:0;max-width:100%;}
    .event_sub_ct_main{margin:0 30px 0 30px;max-width:100%;}
    .my_badges_credit{flex-direction: column;}
    .my_bc_box{width:100%;}
    .badges_icon_list li img{width:100px;}
    .chart_header_content{gap:12px;}
    .chart_title_info h2{font-size:20px;line-height: 24px;}
    .chart_desc_content_wrap{flex-direction: column;}
    .label_btn_m{position: fixed;right:16px;bottom:64px;display:flex;flex-direction: row;gap:16px;z-index:5000;}
    .label_btn_box{width:64px;height:64px;}
    .label_btn_box .btn_label{display: block;width:64px;height:64px;background:#000;border:1px solid #C9C9C9;border-radius:50%;color:#fff;font-size:11px;font-weight:600;}
    .label_btn_box .btn_label span{display: inline-block;padding-top:32px;background-size:28px 28px;background-repeat: no-repeat;background-position:50% 0;}
    .label_btn_box .btn_label.btn_label_sector span{background-image:url(/images/icon_sector_w.png);}
    .label_btn_box .btn_label.btn_label_theme span{background-image:url(/images/icon_theme_w.png);}
    .label_btn_box .btn_label.btn_label_close{background:#000 url(/images/icon_label_close.png) 50% 50% no-repeat;background-size:28px 28px;}
    .label_btn_box .btn_label.btn_make_fxd{background:#EB3A90}
    .label_btn_box .btn_label.btn_make_fxd span{padding:14px 0;line-height:18px;}
    .chart_repeat_btn{display:flex;}
    .main_category_box,.sub_category_box{position: fixed;right:16px;bottom:132px;width:144px;top:auto;z-index:5000;}
    .main_category_box.show_sector .main_category_list.category_sector,.sub_category_box.show_sector .main_category_list.category_sector{display:block;}
    .main_category_box.show_theme .main_category_list.category_theme,.sub_category_box.show_theme .main_category_list.category_theme{display:block;}
    .crt_layer h3{display: block;}
    .chart_talk_box{position: fixed;top:0 !important;left:0 !important;right:0 !important;bottom:auto !important;margin-left:0;display:block;z-index:5001;width:100%;height:100%}    
    .wf_header{border-radius:0}
    .fixed_container.fixed_btn_container{padding-bottom:80px}
    .fixed_btn{bottom:54px;}
    .fixed_btn_wrap{background-color:#f6f5f2;padding-bottom:24px;}
    .new_form_field .inp_flex_box .inp_box{flex:1;min-width:auto}
    .new_form_field .inp_inline_box .inp_box{flex:1;min-width:auto}
}

@media all and (max-width:680px){
    .vote_item_list_wrap{grid-template-columns:repeat(1,minmax(0,1fr))}
    .vote_item:nth-child(2){border-top:1px solid rgba(0, 0, 0, 0.07) !important;}      
    .vote_item_list_wrap .vote_item:nth-child(odd) .vote_item_wrap,.vote_item_list_wrap .vote_item:nth-child(even) .vote_item_wrap{padding:0 !important;border-right:0 !important}

    .chart_content_list{grid-template-columns: repeat(2, 1fr);}
    .profile_content_list{grid-template-columns: repeat(3, 1fr);}
    .choose_list {grid-template-columns: repeat(4, 1fr);}
    .profile_img{width:120px;height:120px;background-size:120px 120px;}

    .collection_header{border:1px solid #D9D9D9;border-bottom:0;border-radius:8px 8px 0 0;}
    .collection_header h2{font-size:18px;line-height:26px;overflow:hidden;text-overflow:auto;white-space:wrap}
    .collection_container{border-top:0;border-radius:0 0 8px 8px;margin-top:0;}
    .collection_content_header{flex-direction: column;}
    .collection_img{width:140px;height:180px;margin:0 auto;}
    .collection_img img{width:100%;height:180px}
    .chart_view_header{height:auto;padding-bottom:16px;}
    .chart_category{flex-direction: column;gap:8px;}
    .chart_header_img img{height:100%}

    .badges_history_list_header{align-items: center;gap:8px;}
    .badges_history_list_header li{font-size:16px;}
    .badges_history_list_header .badge_img{width:60px;}
    .badges_history_list_header .badge_name{width:120px;}
    .badges_history_list_header .badge_conditions{flex:1;}
    .badges_history_list_header .badge_reward{width:110px;}
    .badges_history_list li{gap:8px;}
    .badges_history_list li .badge_img{width:60px;}
    .badges_history_list li .badge_img img{width:60px}
    .badges_history_list li .badge_name{width:120px;font-size:16px;}
    .badges_history_list li .badge_conditions{font-size:16px;}
    .badges_history_list li .badge_reward{width:110px;font-size:16px;}    
}

@media all and (max-width:634px){
    .iframe_close_btn_area{position:absolute;top:4px;left:4px;width:48px;height:48px;}
    .col_content_title{flex-direction: column;align-items: flex-start;}
}

@media all and (max-width:600px){
    .chart_list_header{display: none;}
    .chart_view_list_header{flex-direction: column;}
    .chart_item_wrap{display: flex;flex-wrap:wrap;justify-content: flex-start;}
    .chart_item .chart_item_wrap .item_name{width:100%; flex-basis: 100%;text-align: left;}
    .chart_item .chart_item_wrap .point_count{text-align: left;width:auto;}
    .chart_item .chart_item_wrap .vote_count{position: relative;text-align: left;width:auto;padding-left:12px;margin-left:12px;}
    .chart_item .chart_item_wrap .vote_count::after{content:'';width:1px;height:12px;position: absolute;left:0;top:50%;margin-top:-6px;background:#000}
    .vote_swipe_container{padding:16px 16px 16px;}    
}

@media all and (max-width:480px){
    .chart_content_list{grid-template-columns: repeat(2, 1fr);}    
    .choose_list {grid-template-columns: repeat(3, 1fr);}
    .profile_img{width:80px;height:80px;background-size:80px 80px;}
    .profile_btn{flex-direction: column;}
    .sub_content_tab{gap:8px}
    .sub_content_tab li button{font-size:13px;}
    .badges_icon_list li img{width:100%;}
    .badges_history_list_header{align-items: center;gap:4px;}
    .badges_history_list_header li{font-size:14px;}
    .badges_history_list_header .badge_name{width:100px;}    
    .badges_history_list_header .badge_img{width:50px;}
    .badges_history_list_header .badge_reward{width:50px;}
    .badges_history_list li{gap:4px;}
    .badges_history_list li .badge_img{width:50px;}
    .badges_history_list li .badge_img img{width:50px}
    .badges_history_list li .badge_name{width:100px;font-size:15px;}
    .badges_history_list li .badge_conditions{font-size:15px;}
    .badges_history_list li .badge_reward{width:50px;font-size:15px;}
    .collection_info{flex-direction:column;padding:8px}
    .chart_header_content{gap:12px;}
    .chart_header_img{width:120px;}
    .chart_header_img img{width:120px}
    .new_form_flex_box{flex-direction: column;}
    .chart_desc_user{flex-direction: column;align-items:flex-start}
    .chart_header_date{font-size:12px;}
    .vote_img_tit{gap:12px;}
    .vote_img_tit .vote_title .vote_title_txt{font-size:18px;}
    .chart_header_date .start_date,.chart_header_date .end_date_year{display: none;}
    .vote_type_02 .vote_btn_box .vote_btn{width:100%;}
    /* .chart_header_date{flex-direction: column;align-items:flex-start;gap:8px;width:100%;} */
}
@media all and (max-width:380px){
    .list_header_wrap{flex-direction:column;height:auto;gap:8px;}
    .list_header_wrap .list_header_search{flex:1;width:100%}
    .list_header_wrap .sch_input{width:100% !important;max-width:100% !important}
}