.status_area > div:first-child{margin-top: 0px;}
.status_area > div{margin-top: 15px;}
.card_status .cs_info{padding: 8px 14px; border-bottom: 1px solid var(--bg_line); color: var(--text_silver);}
.card_status .cs_info a{font-family: 'bold';}
.card_status .cs_head{padding: 10px;}
.card_status .cs_head > div{display: table; table-layout: fixed; width: 100%;}
.card_status .cs_head > div > div{display: table-cell; vertical-align: middle;}
.card_status .cs_head > div > div:first-child{width: 40px;}
.card_status .cs_head > div > div:first-child div{height: 40px;}
.card_status .cs_head > div > div:nth-child(2){padding-left: 10px; color: var(--text_silver);}
.card_status .cs_head > div > div:nth-child(2) > div:first-child > a{color: var(--text_black); font-family: 'bold';}
.card_status .cs_head > div > div:nth-child(2) > div:nth-child(2){font-size: 11px;}
.card_status .cs_head > div > div:nth-child(2) > div:nth-child(2) a{color: var(--text_silver);}
.card_status .cs_head > div > div:nth-child(3){width: 25px; vertical-align: top;}
.card_status .cs_head > div > div:nth-child(3) > span > div:first-child{width: 15px; height: 15px; margin-top: 4px; cursor: pointer;}
.card_status .cs_body{min-height: 0px;}
.card_status .cs_body .cs_content{padding: 0px 20px; position: relative;}
.card_status .cs_body .cs_content img{width: 20px; height: 20px; margin: 0px !important; display: inline !important;}
.card_status .cs_body .cs_content.csc_more{max-height: 140px; overflow: hidden;}
.card_status .cs_body .cs_content.csc_more span{position: absolute; bottom: 0px; right: 0px;}
.card_status .cs_body .cs_content.csc_more span > div{padding: 3px 10px; background: var(--bg_white); padding: 7px 20px 7px 40px; color: var(--text_silver); font-size: 14px;}
.card_status .cs_body .cs_content.csc_more span > div > div{cursor: pointer;}
.card_status .cs_body .cs_content.csc_more span > div > div:hover{color: var(--text_blue);}
.card_status .cs_body .cs_content:not(.csc_more) span{display: none;}
.cs_options{height: 35px; padding: 15px;}
.cs_options .co_vote{width: 130px; height: 35px; border-radius: 5px; float: left;}
.cs_options .co_vote > div{height: 35px; float: left;}
.cs_options .co_vote > div:first-child{width: 60px;}
.cs_options .co_vote > div:first-child > div{margin-top: 9px; text-align: center;}
.cs_options .co_vote > div:first-child > span{display: none;}
.cs_options .co_vote > div:nth-child(1n+2){width: 35px; cursor: pointer;}
.cs_options .co_vote > div:nth-child(1n+2) > div{width: 20px; height: 20px; margin-top: 7px; position: relative;}
.cs_options .co_btn{display: inline-block; padding: 8px 0px; margin-left: 15px; cursor: pointer;}
.cs_options .co_btn > div{display: table; table-layout: fixed; color: var(--text_silver);}
.cs_options .co_btn > div > div{display: table-cell; vertical-align: middle;}
.cs_options .co_btn > div > div:first-child{width: 20px;}
.cs_options .co_btn > div > div:first-child > div{height: 20px; position: relative;}
.cs_options .co_btn > div > div:first-child > div > div{padding: 2px 4px 2px 4px; color: var(--text_white); background: var(--bg_silver); position: absolute; font-size: 9px; border-radius: 5px; top: -10px; right: -5px;}
.cs_options .co_btn > div > div:nth-child(2){padding-left: 10px;}
.cs_options .co_via{width: 15px; height: 15px; margin-top: 10px; float: right; position: relative;}
.cs_options .co_more{width: 20px; height: 20px; cursor: pointer; margin-top: 10px; float: right; position: relative;}
.card_status .cs_input{height: 30px; padding: 15px;}
.card_status .cs_input > div:first-child{width: 30px; height: 30px; margin-right: 15px; float: left;}
.card_status .cs_input > div:last-child{width: 473px; min-height: 28px; border: 1px solid #DFDFE4; background: var(--bg_white); float: right;}
.card_status .cs_input .csi_emot{width: 25px; height: 25px; margin-top: 1px; margin-right: 5px;}

.card_timeline_suggest > div:first-child{font-size: 20px; font-family: 'bold';}
.card_timeline_suggest > div:nth-child(2){margin-top: 10px;}
.card_timeline_suggest > div:nth-child(2) > div{white-space: nowrap;}
.card_timeline_suggest > div:nth-child(2) > div > a > div{display: inline-block; vertical-align:top;}
.card_timeline_suggest > div:nth-child(2) > div.novel > a > div{width: 125px; height: 188px; border-radius: 5px; background-color: var(--bg_silvercalm);}
.card_timeline_suggest > div:nth-child(2) > div.comic > a > div{width: 125px;}
.card_timeline_suggest > div:nth-child(2) > div.comic > a > div > div:first-child{width: 125px; height: 125px; border-radius: 10px; background-color: var(--bg_silvercalm);}
.card_timeline_suggest > div:nth-child(2) > div.comic > a > div > div:nth-child(2){margin-top: 5px; color: var(--text_black); font-size: 15px; font-family: 'bold'; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.card_timeline_suggest > div:nth-child(2) > div.article > a > div{width: 125px;}
.card_timeline_suggest > div:nth-child(2) > div.article > a > div > div:first-child{height: 80px; border-radius: 5px; background-color: var(--bg_silvercalm);}
.card_timeline_suggest > div:nth-child(2) > div.article > a > div > div:nth-child(2){margin-top: 5px; color: var(--text_black); font-family: 'bold'; white-space: normal;}
.card_timeline_suggest > div:nth-child(2) > div > a:not(:last-child) > div{margin-right: 15px;}

.card_timeline_work{}
.card_timeline_work .ctw_info{padding: 8px 14px; border-bottom: 1px solid var(--bg_line); color: var(--text_silver);}
.card_timeline_work .ctw_info a{font-family: 'bold';}
.card_timeline_work .ctw_content > a > div{padding: 8px 14px; color: var(--text_black);}
.card_timeline_work .ctw_content > a > div > div{display: table; table-layout: fixed; width: 100%;}
.card_timeline_work .ctw_content > a > div > div > div{display: table-cell; vertical-align: top;}
.card_timeline_work .ctw_content.novel > a > div > div > div:first-child{width: 70px;}
.card_timeline_work .ctw_content.novel > a > div > div > div:first-child > div{padding-bottom: 150%; background-color: var(--bg_silvercalm); border-radius: 5px;}
.card_timeline_work .ctw_content.comic > a > div > div > div:first-child{width: 90px;}
.card_timeline_work .ctw_content.comic > a > div > div > div:first-child > div{padding-bottom: 100%; background-color: var(--bg_silvercalm); border-radius: 5px;}
.card_timeline_work .ctw_content > a > div > div > div:nth-child(2){padding-left: 15px;}
.card_timeline_work .ctw_content > a > div > div > div:nth-child(2) > div:first-child{font-size: 17px; font-family: 'bold';}
.card_timeline_work .ctw_content > a > div:hover > div > div:nth-child(2) > div:first-child{color: var(--text_blue);}
.card_timeline_work .ctw_content > a > div > div > div:nth-child(2) > div:nth-child(2){margin-top: 5px; color: var(--text_silver);}
.card_timeline_work .ctw_content > a > div > div > div:nth-child(2) > div:nth-child(3){margin-top: 15px; white-space: nowrap;}
.card_timeline_work .ctw_content > a > div > div > div:nth-child(2) > div:nth-child(3) > div{display: inline-block; margin-right: 10px; background: var(--bg_silvercalm); padding: 3px 7px; font-size: 11px; border-radius: 3px;}

.card_comment{}
.card_comment > div{display: table; padding: 10px 0px; table-layout: fixed; width: 100%;}
.card_comment > div > div{display: table-cell; vertical-align: top;}
.card_comment .cc_photo{width: 55px;}
.card_comment .cc_photo > a > div{height: 40px; width: 40px; display: inline-block; border-radius: 50%; background-color: var(--bg_silvercalm);}
.card_comment .cc_body{padding-bottom: 20px; border-bottom: 1px solid var(--bg_line);}
.card_comment .cc_body > div:first-child > a{font-family: 'bold';}
.card_comment .cc_body > div:nth-child(2){margin-top: 10px; font-size: 15px;}
.card_comment .cc_body > div:nth-child(3){margin-top: 13px; color: var(--text_silver); display: inline-block; width: 100%;}
.card_comment .cc_body > div:nth-child(3) > div{display: table; float: left;}
.card_comment .cc_body > div:nth-child(3) > div > div{display: table-cell; font-family: 'bold'; vertical-align: middle; padding-right: 20px;}
.card_comment .cc_body > div:nth-child(3) > div > div > div{float: left; width: 15px; height: 15px; margin-right: 7px; position: relative; top: 2px;}

.card_comment_content{padding: 5px 20px 15px 20px;}
.card_comment_content > div{padding: 7.5px 0px;}
.card_comment_content .ccc_content{display: table; table-layout: fixed; width: 100%;}
.card_comment_content .ccc_content > div{display: table-cell; vertical-align: top;}
.card_comment_content .ccc_content > div:first-child{width: 40px;}
.card_comment_content .ccc_content > div:first-child > a > div{height: 40px; border-radius: 40px; background-color: var(--bg_silvercalm);}
.card_comment_content .ccc_content > div:last-child{padding: 0px 0px 15px 15px; min-height: 60px; border-bottom: 1px solid var(--bg_line);}
.card_comment_content .ccc_content > div:last-child > div:first-child{display: inline-block; width: 100%;}
.card_comment_content .ccc_content > div:last-child > div:first-child > a{float: left; font-family: 'bold';}
.card_comment_content .ccc_content > div:last-child > div:first-child > span{float: right; font-size: 11px; margin-top: 1px; color: var(--text_silver);}
.card_comment_content .ccc_content > div:last-child > div:nth-child(2){font-size: 15px;}
.card_comment_content .ccc_content > div:last-child > div:nth-child(3){margin-top: 15px; display: inline-block; width: 100%;}
.card_comment_content .ccc_content > div:last-child > div:nth-child(3) > div{display: table; float: left;}
.card_comment_content .ccc_content > div:last-child > div:nth-child(3) > div > div{display: table-cell; cursor: 'pointer'; font-family: 'bold'; vertical-align: middle; padding-right: 10px;}
.card_comment_content .ccc_content > div:last-child > div:nth-child(3) > div > div > div{float: left; width: 15px; height: 15px;}
.card_comment_content .ccc_content > div:last-child > div:nth-child(3) > div > div > span{float: right; margin-left: 5px;}

.card_topusers{list-style-type: none; overflow: hidden; border-radius: 5px; position: relative;}
.card_topusers > a > li{padding: 10px 15px;}
.card_topusers > a:nth-child(1) > li{background: #e6e6e6;}
.card_topusers > a:nth-child(2) > li{background: #f1f1f1;}
.card_topusers > a:nth-child(3) > li{background: #f9f9f9;}
.card_topusers > a > li > div{display: table; width: 100%; table-layout: fixed; color: var(--text_black);}
.card_topusers > a > li > div > div{display: table-cell; vertical-align: middle;}
.card_topusers > a > li > div > div:nth-child(1){width: 30px; text-align: center; font-size: 20px;}
.card_topusers > a > li > div > div:nth-child(2){width: 40px; padding-left: 10px;}
.card_topusers > a > li > div > div:nth-child(2) > div{width: 40px; height: 40px; border-radius: 50%;}
.card_topusers > a > li > div > div:nth-child(3){padding-left: 15px;}
.card_topusers > a > li > div > div:nth-child(3) > div{font-family: 'bold'; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.card_work .grid-item{width: 171px; margin-bottom: 15px;}
.card_work .grid-item a{color: var(--text_black);}
.card_work .grid-item > div > div:first-child{}
.card_work .grid-item > div > div:first-child > a > div{background-color: var(--bg_silvercalm); border-radius: 7px;}
.card_work .grid-item.comic > div > div:first-child > a > div{padding-bottom: 100%;}
.card_work .grid-item.novel > div > div:first-child > a > div{padding-bottom: 150%;}
.card_work .grid-item > div > div:nth-child(2){padding-top: 5px; padding-bottom: 7px; text-align: center;}
.card_work .grid-item > div > div:nth-child(2) > div:first-child{height: 0px; position: relative;}
.card_work .grid-item > div > div:nth-child(2) > div:first-child > span{padding: 2px 8px; top: -40px; right: 15px; position: absolute; border-radius: 3px; color: var(--text_white);}
.card_work .grid-item.novel > div > div:nth-child(2) > div:first-child > span{background: var(--bg_green);}
.card_work .grid-item.comic > div > div:nth-child(2) > div:first-child > span{background: var(--bg_red);}
.card_work .grid-item > div > div:nth-child(2) > div:nth-child(2){font-size: 17px; font-family: 'bold';}
.card_work .grid-item > div > div:nth-child(2) > div:nth-child(3){font-size: 11px;}
.card_work .grid-item > div > div:nth-child(2) > div:nth-child(4){margin-top: 3px;}

.card_notif_list{}
.card_notif{padding: 15px;}
.card_notif.cn_new{background: #f7f7f7;}
.card_notif:not(:last-child){border-bottom: 1px solid var(--bg_line);}
.card_notif > div{display: table; table-layout: fixed; width: 100%;}
.card_notif > div > div{display: table-row;}
.card_notif > div > div > div{display: table-cell; vertical-align: top;}
.card_notif > div > div > div:nth-child(1){width: 35px;}
.card_notif > div > div > div:nth-child(2){padding-left: 15px;}
.card_notif > div > div > div:nth-child(2) a{font-family: 'bold';}
.card_notif > div > div > div:nth-child(3){width: 30px;}
.card_notif .cn_photo{width: 35px; height: 35px; border-radius: 50%;}
.card_notif .cn_icon{width: 15px; height: 15px;}

.card_notifdd{list-style-type: none;}
.card_notifdd > li{padding: 13px 20px; border-bottom: 1px solid #f6f6f6; background: var(--bg_white); color: var(--text_silver);}
.card_notifdd > li.unread{background: #f7f7f7;}
.card_notifdd > li > div{display: table; width: 100%; table-layout: fixed;}
.card_notifdd > li > div > div{display: table-cell;}
.card_notifdd > li > div > div:first-child{width: 25px; height: 25px; vertical-align: top;}
.card_notifdd > li > div > div:last-child{padding-left: 10px; vertical-align: middle;}
.card_notifdd .cn_photo{width: 25px; height: 25px; border-radius: 50%;}

.card_people_list{display: inline-block;width: 100%;}
.card_people_list > div:nth-child(3n+1){margin-left: 0px;}
.card_people_list > div:nth-child(3n){margin-right: 0px;}
.card_people{width: 171px; height: 210px; margin: 0px 7.5px 15px 7.5px; float: left;}
.card_people .cp_head{height: 80px; background-size: cover; background-position: center;}
.card_people .cp_head > div{width: 80px; height: 80px; border-radius: 50%; position: relative; top: 40px; box-shadow: 0px 0px 0px 4px white;}
.card_people .cp_body{margin-top: 50px;}

.card_users{padding: 15px;}
.card_users > div{display: table; table-layout: fixed; width: 100%;}
.card_users > div > div{display: table-cell; vertical-align: middle;}
.card_users > div > div:first-child{width: 40px;}
.card_users > div > div:nth-child(2){padding: 0px 10px;}
.card_users > div > div:last-child{width: 150px; text-align: right;}
.card_users .cu_photo{width: 40px; height: 40px; border-radius: 50%;}

.card_article{display: inline-block; width: 100%;}
.card_article > a > div{width: 265px; height: 165px; float: left;}
.card_article > a:nth-child(odd) > div{margin-right: 15px;}
.card_article > a:not(:nth-child(-n+2)) > div{margin-top: 15px;}
.card_article > a > div > div:first-child{height: 130px; background-color: var(--bg_silver); border-radius: 7px;}
.card_article > a > div > div:last-child{margin-top: 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-family: 'bold'; font-size: 15px; color: var(--text_black);}

.card_media{display: inline-block; width: 100%;}
.card_media > a > div{width: 265px; height: 200px; background-color: var(--bg_silver); position: relative; border-radius: 10px; float: left;}
.card_media > a:nth-child(odd) > div{margin-right: 15px;}
.card_media > a:not(:nth-child(-n+2)) > div{margin-top: 15px;}
.card_media > a > div > div{position: absolute; top: 10px; left: 10px; border-radius: 5px; color: var(--text_black); padding: 5px 7px; background: var(--bg_white);}

.card_list_timeline{list-style-type: none;}
.card_list_timeline > li{background: var(--bg_white);}
.card_list_timeline > li:not(:last-child){margin-bottom: 15px;}
.card_list_timeline > li > div:first-child{padding: 10px 15px;}
.card_list_timeline > li > div:first-child > div{display: table; table-layout: fixed; width: 100%;}
.card_list_timeline > li > div:first-child > div > div{display: table-cell; vertical-align: middle;}
.card_list_timeline > li > div:first-child > div > div:first-child{width: 30px;}
.card_list_timeline > li > div:first-child > div > div:first-child > div{height: 30px; background-color: var(--bg_silvercalm); border-radius: 50%;}
.card_list_timeline > li > div:first-child > div > div:last-child{padding-left: 15px;}
.card_list_timeline > li > div:first-child > div > div:last-child > h2{font-size: 15px;}
.card_list_timeline > li > div:first-child > div > div:last-child > div{color: var(--text_silver);}
.card_list_timeline .clt_content{padding: 5px 20px 15px 20px; font-size: 17px;}
.card_list_timeline .clt_option{padding: 10px 20px 15px 20px; border-top: 1px solid var(--bg_line);}

.card_list_people > a > div{padding: 15px;}
.card_list_people > a > div > div{display: table; table-layout: fixed; width: 100%;}
.card_list_people > a > div > div > div{display: table-cell; vertical-align: middle;}
.card_list_people > a > div > div > div:first-child{width: 50px;}
.card_list_people > a > div > div > div:first-child > div{height: 50px; background-color: var(--bg_silvercalm); border-radius: 50%;}
.card_list_people > a > div > div > div:last-child{padding-left: 15px;}
.card_list_people > a > div > div > div:last-child > h2{font-size: 17px;}
.card_list_people > a > div > div > div:last-child > div{margin-top: 3px; color: var(--text_silver);}

.card_horizontal_users{height: 175px; overflow: hidden; position: relative;}
.card_horizontal_users > div:first-child{height: 205px; padding: 0px 0px; overflow: auto; white-space: nowrap; font-size: 0px;}
.card_horizontal_users > div:first-child > div{width: 100px; height: 180px; cursor: pointer; font-size: 15px; display: inline-block;}
.card_horizontal_users > div:first-child > div:not(:last-child){margin-right: 35px;}
.card_horizontal_users > div:first-child > div > div:first-child{width: 100px; height: 100px;}
.card_horizontal_users > div:first-child > div > div:first-child > a > div{width: 100px; height: 100px; border-radius: 50%; background-color: var(--bg_silvercalm);}
.card_horizontal_users > div:first-child > div > div:last-child{margin-top: 10px;}
.card_horizontal_users > div:first-child > div > div:last-child > div:first-child{font-family: 'bold'; text-align: center; text-overflow: ellipsis; overflow: hidden;}
.card_horizontal_users > div:first-child > div > div:last-child > div:first-child > a{color: var(--text_black);}
.card_horizontal_users > div:first-child > div > div:last-child > div:nth-child(2){margin-top: 5px;}
.card_horizontal_users > div:first-child > div > div:last-child > div:nth-child(2) button{width: 100%;}
.card_horizontal_users > div:nth-child(2){width: 100%; height: 0px; position: absolute; top: 0px; left: 0px;}
.card_horizontal_users > div:nth-child(2) > div{height: 245px; width: 0px; position: relative; z-index: 1;}
.card_horizontal_users > div:nth-child(2) > div > div{width: 40px; height: 40px; cursor: pointer; border-radius: 50%; position: absolute; top: 80px; background: var(--bg_white); border: 3px solid var(--bg_blue);}
.card_horizontal_users > div:nth-child(2) > div > div > div{width: 20px; height: 20px; margin-top: 9.5px;}
.card_horizontal_users > div:nth-child(2) > div:first-child{float: left; display: none;}
.card_horizontal_users > div:nth-child(2) > div:first-child > div{left: 30px;}
.card_horizontal_users > div:nth-child(2) > div:hover:first-child > div > div{margin-left: 5px;}
.card_horizontal_users > div:nth-child(2) > div:last-child{float: right;}
.card_horizontal_users > div:nth-child(2) > div:last-child > div{right: 30px;}
.card_horizontal_users > div:nth-child(2) > div:hover:last-child > div > div{margin-right: 5px;}

.card_reading{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-gap: 20px; min-height: 50px;}
.card_reading > a{width: 100%; color: var(--text_black);}
.card_reading > a:hover{width: 100%; color: var(--text_blue);}
.card_reading > a > div > div:first-child{width: 100%;}
.card_reading > a > div > div:first-child div{padding-bottom: 100%; border-radius: 5px; background-color: var(--bg_silvercalm);}
.card_reading > a > div > div:nth-child(2){margin-top: 5px; word-break: break-word;}
.card_reading > a > div > div:nth-child(2) > div:first-child{font-size: 15px; font-family: 'bold'; margin-bottom: 3px;}
.card_reading > a > div > div:nth-child(2) > div:nth-child(2){color: var(--text_silver);}

.card_list_content{border-top: 1px solid var(--bg_line);}
.card_list_content > a > div{padding: 15px 20px; border-bottom: 1px solid var(--bg_line); color: var(--text_black); transition: all 0.2s ease;}
.card_list_content > a > div:hover{background: var(--bg_hover);}
.card_list_content > a > div > span:first-child{padding: 1px 7px; position: relative; font-size: 11px; top: -4px; background: var(--bg_silvercalm); border-radius: 3px;}
.card_list_content > a > div > span:nth-child(2){margin-left: 15px; font-family: 'bold';}
.card_list_content > a > div > span:nth-child(3){margin-left: 5px; color: var(--text_silver); font-size: 11px;}

.card_list_article > a > div{display: table; table-layout: fixed; width: 100%; background: var(--bg_white);}
.card_list_article > a:not(:last-child) > div{margin-bottom: 20px;}
.card_list_article > a > div > div{display: table-cell; vertical-align: top;}
.card_list_article > a > div > div:first-child{width: 200px;}
.card_list_article > a > div > div:first-child > div{padding-bottom: 60%; background-color: var(--bg_silvercalm); border-radius: 5px;}
.card_list_article > a > div > div:last-child{padding: 0px 20px;}
.card_list_article > a > div > div:last-child > div:first-child{font-size: 17px; font-family: 'bold';}
.card_list_article > a > div > div:last-child > div:last-child{margin-top: 5px; color: var(--text_silver);}

.card_list_comic > div{padding: 0px 15px;}
.card_list_comic > div:not(:last-child) > div{margin-bottom: 25px;}
.card_list_comic > div > div{display: table; table-layout: fixed; width: 100%;}
.card_list_comic > div > div > div{display: table-cell; vertical-align: middle;}
.card_list_comic > div > div > div:first-child{width: 100px;}
.card_list_comic > div > div > div:first-child > a > div{height: 100px; background-color: var(--bg_silvercalm); border-radius: 10px;}
.card_list_comic > div > div > div:last-child{padding: 0px 20px 0px 20px;}
.card_list_comic > div > div > div:last-child > div:nth-child(2){margin-top: 5px; font-size: 20px; font-family: 'bold'; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.card_list_comic > div > div > div:last-child > div:last-child{margin-top: 10px; font-family: 'bold';}

.card_list_novel > div{display: table; margin: 0px 15px; width: 100%; table-layout: fixed;}
.card_list_novel > div:not(:last-child){margin-bottom: 20px;}
.card_list_novel > div > div{display: table-cell; vertical-align: top;}
.card_list_novel > div > div:first-child{width: 100px;}
.card_list_novel > div > div:first-child > a > div{padding-bottom: 150%; background-color: var(--bg_silvercalm); border-radius: 5px;}
.card_list_novel > div > div:last-child{padding: 15px 20px 0px 20px;}
.card_list_novel > div > div:last-child > div:nth-child(2){margin-top: 5px; font-size: 20px; font-family: 'bold'; color: var(--text_black); text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.card_list_novel > div > div:last-child > div:nth-child(3){margin-top: 5px; color: var(--text_silver);}
.card_list_novel > div > div:last-child > div:nth-child(4){margin-top: 10px; font-family: 'bold';}

.card_list_film > div{display: table; margin: 0px 15px; width: 100%; table-layout: fixed;}
.card_list_film > div:not(:last-child){margin-bottom: 20px;}
.card_list_film > div > div{display: table-cell; vertical-align: top;}
.card_list_film > div > div:first-child{width: 100px;}
.card_list_film > div > div:first-child > a > div{padding-bottom: 143%; background-color: var(--bg_silvercalm); border-radius: 5px;}
.card_list_film > div > div:last-child{padding: 15px 20px 0px 20px;}
.card_list_film > div > div:last-child > div:nth-child(1){margin-top: 5px; font-size: 20px; font-family: 'bold'; color: var(--text_black); text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.card_list_film > div > div:last-child > div:nth-child(2){margin-top: 10px;}
.card_list_film > div > div:last-child > div:nth-child(2) > span{padding: 3px 7px; background: var(--bg_silvercalm); border-radius: 5px;}
.card_list_film > div > div:last-child > div:nth-child(2) > span:not(:last-child){margin-right: 10px;}
.card_list_film > div > div:last-child > div:nth-child(3){margin-top: 25px; font-family: 'bold';}

.card_horizontal_novel{height: 245px; overflow: hidden; position: relative;}
.card_horizontal_novel > div:first-child{height: 265px; padding: 0px 0px; overflow: auto; white-space: nowrap; font-size: 0px;}
.card_horizontal_novel > div:first-child > div{width: 140px; height: 245px; cursor: pointer; font-size: 15px; display: inline-block;}
.card_horizontal_novel > div:first-child > div:not(:last-child){margin-right: 20px;}
.card_horizontal_novel > div:first-child > div > div:first-child{width: 140px; height: 210px; border-radius: 5px; background-color: var(--bg_silvercalm); position: relative;}
.card_horizontal_novel > div:first-child > div > div:first-child > div{padding: 7.5px 0px; letter-spacing: 4px; font-size: 11px; position: absolute; left: 0px; width: 100%; bottom: 0px; text-align: center; font-family: 'bold'; backdrop-filter: blur(10px); background: rgba(255, 255, 255, 0.75);}
.card_horizontal_novel > div:first-child > div > div:last-child{margin-top: 10px; font-family: 'bold'; text-overflow: ellipsis; overflow: hidden;}
.card_horizontal_novel > div:nth-child(2){width: 100%; height: 0px; position: absolute; top: 0px; left: 0px;}
.card_horizontal_novel > div:nth-child(2) > div{height: 245px; width: 0px; position: relative; z-index: 1;}
.card_horizontal_novel > div:nth-child(2) > div > div{width: 40px; height: 40px; cursor: pointer; border-radius: 50%; position: absolute; top: 80px; background: var(--bg_white); border: 3px solid var(--bg_blue);}
.card_horizontal_novel > div:nth-child(2) > div > div > div{width: 20px; height: 20px; margin-top: 9.5px;}
.card_horizontal_novel > div:nth-child(2) > div:first-child{float: left; display: none;}
.card_horizontal_novel > div:nth-child(2) > div:first-child > div{left: 30px;}
.card_horizontal_novel > div:nth-child(2) > div:hover:first-child > div > div{margin-left: 5px;}
.card_horizontal_novel > div:nth-child(2) > div:last-child{float: right;}
.card_horizontal_novel > div:nth-child(2) > div:last-child > div{right: 30px;}
.card_horizontal_novel > div:nth-child(2) > div:hover:last-child > div > div{margin-right: 5px;}

.card_winners_novel{height: 275px; overflow: hidden; position: relative;}
.card_winners_novel > div:first-child{height: 305px; padding: 0px 0px; overflow: auto; white-space: nowrap; font-size: 0px;}
.card_winners_novel > div:first-child > a > div{width: 140px; height: 245px; cursor: pointer; font-size: 15px; display: inline-block; color: var(--text_black);}
.card_winners_novel > div:first-child > a > div.firstWinner{background: #fff6d4;}
.card_winners_novel > div:first-child > a > div.secondWinner{background: #fffaf0;}
.card_winners_novel > div:first-child > a > div.winnerFocus{padding: 20px;}
.card_winners_novel > div:first-child > a > div:not(.winnerFocus){margin-left: 20px;}
.card_winners_novel > div:first-child > a:last-child > div{margin-right: 20px;}
.card_winners_novel > div:first-child > a > div > div:first-child{width: 140px; height: 210px; border-radius: 5px; background-color: var(--bg_silvercalm); position: relative;}
.card_winners_novel > div:first-child > a > div > div:first-child > div{width: 55px; height: 55px; background: rgba(255, 255, 255, 0.87); border-radius: 50%; position: absolute; right: 15px; bottom: 15px;}
.card_winners_novel > div:first-child > a > div > div:first-child > div > div{width: 40px; height: 40px; background-size: cover; position: relative; top: 11px;}
.card_winners_novel > div:first-child > a > div > div:last-child{margin-top: 10px; font-family: 'bold'; text-overflow: ellipsis; overflow: hidden;}
.card_winners_novel > div:nth-child(2){width: 100%; height: 0px; position: absolute; top: 0px; left: 0px;}
.card_winners_novel > div:nth-child(2) > div{height: 245px; width: 0px; position: relative; z-index: 1;}
.card_winners_novel > div:nth-child(2) > div > div{width: 40px; height: 40px; cursor: pointer; border-radius: 50%; position: absolute; top: 80px; background: var(--bg_white); border: 3px solid var(--bg_blue);}
.card_winners_novel > div:nth-child(2) > div > div > div{width: 20px; height: 20px; margin-top: 9.5px;}
.card_winners_novel > div:nth-child(2) > div:first-child{float: left; display: none;}
.card_winners_novel > div:nth-child(2) > div:first-child > div{left: 30px;}
.card_winners_novel > div:nth-child(2) > div:hover:first-child > div > div{margin-left: 5px;}
.card_winners_novel > div:nth-child(2) > div:last-child{float: right;}
.card_winners_novel > div:nth-child(2) > div:last-child > div{right: 30px;}
.card_winners_novel > div:nth-child(2) > div:hover:last-child > div > div{margin-right: 5px;}

.card_novel_random_ph{display: table; table-layout: fixed; width: 100%; margin-bottom: 15px;}
.card_novel_random_ph > div{display: table-cell; width: 25%; position: relative; overflow: hidden;}
.card_novel_random_ph > div:before{content: ''; width: 100%; height: 600%; bottom: 0px; left: 0px; position: absolute;}
.card_novel_random_ph > div:nth-child(1):before{background-image: linear-gradient(to top, #e4f0ff, transparent);}
.card_novel_random_ph > div:nth-child(2):before{background-image: linear-gradient(to top, #fffbf0, transparent);}
.card_novel_random_ph > div:nth-child(3):before{background-image: linear-gradient(to top, #ffe9ed, transparent);}
.card_novel_random_ph > div:nth-child(4):before{background-image: linear-gradient(to top, #efffef, transparent);}
.card_novel_random_ph > div > div{position: relative; z-index: 1;}
.card_novel_random_ph > div > a > div{width: 100px; height: 150px; border-radius: 5px; margin-top: 50px; box-shadow: 0px 0px 0px 3px var(--bg_white); background-color: var(--bg_silver); position: relative; z-index: 1;}
.card_novel_random_ph > div > div:last-child{padding: 15px 20px 50px 20px; text-align: center;}
.card_novel_random_ph > div > div:last-child > div:first-child{font-size: 17px; font-family: 'bold'; margin-bottom: 5px;}
.card_novel_random_ph > div > div:last-child > div:nth-child(2){margin-top: 2px; font-size: 11px; color: var(--text_silver);}
.card_novel_random_ph > div > div:last-child > div:last-child{margin-top: 4px;}
.card_novel_random_ph > div > div:last-child > div:last-child > a{color: var(--text_black);}

.card_novel_box{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-gap: 20px; min-height: 50px;}
.card_novel_box > div{width: 100%;}
.card_novel_box > div > div > div:first-child{width: 100%;}
.card_novel_box > div > div > div:first-child div{padding-bottom: 150%; border-radius: 10px;}
.card_novel_box > div > div > div:nth-child(2){margin-top: 10px; word-break: break-word;}
.card_novel_box > div > div > div:nth-child(2) > div:first-child > a{color: var(--text_silver);}
.card_novel_box > div > div > div:nth-child(2) > div:nth-child(2) > a{font-size: 17px; color: var(--text_black); font-family: 'bold';}
.card_novel_box > div > div > div:nth-child(2) > div:nth-child(3){margin-top: 3px;}
.card_novel_box > div > div > div:nth-child(2) > div:nth-child(3) > a{color: var(--text_silver);}

.card_profile_comic{display: inline-block; width: 100%;}
.card_profile_comic > a > div{width: 171px; height: 171px; background-color: var(--bg_silvercalm); border-radius: 5px; float: left; position: relative; overflow: hidden;}
.card_profile_comic > a:not(:nth-child(-n+3)) > div{margin-top: 15px;}
.card_profile_comic > a:not(:nth-child(3n)) > div{margin-right: 15px;}
.card_profile_comic > a > div:before{content: ''; transition: all 0.2s ease; position: absolute; opacity: 0; height: 300%; width: 100%; background-image: linear-gradient(to top, var(--bg_silvercalm), transparent); bottom: 0px; left: 0px;}
.card_profile_comic > a:hover > div:before{opacity: 1;}
.card_profile_comic > a > div > div{position: absolute; transition:all 0.2s ease; display: none; width: 100%; bottom: 0px; left: 0px; z-index: 1;}
.card_profile_comic > a:hover > div > div{display: block;}
.card_profile_comic > a > div > div > div{padding: 0px 15px 15px 15px;}
.card_profile_comic > a > div > div > div > div:first-child{font-size: 15px; font-family: 'bold'; color: var(--text_black);}
.card_profile_comic > a > div > div > div > div:last-child{margin-top: 5px;}

.card_profile_novel{display: inline-block; width: 100%;}
.card_profile_novel > a > div{width: 171px; height: 257px; background-color: var(--bg_silvercalm); border-radius: 5px; float: left; position: relative; overflow: hidden;}
.card_profile_novel > a:not(:nth-child(-n+3)) > div{margin-top: 15px;}
.card_profile_novel > a:not(:nth-child(3n)) > div{margin-right: 15px;}
.card_profile_novel > a > div:before{content: ''; transition:all 0.2s ease; position: absolute; opacity: 0; height: 300%; width: 100%; background-image: linear-gradient(to top, var(--bg_silvercalm), transparent); bottom: 0px; left: 0px;}
.card_profile_novel > a:hover > div:before{opacity: 1;}
.card_profile_novel > a > div > div{position: absolute; transition:all 0.2s ease; display: none; width: 100%; bottom: 0px; left: 0px; z-index: 1;}
.card_profile_novel > a:hover > div > div{display: block;}
.card_profile_novel > a > div > div > div{padding: 0px 15px 15px 15px;}
.card_profile_novel > a > div > div > div > div:first-child{font-size: 15px; font-family: 'bold'; color: var(--text_black);}
.card_profile_novel > a > div > div > div > div:last-child{margin-top: 5px;}

.card_creation{}
.card_creation > div{padding: 15px;}
.card_creation > div:not(:last-child){border-bottom: 1px solid var(--bg_line);}
.card_creation > div > div{display: table; table-layout: fixed; width: 100%;}
.card_creation > div > div > div{display: table-cell; vertical-align: middle;}
.card_creation > div > div > div:first-child{width: 70px; background-color: var(--bg_silvercalm); border-radius: 5px;}
.card_creation > div.novel > div > div:first-child > div{padding-bottom: 150%;}
.card_creation > div.comic > div > div:first-child > div{padding-bottom: 100%;}
.card_creation > div > div > div:nth-child(2){padding-left: 15px;}
.card_creation > div > div > div:nth-child(2) > div:first-child{font-family: 'bold'; font-size: 20px;}
.card_creation > div > div > div:nth-child(2) > div:nth-child(2){margin-top: 7px; color: var(--text_silver);}

.card_members_waiting{}
.card_members_waiting > div{padding: 7.5px 15px;}
.card_members_waiting > div > div{display: table; table-layout: fixed; width: 100%;}
.card_members_waiting > div > div > div{display: table-cell; vertical-align: middle;}
.card_members_waiting > div > div > div:first-child{width: 25px;}
.card_members_waiting > div > div > div:first-child div{height: 25px; border-radius: 5px; background-color: var(--bg_silvercalm);}
.card_members_waiting > div > div > div:nth-child(2){padding: 0px 15px;}
.card_members_waiting > div > div > div:nth-child(2) a{color: var(--text_black); font-family: 'bold';}
.card_members_waiting > div > div > div:nth-child(3){width: 100px; text-align: right;}
.card_members_waiting > div > div > div:nth-child(3) > span:not(:last-child){margin-right: 10px;}

.card_box{margin-bottom: 15px;}
.card_box.cbbottom{padding-bottom: 15px;}
.list_card_box .card_box:last-child{margin-bottom: 0px;}
.card_box .cb_title{padding: 15px 15px 15px 15px; font-size: 15px; font-family: 'bold';}
.card_box .cb_list li{padding: 7.5px 15px 7.5px 15px; height: 20px;}
.card_box .cb_list li .cbl_icon{width: 20px; height: 20px; float: left; margin-right: 15px;}
.card_box .cb_list li p{padding-top: 2px;}
.card_box .cb_list li h2{padding-top: 2px; font-size: 14px; font-weight: normal;}

.card_message > a > div{padding: 15px; position: relative;}
.card_message > a > div:before{content: ''; transition: all 0.2s ease; position: absolute; top: 0px; right: 0px; width: 2px; height: 100%; background: var(--bg_silver); opacity: 0;}
.card_message > a:hover > div:before{opacity: 1;}
.card_message > a > div.active{background: var(--bg_silvercalm);}
.card_message > a > div.active:before{opacity: 1; background: var(--bg_blue);}
.card_message > a > div.new{font-family: 'bold';}
.card_message > a:not(:last-child) > div{border-bottom: 1px solid var(--bg_line);}
.card_message > a > div > div{display: table; width: 100%; table-layout: fixed;}
.card_message > a > div > div > div{display: table-cell; vertical-align: middle;}
.card_message > a > div > div > div:first-child{width: 35px;}
.card_message > a > div > div > div:first-child > div{width: 35px; height: 35px; background-color: var(--bg_silver); border-radius: 50%;}
.card_message > a > div > div > div:nth-child(2){padding: 0px 15px;}
.card_message > a > div > div > div:nth-child(2) > div:first-child{font-family: 'bold'; color: var(--text_black); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.card_message > a > div > div > div:nth-child(2) > div:nth-child(2){margin-top: 2px; font-size: 13px; color: var(--text_silver); white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.card_message > a > div > div > div:nth-child(3){width: 15px;}
.card_message > a > div > div > div:nth-child(3) > div{width: 15px; height: 15px;}
.card_message > a > div.new > div > div:nth-child(3) > div{width: 10px; height: 10px;}

.card_conversation{margin-bottom: 15px;}
.card_conversation > div:first-child{background-color: var(--bg_silver); border-radius: 50%;}
.card_conversation.cc_you > div:first-child{float: left;}
.card_conversation.cc_you > div:nth-child(2){float: left; margin-left: 15px; border-radius: 25px 25px 25px 0px; background: var(--bg_white);}
.card_conversation.cc_you > div:nth-child(2) > div:first-child~div:last-child{float: left;}
.card_conversation.cc_me > div:first-child{float: right;}
.card_conversation.cc_me > div:nth-child(2){float: right; margin-right: 15px; border-radius: 25px 25px 0px 25px; background: var(--bg_silvercalm);}
.card_conversation.cc_me > div:nth-child(2) > div:first-child~div:last-child{float: right;}
.card_conversation > div:first-child{width: 30px; height: 30px;}
.card_conversation > div:nth-child(2){max-width: 310px; box-shadow: 0 0 0 1px #DFDFE4;}
.card_conversation > div:nth-child(2) > div:first-child{padding: 10px 15px 3px 15px;}
.card_conversation > div:nth-child(2) > div:first-child > div.photo{width: 150px; height: 150px; cursor: pointer; background-size: cover;}
.card_conversation > div:nth-child(2) > div:last-child{padding: 3px 15px 10px 15px; height: 14px;}
.card_conversation:after{content: ''; display: table; clear: both;}

.card_suggest_article > a:not(:last-child) > div{padding-bottom: 15px;}
.card_suggest_article > a > div > div:first-child{height: 130px; border-radius: 5px;}
.card_suggest_article > a > div > div:last-child{margin-top: 10px;}
.card_suggest_article > a > div > div:last-child > div:first-child{font-size: 15px; font-family: 'bold'; margin-top: 7px; color: var(--text_black);}
.card_suggest_article > a > div > div:last-child > div:last-child{margin-top: 10px; color: var(--text_silver);}

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

.card_suggest_novel > a:not(:last-child) > div{padding-bottom: 15px;}
.card_suggest_novel > a > div > div{display: table; width: 100%; table-layout: fixed;}
.card_suggest_novel > a > div > div > div{display: table-cell; vertical-align: top;}
.card_suggest_novel > a > div > div > div:first-child{width: 70px;}
.card_suggest_novel > a > div > div > div:first-child > div{padding-bottom: 150%; background-color: var(--bg_silvercalm); border-radius: 5px;}
.card_suggest_novel > a > div > div > div:last-child{padding-left: 15px; vertical-align: middle;}
.card_suggest_novel > a > div > div > div:last-child > div:first-child{font-size: 11px; color: var(--text_silver);}
.card_suggest_novel > a > div > div > div:last-child > div:last-child{font-size: 15px; font-family: 'bold'; margin-top: 7px; color: var(--text_black);}
.card_suggest_novel > a:hover > div > div > div:last-child > div:last-child{font-size: 15px; font-family: 'bold'; margin-top: 7px; color: var(--text_blue);}

.card_horizontal_wt{height: 270px; overflow: hidden; position: relative;}
.card_horizontal_wt > div:first-child{height: 290px; overflow: auto; white-space: nowrap; font-size: 0px;}
.card_horizontal_wt > div:first-child > a > div{width: 200px; cursor: pointer; position: relative; font-size: 15px; display: inline-block;overflow: hidden;}
.card_horizontal_wt > div:first-child > a:not(:last-child) > div{margin-right: 20px;}
.card_horizontal_wt > div:first-child > a > div > div:first-child{height: 200px; border-radius: 10px; background-color: var(--bg_silvercalm); position: relative; overflow: hidden;}
.card_horizontal_wt > div:first-child > a > div > div:first-child > div{padding: 7.5px 0px; letter-spacing: 4px; font-size: 11px; position: absolute; left: 0px; width: 100%; bottom: 0px; text-align: center; font-family: 'bold'; backdrop-filter: blur(10px); background: rgba(255, 255, 255, 0.75); color: var(--text_black);}
.card_horizontal_wt > div:first-child > a > div > div:last-child{padding: 10px 0px;}
.card_horizontal_wt > div:first-child > a > div > div:last-child > div:first-child{color: var(--text_silver);}
.card_horizontal_wt > div:first-child > a > div > div:last-child > div:last-child{margin-top: 3px; color: var(--text_black); font-size: 17px; text-overflow: ellipsis; font-family: 'bold'; overflow: hidden;}
.card_horizontal_wt > div:nth-child(2){width: 100%; height: 0px; position: absolute; top: 0px; left: 0px;}
.card_horizontal_wt > div:nth-child(2) > div{height: 240px; width: 0px; position: relative; z-index: 1;}
.card_horizontal_wt > div:nth-child(2) > div > div{width: 40px; height: 40px; cursor: pointer; border-radius: 50%; position: absolute; top: 80px; background: var(--bg_white); border: 3px solid var(--bg_blue);}
.card_horizontal_wt > div:nth-child(2) > div > div > div{width: 20px; height: 20px; margin-top: 9.5px;}
.card_horizontal_wt > div:nth-child(2) > div:first-child{float: left; display: none;}
.card_horizontal_wt > div:nth-child(2) > div:first-child > div{left: 30px;}
.card_horizontal_wt > div:nth-child(2) > div:hover:first-child > div > div{margin-left: 5px;}
.card_horizontal_wt > div:nth-child(2) > div:last-child{float: right;}
.card_horizontal_wt > div:nth-child(2) > div:last-child > div{right: 30px;}
.card_horizontal_wt > div:nth-child(2) > div:hover:last-child > div > div{margin-right: 5px;}

.card_winners_wt{height: 300px; overflow: hidden; position: relative;}
.card_winners_wt > div:first-child{height: 345px; overflow: auto; white-space: nowrap; font-size: 0px;}
.card_winners_wt > div:first-child > a > div{width: 200px; cursor: pointer; position: relative; font-size: 15px; display: inline-block;overflow: hidden;}
.card_winners_wt > div:first-child > a > div.firstWinner{background: #fff6d4;}
.card_winners_wt > div:first-child > a > div.secondWinner{background: #fffaf0;}
.card_winners_wt > div:first-child > a > div.winnerFocus{padding: 20px;}
.card_winners_wt > div:first-child > a > div:not(.winnerFocus){margin-left: 20px;}
.card_winners_wt > div:first-child > a:last-child > div{margin-right: 20px;}
.card_winners_wt > div:first-child > a > div > div:first-child{height: 200px; border-radius: 10px; background-color: var(--bg_silvercalm); position: relative; overflow: hidden;}
.card_winners_wt > div:first-child > a > div > div:first-child > div{width: 55px; height: 55px; background: rgba(255, 255, 255, 0.87); border-radius: 50%; position: absolute; right: 15px; bottom: 15px;}
.card_winners_wt > div:first-child > a > div > div:first-child > div > div{width: 40px; height: 40px; background-size: cover; position: relative; top: 11px;}
.card_winners_wt > div:first-child > a > div > div:last-child{padding: 10px 0px;}
.card_winners_wt > div:first-child > a > div > div:last-child > div:first-child{color: var(--text_silver);}
.card_winners_wt > div:first-child > a > div > div:last-child > div:last-child{margin-top: 3px; color: var(--text_black); font-size: 17px; text-overflow: ellipsis; font-family: 'bold'; overflow: hidden;}
.card_winners_wt > div:nth-child(2){width: 100%; height: 0px; position: absolute; top: 0px; left: 0px;}
.card_winners_wt > div:nth-child(2) > div{height: 240px; width: 0px; position: relative; z-index: 1;}
.card_winners_wt > div:nth-child(2) > div > div{width: 40px; height: 40px; cursor: pointer; border-radius: 50%; position: absolute; top: 80px; background: var(--bg_white); border: 3px solid var(--bg_blue);}
.card_winners_wt > div:nth-child(2) > div > div > div{width: 20px; height: 20px; margin-top: 9.5px;}
.card_winners_wt > div:nth-child(2) > div:first-child{float: left; display: none;}
.card_winners_wt > div:nth-child(2) > div:first-child > div{left: 30px;}
.card_winners_wt > div:nth-child(2) > div:hover:first-child > div > div{margin-left: 5px;}
.card_winners_wt > div:nth-child(2) > div:last-child{float: right;}
.card_winners_wt > div:nth-child(2) > div:last-child > div{right: 30px;}
.card_winners_wt > div:nth-child(2) > div:hover:last-child > div > div{margin-right: 5px;}

.card_wt{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; width: 100%; grid-gap: 20px;}
.card_wt > a{width: 100%;}
.card_wt > a > div > div:first-child{padding-bottom: 100%; width: 100%; background-color: var(--bg_silver); border-radius: 10px;}
.card_wt > a > div > div:last-child{padding: 15px 0px 20px 0px;}
.card_wt > a > div > div:last-child > div:first-child{margin-bottom: 5px; color: var(--text_silver);}
.card_wt > a > div > div:last-child > div:last-child{font-size: 20px; font-family: 'bold'; color: var(--text_black);}

.card_horizontal_film{height: 270px; overflow: hidden; position: relative;}
.card_horizontal_film > div:first-child{height: 290px; overflow: auto; white-space: nowrap; font-size: 0px;}
.card_horizontal_film > div:first-child > a > div{width: 150px; cursor: pointer; position: relative; font-size: 15px; display: inline-block; overflow: hidden;}
.card_horizontal_film > div:first-child > a:not(:last-child) > div{margin-right: 20px;}
.card_horizontal_film > div:first-child > a > div > div:first-child{height: 215px; border-radius: 5px; background-color: var(--bg_silvercalm); position: relative; overflow: hidden;}
.card_horizontal_film > div:first-child > a > div > div:last-child{padding: 10px 0px;}
.card_horizontal_film > div:first-child > a > div > div:last-child > div{margin-top: 3px; color: var(--text_white); font-size: 17px; text-overflow: ellipsis; font-family: 'bold'; overflow: hidden;}
.card_horizontal_film > div:nth-child(2){width: 100%; height: 0px; position: absolute; top: 0px; left: 0px;}
.card_horizontal_film > div:nth-child(2) > div{height: 240px; width: 0px; position: relative; z-index: 1;}
.card_horizontal_film > div:nth-child(2) > div > div{width: 40px; height: 40px; cursor: pointer; border-radius: 50%; position: absolute; top: 80px; background: var(--bg_white); border: 3px solid var(--bg_blue);}
.card_horizontal_film > div:nth-child(2) > div > div > div{width: 20px; height: 20px; margin-top: 9.5px;}
.card_horizontal_film > div:nth-child(2) > div:first-child{float: left; display: none;}
.card_horizontal_film > div:nth-child(2) > div:first-child > div{left: 30px;}
.card_horizontal_film > div:nth-child(2) > div:hover:first-child > div > div{margin-left: 5px;}
.card_horizontal_film > div:nth-child(2) > div:last-child{float: right;}
.card_horizontal_film > div:nth-child(2) > div:last-child > div{right: 30px;}
.card_horizontal_film > div:nth-child(2) > div:hover:last-child > div > div{margin-right: 5px;}

.card_film{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-gap: 20px;}
.card_film > a{margin: 0px;}
.card_film > a > div{width: 100%;}
.card_film > a > div > div:first-child{height: 283px; background-color: var(--bg_black); border-radius: 5px;}
.card_film > a > div > div:last-child{padding: 15px 0px 20px 0px;}
.card_film > a > div > div:last-child > div:first-child{margin-bottom: 5px; color: var(--text_silver);}
.card_film > a > div > div:last-child > div:last-child{font-size: 17px; font-family: 'bold'; width: 160px; float: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: var(--text_white);}

.card_film_box{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-gap: 20px; min-height: 50px;}
.card_film_box > div{width: 100%;}
.card_film_box > div > a > div:first-child{width: 100%;}
.card_film_box > div > a > div:first-child div{padding-bottom: 150%; border-radius: 5px;}
.card_film_box > div > a > div:nth-child(2){margin-top: 10px;}
.card_film_box > div > a > div:nth-child(2) > div{font-size: 17px; color: var(--text_white); font-family: 'bold';}

.card_mission > a > div{padding: 10px 0px;}
.card_mission > a > div > div{display: table; table-layout: fixed; width: 100%;}
.card_mission > a > div > div > div{display: table-cell; vertical-align: middle;}
.card_mission > a > div > div > div:first-child{width: 120px;}
.card_mission > a > div > div > div:first-child > div{height: 120px; background-color: var(--bg_silvercalm); border-radius: 5px;}
.card_mission > a > div > div > div:nth-child(2){padding-left: 15px; color: var(--text_black);}
.card_mission > a > div > div > div:nth-child(2) > div:first-child{font-family: 'bold'; color: var(--text_silver);}
.card_mission > a > div > div > div:nth-child(2) > div:nth-child(2){margin-top: 5px; font-size: 17px; font-family: 'bold';}
.card_mission > a > div > div > div:nth-child(2) > div:nth-child(3){margin-top: 15px;}
.card_mission > a > div > div > div:nth-child(2) > div:nth-child(3) > span:first-child{padding: 3px 7px; background-color: var(--bg_silvercalm); border-radius: 5px; font-size: 11px; margin-right: 10px;}

.card_mission_task > div{padding: 15px 0px;}
.card_mission_task > div:not(:last-child){border-bottom: 1px solid var(--bg_line);}
.card_mission_task > div > div{display: table; table-layout: fixed; width: 100%;}
.card_mission_task > div > div > div{display: table-cell; vertical-align: middle;}
.card_mission_task > div > div > div:first-child{width: 40px;}
.card_mission_task > div > div > div:first-child > div{width: 25px; height: 25px; background: var(--bg_green); border-radius: 50%;}
.card_mission_task > div > div > div:first-child > div.finished{background: var(--bg_green);}
.card_mission_task > div > div > div:first-child > div.unfinished{background: var(--bg_silver);}
.card_mission_task > div > div > div:nth-child(2){padding-left: 15px;}
.card_mission_task > div > div > div:nth-child(2) > div:first-child{font-size: 17px; font-family: 'bold';}
.card_mission_task > div > div > div:nth-child(2) > div:nth-child(2){margin-top: 5px;color: var(--text_silver);}

.card_last_live{}
.card_last_live > a:not(:last-child) > div{margin-bottom: 20px;}
.card_last_live > a > div > div{display: table; table-layout: fixed; width: 100%;}
.card_last_live > a > div > div > div{display: table-cell; vertical-align: middle;}
.card_last_live > a > div > div > div:first-child{width: 200px;}
.card_last_live > a > div > div > div:first-child > div{height: 120px; background-color: var(--bg_silvercalm); border-radius: 5px;}
.card_last_live > a > div > div > div:nth-child(2){padding-left: 15px;}
.card_last_live > a > div > div > div:nth-child(2) > div:first-child{font-size: 17px; font-family: 'bold'; color: var(--text_black);}
.card_last_live > a > div > div > div:nth-child(2) > div:nth-child(2){margin-top: 5px; color: var(--text_silver);}

.card_address{}
.card_address > div{padding: 15px 15px 16px 15px; transition: all 0.2s ease;}
.card_address > div:not(:last-child){border-bottom: 1px solid var(--bg_line);}
.card_address > div > div:first-child{font-family: 'bold'; font-size: 17px;}
.card_address > div > div:nth-child(2){margin-top: 3px;}
.card_address > div > div:nth-child(3){margin-top: 3px; color: var(--text_silver);}
.card_address > div > div:nth-child(4){margin-top: 5px;}
.card_address > div > div:nth-child(4) > div:first-child{margin-bottom: 3px;}

.card_package > div{padding: 15px 20px;}
.card_package > div:not(:last-child){border-bottom: 1px solid var(--bg_line);}
.card_package > div > div{position: relative; z-index: 1;}
.card_package > div > div > div:first-child{font-family: 'bold'; color: var(--text_silver);}
.card_package > div > div > div:nth-child(2){display: table; width: 100%; table-layout: fixed;}
.card_package > div > div > div:nth-child(2) > div{display: table-cell; vertical-align: middle;}
.card_package > div > div > div:nth-child(2) > div:first-child{font-size: 20px; margin-top: 3px; padding-top: 2px;}
.card_package > div > div > div:nth-child(2) > div:last-child{font-size: 17px; text-align: right; font-family: 'bold';}
.card_package > div > div > div:nth-child(3){font-size: 11px; margin-top: 3px; color: var(--text_silver);}

.card_invoice > div{border-radius: 10px;}
.card_invoice > div:not(:last-child){margin-bottom: 20px;}
.card_invoice > div > div:first-child{font-family: 'bold'; color: var(--text_silver);}
.card_invoice .ci_list{margin-top: 7px; border-radius: 7px;}
.card_invoice .ci_list > div{padding: 15px 15px 17px 15px;}
.card_invoice .ci_list > div:not(:last-child){border-bottom: 1px solid var(--bg_line);}
.card_invoice .ci_list > div > div:first-child{display: table; table-layout: fixed; width: 100%;}
.card_invoice .ci_list > div > div:first-child > div{display: table-cell; vertical-align: middle;}
.card_invoice .ci_list > div > div:first-child > div:first-child > div:first-child{font-size: 11px; color: var(--text_silver);}
.card_invoice .ci_list > div > div:first-child > div:first-child > div:nth-child(2){font-size: 17px; margin-top: 1px; font-family: 'bold';}
.card_invoice .ci_list > div > div:first-child > div:nth-child(2){text-align: right;}
.card_invoice .ci_list > div > div:first-child > div:nth-child(2) > div:first-child > span{padding: 1px 10px 2px 10px; color: var(--text_white); border-radius: 10px; font-size: 11px;}
.card_invoice .ci_list > div > div:first-child > div:nth-child(2) > div:first-child > span.success{background: var(--bg_green);}
.card_invoice .ci_list > div > div:first-child > div:nth-child(2) > div:first-child > span.pending{background: var(--bg_orange);}
.card_invoice .ci_list > div > div:first-child > div:nth-child(2) > div:first-child > span.failed{background: var(--bg_silver);}
.card_invoice .ci_list > div > div:first-child > div:nth-child(2) > div:nth-child(2){margin-top: 3px;}
.card_invoice .ci_list > div > div:nth-child(2){margin-top: 5px;}
.card_invoice .ci_list > div > div:nth-child(3){text-align: right; margin-top: 10px;}
.card_invoice .ci_list > div > div:nth-child(3) > span:not(:last-child){margin-right: 15px;}