@charset"utf-8";

#wrap {background: #fcfcfc; min-height: 700px;}
.wrap_inner_content_right {max-width:1300px; margin:0 64px; position: relative; }
.wrap_inner_content_right_top {width: 65%;}

.row {display: -webkit-flex;display: flex;}
.t-width.row {max-width: 1300px; padding: 0; overflow: hidden;}
.column {padding: 20px;height: 100%;}
.column.side-left {-webkit-flex: 1;-ms-flex: 1;flex: 1;max-width: 200px;padding-left: 0;}
.column.side-right {-webkit-flex: 1;-ms-flex: 1;flex: 1;max-width: 300px;padding-right: 0;}
.column.middle {-webkit-flex: 2;-ms-flex: 2;flex: 2;max-width: 800px;}

.right_article{max-width: 280px; width:280px; position: relative; transform: translateY(0px); transition: .3s;top:0;}
#sticky3.box-up {top: 122px;}
#sticky4{max-width: 200px;position: fixed; transform: translateY(0px); transition: .3s;top:122px;}
#sticky4.box-up {top: 122px;}


.social-menu-wrap {width: 100%;}
.social-menu {display: block !important; font-size: 20px; font-weight: 800; color: #ccc; text-align: left; margin-bottom: 24px; line-height: 1.2;transition: .2s;}
.social-menu:hover {color: #999;}
.social-menu.active {color: #000;}


@media (max-width: 1350px) {
  .t-width.row {padding-left: 32px; padding-right: 32px;}
  .column.side-left {max-width: 140px;}
}

@media (max-width: 1300px) {
  .column.side-right {max-width: 240px}
  .right_article{max-width: 220px;}
}
@media (max-width: 1200px) {
  .t-width.row {max-width: 100%;}
  .column.middle {max-width: 100%;}
  .column.side-right {display: none;}	
}
@media (max-width: 921px) {
  .t-width.row {flex-direction: column;}
  .column.side-left {max-width: 100%;}
  .column.middle {padding-left: 0; padding-right: 0; max-width: 100%;}
  .social-menu {display: inline-block !important; margin-right: 20px;}
	#sticky3, #sticky4 {position:unset; top:unset;}
}
@media (max-width: 576px) {
  .row { -webkit-flex-direction: column;flex-direction: column;}
  .t-width.row {padding-left: 24px; padding-right: 24px;}
}

.blog_left {width: 100%;padding-bottom: 72px;}

.blog_item{overflow:hidden;display: flex;justify-content: space-between;padding-bottom:24px;}
.blog_item_sub {width: 100%;display: flex; justify-content: space-between; flex-direction: row; align-items: center;padding-bottom: 46px;}
.blog_item_sub:nth-child(2n) {/*float:right;*/}
.blog_list_right_box {padding-right:48px;width: calc(100% - 256px);}
.blog-right-box {width:calc(100% - 32%);}

.blog-badge {color:#fff;font-size:12px;font-weight:500;background:#000;border-radius:20px;padding:4px 15px;}
.badge-danger {background-color:#f0142f;}
.blog_title {padding:20px 0 0 0;display: flex;}
.blog_title a {font-size:34px;font-weight: 700;line-height:1.2;transition: 0.2s ease-in-out;color:#000;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.blog_title a:hover{color:#1e9eff;}
.blog_thumb {text-align: left;width: 226px;height:168px;overflow:hidden;border-radius:4px;}
.blog_thumb a{text-align:left;}
.blog_thumb img {max-width: 100%;width: 100%;height: 168px;display:inline-block;text-align: left;border-radius:6px;-o-object-fit: cover; object-fit: cover;}
.blog_thumb_sub {width: 28%;height:198px;overflow:hidden;border-radius:4px;}
.blog_thumb_sub a{text-align:left;}
.blog_thumb img {max-width: 100%;width: 100%;height: 168px;display:inline-block;text-align: left;border-radius:6px;-o-object-fit: cover; object-fit: cover;}

.blog_sub {padding-bottom:20px;display:flex;}
.blog_sub div {font-size:12px;color: #999;padding-right:30px;}
.blog_sub .like_comment {padding-right: 0;}
.blog_sub .like_comment i{font-size:12px;}
.blog_content {padding-top: 64px;font-size: 16px;padding-bottom:64px;color:#333333;line-height:1.8;}
.blog_list_thumb {width: 200px;float: left;min-height:164px;border-radius:4px;}
.blog_list_thumb img {border-radius:4px;}
.blog_list_title {display:flex;padding:0px 0 5px 0px;}
.blog_list_title a {font-size:20px;font-weight: 700;transition: 0.2s ease-in-out;color:#000;line-height: 1.2;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.blog_list_title a:hover{color:#1e9eff;}
.blog_list_sub {display:flex;padding-left:0px;padding-bottom:10px;}    
.blog_list_sub div {font-size:13px;color: #999;padding-right:4px;}
.blog_list_sub .date {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.blog_list_sub .like_comment {padding-right: 0;display: flex;}
.blog_list_sub .like_comment i{font-size:12px;}
.blog_list_content {display:flex;padding-left:0px;padding-top: 12px;font-size: 15px;margin-bottom:15px;line-height:1.5;color:#999;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;
  -webkit-line-clamp: 3;-webkit-box-orient: vertical;word-wrap: break-word;height: 5.5em;min-height: 74px;}
.blog_list_content p, .blog_list_content span, .blog_list_content strong {font-size: 15px;}

.blog-profile-info {display: flex;justify-content: flex-start;align-items: center;}
.blog-profile-img {width:36px;height: 36px;background: #eee;margin-right:12px;}
.blog-profile-name {font-size: 14px;font-weight: 500;}


.right_title {font-weight: 700;font-size:18px;padding-bottom:24px;/*margin-top:10px;*/color:#000;display:flex;}
.right_item {cursor:pointer;width:100%;padding-bottom:16px;font-size:14px;color:#000;transition:.3s; font-weight: 400;}
.right_item:hover {color:#1e9eff;text-decoration:underline;}
.right_item.active {color: #1e9eff; text-decoration: underline;}

.content_title2 {height: 433px;}
.sub-blog-title{}
.sub-blog-title-wrap {display: block;color:#000;/*background:#181818;padding:20px;*/position: relative;width: auto;overflow: hidden;}
.sub-blog-title-name{font-size:48px;color:#fff;font-weight:600;margin-right:10px;}
.sub-blog-title-name2{font-size:16px;color:#999;margin-bottom:30px;line-height:1.8;}

.content_title_main {display: flex; align-items: center; }
.content_title_main_box {width: 50%;margin: 56px 0;}
.content_title_main_img_box {width: 50%;text-align: right;}
.content_title_main_img_box img {height: 276px;}
.divider {width: 100%;height: 1px; background: #efefef; margin-bottom: 80px;}
.sub-creator-title {font-size:20px;font-weight:800;padding-bottom:32px;line-height: 1.2;}
.sub-creator-title2 {font-size: 18px;line-height:1.6;color:#999999; font-weight: 300;}
.creator-middle-title {font-size: 20px;}


.right-marketing-wrap {background: #fff; border-radius: 4px; box-shadow: 1px 2px 6px rgb(0 0 0 / 8%); margin-bottom: 40px;}
.right-marketing {width: 100%;padding: 20px 20px; }
.right-marketing a {color: #000; font-size: 16px; font-weight: 500; display: block;}
.right-marketing a:hover {color: #000;}

.blog_tag_wrap {width: 100%;color: #bbb;text-align: left; }
.blog-tag-title {font-size: 18px; font-weight: 700; color: #1a1a1a;}
.blog-tags-box {display: flex; flex-wrap: wrap; flex-direction: row;padding-top: 14px;}
.blog-tags {color: #333; border: 1px solid rgba(0,0,0,.1); font-weight: 500;background: #fff; padding: 6px 12px; font-size: 13px; border-radius: 3px; margin-right: 6px; margin-top: 6px; cursor: pointer; transition: .2s;}
.blog-tags.active,
.blog-tags:hover {color: #1e9eff; border-color: #1e9eff; font-weight: 500; background: rgba(0,163,255,0.06);}

.blog-tags-disabled {cursor: default;}
.blog-tags-disabled:hover {color: #333; border-color: #cccccc; font-weight: 500; background: #fff;}

.main-hot-article {justify-content: space-between;flex-wrap: wrap;margin-top: 24px;}
.hot-article {width: 46%; padding-right: 0;}
.hot-article .article-img{max-width: 100%;height: 220px;border-radius: 5px;margin-bottom: 15px;background-position: center;background-size: cover;}
.hot-article .article-title {margin-bottom: 10px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.hot-article .article-title a{font-size: 18px;font-weight: 700;}
.hot-article .article-title a:hover {color: #242939;}
.hot-article .article-content{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-wrap: break-word;line-height: 1.8em; height: 5.2em;min-height: 54px;}
.hot-article .article-content a {font-size: 14px; color: #bbbbbb;}
.hot-article .article-content a:hover {color: #bbbbbb;}


/* blog_detail */
.blog_all_list_go {font-size: 18px; font-weight: 500; display: block; color: #1a1a1a;}
.blog_all_list_go i {font-size: 20px;}
.blog_all_list_go:hover {color: #000;}

.blog_title {padding:0 0 20px 0;font-size:28px;font-weight: 700;width:100%;line-height:1.2;color:#000; text-align: left;}
.blog_thumb img {width: 100%;display:block;margin:auto;}
.blog_sub {padding-top: 0px;text-align: center;}
.blog_sub div {font-size:18px;color: #bbb;text-align: left;font-weight: 400;}
.blog_sub div.date{margin-bottom:5px;}
.blog_content {padding-top: 64px;font-size: 16px;padding-bottom:64px;color:#333333;line-height:1.8;}

.blog_content p strong, .blog_content h3 span strong, .blog_content h3, .blog_content p i, .blog_content p span .blog_content a, .blog_content a u{line-height:1.8; font-size:14pt ;}
.blog_content p{line-height:1.8;}
.blog_content .image img{width:100%;}

.blog_bottom {width:100%;}
.blog_share {display: -ms-flexbox;display: flex;-ms-flex-align: start;-ms-flex-pack: justify;justify-content: space-between;-ms-flex-align: center;align-items: center;padding-bottom:40px;}
.like_blog_btn{background:rgba(237,76,120,.1);border:0;border-radius:30px;padding:6px 12px;height:34px;cursor:pointer;color:#ed4c78;}
.blog_prev_next {width: 100%;display: inline-block;padding-bottom:40px;border-bottom:1px solid #e7eaf3;}
.blog_prev_next div i{font-size:14px;}
.blog_prev {float:left;font-size:14px;cursor: pointer;color:#677788;}
.blog_next {float:right;font-size:14px;cursor: pointer;color:#677788;}
.blog_prev:hover, .blog_next:hover {color:#000;}
.blog_comment {padding-bottom: 60px;}

.right_title {font-weight: 700;font-size:18px;padding-bottom:24px;/*margin-top:10px;*/color:#000;display:flex;}
.right_item {cursor:pointer;width:100%;padding-bottom:16px;font-size:14px;color:#000;transition:.3s; font-weight: 400;}
.right_item:hover {color:#1e9eff;text-decoration:underline;}

.creatorcenter-btn {border: 2px solid #000;color: #000;width: 100%;padding: 16px 24px;font-size: 14px;font-weight: 600;text-align: center;display: block;transition: .2s;}
.creatorcenter-btn:hover {background:#000; color:#fff;}

@media (max-width: 1440px) {
    .content_title2 {height: 350px;}
    .sub-blog-title-name {font-size:40px;}
    .sub-blog-title-name2 {font-size:14px;}
    .sub-blog-title-wrap {width: 70%;margin-right: 5%;}
}
@media (max-width: 1199px) {
	.hot-article .article-img {height:260px;}
}
@media (max-width: 1099px) {
    .content_title_main_box {}
    .content_title_main_img_box {}
    .blog_left {width:100%;}
    .wrap_inner_content_right_top {width: 100%;}
}
@media (max-width: 992px) {
    .wrap_inner_content_right { margin:0 auto;}
    .sub-blog-title-wrap {width: 50%;margin-right: 5%;}
    .content_title_img img{width: 100%;}
    .content_title_main_box {padding-right: 40px;}
    .content_title_main_img_box img{width: auto;height: 230px;}
		.hot-article .article-img {height:220px;}
}
@media (max-width: 767px) {
    .wrap_inner_content {visibility: hidden;opacity: 0;display: none;}
    .wrap_inner_content_right {max-width:100%; margin:0 auto;}
    .content_title_main {height: 100%;overflow: hidden;margin-top: 1rem;flex-direction: column;}
    .content_title_main_box{width: 100%;padding-right: 0;}
    .content_title_main_img_box {width: 100%;}
    .content_title_main_img_box img{width: 90%;height: auto;}
    .theme-light .sub-blog-title-wrap {width: 100%;}
    .content_title_main {height: 100%;overflow: hidden;margin-top: 1rem;}
    .content_title2 {height: auto;}
    .sub-blog-title-name {line-height:1.5;font-size: 30px;}
    .sub-blog-title-name2 {font-size: 14px;}
    .blog_item_sub {width: 100%;}
    .blog_list_right_box {padding-right: 20px;}
    .blog_title {font-size: 22px;}
    .blog_title a {font-size: 28px;}
    .blog_all_list_go, .blog_all_list_go i, .blog_sub div {font-size: 16px;}
		.hot-article {width:48%;}
}
@media (max-width: 576px) {
    .content_title_main_box {margin: 20px auto 56px auto;}
    .blog_item_sub {flex-direction: column-reverse; }
    .blog_list_right_box {width: 100%;padding-right: 0;}
    .blog_thumb {width: 100%; margin-bottom: 24px; height:100%;}
		.blog_thumb img {height:100%;}
    .f_bottom_right.blog_share {flex-direction: column; align-items: flex-start;}
    .f_bottom_right.blog_share .like_blog {margin-bottom: 10px;}
    .blog_content figure {width: 100% !important;}
		.hot-article {padding-bottom:24px;}
		.hot-article .article-img {background-position: top;}
}



/* community list */
.commu-list-top {background: #fff; border-radius: 3px; box-shadow: 0px 0px 3px rgb(0 0 0 / 8%); padding: 20px 20px; margin-bottom: 40px; display: flex;}
.commu-list-profile {}
.commu-list-write {border: 1px solid #bbb; border-radius: 3px; padding: 0 16px; width: 100%; height: 50px; line-height: 50px;}
.commu-list-write a {display: block; color: #bbb; font-size: 16px; }
.commu-list-write a i {font-size: 16px; color: #bbb;}

.commu-list-wrap {width: 100%; padding-bottom: 64px;}
.commu-list-search {display: flex; justify-content: space-between; align-items: center;}
.commu-search-filter {display: flex;}
.c-filter {color: #AAAAAA;display: block;position: relative;padding-left: 18px; padding-right: 12px;}
.c-filter input[type=radio]{position: absolute;visibility: hidden;}
.c-filter label{display: block;position: relative;font-weight: 500;font-size: 14px;z-index: 9;cursor: pointer; -webkit-transition: all 0.25s linear;}
.c-filter:hover label{color: ;}
.c-filter .check{display: block;position: absolute;border-radius: 100%;height: 16px;width: 16px;top: 1px;left: 0px;z-index: 5;transition: border .25s linear;
    -webkit-transition: border .25s linear;}
.c-filter .check::before {display: block;position: absolute;content: '';background: #ddd;border-radius: 100%;height: 5px;width: 5px;top: 5px;left: 5px;margin: auto;transition: background 0.25s linear; -webkit-transition: background 0.25s linear;}
.c-filter input[type=radio]:checked ~ .check::before{background: #1e9eff;}
.c-filter input[type=radio]:checked ~ label{color: #000; font-weight: 700;}

.commu-search-box {}
.commu-search-box .search-form {width: 100%;height: 40px;padding-left: 38px;font-size: 14px;background: none;color: #000;padding-right: 0;border: 1px solid rgba(0,0,0,.07);border-radius: 4px !important;transition: .2s;font-weight: 500;}
.commu-search-box .search-form:focus {background: #fff; border-color: #666666; box-shadow: 0 0 10px rgb(206 211 217 / 10%);}

.commu-list {width: 100%; margin-top: 24px; box-shadow: 0px 0px 3px rgb(0 0 0 / 8%); border-radius: 0px; background: #fff; margin-bottom: 32px;}
.c-list {width: 100%; padding: 32px; border-bottom: 1px solid rgba(0,0,0,.07); cursor: pointer; transition: background .2s;}
.c-list:hover {background: #f5f5f5;}
.c-list:last-child {border-bottom: 0;}
.c-list-top {display:flex; margin-bottom: 28px;}
.c-list-story { margin-right: 32px; width: calc(100% - 84px - 32px);}
.c-list-story-title { margin-bottom: 16px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;word-wrap: break-word; 
  line-height: 1.5em; height: 1.5em; min-height: 25px;font-size:18px; font-weight:700; color:#000; }
.c-list-story-content {font-size:15px; color:#000; line-height: 1.8; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;word-wrap: break-word; line-height: 1.5em; height: 3em; min-height: 44px;}
.c-list-comment {border-radius:100px; width:84px; height:84px; border:1px solid #c4c4c4; display:flex; flex-direction: column; justify-content: center; align-items: center; }
.c-list-comment span {font-size: 85%;}
.c-list-comment-su {font-size: 20px; font-weight: 800; line-height: 1.2;}
.c-list-bottom {display:flex; justify-content: space-between; align-items: center;}
.c-writer-info {display:flex; justify-content: flex-start; align-items: center; width: 60%;}
.c-writer-info .profile-user-info-top {margin-right: 16px;}
.c-writer-info .profile-user-info-top .username {font-size: 13px; color: #999; font-weight: 500;}
.c-writer-info .date {font-size: 13px; font-weight: 300; color: #999;}
.c-writer-like {width: 40%; text-align: right; font-size: 13px; font-weight: 500;}
.c-writer-like span {font-size: 13px; font-weight: 500;}
.c-list-story .blog-tags-box {margin-top: 10px;}

.community-hot-tag { margin-bottom: 40px; margin-top: 14px;}
.community-hot-tag .blog-tags-box, .c-list-story .blog-tags-box {padding-top: 0;}
.community-hot-tag .blog-tags, .c-list-story .blog-tags {font-size: 13px; color: #333; font-weight: 500;}
.community-hot-tag .blog-tags:hover, .c-list-story .blog-tags:hover {color: #1e9eff; background: rgba(69,69,221,0.06);}

.community-week-best {background: #fff; border-radius: 4px; box-shadow: 1px 2px 6px rgb(0 0 0 / 8%); margin-bottom: 40px; margin-top: 20px;}
.c-week-best { padding: 20px; border-bottom: 1px solid rgba(0,0,0,.07); cursor: pointer; transition: background .2s;}
.c-week-best:last-child {border-bottom: 0;}
.c-week-best:hover {background: #f5f5f5;}
.c-week-best-title { text-overflow: ellipsis; white-space: nowrap; display: block; overflow: hidden; font-size: 15px; font-weight: 600; color: #333; transition: .2s;}
.c-week-best-info {display: flex; justify-content: flex-start; align-items: center; padding-top: 12px;}
.c-week-best-comment {padding-right: 12px;}
.c-week-best-like {}
.c-week-best-comment span, .c-week-best-like span {font-size: 13px; font-weight: 500;padding-left: 4px; color: #333;}

.social-icons{display: inline-block;width: 16px;height: 16px;vertical-align:top ;background: url(/assets/img/social_icons.png) no-repeat;background-size: 128px 32px;}
.social-icon1{background-position: 0 0px;}
.social-icon1.active {background-position: 0 -16px;}
.social-icon2{background-position: -16px 0px;}
.social-icon2.active {background-position: -16px -16px;}
.social-icon3{background-position: -32px 0px;}
.social-icon3.active {background-position: -32px -16px;}
.social-icon4{background-position: -48px 0px;}
.social-icon-eye{display: inline-block;width: 24px;height: 24px;vertical-align:top ;background: url(/assets/img/social_icon_eye.png) no-repeat;background-size: 24px 24px;}
.btn_comment_like.social-icons.icon2-thumbs-up {background-position-y: -16px;}
.btn_comment_like.social-icons.icon2-thumbs-up:before {content:'';}

/* community detail */
.c-detail-top-btns {display: flex; justify-content: space-between; align-items: center; margin-bottom:16px;}
.go-back-btn {font-size: 14px;font-weight: 700;display: block;color: #bbb; transition: color .2s;}
.go-back-btn:hover {color: #bbb;}
.go-back-btn i {font-size: 14px;}
.c-detail-modify {}
.c-modify-btn {color: #bbb; background: #fff; border-color: transparent; transition: background .2s; width: 36px; height: 36px; padding: 8px 0; border-radius: 4px;margin-top:-10px; margin-right:-10px;}
.c-modify-btn:hover {background: #f5f5f5; border-color: transparent;}
.c-modify-btn.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle {color: #212529;
    background-color: #f5f5f5; border-color: transparent;}
.c-modify-btn.btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show>.btn-light.dropdown-toggle:focus {box-shadow: 0 0 0 0;}
.c-detail-modify-drmenu {  -webkit-box-shadow: 0 10px 40px 10px rgb(166 166 166 / 18%); box-shadow: 0 10px 40px 10px rgb(166 166 166 / 18%);
    background-clip: padding-box; background-color: #fff; border: 0; border-radius: 8px; border: 1px solid rgba(0,0,0,.05);}
.c-detail-modify-drmenu .dropdown-item {padding: 8px 16px;}
.c-detail-modify-drmenu .dropdown-item:hover, .c-detail-modify-drmenu .dropdown-item:focus, .c-detail-modify-drmenu .dropdown-item:active {background: rgba(0,0,0,.05); color: #000;}
.c-modify-btn .social-icon4 {vertical-align: middle; opacity: .6;}
.commu-detail {width: 100%; border:1px solid #ededed; border-radius: 8px; background: #fff; margin-bottom: 32px;}
.c-detail {width: 100%; padding: 32px; }
.c-detail-top {}
.c-detail-title {width: 100%;font-size:20px; font-weight:700; color:#000; line-height: 1.5em; transition: color .2s; margin-bottom: 24px;}
.c-detail-sub {display: block; color: #bbb;}
.c-detail-sub .date, .c-detail-sub .view {font-size: 12px; color: #333;}
.c-detail-sub .date {margin-right: 4px;}
.c-detail-sub .view {margin-left: 4px;}
.c-detail-profile {display: flex; align-items: center;}
.c-detail-profile .profile-user-info-top {align-items: flex-start; justify-content: flex-start; flex-direction: column;}
.c-detail-profile .username {text-align:left;display:block;padding-right:6px; line-height: 1.7;font-size:14px;}
.c-detail-profile .username .user-self {background: #1e9eff; color: #fff; padding: 2px 8px; border-radius: 20px; font-size: 60%;}
.c-detail-profile .user-class {font-size:12px; line-height:1.3; color:#333; background:none; padding:0; font-weight: 300;}
.c-detail-profile .c-detail-sub .user-class {font-size: 12px; color: #bbb;}
.c-detail-middle {margin-top: 32px; margin-bottom: 64px;}
.c-detail-textbox, .c-detail-textbox div, .c-detail-textbox a, .c-detail-textbox p, .c-detail-textbox u, .c-detail-textbox i, .c-detail-textbox span, .c-detail-textbox b,
  .c-detail-textbox strong, .c-detail-textbox li, .c-detail-textbox td, .c-detail-textbox th, .c-detail-textbox dt, .c-detail-textbox dd {font-size: 16px; line-height: 1.8;}
.c-detail-bottom {display: flex; justify-content: center;}
.c-detail-like {border-radius:64px; width:64px; height:64px; border:1px solid #c4c4c4; display:flex; flex-direction: column; justify-content: center; align-items: center; cursor: pointer;}
.c-detail-like span {font-size: 85%;}
.c-detail-like-su {font-size: 14px; font-weight: 800; line-height: 1.2;}

.c-comment-textbox {background-color: none; width: 100%; height: 90px; font-size: 15px; resize: none; border: 0; border-radius: 3px; font-weight: 400; color: #000; overflow-y: auto;
	margin-bottom: 12px; border: 1px solid #ededed; padding:12px;}
.c-comment-textbox::placeholder{color:#bdbdbd;}
.c-comment-textbox:disabled {color : #aeaeae;background-color:#ededed;}
.c-comment-textbox:disabled:hover {border-color: rgba(0,0,0,.07);box-shadow: 0 0 0 0;}
.c-comment-textbox-bottom {display:flex;justify-content: space-between;}
.c-comment-textbox-bottom .c-comment-textbox-span {font-size:13px; color:#bbb;}
.c-comment-btn {position: relative; padding: 0 28px;background: #000;color: #fff;font-weight: 500;border-radius: 3px; height: 38px; line-height: 38px; font-size:13px;}
.c-comment-cancel-btn {position: relative; float: right; padding: 0 28px;background: #fff;color: #000;font-weight: 500;border-radius: 4px; height: 40px; line-height: 40px;border: 1px solid #000;}
.commu-detail-comment-all-wrap {width: 100%; }
.commu-detail-comment-all {display: flex; justify-content: space-between; align-items: center; margin-bottom: 24px;}
.commu-detail-comment-title {font-size: 16px; font-weight: 700; line-height: 1.2;}
.commu-detail-comment-list {width: 100%; border:1px solid #ededed; border-radius: 8px; background: #fff; }
.commu-detail-comment {width: 100%; padding: 32px; border-bottom:1px solid #ededed;}
.commu-detail-comment:last-child {border-bottom: 0;}
.c-detail-commentbox {font-size: 15px; line-height: 1.6; margin-top: 24px; margin-bottom: 24px;}
.c-detail-comment-like {text-align: right; font-size: 14px; font-weight: 500;}



/* community write */
.community-write-tab { }
.community-write-tab #tabs{ background: #007b5e;color: #eee;}
.community-write-tab #tabs h6.section-title{color: #eee;}
.community-write-tab #tabs .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { color: #000; background-color: transparent; border: 0; border-bottom: 3px solid !important;font-size: 16px;font-weight: 800;}
.community-write-tab .nav-link {border: 0;border-bottom: 3px solid transparent;color: #999;font-size: 16px;font-weight: 500; padding: 12px 16px; transition: color .2s;}
.community-write-tab .nav-link:hover {color: #333;border-color: transparent;}

.nav.nav-tabs.profile-tab-menu {border-bottom: 1px solid rgba(0,0,0,.1); margin-bottom: 40px;}
.community-write-tab .nav-fill .nav-item, .community-write-tab .nav-fill>.nav-link {flex: unset;}
.c-write-btn-wrap {display: flex; justify-content: flex-end; align-items: center; margin-top: 24px; margin-bottom: 64px;}
.c-write-send {width: 240px; height: 50px; line-height: 50px; background: #000; color: #fff; text-align: center; font-size: 14px; font-weight: 500; border: 0;}
.c-write-cancel {width: 140px; height: 50px; line-height: 50px; background: #fff; color: #333; border: 1px solid #ccc;text-align: center; font-size: 14px; font-weight: 500; margin-left: 8px; transition: .2s;}
.c-write-cancel:hover {border-color: #333;}


@media (max-width: 576px) {
  .social-menu {font-size: 16px;}

  .c-list {padding: 24px;}
  .commu-list-profile .profile_image {width: 40px !important; height: 40px !important; background-size: 40px 40px !important;;}
  .commu-list-profile .user_profile_image_section {width: 40px !important; height: 40px !important; background-size: 40px 40px !important;;}
  .commu-list-write {white-space: nowrap; display: block; overflow: hidden; padding: 0 10px; height: 40px; line-height: 40px;}
  .commu-list-write a {font-size: 14px;text-overflow: ellipsis;overflow: hidden;}
  .commu-list-search {flex-direction: column;align-items: flex-start;}
  .commu-search-filter { }
  .commu-search-box {width: 100%; margin-top: 16px;}
  .c-writer-info {width: 78%;}
  .c-writer-like {width: 22%;}
  .c-writer-like span {display: none;}
  .c-writer-info .profile-user-info-top {overflow: hidden;}
  .c-writer-info .profile-user-info-top .username {overflow: hidden;}
  .c-list-story {width: 100%; margin-right: 0;}
  .c-list-comment {display: none;}

  .c-detail {padding: 24px;}
  .c-detail-modify-drmenu {min-width: 78px; transform: translate3d(-45px, 32px, 0px) !important;}
  .commu-detail-comment {padding: 24px;}
  .c-modify-btn {width: 30px; height: 30px; padding: 2px 0;}
  .c-detail-profile .profile-user-info-top {overflow: hidden;}
  .c-detail-profile .c-detail-sub .user-class {border-radius: 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; line-height: 1;}
  .c-detail-sub { display: flex; white-space: nowrap; align-items: center; width: 100%;}
  .c-detail-profile {align-items: flex-start;}
  .c-detail-modify { margin-top: -5px; margin-right: -5px;}
}




/* creator search */
.this-week-creator {position:relative;background: #1e9eff; border-radius: 3px; margin-bottom: 40px; /*overflow:hidden;*/ display:flex; justify-content: space-between; transition:box-shadow .2s;}
.this-week-creator a:hover{color:#fff;}
/* .this-week-creator:hover {box-shadow: 0 6px 12px rgb(0 0 0 / 10%);} */
.this-week-creator-left {width: 60%;display: flex; flex-direction: column;padding: 24px 0px 24px 32px;}
.this-week-creator-bg {position:relative;width:40%;}
.this-week-creator-title {color:#fff; font-size:12px; font-weight:700;padding-bottom:16px;}
.this-week-creator-name {font-size: 22px; font-weight: 500; color: #fff; margin-bottom: 16px;}
.this-week-creator-name span {font-size: 22px; font-weight: 800; margin-right:8px;}
.this-week-creator-intro {font-size: 14px; color: rgba(255,255,255,.7); line-height:1.4; font-weight:500;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;word-wrap: break-word;height: 3em;min-height: 40px;}
.this-week-creator-btns {display: flex;}
.tw-creator-btn1 {background: #000;color: #fff;height: 42px;line-height: 42px;text-align: center;border-radius: 4px;transition: background .2s;font-size: 14px; min-width: 140px; margin-right: 10px;}
.tw-creator-btn2 {background: transparent;color: #fff;border: 1px solid #fff;height: 22px;line-height: 20px;text-align: center;border-radius: 3px;font-size: 11px; padding:0 8px 0 4px;width:64px; z-index:9999;}
.tw-creator-btn3 {background: transparent;color: rgba(255,255,255,.5);border: 1px solid rgba(255,255,255,.5);height: 22px;line-height: 20px;text-align: center;border-radius: 3px;
	font-size: 11px; padding:0 8px 0 4px;width:64px;z-index:9999;position:absolute;}
.tw-creator-btn2 i, .tw-creator-btn3 i {font-size:10px;}

.this-week-creator-list {width: 100%; margin-top: 24px; display: flex; flex-wrap: wrap; justify-content: space-between;}
.twc-list {width: 48.5%; padding: 32px; background: #fff; border: 1px solid #ededed; margin-bottom: 22px; border-radius: 6px; cursor: pointer; transition: box-shadow .2s;}
.twc-list:hover {box-shadow: 0 6px 12px rgb(0 0 0 / 10%);}
.twc-list-top {display:flex; margin-bottom: 24px;}
.twc-list-story { width:100%; overflow: hidden;}
.twc-list-story .c-detail-profile .profile-user-info-top {width: calc(100% - 52px - 16px);}
.twc-list-story .c-detail-profile .username {width:100%;}
.twc-list-story .c-detail-profile .username .name {font-size: 20px; padding-right: 0; width: 100%; overflow: hidden;text-align: left;line-height: 1.7;color: #000;font-weight: 700;white-space: nowrap;text-overflow: ellipsis;}
.twc-list-story .c-detail-profile .username .name.creator-label{max-width: calc(100% - 22px - 16px);}
.twc-list-story .c-detail-profile .username .name.full{width: 100%;}
.twc-list-story .c-detail-profile .username .user-self {font-size: 10px; font-weight: 400; margin-left:4px;position: absolute;height: 15px;margin-top: 12px;padding-bottom: 16px;    padding-top: 0px;}
.twc-list-story .c-detail-profile .c-detail-sub {font-size: 14px; color:#515151; font-weight:400; padding-top:2px;}
.twc-list-story .c-detail-profile .c-detail-sub .user-class {font-size: 14px; margin-left: 0;color:#515151; font-weight:400;}
.twc-list-middle {width: 100%; margin-bottom: 16px;}
.twc-list-story-content {font-size:14px; color:#515151; line-height: 1.8; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;word-wrap: break-word; line-height: 1.5em; height: 3em; min-height: 64px;}
.twc-list-bottom {display:flex; justify-content: flex-start; align-items: center; align-items: center;}
.twc-list-contents {font-size: 12px; font-weight: 400; color: #515151;}
.twc-list-follower {font-size: 12px; font-weight: 400; color: #515151;}
.twc-list-favorite {margin-left:auto; color: #515151;}
.twc-list-favorite i {font-size:11px; color: #515151;}
.twc-list-contents span, .twc-list-follower span, .twc-list-favorite span {font-weight: 700; color: #515151;}

.creator-week-best-wrap {background: #fff; border-radius: 4px; box-shadow: 1px 2px 6px rgb(0 0 0 / 8%); margin-bottom: 40px; margin-top: 20px;}
.creator-week-best { padding: 20px; border-bottom: 1px solid rgba(0,0,0,.07); cursor: pointer; display: flex; align-items: center; transition: background .2s;}
.creator-week-best:last-child {border-bottom: 0;}
.creator-week-best:hover {background: #f5f5f5;}
.creator-week-best-profile {}
.creator-week-best-info {display: flex;  flex-direction: column;}
.creator-week-best-name {text-overflow: ellipsis; white-space: nowrap; display: block; overflow: hidden; font-size: 16px; font-weight: 700; color: #333; ;line-height: 1.4; }
.creator-week-best-content, .creator-week-best-content span{font-size: 13px; font-weight: 500;color: #bbb;}
.creator-week-best-content span {padding-left: 4px;}


.login-link-a {color: #000;font-weight:300; font-size:13px; text-decoration:underline !important;}
.login-link-a:hover {color: #000;}

@media (max-width: 786px) {
	.this-week-creator-left {width: 100%;padding: 24px 24px 24px 24px;}
	.twc-list {width:100%;}
}

@media  (max-width: 480px) {
  .c-detail-profile .username .user-self{right:39px !important;}
}