.card_stories{margin-top: 15px;}
.card_stories > div{margin-bottom: 15px;}
.card_stories > div > div{width: 100%;}
.card_stories .csItem{padding: 10px 15px; box-sizing: border-box; border: 1px solid var(--bg_line); border-radius: 15px;}
.card_stories .csItem .ciInfo{margin-bottom: 10px;}
.card_stories .csItem .ciInfo > div{display: inline-block;}
.card_stories .csItem .ciInfo .ciShow{display: grid; grid-template-columns: 15px 1fr; align-items: center; width: min-content; white-space: nowrap; background: var(--bg_bluesoft); border-radius: 20px; padding: 5px 10px; font-size: 11px; grid-gap: 7px; font-weight: bold; color: var(--text_blue);}
.card_stories .csItem .ciInfo .ciShow > div:first-child > div{width: 15px; height: 15px;}
.card_stories .csItem .ciBody .cbTitle{font-size: 17px; font-weight: bold;}
.card_stories .csItem .ciBody .cbContent{padding: 5px 0px; min-height: 70px;}
.card_stories .csItem .ciBody .cbChronology{margin-top: 15px; padding-top: 15px; border-top: 1px solid var(--bg_blue);}
.card_stories .csItem .ciBody .cbChronology > div:first-child{padding: 5px 0px 5px 17px; position: relative; font-size: 17px; color: var(--text_blue); margin-bottom: 15px; font-family: 'title'; background: var(--bg_bluesoft);}
.card_stories .csItem .ciBody .cbChronology > div:first-child:before{content: ''; position: absolute; top: 0px; left: 0px; width: 3px; height: 100%; background: var(--bg_blue);}
.card_stories .csItem .ciBody .cbChronology > div:nth-child(2){font-family: 'content'; font-size: 17px;}
.card_stories .csItem .ciBody .cbMore{font-weight: bold;}
.card_stories .csItem .ciBottom{display: grid; grid-template-columns: 1fr 25px 25px; grid-gap: 10px; align-items: center; margin-top: 15px;}
.card_stories .csItem .ciBottom.cb2{grid-template-columns: 1fr 25px;}
.card_stories .csItem .ciBottom > div{width: 100%;}
.card_stories .csItem .ciBottom .cbName > div{display: inline-block;}
.card_stories .csItem .ciBottom .cbAdd{width: 25px; height: 25px; background: var(--bg_silvercalm); border-radius: 50%; cursor: pointer;}
.card_stories .csItem .ciBottom .cbAdd > div{width: 13px; height: 13px; position: relative; top: 5.5px;}
.card_stories .csItem .ciBottom .cbBtn{width: 25px; height: 25px; background: var(--bg_silvercalm); border-radius: 50%; cursor: pointer;}
.card_stories .csItem .ciBottom .cbBtn > div{width: 13px; height: 13px; position: relative; top: 5.5px;}

.card_comment > div{padding: 15px 0px;}
.card_comment > div:not(:last-child){border-bottom: 1px solid var(--bg_line);}
.card_comment .ccItem .ciHead{font-weight: bold;}
.card_comment .ccItem .ciHead .chLabel{font-size: 8px; padding: 3px 5px; border-radius: 10px; margin-left: 10px; position: relative; top: -3px;}
.card_comment .ccItem .ciHead .chLabel.cl1{background: var(--bg_orange); color: var(--text_white);}
.card_comment .ccItem .ciContent{margin-top: 5px;}

.card_list_message{}
.card_list_message .clmBox{padding: 15px; color: var(--text_black); display: grid; grid-template-columns: 35px 1fr; grid-gap: 15px; align-items: center; box-sizing: border-box;}
.card_list_message > a:not(:last-child) > div{border-bottom: 1px solid var(--bg_line);}
.card_list_message .clmBox > div{width: 100%;}
.card_list_message .clmBox .cbPhoto > div{width: 35px; height: 35px; border-radius: 50%; background-color: var(--bg_silvercalm);}
.card_list_message .clmBox .cbContent > div{display: grid; width: 100%;}
.card_list_message .clmBox .cbContent > div:nth-child(2){color: var(--text_silver); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.card_list_message .clmBox .cbContent > div:nth-child(2) > div:first-child{max-height: 45px;}
.card_list_message .clmBox .cbContent .ccTime{margin-top: 3px; font-size: 11px; width: 100%; white-space: nowrap;}
.card_list_message .clmBox .cbContent .ccTime > div{display: inline-block; vertical-align: middle;}
.card_list_message .clmBox .cbContent .ccTime > div:not(:last-child){margin-right: 10px;}
.card_list_message .clmBox .cbContent .ccTime .icon{width: 15px; height: 15px;}
.card_list_message .clmBox.unread .cbContent > div:nth-child(2) > div:nth-child(2){color: var(--text_blue);}
.card_list_message .clmBox .cbContent .ccTitle{display: grid; width: 100%; grid-template-columns: 1fr 15px; grid-gap: 15px; align-items: center;}
.card_list_message .clmBox .cbContent .ccTitle > div{width: 100%;}
.card_list_message .clmBox .cbContent .ccTitle > div:first-child{font-weight: bold;}
.card_list_message .clmBox .cbContent .ccTitle > div:nth-child(2) > div{width: 15px; height: 15px; background: var(--bg_blue); border-radius: 50%;}

.card_notif{border: 1px solid var(--bg_line); border-radius: 10px; overflow: hidden;}
.card_notif > div{padding: 10px 15px;}
.card_notif > div.unread{background: var(--bg_silversoft);}
.card_notif > div:not(:last-child){border-bottom: 1px solid var(--bg_line);}
.card_notif > div > div:nth-child(2){font-size: 11px; color: var(--text_silver);}