.card_work{display: grid; grid-template-columns: 50px 1fr; grid-gap: 15px; align-items: top; padding: 10px 15px; border-radius: 10px; box-sizing: border-box; border: 1px solid var(--bg_line);}
.card_work > div{width: 100%;}
.card_work > div:first-child > div{padding-bottom: 150%; border-radius: 5px; background-color: var(--bg_silvercalm);}
.card_work .cwType > span{padding: 3px 10px; border-radius: 25px; font-size: 11px; color: var(--text_white);}
.card_work .cwTitle{font-weight: bold;}

.card_work_simple{padding: 10px 15px; border-radius: 10px; border: 1px solid var(--bg_line); display: grid; grid-template-columns: 30px 1fr; grid-gap: 10px; box-sizing: border-box;}
.card_work_simple > div{width: 100%;}
.card_work_simple .cwsCover{padding-bottom: 150%; border-radius: 5px; background-color: var(--bg_silvercalm);}
.card_work_simple .cwsType > span{font-size: 9px; color: var(--text_white); padding: 2px 5px; border-radius: 5px;}
.card_work_simple .cwsTitle{font-weight: bold;}
.card_work_simple .cwsPart{color: var(--text_silver); font-size: 11px;}

.card_revision{padding: 10px 15px;}
.card_revision > div{padding: 10px 15px; border-radius: 5px; border: 1px solid var(--bg_line); background: var(--bg_white);}
.card_revision > div.revision{}
.card_revision > div.appeal{background: var(--bg_greencalm);}
.card_revision > div:not(:last-child){margin-bottom: 15px;}
.card_revision > div > div:first-child{font-weight: bold;}
.card_revision > div > div:nth-child(2){padding: 5px 0px;}
.card_revision > div > div:nth-child(3){margin-top: 3px; font-size: 11px; color: var(--text_silver);}

.card_history > div{padding: 10px 15px; cursor: pointer;}
.card_history > div:not(:last-child){border-top: 1px solid var(--bg_line);}
.card_history > div.active{background: var(--bg_silvercalm);}
.card_history > div > div:first-child{}
.card_history > div > div:first-child > span{padding: 3px 10px; border-radius: 5px; font-size: 11px; background: var(--bg_silver);}
.card_history > div > div:nth-child(2){margin-top: 10px; font-weight: bold; color: var(--text_blue);}

.card_chat{min-height: 200px;}
.card_chat > div:not(:last-child){border-bottom: 1px solid var(--bg_line);}
.card_chat .ccItem{padding: 10px 0px; position: relative; transition: var(--transition); position: relative; display: grid; grid-template-columns: 35px 1fr; grid-gap: 15px; cursor: pointer;}
.card_chat .ccItem:hover{background: var(--bg_silvercalm);}
.card_chat .ccItem.active:before{content: ''; position: absolute; right: 0px; top: 0px; height: 100%; width: 3px; background: var(--bg_blue);}
.card_chat .ccItem > div{width: 100%;}
.card_chat .ccItem > div:first-child > div{padding-bottom: 150%; border-radius: 5px; background-color: var(--bg_silvercalm);}
.card_chat .ccItem > div:nth-child(2) > div:first-child > span{padding: 3px 7px; border-radius: 5px; font-size: 11px; font-weight: bold; color: var(--text_white); background: var(--bg_blue);}
.card_chat .ccItem > div:nth-child(2) > div:first-child > span.status{margin-left: 5px; background: var(--bg_red);}
.card_chat .ccItem > div:nth-child(2) > div:nth-child(2){margin-top: 7px; font-size: 15px; font-weight: bold; color: var(--text_black);}
.card_chat .ccItem > div:nth-child(2) > div:nth-child(3){margin-top: 5px;}
.card_chat .ccItem .cinone{color: var(--text_silver);}
.card_chat .ccItem .cicurator{color: var(--text_blue);}
.card_chat .ccItem .ciauthor{color: var(--text_silver);}
.card_chat .ccItem > div:nth-child(2) > div:nth-child(4){margin-top: 5px; font-size: 11px; color: var(--text_silver);}

.card_conversation{margin-top: 10px;}
.card_conversation > div{padding: 15px 0px;}
.card_conversation > div:not(:last-child){border-bottom: 1px solid var(--bg_line);}
.card_conversation > div > div:first-child{font-weight: bold; margin-bottom: 3px;}
.card_conversation .cccurator > div:first-child{color: var(--text_green);}

.card_simple{border-radius: 10px; border: 1px solid var(--bg_line);}
.card_simple > div > div{padding: 15px; color: #1e2b37;}
.card_simple > div > div > div{display: table; width: 100%; table-layout: fixed;}
.card_simple > div > div > div > div{display: table-cell; vertical-align: middle;}
.card_simple > div > div > div > div:first-child{width: 50px;}
.card_simple > div > div > div > div:first-child > div{padding-bottom: 150%;}
.card_simple > div > div > div > div:last-child{padding-left: 15px;}
.card_simple > div > div > div > div:last-child > div:first-child{font-size: 17px; font-family: 'bold';}
.card_simple > div > div > div > div:last-child > div:last-child{margin-top: 3px; color: var(--text_silver);}

.card_monetize_history{}
.card_monetize_history > a:not(:last-child) > div{border-bottom: 1px solid var(--bg_line);}
.card_monetize_history > a > div{padding: 10px 15px; transition: var(--transition); background: var(--bg_white);}
.card_monetize_history > a:hover > div{background: var(--bg_silvercalm);}
.card_monetize_history > a > div > div:first-child{display: grid; grid-template-columns: 1fr 1fr; grid-gap: 15px;}
.card_monetize_history > a > div > div:first-child > div{width: 100%;}
.card_monetize_history > a > div > div:first-child > div:first-child > div:nth-child(2){margin-top: 2px;}
.card_monetize_history > a .chmTag{padding: 2px 6px; font-size: 9px; border-radius: 3px; color: var(--text_white);}
.card_monetize_history > a.novel .chmTag{background: var(--bg_novel);}
.card_monetize_history > a.comic .chmTag{background: var(--bg_comic);}
.card_monetize_history > a.scrpt .chmTag{background: var(--bg_script);}
.card_monetize_history > a.flash .chmTag{background: var(--bg_flash);}
.card_monetize_history > a.short .chmTag{background: var(--bg_short);}
.card_monetize_history > a.art .chmTag{background: var(--bg_artwork);}
.card_monetize_history > a.cart .chmTag{background: var(--bg_cart);}
.card_monetize_history > a > div > div:first-child > div:nth-child(2){text-align: right;}
.card_monetize_history > a > div > div:first-child > div:nth-child(2) > div:first-child{color: var(--text_silver); font-size: 11px;}
.card_monetize_history > a > div > div:first-child > div:nth-child(2) > div:nth-child(2){margin-top: 2px; font-size: 17px; font-weight: bold;}
.card_monetize_history > a > div > div:nth-child(2){margin-top: 3px;}

.card_payout_history{border: 1px solid var(--bg_line); border-radius: 10px;}
.card_payout_history > div{padding: 15px;}
.card_payout_history > div:not(:last-child){border-bottom: 1px solid var(--bg_line);}
.card_payout_history > div > div:first-child{font-family: 'bold';}
.card_payout_history > div > div:nth-child(2){margin-top: 5px; display: grid; grid-gap: 15px; grid-template-columns: 1fr 200px;}
.card_payout_history > div > div:nth-child(2) > div{width: 100%;}
.card_payout_history > div > div:nth-child(2) > div:nth-child(2) > div:first-child{color: var(--text_silver);}

.card_comment{border-radius: 10px; border: 1px solid var(--bg_line); margin-top: 15px; background: var(--bg_white);}
.card_comment > div{padding: 15px 20px;}
.card_comment > div:not(:last-child){border-bottom: 1px solid var(--bg_line);}
.card_comment .ccHead > div:first-child > span{padding: 3px 7px; border-radius: 5px; font-size: 11px; background: var(--bg_silver); color: var(--text_white);}
.card_comment .ccHead > div:first-child > span.novel{background: var(--bg_novel);}
.card_comment .ccHead > div:first-child > span.comic{background: var(--bg_comic);}
.card_comment .ccHead > div:first-child > span.script{background: var(--bg_script);}
.card_comment .ccHead > div:first-child > span.flash{background: var(--bg_flash);}
.card_comment .ccHead > div:first-child > span.short{background: var(--bg_short);}
.card_comment .ccHead > div:nth-child(2){font-size: 15px; font-weight: bold; margin-top: 5px;}
.card_comment .ccBody{margin: 5px 0px 10px 0px;}
.card_comment .ccBody .cbUser{margin-top: 3px; font-size: 11px; color: var(--text_silver);}
.card_comment .ccBody .cbReply{margin-top: 5px;}
.card_comment .ccBody .cbReply span{padding: 3px 10px; border-radius: 20px; font-size: 11px; font-weight: bold; background: var(--bg_silver); color: var(--text_black);}
.card_comment .ccOpt{display: grid; grid-template-columns: 120px 1fr; align-items: center; height: 25px;}
.card_comment .ccOpt > div{width: 100%;}
.card_comment .ccOpt > div:first-child > span:not(:last-child){margin-right: 15px;}
.card_comment .ccOpt > div:nth-child(2) > span{padding: 3px 7px; border-radius: 5px; font-size: 11px;}
.card_comment .ccOpt > div:nth-child(2) > span:not(:last-child){margin-right: 5px;}
.card_comment .ccOpt > div:nth-child(2) > span.ccNew{background: var(--bg_green); color: var(--text_white);}
.card_comment .ccOpt > div:nth-child(2) > span.ccReply{background: var(--bg_orangecalm);}

.card_comment_reply{margin-top: 15px;}
.card_comment_reply > div{padding: 10px 15px;}
.card_comment_reply > div:not(:last-child){border-bottom: 1px solid var(--bg_line);}
.card_comment_reply .ccrHead{font-weight: bold;}
.card_comment_reply .ccrContent{padding: 5px 0px 10px 0px;}
.card_comment_reply .ccrOpt{font-size: 11px;}
.card_comment_reply .ccrOpt > span:not(:last-child){margin-right: 10px;}

.card_comments_work{padding-top: 15px;}
.card_comments_work > div{padding: 15px 20px;}
.card_comments_work > div:not(:first-child){border-bottom: 1px solid var(--bg_line);}
.card_comments_work > div > div{display: table; table-layout: fixed; width: 100%;}
.card_comments_work > div > div > div{display: table-cell; vertical-align: top;}
.card_comments_work > div > div > div:first-child{width: 35px;}
.card_comments_work > div > div > div:first-child > div{height: 35px; border-radius: 50%;}
.card_comments_work > div > div > div:nth-child(2){padding-left: 15px;}
.card_comments_work > div > div > div:nth-child(2) > div:first-child{font-size: 10px;}
.card_comments_work > div > div > div:nth-child(2) > div:first-child span{padding: 2px 5px; border-radius: 3px;}
.card_comments_work > div > div > div:nth-child(2) > div:first-child span.unread{background: var(--bg_green); color: var(--text_white);}
.card_comments_work > div > div > div:nth-child(2) > div:first-child span.read{background: var(--bg_silvercalm); color: var(--text_silver);}
.card_comments_work > div > div > div:nth-child(2) > div:first-child span.reply{background: var(--bg_silver);}
.card_comments_work > div > div > div:nth-child(2) > div:nth-child(2){font-family: 'bold'; margin-top: 5px;}
.card_comments_work > div > div > div:nth-child(2) > div:nth-child(3){margin-top: 5px;}
.card_comments_work > div > div > div:nth-child(2) > div:nth-child(4){margin-top: 10px;}
.card_comments_work > div > div > div:nth-child(2) > div:nth-child(4) span{color: var(--text_blue); cursor: pointer;}

.card_review > div{padding: 15px 20px;}
.card_review > div:not(:last-child){border-bottom: 1px solid var(--bg_line);}
.card_review > div > div{display: table; table-layout: fixed; width: 100%;}
.card_review > div > div > div{display: table-cell; vertical-align: top;}
.card_review > div > div > div:first-child{width: 45px;}
.card_review > div > div > div:first-child div{height: 45px; border-radius: 50%; background-color: var(--bg_silvercalm);}
.card_review > div > div > div:nth-child(2){padding-left: 15px;}
.card_review > div > div > div:nth-child(2) > div:first-child{font-weight: bold; font-size: 17px;}
.card_review .nrl_star{margin-top: 5px; margin-bottom: 10px; height: 15px; white-space: nowrap;}
.card_review .nrl_star > div{height: 15px; width: 82px; display: inline-block;}
.card_review .nrl_content{margin-top: 5px;}
.card_review .nrl_option{margin-top: 10px; white-space: nowrap;}
.card_review .nrl_option > div{display: inline-block; cursor: pointer; color: var(--text_silver);}
.card_review .nrl_option > div:not(:last-child){margin-right: 10px;}
.card_review .nrl_reply{margin: 10px 0px 0px 15px; padding: 10px 15px 10px 15px; border-radius: 5px; background: var(--bg_silvercalm);}
.card_review .nrl_reply > div:nth-child(2){margin-top: 5px; color: var(--text_silver); font-weight: bold; font-size: 11px;}

.card_simple_users > div{padding: 10px 15px; cursor: pointer;}
.card_simple_users > div > div{display: table; table-layout: fixed; width: 100%;}
.card_simple_users > div:not(:last-child){border-bottom: 1px solid #f6f6f6;}
.card_simple_users > div > div > div{display: table-cell; vertical-align: middle;}
.card_simple_users > div > div > div:first-child{width: 40px;}
.card_simple_users > div > div > div:first-child > div{height: 40px; background-color: var(--bg_silver); border-radius: 50%;}
.card_simple_users > div > div > div:last-child{padding-left: 15px;}
.card_simple_users > div > div > div:last-child > div:first-child{font-size: 15px;}
.card_simple_users > div > div > div:last-child > div:last-child{font-size: 11px; color: var(--text_silver);}

.card_rewards{border-radius: 10px; border: 1px solid var(--bg_line);}
.card_rewards > div:not(:last-child){border-bottom: 1px solid var(--bg_line);}
.card_rewards .crItem{padding: 10px 15px; display: grid; grid-template-columns: 1fr min-content; grid-gap: 15px; align-items: center; box-sizing: border-box;}
.card_rewards .crItem> div{width: 100%;}
.card_rewards .crItem> div:first-child > div:first-child{font-weight: bold;}

.card_list_works > a > div{display: grid; grid-template-columns: 40px 1fr; grid-gap: 15px;}
.card_list_works > a:not(:last-child) > div{padding-bottom: 15px;}
.card_list_works > a > div > div{width: 100%;}
.card_list_works > a > div > div:first-child > div{padding-bottom: 150%; background-color: var(--bg_silver); border-radius: 3px;}
.card_list_works .clwInfo .clwWork{font-weight: bold; font-size: 11px; color: var(--text_silver);}
.card_list_works .clwInfo .ciTitle{display: grid; width: 100%; font-weight: bold;}
.card_list_works .clwInfo .ciDetail{margin-top: 5px; white-space: nowrap;}
.card_list_works .clwInfo .ciDetail div{display: inline-block; padding: 1px 5px; border-radius: 5px; font-size: 11px;}
.card_list_works .clwInfo .ciDetail div:not(:last-child){margin-right: 5px;}
.card_list_works .clwInfo .ciDetail .cdStatus{background: var(--bg_blue); color: var(--text_white);}
.card_list_works .clwInfo .ciDetail .cdStatus.draft{background: var(--bg_silverdark);}
.card_list_works .clwInfo .ciDetail .cdStatus.waiting{background: var(--bg_orange);}
.card_list_works .clwInfo .ciDetail .cdStatus.notyet{background: var(--bg_bluecalm);}
.card_list_works .clwInfo .ciDetail .cdStatus.decline{background: var(--bg_red);}
.card_list_works .clwInfo .ciDetail .cdFinish{background: var(--bg_silver); color: var(--text_black);}
.card_list_works .clwInfo .ciDetail .cdTxt{color: var(--text_black); padding: 0px;}

.card_content_work{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-gap: 25px; min-height: 50px; margin-bottom: 25px;}
.card_content_work > a{width: 100%; color: var(--text_black);}
.card_content_work > a > div:first-child{}
.card_content_work > a > div:first-child > div{padding-bottom: 150%; background-color: var(--bg_silvercalm); border-radius: 5px;}
.card_content_work > a > div:nth-child(2){margin-top: 15px;}
.card_content_work .ccwCount > span{padding: 3px 5px; border-radius: 3px; background: var(--bg_silvercalm); font-size: 11px;}
.card_content_work .ccwTitle{font-size: 15px; font-weight: bold; margin-top: 3px;}
.card_content_work .ccwBox{margin-top: 5px;}
.card_content_work .ccwBox > span{padding: 2px 5px; font-size: 11px; border-radius: 3px;}
.card_content_work .ccwBox.accept > span{background: var(--bg_blue); color: var(--text_white);}
.card_content_work .ccwBox.decline > span{background: var(--bg_red); color: var(--text_white);}
.card_content_work .ccwBox.notyet > span{background: var(--bg_yellow);}
.card_content_work .ccwBox.waiting > span{background: var(--bg_orange); color: var(--text_white);}
.card_content_work .ccwBox.draft > span{background: var(--bg_silver);}

.card_market_items{border-radius: 5px; border: 1px solid var(--bg_line);}
.card_market_items > a > div{padding: 15px 25px; color: var(--text_black); transition: var(--transition);}
.card_market_items > a:not(:last-child) > div{border-bottom: 1px solid var(--bg_line);}
.card_market_items > a:hover > div{background: var(--bg_silvercalm);}
.card_market_items .clSold{background: var(--bg_redcalm);}
.card_market_items .clNotSale{background: var(--bg_silvercalm);}
.card_market_items .cpHead > div:first-child{font-size: 15px; font-weight: bold;}
.card_market_items .cpHead > div:nth-child(2){color: var(--text_green);}
.card_market_items .cpContent{display: grid; grid-template-columns: 45px 1fr 1fr 1fr; grid-gap: 15px; margin-top: 10px;}
.card_market_items .cpContent > div{width: 100%;}
.card_market_items .cpContent > div:first-child > div{padding-bottom: 100%; background-color: var(--bg_silvercalm); border-radius: 5px;}
.card_market_items .cpContent > div:not(:first-child) > div:first-child{color: var(--text_silver);}
.card_market_items .cpContent > div:not(:first-child) > div:nth-child(2){font-family: 'bold';}
.card_market_items .cpStatus{margin-top: 10px;}
.card_market_items .cpStatus > span{padding: 3px 7px; border-radius: 5px; background: var(--bg_silver); font-size: 11px;}
.card_market_items .cpStatus > span.active{background: var(--bg_greencalm);}
.card_market_items .cpStatus > span:not(:last-child){margin-right: 5px;}

.card_status_submit{white-space: nowrap;}
.card_status_submit > div{padding: 3px 10px 4px 10px; display: inline-block; border-radius: 5px; color: var(--text_black); font-size: 13px;}
.card_status_submit .checking{background: var(--bg_checking);}
.card_status_submit .decline{background: var(--bg_decline);}
.card_status_submit .draft{background: var(--bg_draft);}
.card_status_submit .coming{background: var(--bg_coming);}
.card_status_submit .available{background: var(--bg_available);}

.card_chapter{border-radius: 0px 0px 10px 10px; overflow: hidden;}
.card_chapter > div{display: table; width: 100%; table-layout: fixed; border-top: 1px solid var(--bg_line); background: var(--bg_white); height: 131px;}
.card_chapter > div > div{display: table-cell; vertical-align: top;}
.card_chapter > div > div:first-child{width: 50px; vertical-align: middle;}
.card_chapter > div > div:first-child > div{height: 40px; width: 40px; cursor: grab;}
.card_chapter > div > div:first-child > div:active{cursor: grabbing;}
.card_chapter > div > div:nth-child(2){padding: 20px 15px 20px 15px;}
.card_chapter > div > div:nth-child(2) > div:first-child{display: inline-block; width: 100%;}
.card_chapter > div > div:nth-child(2) > div:nth-child(2){font-size: 20px; margin-top: 3px; font-weight: bold;}
.card_chapter > div > div:nth-child(2) > div:nth-child(3){margin-top: 10px;}
.card_chapter > div > div:nth-child(2) > div:nth-child(4){margin-top: 5px; color: var(--text_silver);}
.card_chapter > div > div:nth-child(3){width: 50px; vertical-align: middle; cursor: pointer;}
.card_chapter > div > div:nth-child(3) > div{height: 25px; width: 25px;}
.card_chapter > div > div:nth-child(3):hover{background: var(--bg_silvercalm);}

.card_worksub_mini > a > div{padding: 7px 15px; position: relative;}
.card_worksub_mini > a:not(:last-child){border-bottom: 1px solid var(--bg_line);}
.card_worksub_mini > a > div.active:before{content: ''; position: absolute; left: 0px; top: 0px; width: 5px; height: 100%; background: var(--bg_blue);}
.card_worksub_mini > a > div > div:first-child{font-size: 11px; color: var(--text_silver);}
.card_worksub_mini > a > div > div:nth-child(2){font-weight: bold;}
.card_worksub_mini > a > div > div:nth-child(3){margin-top: 5px;}
.card_worksub_mini > a > div > div:nth-child(3) span{font-size: 11px; padding: 3px 5px; border-radius: 5px; color: var(--text_black);}
.card_worksub_mini .checking{background: #fffde4;}
.card_worksub_mini .decline{background: #ffdede;}
.card_worksub_mini .draft{background: #e3deff;}
.card_worksub_mini .coming{background: #f7f7f7;}
.card_worksub_mini .available{background: #d5e8ff;}

.card_episode{border-radius: 0px 0px 10px 10px; overflow: hidden;}
.card_episode > div{background: var(--bg_white); display: table; width: 100%; table-layout: fixed;}
.card_episode > div > div{display: table-cell; vertical-align: top;}
.card_episode > div > div:first-child{width: 50px; vertical-align: middle;}
.card_episode > div > div:first-child > div{height: 40px; width: 40px; cursor: grab;}
.card_episode > div > div:first-child > div:active{cursor: grabbing;}
.card_episode > div > div:nth-child(2){width: 70px; vertical-align: middle;}
.card_episode > div > div:nth-child(2) > div{height: 70px; background-color: var(--bg_silver); border-radius: 5px;}
.card_episode > div > div:nth-child(3){padding: 20px 15px 20px 15px;}
.card_episode > div > div:nth-child(3) > div:first-child{display: inline-block; width: 100%;}
.card_episode > div > div:nth-child(3) > div:nth-child(2){font-size: 17px; margin-top: 3px; font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.card_episode > div > div:nth-child(3) > div:nth-child(3){margin-top: 10px;}
.card_episode > div > div:nth-child(3) > div:nth-child(4){margin-top: 5px; color: var(--text_silver);}
.card_episode > div > div:nth-child(4){width: 50px; vertical-align: middle; cursor: pointer;}
.card_episode > div > div:nth-child(4) > div{height: 30px; width: 30px;}
.card_episode > div > div:nth-child(4):hover{background: var(--bg_silvercalm);}
.card_episode .checking{background: #fffde4;}
.card_episode .decline{background: #ffdede;}
.card_episode .draft{background: #e3deff;}
.card_episode .coming{background: #f7f7f7;}
.card_episode .published{background: #d5e8ff;}

.card_list_part > div{display: table; width: 100%; table-layout: fixed; border-top: 1px solid var(--bg_line); background: var(--bg_white);}
.card_list_part > div > div{display: table-cell; vertical-align: top;}
.card_list_part > div > div:first-child{width: 50px; vertical-align: middle;}
.card_list_part > div > div:first-child > div{height: 40px; width: 40px; cursor: grab;}
.card_list_part > div > div:first-child > div:active{cursor: grabbing;}
.card_list_part > div > div:nth-child(2){padding: 20px 15px 20px 15px;}
.card_list_part > div > div:nth-child(2) > div:first-child{display: inline-block; width: 100%; font-size: 17px; font-weight: bold;}
.card_list_part > div > div:nth-child(2) > div:nth-child(2){color: var(--text_silver);}
.card_list_part > div > div:nth-child(2) > div:nth-child(3){margin-top: 10px; display: inline-block; width: 100%;}
.card_list_part > div > div:nth-child(2) > div:nth-child(3) > div{padding: 3px 8px 3px 8px; float: left; border-radius: 5px; font-size: 11px;}
.card_list_part > div > div:nth-child(2) > div:nth-child(4){margin-top: 5px; color: var(--text_silver);}
.card_list_part > div > div:nth-child(3){width: 50px; vertical-align: middle; cursor: pointer;}
.card_list_part > div > div:nth-child(3) div{height: 30px; width: 30px;}
.card_list_part > div > div:nth-child(3):hover{background: var(--bg_silvercalm);}
.card_list_part .checking{background: #fffde4;}
.card_list_part .decline{background: #ffdede;}
.card_list_part .draft{background: var(--bg_silverdark); color: var(--text_white);}
.card_list_part .waiting{background: var(--bg_orange); color: var(--text_white);}
.card_list_part .published{background: var(--bg_blue); color: var(--text_white);}

.card_people > a > div{display: table; table-layout: fixed; width: 100%;}
.card_people > a:not(:last-child) > div{margin-bottom: 15px;}
.card_people > a > div > div{display: table-cell; vertical-align: middle;}
.card_people > a > div > div:first-child{width: 40px;}
.card_people > a > div > div:first-child > div{height: 40px; border-radius: 50%; background-color: var(--bg_silvercalm);}
.card_people > a > div > div:nth-child(2){padding-left: 15px;}
.card_people > a > div > div:nth-child(2) > div:first-child{color: var(--text_black); font-family: 'bold'; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.card_people > a > div > div:nth-child(2) > div:nth-child(2){color: var(--text_silver); font-size: 11px;}

.card_trending_novel{}
.card_trending_novel > div{background: var(--bg_white); padding: 15px 0px;}
.card_trending_novel > div:not(:last-child){border-bottom: 1px solid var(--bg_line);}
.card_trending_novel > div > div{display: table; table-layout: fixed; width: 100%;}
.card_trending_novel > div > div > div{display: table-cell; vertical-align: middle; padding: 0px 10px;}
.card_trending_novel > div > div > div:first-child{width: 40px; font-size: 20px; text-align: center; font-family: 'bold';}
.card_trending_novel > div > div > div:nth-child(2) > div:first-child{font-family: 'bold';}
.card_trending_novel > div > div > div:nth-child(2) > div:last-child{color: var(--text_silver); margin-top: 3px;}
.card_trending_novel > div > div > div:nth-child(3){width: 130px;}
.card_trending_novel > div > div > div:nth-child(3) > div:last-child{font-size: 11px; color: var(--text_silver); margin-top: 3px;}
.card_trending_novel > div > div > div:nth-child(4){width: 110px;}
.card_trending_novel > div > div > div:nth-child(4) > div:last-child{font-size: 11px; color: var(--text_silver); margin-top: 3px;}
.card_trending_novel > div > div > div:nth-child(5){width: 80px; font-size: 11px;}
.card_trending_novel > div > div > div:nth-child(5) > div:last-child{color: var(--text_silver); margin-top: 3px;}

.card_acquisition{border: 1px solid var(--bg_line); border-radius: 10px;}
.card_acquisition > div{padding: 15px;}
.card_acquisition > div:not(:last-child){border-bottom: 1px solid var(--bg_line);}
.card_acquisition .caItem .ciContent{display: grid; grid-template-columns: 45px 1fr; grid-gap: 15px;}
.card_acquisition .caItem .ciContent > div{width: 100%;}
.card_acquisition .caItem .ciContent .ccCover > div{padding-bottom: 150%; background-color: var(--bg_silvercalm); border-radius: 3px;}
.card_acquisition .caItem .ciContent > div:nth-child(2){padding-bottom: 10px;}
.card_acquisition .caItem .ciContent .ccType > span{padding: 2px 5px; border-radius: 5px; font-size: 9px; color: var(--text_white);}
.card_acquisition .caItem .ciContent .ccTitle{margin-top: 3px; font-weight: bold;}
.card_acquisition .caItem .ciContent .ccUser{color: var(--text_silver); margin-top: 5px;}
.card_acquisition .caItem .ciContent .ccLink{margin-top: 5px;}
.card_acquisition .caItem .ciDate{margin-top: 5px; font-size: 11px; color: var(--text_silver);}

.card_search_work > div:not(:last-child){margin-bottom: 20px;}
.card_search_work > div > div:first-child{font-weight: bold;}
.card_search_work .cswList{margin-top: 10px;}
.card_search_work .cswList > a{padding: 15px; display: grid; grid-template-columns: 30px 1fr; grid-gap: 15px; align-items: center; box-sizing: border-box; border-radius: 10px; border: 1px solid var(--bg_line); overflow: hidden; transition: var(--transition);}
.card_search_work .cswList > a:not(:last-child){margin-bottom: 10px;}
.card_search_work .cswList > a:hover{background-color: var(--bg_silvercalm);}
.card_search_work .cswList > a > div{width: 100%;}
.card_search_work .cswList > a > div:first-child > div{padding-bottom: 150%; border-radius: 5px; background-color: var(--bg_silvercalm);}
.card_search_work .cswList > a > div:nth-child(2) > div:first-child{font-size: 11px; color: var(--text_silver);}
.card_search_work .cswList > a > div:nth-child(2) > div:nth-child(2){font-weight: bold;}

.card_work_list{background: var(--bg_white); border-radius: 10px; overflow: hidden; border: 1px solid var(--bg_line);}
.card_work_list > div{padding: 15px; display: grid; grid-template-columns: 60px 1fr; grid-gap: 15px; align-items: center; box-sizing: border-box;}
.card_work_list > div > div{width: 100%;}
.card_work_list > div:not(:last-child){border-bottom: 1px solid var(--bg_line);}
.card_work_list > div > div:first-child > div{padding-bottom: 150%; background-color: var(--bg_silvercalm);}
.card_work_list .cwlContent > div:first-child > span{padding: 2px 7px; border-radius: 5px; color: var(--text_white); font-size: 11px;}
.card_work_list .cwlContent > div:nth-child(2){font-size: 15px; font-weight: bold; margin-top: 3px;}
.card_work_list .cwlContent > div:nth-child(3){margin-top: 3px;}

.card_rank{border: 1px solid var(--bg_line); border-radius: 10px;}
.card_rank > a:not(:last-child) > div{border-bottom: 1px solid var(--bg_line);}
.card_rank .crBox{padding: 15px 20px; display: grid; grid-template-columns: 50px 1fr; box-sizing: border-box; align-items: top; grid-gap: 15px;}
.card_rank .crBox > div{width: 100%;}
.card_rank .crBox > div:first-child >  div{padding-bottom: 150%; color: var(--text_black); border-radius: 5px; background-color: var(--bg_silvercalm);}
.card_rank .crBox > div:nth-child(2) > div:first-child > span{padding: 2px 6px; border-radius: 5px; font-size: 11px; color: var(--text_white);}
.card_rank .crBox > div:nth-child(2) > div:nth-child(2){font-weight: bold; margin-top: 3px;}
.card_rank .crBox .cbInfo{margin-top: 10px; white-space: nowrap;}
.card_rank .crBox .cbInfo > div{display: inline-block; border: 1px solid var(--bg_line); border-radius: 5px; padding: 5px 0px; width: 100px; text-align: center;}
.card_rank .crBox .cbInfo > div:not(:last-child){margin-right: 10px;}
.card_rank .crBox .cbInfo > div > div:first-child{color: var(--text_silver); font-weight: bold; font-size: 11px;}
.card_rank .crBox .cbInfo > div > div:nth-child(2){color: var(--text_black);}

.card_order{border-radius: 10px; border: 1px solid var(--bg_line);}
.card_order > a{color: var(--text_black);}
.card_order > a:not(:last-child) > div{border-bottom: 1px solid var(--bg_silver);}
.card_order .unread > div{background: var(--bg_bluesoft);}
.card_order .coHead{padding: 10px 15px; font-weight: bold;}
.card_order .coHead .chStatus{padding: 2px 7px; border-radius: 5px; font-size: 9px; margin-left: 10px; position: relative; top: -1px; color: var(--text_white);}
.card_order .coHead .chStatus.waiting{background: var(--bg_blackcalm);}
.card_order .coHead .chStatus.process{background: var(--bg_orange);}
.card_order .coHead .chStatus.sending{background: var(--bg_orange);}
.card_order .coHead .chStatus.success{background: var(--bg_blue);}
.card_order .coHead .chStatus.failed{background: var(--bg_red);}
.card_order .coUser{padding: 5px 15px; display: grid; grid-template-columns: 20px 1fr; grid-gap: 10px; align-items: center;}
.card_order .coUser > div{width: 100%;}
.card_order .coUser > div:first-child > div{width: 20px; height: 20px; border-radius: 50%; background-color: var(--bg_silver);}
.card_order .coDate{padding: 5px 15px 0px 15px; font-size: 11px; font-weight: bold;}
.card_order .coContent{padding: 5px 15px 10px 15px; color: var(--text_silver);}

.card_order_detail{border: 1px solid var(--bg_line);}
.card_order_detail > a{color: var(--text_black);}
.card_order_detail > a:not(:last-child) > div{border-bottom: 1px solid var(--bg_silver);}
.card_order_detail .unread > div{background: var(--bg_bluesoft);}
.card_order_detail .codHead{padding: 10px 15px; font-weight: bold;}
.card_order_detail .codHead .chStatus{padding: 2px 7px; border-radius: 5px; font-size: 9px; margin-left: 10px; position: relative; top: -1px; color: var(--text_white);}
.card_order_detail .codHead .chStatus.waiting{background: var(--bg_blackcalm);}
.card_order_detail .codHead .chStatus.process{background: var(--bg_orange);}
.card_order_detail .codHead .chStatus.sending{background: var(--bg_orange);}
.card_order_detail .codHead .chStatus.success{background: var(--bg_blue);}
.card_order_detail .codHead .chStatus.failed{background: var(--bg_red);}
.card_order_detail .coUser{font-weight: bold; padding: 0px 15px;}
.card_order_detail .coContent{padding: 10px 15px;}
.card_order_detail .coContent > div:first-child{color: var(--text_silver);}
.card_order_detail .coContent .ccOrder{width: 100%; display: table; table-layout: fixed; box-sizing: border-box;}
.card_order_detail .coContent .ccOrder > div{display: table-row;}
.card_order_detail .coContent .ccOrder > div > div{display: table-cell; padding: 3px 0px;}
.card_order_detail .coContent .ccOrder .coHead{font-weight: bold;}

.card_tracking{}
.card_tracking > div{display: grid; grid-template-columns: 15px 1fr 55px; grid-gap: 15px;}
.card_tracking > div:not(:last-child){margin-bottom: 10px;}
.card_tracking > div > div{width: 100%;}
.card_tracking .ctLine > div{width: 15px; height: 15px; background: var(--bg_silver); border-radius: 50%; margin-top: 2px;}
.card_tracking .ctInfo > div:first-child{font-size: 12px; font-family: 'bold';}
.card_tracking .ctInfo > div:nth-child(2){padding: 5px 0px 10px 0px; position: relative; color: var(--text_silver);}
.card_tracking .ctInfo > div:nth-child(2):before{content: ''; position: absolute; top: 5px; left: -23px; width: 2px; height: calc(100% - 8px); background: var(--bg_silver);}
.card_tracking .ctDate{font-size: 11px; text-align: right; color: var(--text_silver);}
.card_tracking .active .ctLine > div{background: var(--bg_blue);}
.card_tracking .active .ctInfo > div:nth-child(2):before{background: var(--bg_blue);}

.card_notif{border-radius: 10px; box-shadow: 0px 0px 0px 1px var(--bg_line);}
.card_notif > div{padding: 15px 20px;}
.card_notif > div.new{background: var(--bg_silver);}
.card_notif > div > div:first-child{font-size: 15px; line-height: 25px;}
.card_notif > div > div:nth-child(2){margin-top: 3px; color: silver;}
.card_notif .cnLink{font-weight: bold;}

.card_notif_request{margin-top: 15px;}
.card_notif_request > div{padding: 15px 15px;}
.card_notif_request > div:not(:last-child){border-bottom: 1px solid var(--bg_silver);}
.card_notif_request > div.new{background: var(--bg_white);}
.card_notif_request > div > div:first-child{margin-bottom: 5px;}
.card_notif_request > div > div:first-child a{font-family: 'bold';}
.card_notif_request > div > div:last-child{display: table; width: 100%; table-layout: fixed;}
.card_notif_request > div > div:last-child > div{display: table-cell;}
.card_notif_request > div > div:last-child > div:first-child{font-size: 15px; padding-right: 15px; line-height: 25px; width: 200px;}
.card_notif_request > div > div:last-child > div:last-child{text-align: right; font-size: 11px; color: silver;}

.card_transfer{background: var(--bg_white);}
.card_transfer > div{padding: 15px 25px;}
.card_transfer > div:not(:last-child){border-bottom: 1px solid var(--bg_line);}
.card_transfer > div > div{display: table; width: 100%; table-layout: fixed;}
.card_transfer > div > div > div{display: table-cell; vertical-align: middle;}
.card_transfer > div > div > div:first-child > div{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.card_transfer > div > div > div:nth-child(2){width: 50px; padding-left: 15px;}
.card_transfer > div > div > div:nth-child(3){width: 150px; text-align: right;}

.card_monetize{background: var(--bg_white); border-radius: 10px; border: 1px solid var(--bg_line);}
.card_monetize > div{padding: 15px 20px;}
.card_monetize > div:not(:last-child){border-bottom: 1px solid var(--bg_line);}
.card_monetize > div > div:first-child{font-size: 13px;}
.card_monetize .cmInfo{display: grid; margin-top: 5px; grid-template-columns: 1fr 115px; grid-gap: 10px;}
.card_monetize .cmInfo > div{width: 100%;}
.card_monetize .cmInfo > div:first-child{font-size: 17px; font-weight: bold;}
.card_monetize .cmInfo > div:nth-child(2){text-align: right; font-size: 11px;}

.card_profit_periode.bordered{border: 1px solid var(--bg_line); border-radius: 10px;}
.card_profit_periode:not(.bordered) > div:not(:last-child){margin-bottom: 25px;}
.card_profit_periode.bordered > div{padding: 10px 15px;}
.card_profit_periode.bordered > div:not(:last-child){border-bottom: 1px solid var(--bg_line);}
.card_profit_periode .cppTitle{font-size: 15px; font-weight: bold; color: var(--text_silver);}
.card_profit_periode .cppInfo{white-space: nowrap; margin: 10px 0px;}
.card_profit_periode .cppInfo > div{display: inline-block; min-width: 120px;}
.card_profit_periode .cppInfo > div:not(:last-child){margin-right: 10px;}
.card_profit_periode .cppInfo .ciBox{display: grid; grid-gap: 10px; align-items: center; grid-template-columns: 15px 1fr; padding: 5px 10px; border-radius: 10px; background: var(--bg_silvercalm);}
.card_profit_periode .cppInfo .ciBox > div{width: 100%;}
.card_profit_periode .cppInfo .ciBox > div:first-child > div{width: 15px; height: 15px;}
.card_profit_periode .cppInfo .ciBox > div:nth-child(2) > div:first-child{font-weight: bold;}
.card_profit_periode .cppInfo .ciBox > div:nth-child(2) > div:nth-child(2){font-size: 11px; color: var(--text_silver);}
.card_profit_periode .cppItems{margin-top: 5px; border-radius: 10px; background: var(--bg_white); overflow: hidden; border: 1px solid var(--bg_line);}
.card_profit_periode .cppItems > div{display: grid; align-items: center; padding: 10px 15px; grid-template-columns: 1fr min-content; grid-gap: 10px;}
.card_profit_periode .cppItems > div:not(:last-child){border-bottom: 1px solid var(--bg_line);}
.card_profit_periode .cppItems > div > div{width: 100%;}
.card_profit_periode .cppItems .ciInfo{display: grid; grid-template-columns: 1fr 1fr; grid-gap: 15px;}
.card_profit_periode .cppItems .ciInfo > div{width: 100%;}
.card_profit_periode .cppItems .ciInfo .ciBox{width: 100px; padding: 10px; text-align: center; border-radius: 10px; border: 1px solid var(--bg_line);}
.card_profit_periode .cppItems .ciInfo .ciBox > div:first-child{font-weight: bold;}
.card_profit_periode .cppItems .ciInfo .ciBox > div:nth-child(2){font-size: 11px; color: var(--text_silver);}

.card_certificate{padding: 0px 20px 20px 20px;}
.card_certificate > a > div{padding: 5px 10px; border-radius: 5px; border: 1.5px solid var(--bg_blue); transition: var(--transition);}
.card_certificate > a:not(:last-child) > div{margin-bottom: 10px;}
.card_certificate > a:hover > div{background: var(--bg_silvercalm);}
.card_certificate > a > div > div:first-child{color: var(--text_black);}
.card_certificate > a > div > div:nth-child(2){font-weight: bold;}
.card_certificate > a > div > div:nth-child(3){font-size: 11px; color: var(--text_silver);}

.card_gallery_image{display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 10px;}
.card_gallery_image > div{width: 100%;}
.card_gallery_image .cgiBox{padding-bottom: 70%; cursor: pointer; background-color: var(--bg_silvercalm); transition: var(--transition); border-radius: 10px;}
.card_gallery_image .cgiBox:hover{box-shadow: inset 0px 0px 0px 1.5px var(--bg_blue);}

.card_voucher{border-radius: 10px; border: 1px solid var(--bg_line);}
.card_voucher > div{padding: 10px 15px;}
.card_voucher > div:not(:last-child){border-bottom: 1px solid var(--bg_line);}
.card_voucher .cvHead .chCode > div:first-child{font-size: 11px; color: var(--text_silver);}
.card_voucher .cvHead .chCode > div:nth-child(2){font-size: 15px; font-weight: bold;}
.card_voucher .cvInfo{display: grid; grid-template-columns: 1fr 1fr;}
.card_voucher .cvInfo > div{width: 100%;}
.card_voucher .cvInfo > div:last-child{text-align: right;}
.card_voucher .cvDate{font-size: 11px; color: var(--text_silver); margin-top: 10px; display: grid; grid-template-columns: 1fr min-content; align-items: center;}
.card_voucher .cvDate > div{width: 100%;}
.card_voucher .cvDate .cdStatus{padding: 3px 7px; border-radius: 10px; background: var(--bg_silver); white-space: nowrap;}
.card_voucher .cvDate .cdStatus.active{background: var(--bg_green); color: var(--text_white);}