.card_list_works{}
.card_list_works > a:not(:last-child) > div{border-bottom: 1px solid var(--bg_line);}
.card_list_works .clwItem{padding: 10px 0px; display: grid; grid-template-columns: 35px 1fr; grid-gap: 10px; box-sizing: border-box;}
.card_list_works .clwItem > div{width: 100%; color: var(--text_black);}
.card_list_works .clwItem > div:first-child > div{padding-bottom: 150%; background-color: var(--bg_silvercalm); border-radius: 5px;}
.card_list_works.books .clwItem > div:first-child > div{padding-bottom: 100%;}
.card_list_works .clwItem > div:nth-child(2) > div:first-child > span{padding: 2px 7px; color: var(--text_white); border-radius: 20px; font-size: 11px; font-weight: bold;}
.card_list_works .clwItem > div:nth-child(2) > div:nth-child(2){margin-top: 5px;}
.card_list_works .clwItem .ciInfo > div{display: grid; grid-template-columns: 40px 1fr; grid-gap: 10px;}
.card_list_works .clwItem .ciInfo > div > div{width: 100%;}

.card_content{box-shadow: -1px 1px 10px #e0e0e0; background: var(--bg_white); border-radius: 10px; overflow: hidden;}
.card_content > a > div{padding: 20px 20px 23px 20px; cursor: pointer; color: var(--text_basic);}
.card_content > a > div.mark{background: #a6ecc4;}
.card_content > a:not(:last-child) > div{border-bottom: 1px solid var(--bg_line);}
.card_content > a > div > div{display: table; width: 100%; table-layout: fixed;}
.card_content > a > div > div > div{display: table-cell; vertical-align: middle;}
.card_content > a > div > div > div:first-child{width: 40px; text-align: center;}
.card_content > a > div > div > div:nth-child(2){width: 40px;}
.card_content > a > div > div > div:nth-child(2) > div{padding-bottom: 150%; background-color: var(--bg_silver); border-radius: 3px;}
.card_content > a > div > div > div:last-child{padding-left: 15px;}
.card_content > a > div > div > div:last-child > div:first-child{font-size: 11px; margin-bottom: 10px;}
.card_content > a > div > div > div:last-child > div:first-child > span{padding: 3px 5px; border-radius: 3px; background: var(--bg_silver); font-size: 11px;}
.card_content > a > div > div > div:last-child > div:nth-child(2){font-size: 17px; font-family: 'bold';}
.card_content .cc_count{margin-top: 10px; white-space: nowrap;}
.card_content .cc_count > div{display: inline-block; padding: 5px 7px; background: var(--bg_silver); border-radius: 5px; text-align: center;}
.card_content .cc_count > div:not(:last-child){margin-right: 5px;}
.card_content .cc_count > div > div:first-child{margin-bottom: 2px; font-size: 11px;}
.card_content .cc_count > div > div:nth-child(2){font-family: 'bold';}

.card_list_colab{border-radius: 10px; border: 1px solid var(--bg_line);}
.card_list_colab > a:not(:last-child) > div{border-bottom: 1px solid var(--bg_line);}
.card_list_colab .clbItem{padding: 15px; color: var(--text_black);}
.card_list_colab .clbItem > div:first-child{font-weight: bold;}
.card_list_colab .clbItem > div:nth-child(2){margin-top: 5px; color: var(--text_silver);}

.card_list_reading{display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 15px;}
.card_list_reading > a{width: 100%;}
.card_list_reading .clrCover > div{padding-bottom: 70%; border-radius: 5px; background-color: var(--bg_silvercalm);}
.card_list_reading .clrInfo{margin-top: 5px;}
.card_list_reading .clrInfo > div:first-child{font-weight: bold;}
.card_list_reading .clrInfo > div:nth-child(2){color: var(--text_silver);}

.card_competition{display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 15px;}
.card_competition > div{width: 100%; padding: 15px 15px; cursor: pointer; box-sizing: border-box; border-radius: 10px; border: 1px solid var(--bg_line);}
.card_competition > div:not(.active){background: var(--bg_silvercalm);}
.card_competition > div > 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_competition > div:not(.active) > div:first-child > span{background: var(--bg_silver);}
.card_competition > div > div:nth-child(2){margin-top: 10px;}

.card_curator{border-radius: 10px; border: 1px solid var(--bg_line);}
.card_curator > div{padding: 15px;}
.card_curator > div:not(:last-child){border-bottom: 1px solid var(--bg_line);}
.card_curator .ccUser{display: grid; grid-template-columns: 40px 1fr; grid-gap: 15px; align-items: center;}
.card_curator .ccUser > div{width: 100%;}
.card_curator .ccUser > div:first-child > div{padding-bottom: 100%; border-radius: 5px; background-color: var(--bg_silvercalm);}
.card_curator .ccUser > div:nth-child(2){font-size: 15px; font-weight: bold;}
.card_curator .ccCount{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 15px; text-align: center;}
.card_curator .ccCount > div{width: 100%;}
.card_curator .ccCount > div > div:first-child{font-family: 'bold'; padding: 5px 0px;}
.card_curator .ccCount > div > div:nth-child(2){font-size: 17px; padding: 5px 0px;}
.card_curator .ccCount > div > div:nth-child(3){font-size: 11px;}

.card_curator_timeline{border-radius: 10px; border: 1px solid var(--bg_line);}
.card_curator_timeline > div{padding: 15px;}
.card_curator_timeline > div:not(:last-child){border-bottom: 1px solid var(--bg_line);}
.card_curator_timeline > div > div:first-child{}
.card_curator_timeline > div > div:nth-child(2){font-size: 11px; margin-top: 3px; color: var(--text_silver);}

.card_people{}
.card_people > div{padding: 20px 20px 22px 20px;}
.card_people > div:not(:last-child){border-bottom: 1px solid var(--bg_line);}
.card_people > div > div{display: table; width: 100%; table-layout: fixed;}
.card_people > div > div > div{display: table-cell; vertical-align: middle;}
.card_people > div > div > div:first-child{width: 50px;}
.card_people > div > div > div:first-child > div{height: 50px; background-color: var(--bg_silver); border-radius: 13px;}
.card_people > div > div > div:last-child{padding-left: 20px;}
.card_people .cp_users > div:first-child{margin-bottom: 5px;}
.card_people .cp_users > div:first-child > span:first-child{font-size: 20px; font-family: 'bold';}
.card_people .cp_users > div:first-child > span:last-child{font-size: 11px; color: var(--text_silver);}
.card_people .cp_publisher > div:first-child{margin-bottom: 5px;}
.card_people .cp_publisher > div:first-child > span:first-child{font-size: 20px; font-family: 'bold';}
.card_people .cp_publisher > div:first-child > span:last-child{font-size: 11px; color: var(--text_silver);}
.card_people .cp_curator > div:first-child{font-size: 20px; margin-bottom: 5px; font-family: 'bold';}
.card_people .cp_curator > div:nth-child(2){display: table; table-layout: fixed; width: 100%;}
.card_people .cp_curator > div:nth-child(2) > div{display: table-cell; vertical-align: top; text-align: center;}
.card_people .cp_curator > div:nth-child(2) > div:not(:last-child){border-right: 1px solid var(--bg_line);}
.card_people .cp_curator > div:nth-child(2) > div > div:first-child{font-family: 'bold'; padding: 5px 0px; border-bottom: 1px solid var(--bg_line);}
.card_people .cp_curator > div:nth-child(2) > div > div:nth-child(2){padding: 10px 0px; font-size: 17px;}
.card_people .cp_curator > div:nth-child(3){margin-top: 10px;}

.card_user{display: grid; grid-template-columns: 35px 1fr; grid-gap: 15px;}
.card_user > div{width: 100%;}
.card_user > div:first-child > div{width: 35px; height: 35px; border-radius: 50%; background-color: var(--bg_silvercalm);}
.card_user > div:nth-child(2) > div:first-child{font-weight: bold;}
.card_user > div:nth-child(2) > div:nth-child(2){font-size: 11px; color: var(--text_silver);}

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

.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_horizontal_work{white-space: nowrap; width: 100%;}
.card_horizontal_work > a{display: inline-block;}
.card_horizontal_work > a:not(:last-child) > div{margin-right: 10px;}
.card_horizontal_work .chwItem{width: 200px; padding: 10px 15px; border-radius: 10px; border: 1px solid var(--bg_line); display: grid; grid-template-columns: 40px 1fr; grid-gap: 10px;}
.card_horizontal_work .chwItem > div{width: 100%;}
.card_horizontal_work .chwItem > div:first-child > div{padding-bottom: 150%; background-color: var(--bg_silvercalm); border-radius: 5px;}
.card_horizontal_work .chwItem > div:nth-child(2) > div:first-child > span{padding: 2px 7px; border-radius: 3px; background: var(--bg_blue); color: var(--text_white); font-size: 11px; font-weight: bold;}
.card_horizontal_work .chwItem > div:nth-child(2) > div:nth-child(2){margin-top: 5px; color: var(--text_black); width: 100%; display: grid;}
.card_horizontal_work .chwItem > div:nth-child(2) > div:nth-child(3){margin-top: 3px; font-size: 11px; color: var(--text_silver);}

.card_chat > div:not(:last-child){border-bottom: 1px solid var(--bg_line);}
.card_chat .ccItem{padding: 10px 15px; 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 .ciauthor{color: var(--text_blue);}
.card_chat .ccItem .cicreator{color: var(--text_black);}
.card_chat .ccItem > div:nth-child(2) > div:nth-child(4){margin-top: 5px; font-size: 11px; color: var(--text_silver);}

.card_livechat{border: 1px solid var(--bg_line); border-radius: 10px;}
.card_livechat > div{padding: 10px 15px;}
.card_livechat > div:not(:last-child){border-bottom: 1px solid var(--bg_line);}
.card_livechat > div > div:first-child > div:first-child{font-weight: bold; margin-bottom: 3px;}
.card_livechat > div > div:first-child > div img{width: 75px; vertical-align: middle; margin: 5px;}
.card_livechat > div > div:nth-child(2){margin-top: 10px; white-space: nowrap;}
.card_livechat > div > div:nth-child(2) > div{padding: 3px 7px; vertical-align: top; border-radius: 5px; cursor: pointer; display: inline-block; font-size: 11px; font-weight: bold; border: 1px solid var(--bg_silver);}
.card_livechat > div > div:nth-child(2) > div.red{border: 1px solid var(--bg_red);}
.card_livechat > div > div:nth-child(2) > div:not(:last-child){margin-right: 5px;}

.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 .ccauthor > div:first-child{color: var(--text_green);}

.card_requestChange{margin: 10px;}
.card_requestChange > div:not(:last-child){margin-bottom: 15px;}
.card_requestChange > div > div:first-child{font-size: 15px; font-weight: bold; margin-bottom: 5px;}
.card_requestChange > div > div:nth-child(2){padding: 10px; background: var(--bg_silvercalm);}
.card_requestChange > div > div:nth-child(3){padding: 10px; background: var(--bg_greencalm);}
.card_requestChange > div > div:nth-child(4){margin-top: 5px; white-space: nowrap;}
.card_requestChange > div > div:nth-child(4) > div{padding: 3px 5px; display: inline-block; font-size: 11px; border-radius: 5px; color: var(--text_white); font-weight: bold;}
.card_requestChange > div > div:nth-child(4) > div:not(:last-child){margin-right: 5px;}
.card_requestChange .cqAccept{background: var(--bg_green);}
.card_requestChange .cqDecline{background: var(--bg_red);}
.card_requestChange .cqCover{width: 45px; display: inline-block;}
.card_requestChange .cqCover img{width: 100%;}

.card_users:not(.noborder){border-radius: 10px; border: 1px solid var(--bg_line);}
.card_users > div{padding: 10px 15px; display: grid; grid-template-columns: 50px 1fr; grid-gap: 15px; align-items: center;}
.card_users.noborder > div{padding: 10px 0px;}
.card_users > div:not(:last-child){border-bottom: 1px solid var(--bg_line);}
.card_users > div > div{width: 100%;}
.card_users .cuPhoto{padding-bottom: 100%; border-radius: 10px; background-color: var(--bg_silvercalm);}
.card_users .cuRealname{font-weight: bold; font-size: 15px;}
.card_users .cuUsername{color: var(--text_silver);}
.card_users .cuOpt{white-space: nowrap; margin-top: 7px;}
.card_users .cuOpt > div{display: inline-block; padding: 3px 10px; border-radius: 5px; cursor: pointer;}
.card_users .cuOpt > div:not(:last-child){margin-right: 10px;}

.card_text{border-radius: 10px; border: 1px solid var(--bg_line);}
.card_text > div{padding: 10px 15px;}
.card_text > div:not(:last-child){border-bottom: 1px solid var(--bg_line);}
.card_text .ctContent{}
.card_text .ctInfo{color: var(--text_silver);}
.card_text .ctOpt{white-space: nowrap; margin-top: 7px;}
.card_text .ctOpt > div{display: inline-block; padding: 3px 10px; border-radius: 5px;}
.card_text .ctOpt > div:not(:last-child){margin-right: 10px;}

.card_item_list{border-radius: 10px; border: 1px solid var(--bg_line);}
.card_item_list > div{padding: 10px 15px;}
.card_item_list > div:not(:last-child){border-bottom: 1px solid var(--bg_line);}
.card_item_list .cil_show{color: var(--text_blue);}
.card_item_list .cil_waiting{color: var(--text_orange);}
.card_item_list .cil_notshow{color: var(--text_silver);}
.card_item_list .cilImg img{width: 100px;}
.card_item_list .cilOpt{white-space: nowrap; margin-top: 7px;}
.card_item_list .cilOpt > div{display: inline-block; padding: 3px 10px; border-radius: 5px;}
.card_item_list .cilOpt > div:not(:last-child){margin-right: 5px;}

.card_discount_workshow{padding: 10px; border-radius: 10px; border: 1px solid var(--bg_line);}
.card_discount_workshow .cdwLabel{margin-bottom: 15px;}
.card_discount_workshow .cdwPrice > div{display: grid; grid-template-columns: 70px 1fr; grid-gap: 10px; align-items: center;}
.card_discount_workshow .cdwPrice > div:not(:last-child){margin-bottom: 5px;}
.card_discount_workshow .cdwPrice > div > div{width: 100%;}
.card_discount_workshow .cdwPrice > div > div:nth-child(2){font-weight: bold;}
.card_discount_workshow .cdwInfo{margin-top: 15px;}

.card_discount_info{display: grid; grid-template-columns: 1fr 1fr 1fr; padding: 10px 0px; box-sizing: border-box; border-radius: 10%; border: 1px solid var(--bg_line); margin-top: 10px;}
.card_discount_info > div{width: 100%; text-align: center;}
.card_discount_info > div > div:first-child{font-size: 11px; color: var(--text_silver);}
.card_discount_info > div > div:nth-child(2){font-weight: bold; margin-top: 3px;}

.card_list_discount_template{border-radius: 10px; border: 1px solid var(--bg_line);}
.card_list_discount_template > div{padding: 10px 15px;}
.card_list_discount_template > div:not(:last-child){border-bottom: 1px solid var(--bg_line);}
.card_list_discount_template > div > div:first-child{font-weight: bold; margin-bottom: 5px;}
.card_list_discount_template .cldtInfo{white-space: nowrap;}
.card_list_discount_template .cldtInfo > div{display: inline-block; padding: 3px 7px; font-size: 11px; background: var(--bg_silvercalm); border-radius: 10px;}
.card_list_discount_template .cldtInfo > div:not(:last-child){margin-right: 5px;}
.card_list_discount_template .cldtInfo > div.publish{background: var(--bg_blue); color: var(--text_white);}
.card_list_discount_template .cldtInfo > div.draft{background: var(--bg_orange);}
.card_list_discount_template .cldtInfo > div.isused{background: var(--bg_green); color: var(--text_white);}
.card_list_discount_template .cldtDetail{display: grid; margin: 10px 0px; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 10px; text-align: center;}
.card_list_discount_template .cldtDetail > div{width: 100%;}
.card_list_discount_template .cldtDetail > div > div:first-child{font-size: 11px; color: var(--text_silver);}
.card_list_discount_template .cldtDetail > div > div:nth-child(2){font-weight: bold; margin-top: 3px;}

.card_contact{border-radius: 10px; border: 1px solid var(--bg_line);}
.card_contact > div{padding: 10px; display: grid; grid-template-columns: 15px 1fr; grid-gap: 10px; align-items: center;}
.card_contact > div:not(:last-child){border-bottom: 1px solid var(--bg_line);}
.card_contact > div > div{width: 100%;}
.card_contact > div > div:first-child > div{width: 15px; height: 15px;}

.card_popup_list_word_banned > div{padding: 5px 10px; border-radius: 5px; border: 1px solid var(--bg_line);}
.card_popup_list_word_banned > div.suspect{border: 1px solid var(--bg_red);}
.card_popup_list_word_banned > div:not(:last-child){margin-bottom: 5px;}
.card_popup_list_word_banned .cplwbHead{display: grid; grid-template-columns: 1fr 50px; align-items: center;}
.card_popup_list_word_banned .cplwbHead > div{width: 100%;}
.card_popup_list_word_banned .cplwbHead > div:first-child > div:first-child{font-weight: bold;}
.card_popup_list_word_banned .cplwbHead > div:first-child > div:nth-child(2){font-size: 11px; color: var(--text_silver);}
.card_popup_list_word_banned .cplwbHead > div:nth-child(2){text-align: right;}
.card_popup_list_word_banned .cplwbItems > div{padding: 5px 0px 5px 15px; display: grid; grid-template-columns: 1fr 1fr; grid-gap: 10px; align-items: center; box-sizing: border-box;}
.card_popup_list_word_banned .cplwbItems > div > div{width: 100%;}
.card_popup_list_word_banned .cplwbItems > div > div:nth-child(2){text-align: right;}

.card_popup_workfilm .cpwfHead{padding: 10px 15px; background: var(--bg_silvercalm); display: grid; grid-template-columns: 20px 1fr; align-items: center; grid-gap: 10px;}
.card_popup_workfilm .cpwfHead > div{width: 100%; font-weight: bold;}
.card_popup_workfilm .cpwfHead > div:first-child > div{padding-bottom: 150%; border-radius: 3px; background-color: var(--bg_silver);}
.card_popup_workfilm .cpwfInfo{padding: 10px 15px;}
.card_popup_workfilm .cpwfInfo > div{display: grid; grid-template-columns: 100px 1fr; grid-gap: 10px;}
.card_popup_workfilm .cpwfInfo > div:not(:last-child){margin-bottom: 10px;}
.card_popup_workfilm .cpwfInfo > div > div{width: 100%;}
.card_popup_workfilm .cpwfInfo > div > div:first-child{color: var(--text_silver);}

.card_invoice{border: 1px solid var(--bg_line); border-radius: 10px;}
.card_invoice > div{padding: 10px 15px; cursor: pointer; position: relative;}
.card_invoice > div:not(:last-child){border-bottom: 1px solid var(--bg_line);}
.card_invoice .ciHead{display: grid; grid-template-columns: 1fr 135px; align-items: center;}
.card_invoice .ciHead > div{width: 100%;}
.card_invoice .ciHead > div:first-child{font-weight: bold; transition: var(--transition);}
.card_invoice > div:hover .ciHead > div:first-child{color: var(--text_blue);}
.card_invoice .ciHead > div:nth-child(2){text-align: right;}
.card_invoice .ciHead > div:nth-child(2) > span{padding: 3px 7px; border-radius: 10px; font-size: 11px; font-weight: bold;}
.card_invoice .ciHead > div:nth-child(2) > span.success{background: var(--bg_green); color: var(--text_white);}
.card_invoice .ciHead > div:nth-child(2) > span.waiting{background: var(--bg_orange); color: var(--text_white);}
.card_invoice .ciHead > div:nth-child(2) > span.failed{background: var(--bg_red); color: var(--text_white);}
.card_invoice .ciContent{margin-top: 3px; color: var(--text_silver);}
.card_invoice .ciIcon{position: absolute; bottom: 10px; right: 20px; width: 15px; height: 15px;}

.card_payment_items{border-radius: 10px; border: 1px solid var(--bg_line);}
.card_payment_items > div{padding: 15px 10px;}
.card_payment_items > div:not(:last-child){border-bottom: 1px solid var(--bg_line);}
.card_payment_items > div > div:first-child{font-weight: bold;}
.card_payment_items .cpiDetail{margin-top: 5px;}
.card_payment_items .cpiDetail > div{padding-left: 15px; position: relative;}
.card_payment_items .cpiDetail > div:before{content: ''; position: absolute; left: 0px; width: 1.5px; height: 100%; background: var(--bg_silver); top: 0px;}
.card_payment_items .cpiDetail > div:not(:last-child){margin-bottom: 15px;}
.card_payment_items .cpiDetail > div > div:first-child > span{padding: 3px 7px; border-radius: 3px; background: var(--bg_silvercalm); font-size: 11px;}
.card_payment_items .cpiDetail > div > div:nth-child(2){margin-top: 5px; display: grid; grid-template-columns: 1fr 20px; align-items: center;}
.card_payment_items .cpiDetail > div > div:nth-child(2) > div{width: 100%;}
.card_payment_items .cpiDetail > div > div:nth-child(2) > div:nth-child(2){text-align: right;}
.card_payment_items .cpiDetail .cdInfo{margin-top: 7px; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 10px;}
.card_payment_items .cpiDetail .cdInfo > div{width: 100%; font-size: 11px; padding: 5px 0px; text-align: center; border: 1px solid var(--bg_line); border-radius: 5px;}
.card_payment_items .cpiDetail .cdInfo > div > div:first-child{color: var(--text_silver); margin-bottom: 2px;}
.card_payment_items .cpiDetail .cdInfo > div > div:nth-child(2){font-weight: bold;}

.card_notif{border: 1px solid var(--bg_line); border-radius: 10px;}
.card_notif > div{padding: 10px 15px;}
.card_notif > div:not(:last-child){border-bottom: 1px solid var(--bg_line);}
.card_notif .cnContent{margin-bottom: 10px;}
.card_notif .cnContent > div:first-child{font-weight: bold; margin-bottom: 5px;}

.card_push{border: 1px solid var(--bg_line); border-radius: 10px;}
.card_push > div{padding: 10px 15px;}
.card_push > div:not(:last-child){border-bottom: 1px solid var(--bg_line);}
.card_push .cpBox{display: grid; grid-template-columns: 50px 1fr; grid-gap: 10px;}
.card_push .cpBox > div{width: 100%;}
.card_push .cpBox > div:first-child > div{padding-bottom: 100%; border-radius: 5px; background-color: var(--bg_silvercalm);}
.card_push .cpBox .cbTitle{font-weight: bold; margin-bottom: 3px;}
.card_push .cpBox .cbDate{color: var(--text_silver);}
.card_push .cpBox .cbInfo{margin: 10px 0px;}
.card_push .cpBox .cbContent{margin-bottom: 10px; padding: 10px; background: var(--bg_silvercalm); border-radius: 5px;}
.card_push .cpBox .cbContent > div:first-child{font-weight: bold;}

.card_voucher{border-radius: 10px; border: 1px solid var(--bg_line); overflow: hidden;}
.card_voucher .cvItem{padding: 15px 10px; color: var(--text_black); transition: var(--transition);}
.card_voucher .cvItem.expired{background: var(--bg_redcalm);}
.card_voucher > a:hover > div{background: var(--bg_hover);}
.card_voucher > a:not(:last-child) > div{border-bottom: 1px solid var(--bg_line);}
.card_voucher .cvHead{white-space: nowrap; margin-bottom: 5px; align-items: center;}
.card_voucher .cvHead > div{display: inline-block;}
.card_voucher .cvHead > div:first-child{font-weight: bold;}
.card_voucher .cvHead > div:nth-child(2){float: right;}
.card_voucher .cvBody > div:first-child{white-space: nowrap; margin: 5px 0px;}
.card_voucher .cvBody > div:first-child > div{display: inline-block; border-radius: 25px; padding: 3px 7px; font-size: 11px; font-weight: bold; background: var(--bg_black); color: var(--text_white);}
.card_voucher .cvBody > div:first-child > div.freeread{background: var(--bg_purple);}
.card_voucher .cvBody > div:first-child > div.workpurchased{background: var(--bg_blue);}
.card_voucher .cvBody > div:nth-child(3){white-space: nowrap; margin-top: 5px;}
.card_voucher .cvBody > div:nth-child(3) > div{display: inline-block; width: 110px; background: var(--bg_white); text-align: center; border-radius: 5px; overflow: hidden; border: 1px solid var(--bg_silver);}
.card_voucher .cvBody > div:nth-child(3) > div.notShow{background: var(--bg_redcalm);}
.card_voucher .cvBody > div:nth-child(3) > div:not(:last-child){margin-right: 10px;}
.card_voucher .cvBody > div:nth-child(3) > div > div:first-child{padding: 5px 0px; font-weight: bold; font-size: 11px; background: var(--bg_silvercalm);}
.card_voucher .cvBody > div:nth-child(3) > div > div:nth-child(2){padding: 7px 0px;}
.card_voucher .cvBody > div:nth-child(4){font-size: 15px; font-weight: bold; margin-top: 5px; color: var(--text_blue);}