.workStatusPremium{background: var(--bg_premium_base); border-radius: 50%; width: 22px; height: 22px; position: absolute; right: 7px; top: 7px;}
.workStatusPremium > div{width: 13px; height: 13px; position: relative; top: 4px;}

.card_list_review{}
.card_list_review > a:not(:last-child) > div{border-bottom: 1px solid var(--bg_line);}
.card_list_review .cBox{display: grid; color: var(--text_black); grid-template-columns: 45px 1fr; grid-gap: 10px; padding: 10px 15px; box-sizing: border-box;}
.card_list_review .cBox > div{width: 100%;}
.card_list_review .cBox .cbCover > div{padding-bottom: 150%; background-color: var(--bg_silvercalm); border-radius: 5px;}
.card_list_review .cBox .cbContent > div:first-child > div:first-child{font-weight: bold;}
.card_list_review .cBox .cbContent > div:first-child > div:nth-child(2){color: var(--text_silver); font-size: 13px;}
.card_list_review .cBox .cbContent .ccStar{margin-top: 5px; margin-bottom: 10px; height: 15px; white-space: nowrap;}
.card_list_review .cBox .cbContent .ccStar > div{height: 15px; width: 75px; display: inline-block;}

.card_suggest_user{white-space: nowrap; overflow: auto;}
.card_suggest_user > div{display: inline-block; width: 130px; text-align: center; border-radius: 10px; border: 1px solid var(--bg_line); padding: 15px; margin-right: 15px;}
.card_suggest_user > div:first-child{margin-left: 15px;}
.card_suggest_user .csuItem > div:first-child > a > div{width: 60px; height: 60px; background-color: var(--bg_silvercalm); border-radius: 50%;}
.card_suggest_user .csuItem > div:nth-child(2){margin-top: 10px; display: grid; width: 100%;}
.card_suggest_user .csuItem > div:nth-child(2) > div:first-child{font-weight: bold;}
.card_suggest_user .csuItem > div:nth-child(2) > div:nth-child(2){color: var(--text_silver)}
.card_suggest_user .csuItem > div:nth-child(3){margin-top: 10px;}

/**WORK CARD**/
.card_hzl_work{overflow: auto; position: relative; width: 100%;}
.card_hzl_work .cnt_card{padding: 0px 0px; overflow: auto; margin-left: 0px; white-space: nowrap; font-size: 0px; -ms-overflow-style: none; scrollbar-width: none; display: flex;}
.card_hzl_work .cnt_card::-webkit-scrollbar{display: none;}
.card_hzl_work .cnt_card > a{width: 160px; cursor: pointer; font-size: 13px; display: inline-block; vertical-align: top; transition: var(--transition); border: 1px solid var(--bg_line); border-radius: 5px; margin-left: 0px;}
.card_hzl_work .cnt_card > a:not(:hover){color: var(--text_black);}
.card_hzl_work .cnt_card > a:not(:last-child){margin-right: 20px;}
.card_hzl_work .cnt_card > a > div:first-child{width: 160px; height: 240px; transition: var(--transition); background-color: var(--bg_silvercalm); position: relative; overflow: auto; border-radius: 5px 5px 0px 0px;}
.card_hzl_work .cnt_card > a:hover > div:first-child{box-shadow: inset 0 0 0 2px var(--bg_blue);}
.card_hzl_work .cnt_card > a > div:first-child > div{white-space: nowrap; padding: 7px 7px 0px 7px; width: 100%; box-sizing: border-box;}
.card_hzl_work .cnt_card > a > div:first-child > div > span{display: inline-block; padding: 3px 8px; color: var(--text_white); border-radius: 50px; font-size: 9px;}
.card_hzl_work .cnt_card > a > div:last-child{padding: 10px 10px 15px 10px;}
.card_hzl_work .cnt_card .chnDesc > div:first-child{font-size: 17px; font-weight: bold;}
.card_hzl_work .cnt_card .chnDesc > div:nth-child(2){color: var(--text_silver); font-size: 11px;}
.card_hzl_work .cnt_card > a > div:last-child > div:not(:last-child){margin-bottom: 5px;}
.card_hzl_work .cnt_card > a > div:last-child .priceDisc{margin-top: 5px;}
.card_hzl_work .cnt_card > a > div:last-child .priceDisc > span{padding: 3px 5px 4px 5px; font-family: 'bold'; font-size: 11px; border-radius: 3px; background: var(--bg_red); color: var(--text_white);}
.card_hzl_work:hover .scroll_card{opacity: 1;}

.card_hzl_genre{overflow: auto; position: relative; width: 100%;}
.card_hzl_genre .cnt_card{padding: 0px 0px; overflow: auto; margin-left: 0px; white-space: nowrap; font-size: 0px; -ms-overflow-style: none; scrollbar-width: none; display: flex;}
.card_hzl_genre .cnt_card::-webkit-scrollbar{display: none;}
.card_hzl_genre .cnt_card > a{cursor: pointer; display: inline-block; vertical-align: top; margin-left: 0px;}
.card_hzl_genre .cnt_card > a:not(:hover){color: var(--text_black);}
.card_hzl_genre .cnt_card > a:not(:last-child){margin-right: 20px;}
.card_hzl_genre .cnt_card > a > div{width: 90px; height: 150px;}
.card_hzl_genre .cnt_card > a > div > div:first-child{width: 90px; height: 100px;}
.card_hzl_genre .cnt_card > a > div > div:nth-child(2){padding: 3px 7px 5px 7px; background: var(--bg_white); font-size: 14px; text-align: center; font-weight: bold; display: grid; box-sizing: border-box; position: relative; z-index: 1; top: -3px;}
.card_hzl_genre:hover .scroll_card{opacity: 1;}

/*novel*/
.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_brand{}
.card_novel_brand > div{display: table; table-layout: fixed; width: 100%;}
.card_novel_brand > div > a{display: table-cell; vertical-align: top; text-align: center; color: var(--text_black); padding: 15px 0px;}
.card_novel_brand > div > a:hover{color: var(--text_blue);}
.card_novel_brand > div > a > div:first-child{width: 115px; height: 115px;}
.card_novel_brand > div > a > div:nth-child(2){margin-top: 15px;}

.card_novel_catalog{padding: 35px 0px 40px 0px; background: var(--bg_bluecalm);}
.card_novel_catalog .cnc_list{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-gap: 20px;}
.card_novel_catalog .cnc_list > a{width: 100%;}
.card_novel_catalog .cnc_list > a > div{padding-bottom: 50%; border-radius: 5px;}

.card_box_work{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; grid-gap: 20px; min-height: 50px;}
.card_box_work > a{width: 100%; color: var(--text_black); border: 1px solid var(--bg_line); border-radius: 5px; overflow: hidden;}
.card_box_work > a > div:first-child{width: 100%;}
.card_box_work > a > div:first-child > div{padding-bottom: 150%; position: relative; background-color: var(--bg_silvercalm); border-radius: 5px 5px 0px 0px; transition: var(--transition);}
.card_box_work > a:hover > div:first-child > div{box-shadow: inset 0 0 0 2px var(--bg_blue);}
.card_box_work > a > div:first-child > div > div{position: absolute; padding: 7px 7px 0px 7px; box-sizing: border-box; white-space: nowrap; width: 100%;}
.card_box_work > a > div:first-child > div > div > span{display: inline-block; padding: 3px 8px; color: var(--text_white); border-radius: 50px; font-size: 9px;}
.card_box_work > a > div:nth-child(2){padding: 10px 10px 15px 10px;}
.card_box_work > a > div:nth-child(2) .chnDesc{overflow: hidden; display: inline-grid;}
.card_box_work > a > div:nth-child(2) .chnDesc > div{width: 100%;}
.card_box_work > a > div:nth-child(2) .chnDesc > div:first-child{font-size: 17px; font-weight: bold;}
.card_box_work > a > div:nth-child(2) .chnDesc > div:nth-child(2){color: var(--text_silver); font-size: 11px;}
.card_box_work > a > div:nth-child(2) .chnWinner{margin-top: 5px; font-weight: bold; color: var(--text_green);}
.card_box_work > a > div:nth-child(2) .priceDisc{margin-top: 5px;}
.card_box_work > a > div:nth-child(2) .priceDisc > span{padding: 3px 5px 4px 5px; font-family: 'bold'; font-size: 11px; border-radius: 3px; background: var(--bg_red); color: var(--text_white);}

.card_market_items{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-gap: 20px; min-height: 50px;}
.card_market_items > a{width: 100%; color: var(--text_black); box-shadow: rgb(0 0 0 / 12%) 0px 1px 6px 0px; border-radius: 5px; overflow: hidden;}
.card_market_items .ciBox .cbCover{position: relative;}
.card_market_items .ciBox .cbCover > div:first-child{padding-bottom: 100%; background-color: var(--bg_silvercalm);}
.card_market_items .ciBox .cbCover > div:nth-child(2){position: absolute; padding: 3px 7px; border-radius: 3px; background: var(--bg_red); color: var(--text_white); font-size: 11px; font-weight: bold; bottom: 10px; left: 10px;}
.card_market_items .ciBox .cbContent{padding: 10px;}
.card_market_items .ciBox .cbContent .ccTitle{margin-bottom: 5px; font-weight: bold;}
.card_market_items .ciBox .cbContent .ccPrice{margin-bottom: 5px;}
.card_market_items .ciBox .cbContent .ccPrice > div:first-child{font-size: 15px; font-family: 'bold';}
.card_market_items .ciBox .cbContent .ccPrice > div:nth-child(2){font-size: 12px; color: var(--text_red); text-decoration: line-through;}
.card_market_items .ciBox .cbContent .ccType{font-size: 11px; color: var(--text_silver);}

/*webtoon*/
.card_hzl_wt{position: relative;}
.card_hzl_wt .wt_content{overflow: auto; white-space: nowrap; font-size: 0px; -ms-overflow-style: none; scrollbar-width: none;}
.card_hzl_wt .wt_content::-webkit-scrollbar{display: none;}
.card_hzl_wt .wt_content > a > div{width: 200px; cursor: pointer; position: relative; font-size: 14px; display: inline-block;}
.card_hzl_wt .wt_content > a:not(:last-child) > div{margin-right: 20px;}
.card_hzl_wt .wt_content > a > div > div{background: var(--bg_white); border: 2px solid var(--bg_line); margin-top: 60px; position: relative; border-radius: 10px; transition: var(--transition);}
.card_hzl_wt .wt_content > a:hover > div > div{border: 2px solid var(--bg_blue);}
.card_hzl_wt .wt_content > a > div > div > div:first-child{position: absolute; height: 0px; width: 100%; left: 0px; top: 0px;}
.card_hzl_wt .wt_content > a > div > div > div:first-child > div{height: 160px; width: 160px; bottom: -100px; left: 0px; right: 0px; background-color: var(--bg_silvercalm); position: absolute; border-radius: 10px;}
.card_hzl_wt .wt_content > a > div > div > div:first-child > div > div.coming{padding: 4px 15px 4px 15px; background: var(--bg_silvercalm); font-size: 11px; float: left; border-radius: 10px; color: var(--text_black); margin-top: 7px; margin-left: 7px;}
.card_hzl_wt .wt_content > a > div > div > div:nth-child(2){padding: 110px 15px 7px 15px; text-align: center;}
.card_hzl_wt .wt_content > a > div > div > div:nth-child(2) > div.whtTitle{font-family: 'bold'; color: var(--text_black); text-overflow: ellipsis; overflow: hidden;}
.card_hzl_wt .wt_content > a > div > div > div:nth-child(2) > div.priceBefore{font-size: 13px; font-family: 'bold'; text-align: center; padding: 6px 0px 5px 0px; border-radius: 50px;}
.card_hzl_wt .wt_content > a > div > div > div:nth-child(2) > div.priceBefore > span.pbFree{color: var(--text_silver);}
.card_hzl_wt .wt_content > a > div > div > div:nth-child(2) > div.priceBefore > span.pbPrice{text-decoration: line-through; color: var(--text_red); font-size: 12px;}
.card_hzl_wt .wt_content > a > div > div > div:nth-child(2) > div.priceBefore > span.pbDisc{margin-right: 5px; padding: 3px 5px; background: var(--bg_bluecalm); border-radius: 5px; color: rgb(9 67 254);}
.card_hzl_wt .wt_content > a > div > div > div:last-child{padding: 10px 0px 11px 0px; border-radius: 0px 0px 10px 10px; background: var(--bg_blue); color: var(--text_white); text-align: center;}
.card_hzl_wt:hover .scroll_card{opacity: 1;}

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

.card_flashlist > div:not(:last-child){margin-bottom: 25px;}
.card_flashlist > div > div{display: grid; grid-template-columns: 315px 1fr; width: 100%; grid-gap: 25px;}
.card_flashlist > div > div > div{width: 100%; position: relative;}
.card_flashlist .cf_cover{border-radius: 10px; width: 315px; height: 471px;}
.card_flashlist > div.flashScroll .cf_cover{position: fixed; top: 120px;}
.card_flashlist > div.flashScrollStop .cf_cover{position: absolute; bottom: 5px;}
.card_flashlist .cf_info{padding: 10px 0px;}
.card_flashlist .cf_info .cfi_title{font-size: 25px; font-family: 'bold';}
.card_flashlist .cf_info .cfi_user{margin-top: 10px;}
.card_flashlist .cf_info .cfi_user > a{display: table; table-layout: fixed; width: 100%;}
.card_flashlist .cf_info .cfi_user > a > div{display: table-cell; vertical-align: middle;}
.card_flashlist .cf_info .cfi_user > a > div:first-child{width: 35px;}
.card_flashlist .cf_info .cfi_user > a > div:first-child > div{height: 35px; background-color: var(--bg_silvercalm); border-radius: 50%;}
.card_flashlist .cf_info .cfi_user > a > div:nth-child(2){padding-left: 15px;}
.card_flashlist .cf_info .cfi_content{height: 255px; overflow: hidden; position: relative;}
.card_flashlist .cf_info .cfi_content > div:first-child{font-family: 'novel'; margin-top: 10px;}
.card_flashlist .cf_info .cfi_content > div:nth-child(2){display: none; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 80px; background-image: linear-gradient(to top, var(--bg_white) 35%, transparent); cursor: pointer;}
.card_flashlist .cf_info .cfi_content > div:nth-child(2) > div{padding-top: 60px; color: var(--text_blue); font-family: 'bold';}
.card_flashlist .cf_info .cfiPremium{position: relative; text-align: center;}
.card_flashlist .cf_info .cfiPremium > div{padding: 15px 10px; margin: 15px 0px 15px 0px; border-radius: 10px; background: var(--bg_bluecalm);}
.card_flashlist .cf_info .cfiPremium > div > div:first-child{font-weight: bold; font-size: 15px;}
.card_flashlist .cf_info .cfiPremium > div > div:nth-child(2){color: var(--text_blue); font-family: 'bold';}
.card_flashlist .cf_info .description p{font-size: 20px;}
.card_flashlist .cf_count{padding: 10px 0px; color: var(--text_silver);}
.card_flashlist .cf_count > span:not(:last-child){margin-right: 10px;}
.card_flashlist .cf_count > span > b{color: var(--text_black);}
.card_flashlist .cf_post{margin-top: 15px;}
.card_flashlist .cf_post > a{color: var(--text_silver);}

/**short**/

/*artwork*/
.card_art_grid{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; grid-gap: 25px;}
.card_art_grid.cagSearch{grid-template-columns: 1fr 1fr 1fr;}
.card_art_grid > a{width: 100%;}
.card_art_grid .cagContent .ccCover{position: relative;}
.card_art_grid .cagContent .ccCover > div:first-child{padding-bottom: 150%; background-color: var(--bg_silvercalm); border-radius: 5px;}
.card_art_grid .cagContent .ccCover > div:nth-child(2){position: absolute; top: 10px; left: 10px; padding: 3px 7px; background: var(--bg_premium); color: var(--text_white); border-radius: 5px; font-size: 9px;}
.card_art_grid .cagContent .ccBody{margin-top: 10px;}
.card_art_grid .cagContent .ccBody > div:first-child{font-size: 15px; font-weight: bold;}
.card_art_grid .cagContent .ccBody > div:nth-child(2){color: var(--text_silver);}

.card_hzl_art{overflow: hidden; position: relative;}
.card_hzl_art .cnt_card{padding: 0px 0px; overflow: auto; white-space: nowrap; font-size: 0px; -ms-overflow-style: none; scrollbar-width: none;}
.card_hzl_art .cnt_card::-webkit-scrollbar{display: none;}
.card_hzl_art .cnt_card > a{width: 160px; cursor: pointer; font-size: 15px; display: inline-block; vertical-align: top; transition: var(--transition);}
.card_hzl_art .cnt_card > a:not(:hover){color: var(--text_black);}
.card_hzl_art .cnt_card > a:not(:last-child){margin-right: 20px;}
.card_hzl_art .cnt_card > a > div:first-child{width: 160px; height: 240px; transition: var(--transition); border-radius: 5px; background-color: var(--bg_silvercalm); position: relative; overflow: auto;}
.card_hzl_art .cnt_card > a:hover > div:first-child{box-shadow: inset 0 0 0 2px var(--bg_blue);}
.card_hzl_art .cnt_card > a > div:first-child > div{position: absolute; top: 10px; left: 10px; padding: 3px 7px; background: var(--bg_premium); color: var(--text_white); border-radius: 5px; font-size: 9px;}
.card_hzl_art .cnt_card > a > div:last-child{margin-top: 10px;}
.card_hzl_art .cnt_card > a > div:last-child > div:first-child{font-family: 'bold'; text-overflow: ellipsis; overflow: hidden;}
.card_hzl_art .cnt_card > a > div:last-child > div:nth-child(2){color: var(--text_silver);}
.card_hzl_art:hover .scroll_card{opacity: 1;}

/**OTHER CARD**/
.card_timeline{}
.card_timeline > div:not(:last-child){margin-bottom: 15px;}
.card_timeline .ctStatus{border: 1px solid var(--bg_line); border-radius: 10px;}
.card_timeline .ctStatus .csInfo{padding: 8px 14px; border-bottom: 1px solid var(--bg_line); color: var(--text_silver);}
.card_timeline .ctStatus .csInfo a{font-family: 'bold';}
.card_timeline .ctStatus .csHead{padding: 10px; display: grid; grid-template-columns: 40px 1fr 20px; grid-gap: 15px; box-sizing: border-box;}
.card_timeline .ctStatus .csHead > div{width: 100%;}
.card_timeline .ctStatus .csHead > div:first-child div{height: 40px; border-radius: 50%; background-color: var(--bg_silvercalm);}
.card_timeline .ctStatus .csHead > div:nth-child(2) > div:first-child > a{color: var(--text_black); font-family: 'bold';}
.card_timeline .ctStatus .csHead > div:nth-child(2) > div:nth-child(2){font-size: 11px;}
.card_timeline .ctStatus .csHead > div:nth-child(2) > div:nth-child(2) a{color: var(--text_silver);}
.card_timeline .ctStatus .csHead > div:nth-child(3) .dd_btn{width: 15px; height: 15px; margin-top: 4px; cursor: pointer;}
.card_timeline .ctStatus .csBody > div:not(:first-child){margin-top: 15px;}
.card_timeline .ctStatus .csBody .csContent{padding: 0px 20px; position: relative; font-size: 20px;}
.card_timeline .ctStatus .csBody .csContent img{width: 20px; height: 20px; margin: 0px !important; display: inline !important;}
.card_timeline .ctStatus .csBody .csContent.cscMore{max-height: 157px; overflow: hidden;}
.card_timeline .ctStatus .csBody .csContent.cscMore span{position: absolute; bottom: 0px; right: 0px;}
.card_timeline .ctStatus .csBody .csContent.cscMore span > div{background: var(--bg_white); padding: 4px 20px 7px 40px; color: var(--text_silver); font-size: 14px;}
.card_timeline .ctStatus .csBody .csContent.cscMore span > div > div{cursor: pointer;}
.card_timeline .ctStatus .csBody .csContent.cscMore span > div > div:hover{color: var(--text_blue);}
.card_timeline .ctStatus .csOpt{padding: 0px 10px; margin-top: 15px;}

.cs_options{display: grid; grid-template-columns: 130px 1fr 15px; grid-gap: 20px; margin-bottom: 5px; align-items: center;}
.cs_options > div{width: 100%;}
.cs_options .co_vote{display: grid; align-items: center; grid-template-columns: 1fr 35px 35px; background: var(--bg_silvercalm);height: 35px; border-radius: 5px;}
.cs_options .co_vote > div{width: 100%;}
.cs_options .co_vote > div:first-child{width: 60px;}
.cs_options .co_vote > div:first-child > div{text-align: center;}
.cs_options .co_vote > div:first-child > span{display: none;}
.cs_options .co_vote > div:nth-child(1n+2){cursor: pointer;}
.cs_options .co_vote > div:nth-child(1n+2) > div{width: 20px; height: 20px;}
.cs_options .co_btn{display: inline-block; padding: 8px 0px; margin-right: 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; float: right; position: relative;}
.cs_options .co_more{width: 20px; height: 20px; cursor: pointer; margin-top: 10px; float: right; position: relative;}

.card_timeline_suggest > div:first-child{font-size: 20px; font-weight: bold;}
.card_timeline_suggest > div:nth-child(2){margin-top: 10px;}
.card_timeline_suggest > div:nth-child(2) > div > a > div{display: inline-block; vertical-align:top;}
.card_timeline_suggest .novel > a > div{width: 125px;}
.card_timeline_suggest .novel > a > div > div:first-child{width: 125px; height: 188px; border-radius: 5px; background-color: var(--bg_silvercalm);}
.card_timeline_suggest .novel > a > div > div:nth-child(2){margin-top: 5px; font-size: 15px; font-weight: bold;}
.card_timeline_suggest .comic > a > div{width: 125px;}
.card_timeline_suggest .comic > a > div > div:first-child{width: 125px; height: 125px; border-radius: 10px; background-color: var(--bg_silvercalm);}
.card_timeline_suggest .comic > a > div > div:nth-child(2){margin-top: 5px; font-size: 15px; font-weight: bold;}
.card_timeline_suggest .article > a > div{width: 125px;}
.card_timeline_suggest .article > a > div > div:first-child{height: 80px; border-radius: 5px; background-color: var(--bg_silvercalm);}
.card_timeline_suggest .article > a > div > div:nth-child(2){margin-top: 5px; font-weight: bold; white-space: normal;}
.card_timeline_suggest .film > a > div{width: 125px;}
.card_timeline_suggest .film > a > div > div:first-child{width: 125px; height: 188px; border-radius: 5px; background-color: var(--bg_silvercalm);}
.card_timeline_suggest .film > a > div > div:nth-child(2){margin-top: 5px; font-size: 15px; font-weight: bold;}
.card_timeline_suggest .talk > a > div{width: 125px;}
.card_timeline_suggest .talk > a > div > div:first-child{width: 125px; height: 125px; border-radius: 5px; background-color: var(--bg_silvercalm);}
.card_timeline_suggest .talk > a > div > div:nth-child(2){margin-top: 5px; font-size: 15px; font-weight: bold;}
.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 > a > div > div > div:first-child{width: 70px;}
.card_timeline_work .ctw_content > a > div > div > div:first-child > div{padding-bottom: 150%; 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-weight: 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 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: 5px; 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: 190px; 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; 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 > div > div:nth-child(2) > div:nth-child(2){font-size: 17px; font-weight: 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_trend{width: 600px;}
.card_trend > a > div{display: grid; width: 100%; grid-template-columns: 130px 100px 1fr; grid-gap: 15px; box-sizing: border-box; padding: 10px 0px 16px 0px; position: relative; align-items: center;}
.card_trend > a:not(:last-child) > div{border-bottom: 1px solid var(--bg_line);}
.card_trend > a:nth-child(-n+3) > div:before{content: ''; position: absolute; width: 5px; height: 150px; left: 0px; top: 13px; background: var(--bg_blue);}
.card_trend > a > div > div{width: 100%;}
.card_trend > a > div > div:first-child > div{font-size: 30px; font-weight: bold; text-align: center;}
.card_trend > a > div > div:nth-child(2) > div{padding-bottom: 150%; border-radius: 5px; background-color: var(--bg_silvercalm);}
.card_trend > a > div > div:nth-child(3) > div:first-child > span{padding: 3px 5px; font-size: 11px; border-radius: 5px; color: var(--text_white);}
.card_trend > a > div > div:nth-child(3) > div:nth-child(2){font-size: 20px; font-weight: bold; margin-top: 5px;}
.card_trend > a > div > div:nth-child(3) > div:nth-child(3){margin-top: 3px; color: var(--text_silver);}

.card_browse_agenda{display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 15px;}
.card_browse_agenda > a{width: 100%;}
.card_browse_agenda > a > div{border: 1px solid var(--bg_line); border-radius: 10px; overflow: hidden;}
.card_browse_agenda > a > div > div:first-child{padding-bottom: 55%; background-color: var(--bg_silvercalm);}
.card_browse_agenda > a > div > div:nth-child(2){padding: 5px 10px;}
.card_browse_agenda > a > div > div:nth-child(2) > div:first-child{font-size: 11px; color: var(--text_silver);}
.card_browse_agenda > a > div > div:nth-child(2) > div:nth-child(2){color: var(--text_black); display: grid;}
.card_browse_agenda > a > div > div:nth-child(2) > div:nth-child(2) > div{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%;}

.card_notif_list{}
.card_notif_list > div{padding: 15px;}
.card_notif_list > div:not(:last-child){border-bottom: 1px solid var(--bg_line);}
.card_notif_list > div.unread{background: #f7f7f7;}
.card_notif_list > div > div{display: table; table-layout: fixed; width: 100%;}
.card_notif_list > div > div > div{display: table-row;}
.card_notif_list > div > div > div > div{display: table-cell; vertical-align: top;}
.card_notif_list > div > div > div > div:nth-child(1){width: 35px;}
.card_notif_list > div > div > div > div:nth-child(2){padding-left: 15px;}
.card_notif_list > div > div > div > div:nth-child(2) a{font-family: 'bold';}
.card_notif_list > div > div > div > div:nth-child(3){width: 30px;}
.card_notif_list > div .cnl_photo{width: 35px; height: 35px; background-color: var(--bg_silvercalm); border-radius: 50%;}
.card_notif_list > div .cnl_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_notif_orders > div{border: 1px solid var(--bg_line); border-radius: 10px; overflow: hidden;}
.card_notif_orders > div:not(:last-child){margin-bottom: 15px;}
.card_notif_orders .coHead{padding: 5px 10px; box-sizing: border-box; display: grid; grid-template-columns: 1fr 150px; align-items: center;}
.card_notif_orders .coHead > div{width: 100%;}
.card_notif_orders .coHead > div:nth-child(2){text-align: right;}
.card_notif_orders .coHead > div > div:first-child{font-weight: bold;}
.card_notif_orders .coHead > div > div:nth-child(2){font-size: 11px;}
.card_notif_orders .coHead .chStatus > span{font-size: 9px; padding: 2px 5px; border-radius: 5px; color: var(--text_white);}
.card_notif_orders .coHead .chTimer{color: var(--text_red); margin-top: 3px;}
.card_notif_orders .coItems{padding: 5px 10px; box-sizing: border-box; grid-gap: 10px; display: grid; grid-template-columns: 40px 1fr;}
.card_notif_orders .coItems > div{width: 100%;}
.card_notif_orders .coItems > div:first-child > div{padding-bottom: 100%; border-radius: 5px; background-color: var(--bg_silvercalm);}
.card_notif_orders .coItems > div:nth-child(2) > div:nth-child(2){font-size: 11px; font-weight: bold;}
.card_notif_orders .coItemsOthers{padding: 5px 10px; color: var(--text_silver);}
.card_notif_orders .coAddress{padding: 5px 10px; color: var(--text_silver); border-top: 1px solid var(--bg_line);}
.card_notif_orders .coItemsOpt{display: grid; grid-template-columns: 1fr 1fr 1fr; border-top: 1px solid var(--bg_line); transition: var(--transition);}
.card_notif_orders .coItemsOpt.ciO2{grid-template-columns: 1fr 1fr;}
.card_notif_orders .coItemsOpt > div{width: 100%; padding: 10px 0px; text-align: center;}
.card_notif_orders .coItemsOpt > div:not(:last-child){border-right: 1px solid var(--bg_line);}
.card_notif_orders .coItemsOpt > div:hover{background: var(--bg_silvercalm);}
.card_notif_orders .coItemsOpt > div.disabled{background: var(--bg_bluecalm); color: var(--text_silver); cursor: context-menu;}
.card_notif_orders .coItemsOpt > div:not(.disabled){cursor: pointer;}
.card_notif_orders .coItemsOpt > div.btnFinish:not(.disabled){background: var(--bg_blue); color: var(--text_white);}

.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_users_list{}
.card_users_list > div{padding: 15px; cursor: pointer;}
.card_users_list > div:not(:last-child){border-bottom: 1px solid var(--bg_line);}
.card_users_list > div > div{display: table; table-layout: fixed; width: 100%;}
.card_users_list > div > div > div{display: table-cell; vertical-align: middle;}
.card_users_list > div > div > div:first-child{width: 50px;}
.card_users_list > div > div > div:first-child > div{height: 50px; background-color: var(--bg_silvercalm); border-radius: 50%;}
.card_users_list > div > div > div:nth-child(2){padding-left: 15px;}
.card_users_list > div > div > div:nth-child(2) > div{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.card_users_list > div:hover > div > div:nth-child(2) > div:first-child{color: var(--text_blue);}

.card_users_list_popup{}
.card_users_list_popup > div{padding: 10px 0px;}
.card_users_list_popup > div:not(:last-child){border-bottom: 1px solid var(--bg_line);}
.card_users_list_popup > div > div{display: table; table-layout: fixed; width: 100%;}
.card_users_list_popup > div > div > div{display: table-cell; vertical-align: middle;}
.card_users_list_popup > div > div > div:first-child{width: 35px;}
.card_users_list_popup > div > div > div:first-child > div{height: 35px; background-color: var(--bg_silvercalm); border-radius: 50%;}
.card_users_list_popup > div > div > div:nth-child(2){padding-left: 15px;}
.card_users_list_popup > div > div > div:nth-child(2) > div{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.card_users_list_popup > div > div > div:nth-child(2) > div:first-child{font-family: 'bold';}
.card_users_list_popup > div > div > div:nth-child(2) > div:nth-child(2){color: var(--text_silver);}
.card_users_list_popup > div:hover > div > div:nth-child(2) > div:first-child{color: var(--text_blue);}
.card_users_list_popup .culp_status{padding: 2px 6px; border-radius: 11px; background: var(--bg_green); color: var(--text_white); font-size: 7px; top: -3px; position: relative;}

.card_users_box{display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 15px; min-height: 50px;}
.card_users_box > div{width: 100%; border-radius: 5px;}
.card_users_box > div > div:first-child{height: 80px; background-size: cover; background-position: center;}
.card_users_box > div > div:first-child > div{background-color: var(--bg_silvercalm); width: 80px; height: 80px; border-radius: 50%; position: relative; top: 40px; box-shadow: 0px 0px 0px 4px white;}
.card_users_box > div > div:nth-child(2){margin-top: 50px; padding: 0px 10px 20px 10px; text-align: center;}
.card_users_box > div > div:nth-child(2) > div:first-child{font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.card_users_selected{overflow: auto; white-space: nowrap; width: 100%;}
.card_users_selected > div{height: 68px; width: 45px; overflow: hidden; display: inline-block;}
.card_users_selected > div:not(:last-child){margin-right: 15px;}
.card_users_selected > div > div:first-child{width: 45px; height: 45px; background-color: var(--bg_silvercalm); border-radius: 50%; position: relative;}
.card_users_selected > div > div:first-child > div{width: 25px; height: 25px; display: none; background: var(--bg_silver); border-radius: 50%; position: absolute; bottom: -5px; right: 0px;}
.card_users_selected > div:hover > div:first-child > div{display: block;}
.card_users_selected > div > div:first-child > div > div{width: 10px; height: 10px; margin-top: 8px;}
.card_users_selected > div > div:last-child{margin-top: 5px; font-size: 11px; overflow: hidden; text-overflow: ellipsis;}

.card_article{display: grid; grid-template-columns: 1fr 1fr; grid-gap: 25px;}
.card_article > a{width: 100%;}
.card_article > a > div:first-child{height: 130px; background-color: var(--bg_silvercalm); border-radius: 7px;}
.card_article > a > div:nth-child(2){display: grid;}
.card_article > a > div:nth-child(2) > div{margin-top: 10px; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: bold; font-size: 15px;}

.card_media{display: grid; grid-template-columns: 1fr 1fr; grid-gap: 25px;}
.card_media > a{width: 100%;}
.card_media > a > div{height: 207px; background-color: var(--bg_silvercalm); position: relative; border-radius: 10px;}
.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_hzl_users{height: 175px; overflow: hidden; position: relative;}
.card_hzl_users > div:first-child{height: 205px; padding: 0px 0px; overflow: auto; white-space: nowrap; font-size: 0px;}
.card_hzl_users > div:first-child > div{width: 100px; height: 180px; cursor: pointer; font-size: 15px; display: inline-block;}
.card_hzl_users > div:first-child > div:not(:last-child){margin-right: 35px;}
.card_hzl_users > div:first-child > div > div:first-child{width: 100px; height: 100px;}
.card_hzl_users > div:first-child > div > div:first-child > a > div{width: 100px; height: 100px; border-radius: 50%; background-color: var(--bg_silvercalm);}
.card_hzl_users > div:first-child > div > div:last-child{margin-top: 10px;}
.card_hzl_users > div:first-child > div > div:last-child > div:first-child{font-family: 'bold'; text-align: center; text-overflow: ellipsis; overflow: hidden;}
.card_hzl_users > div:first-child > div > div:last-child > div:first-child > a{color: var(--text_black);}
.card_hzl_users > div:first-child > div > div:last-child > div:nth-child(2){margin-top: 5px;}
.card_hzl_users > div:first-child > div > div:last-child > div:nth-child(2) button{width: 100%;}
.card_hzl_users:hover .scroll_card{opacity: 1;}

.card_hzl_reading{overflow: auto; position: relative; width: 100%;}
.card_hzl_reading .cnt_card{padding: 0px 0px; overflow: auto; margin-left: 0px; white-space: nowrap; font-size: 0px; -ms-overflow-style: none; scrollbar-width: none;}
.card_hzl_reading .cnt_card::-webkit-scrollbar{display: none;}
.card_hzl_reading .cnt_card > a{width: 170px; cursor: pointer; font-size: 13px; display: inline-block; vertical-align: top; transition: var(--transition);}
.card_hzl_reading .cnt_card > a:not(:hover){color: var(--text_black);}
.card_hzl_reading .cnt_card > a:not(:last-child){margin-right: 20px;}
.card_hzl_reading .cnt_card > a > div:first-child{padding-bottom: 100%; transition: var(--transition); background-color: var(--bg_silvercalm); position: relative; overflow: auto; border-radius: 5px;}
.card_hzl_reading .cnt_card > a:hover > div:first-child{box-shadow: inset 0 0 0 2px var(--bg_blue);}
.card_hzl_reading .cnt_card > a > div:nth-child(2){margin-top: 15px;}
.card_hzl_reading .cnt_card > a > div:nth-child(2) > div:first-child{font-size: 15px; font-family: 'bold'; margin-bottom: 3px;}
.card_hzl_reading .cnt_card > a > div:nth-child(2) > div:nth-child(2){color: var(--text_silver);}
.card_hzl_reading:hover .scroll_card{opacity: 1;}

.card_hzl_leaverev{display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 15px;}
.card_hzl_leaverev > div{width: 100%; box-sizing: border-box; padding: 10px 15px; border: 1.5px solid var(--bg_black); border-radius: 5px; margin-right: 15px; cursor: pointer; font-size: 14px; display: inline-block; vertical-align: top;}
.card_hzl_leaverev .chlBox{display: grid; grid-template-columns: 70px 1fr; grid-gap: 10px;}
.card_hzl_leaverev .chlBox > div{width: 100%;}
.card_hzl_leaverev .chlBox > div:first-child div{padding-bottom: 150%; background-color: var(--bg_silvercalm); border-radius: 5px;}
.card_hzl_leaverev .chlBox > div:nth-child(2) > div:first-child{white-space: nowrap;}
.card_hzl_leaverev .chlBox > div:nth-child(2) > div:first-child span{display: inline-block; padding: 3px 8px 2px 8px; color: var(--text_white); border-radius: 50px; font-size: 9px;}
.card_hzl_leaverev .chlBox > div:nth-child(2) > div:nth-child(2){margin-top: 3px; font-weight: bold;}
.card_hzl_leaverev .chlBox > div:nth-child(2) > div:nth-child(3){margin-top: 2px; font-size: 11px; color: var(--text_silver);}
.card_hzl_leaverev .chlBox .cbTitle{display: grid; width: 100%;}
.card_hzl_leaverev .chlBox .cbStar{margin-top: 8px; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}
.card_hzl_leaverev .chlBox .cbStar > div{width: 100%;}
.card_hzl_leaverev .chlBox .cbStar > div > div{width: 25px; height: 25px; float: left;}

.card_review_users{background: var(--bg_blue); margin-top: 20px; padding-bottom: 30px;}
.card_review_users .title > div > div:first-child{color: var(--text_white);}
.card_review_users > div:first-child{padding: 0px 25px;}
.card_review_users .cruContent{display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 15px;}
.card_review_users .cruContent > a{width: 100%;}
.card_review_users .cruIcon{position: absolute; top: 10px; right: 10px; z-index: 1; width: 25px; height: 25px;}
.card_review_users .cruBox{color: var(--text_black); position: relative; height: 195px; padding: 10px 15px; box-sizing: border-box; border-radius: 10px; background: var(--bg_white);font-size: 14px;}
.card_review_users .cruBox .cbTop{height: 10px; white-space: nowrap; height: 20px;}
.card_review_users .cruBox .cbTop span{display: inline-block; padding: 3px 8px 2px 8px; color: var(--text_white); border-radius: 50px; font-size: 9px;}
.card_review_users .cruBox .cbTitle{margin-top: 5px;}
.card_review_users .cruBox .cbTitle > div:first-child{font-size: 15px; font-weight: bold; display: grid; width: 100%;}
.card_review_users .cruBox .cbTitle > div:nth-child(2){font-size: 11px;}
.card_review_users .cruBox .cbBody{display: grid; margin-top: 10px; grid-template-columns: 60px 1fr; grid-gap: 10px;}
.card_review_users .cruBox .cbBody > div{width: 100%;}
.card_review_users .cruBox .cbBody > div:first-child div{padding-bottom: 150%; border-radius: 5px; background-color: var(--bg_silvercalm);}
.card_review_users .cruBox .cbBody .cbName{font-weight: bold;}
.card_review_users .cruBox .cbBody .cbStar{display: inline-block; width: 100%; margin-top: 2px;}
.card_review_users .cruBox .cbBody .cbStar > div{width: 110px; float: left; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}
.card_review_users .cruBox .cbBody .cbStar > div > div{width: 100%;}
.card_review_users .cruBox .cbBody .cbStar > div > div > div{width: 15px; height: 15px; float: left;}
.card_review_users .cruBox .cbBody .cbRev{white-space: break-spaces; height: 44px; overflow: hidden;}

.card_competition{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 15px;}
.card_competition > a{width: 100%;}
.card_competition > a > div{border: 1px solid var(--bg_line); border-radius: 10px; overflow: hidden;}
.card_competition > a > div > div:first-child{padding-bottom: 60%; background-color: var(--bg_silvercalm); position: relative;}
.card_competition > a > div > div:first-child > div{position: absolute; top: 10px; left: 10px; padding: 3px 8px; border-radius: 50px; background: red; font-size: 9px; color: var(--text_white);}
.card_competition > a > div > div:first-child > div.coming{background: var(--bg_blue);}
.card_competition > a > div > div:first-child > div.ongoing{background: var(--bg_green);}
.card_competition > a > div > div:first-child > div.finish{background: var(--bg_silver);}
.card_competition > a > div > div:nth-child(2){padding: 10px;}
.card_competition > a > div > div:nth-child(2) > div:first-child{font-size: 15px; font-family: 'bold'; display: inline-grid; width: 100%;}
.card_competition > a > div > div:nth-child(2) > div:nth-child(2){display: grid; grid-template-columns: 15px 1fr; grid-gap: 7px; align-items: center; margin: 3px 0px 5px 0px;}
.card_competition > a > div > div:nth-child(2) > div:nth-child(2) > div{width: 100%; font-size: 12px; color: var(--text_silver);}
.card_competition > a > div > div:nth-child(2) > div:nth-child(2) > div:first-child > div{width: 15px; height: 15px;}
.card_competition > a > div > div:nth-child(2) > div:nth-child(3){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: var(--transition);}
.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:not(:last-child) > div{margin-bottom: 20px;}
.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: 50px;}
.card_list_comic > div > div > div:first-child div{padding-bottom: 150%; background-color: var(--bg_silvercalm); border-radius: 5px;}
.card_list_comic > div > div > div:last-child{padding-left: 15px;}
.card_list_comic > div > div > div:last-child > div:first-child > a{color: var(--text_silver); font-size: 11px;}
.card_list_comic > div > div > div:last-child > div:nth-child(2){font-size: 17px; font-family: 'bold'; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.card_list_comic > div > div > div:last-child > div:last-child{margin-top: 5px;}

.card_list_work > a > div{display: table; width: 100%; table-layout: fixed;}
.card_list_work > a:not(:last-child) > div{margin-bottom: 25px;}
.card_list_work > a > div > div{display: table-cell; vertical-align: top;}
.card_list_work > a > div > div:first-child{width: 55px;}
.card_list_work > a > div > div:first-child > div{padding-bottom: 150%; background-color: var(--bg_silvercalm); border-radius: 3px;}
.card_list_work > a > div > div:nth-child(2){padding-left: 15px;}
.card_list_work > a > div > div:nth-child(2) .clwType{margin-bottom: 3px;}
.card_list_work > a > div > div:nth-child(2) .clwType > span{font-size: 9px; padding: 2px 5px; border-radius: 5px; color: var(--text_white);}
.card_list_work > a > div > div:nth-child(2) .clwTitle{font-size: 17px; font-weight: bold; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.card_list_work > a > div > div:nth-child(2) .clwUser{margin-top: 5px; color: var(--text_silver);}

.card_hzl_story{overflow: hidden; position: relative;}
.card_hzl_story .cnt_card{padding: 0px 0px; overflow: auto; white-space: nowrap; font-size: 0px; -ms-overflow-style: none; scrollbar-width: none;}
.card_hzl_story .cnt_card::-webkit-scrollbar{display: none;}
.card_hzl_story .cnt_card > div{width: 190px; cursor: pointer; font-size: 14px; display: inline-block; background: var(--bg_white); border-radius: 5px; overflow: hidden; color: var(--text_white);}
.card_hzl_story .cnt_card > div:not(:last-child){margin-right: 20px;}
.card_hzl_story .cnt_card > div > div{height: 210px; position: relative; background-color: var(--bg_silvercalm);}
.card_hzl_story .cnt_card > div > div:before{content: ''; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; background: rgba(0, 0, 0, 0.25);}
.card_hzl_story .cnt_card > div:hover > div{box-shadow: inset 0px 0px 0px 3px var(--bg_blue);}
.card_hzl_story .cnt_card > div > div > div{position: absolute; bottom: 0px; left: 0px; width: 100%; z-index: 1;}
.card_hzl_story .cnt_card > div > div > div > div{padding: 50px 15px 20px 15px; white-space: normal;}
.card_hzl_story .cnt_card > div > div > div > div > div:first-child{font-family: 'bold';}
.card_hzl_story .cnt_card .ccuser{display: table; width: 100%; table-layout: fixed; margin-top: 10px;}
.card_hzl_story .cnt_card .ccuser > div{display: table-cell; vertical-align: middle;}
.card_hzl_story .cnt_card .ccuser > div:first-child{width: 25px;}
.card_hzl_story .cnt_card .ccuser > div:first-child > div{height: 25px; border-radius: 50%; background-color: var(--bg_blue);}
.card_hzl_story .cnt_card .ccuser > div:nth-child(2){padding-left: 10px;}
.card_hzl_story:hover .scroll_card{opacity: 1;}

.card_hzl_official{overflow: hidden; position: relative;}
.card_hzl_official .cnt_card{padding: 0px 0px; overflow: auto; white-space: nowrap; font-size: 0px; -ms-overflow-style: none; scrollbar-width: none;}
.card_hzl_official .cnt_card::-webkit-scrollbar{display: none;}
.card_hzl_official .cnt_card > a{width: 110px; cursor: pointer; font-size: 14px; display: inline-block;}
.card_hzl_official .cnt_card > a:not(:last-child){margin-right: 20px;}
.card_hzl_official .cnt_card > a > div{height: 110px; background-color: var(--bg_silvercalm); border-radius: 10px;}
.card_hzl_official:hover .scroll_card{opacity: 1;}

.card_profile_work{display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 25px;}
.card_profile_work > a{width: 100%;}
.card_profile_work > a > div:first-child{padding-bottom: 150%; background-color: var(--bg_silvercalm); border-radius: 5px;}
.card_profile_work > a > div:nth-child(2){margin-top: 10px; display: grid;}
.card_profile_work > a > div:nth-child(2) > div{font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%;}

.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: var(--transition); 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-weight: 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 > div:first-child{width: 30px; height: 30px;}
.card_conversation > div:nth-child(2){max-width: 310px;}
.card_conversation > div:nth-child(2) > div:first-child{padding: 10px 15px 12px 15px; background: var(--bg_white);}
.card_conversation > div:nth-child(2) > div:first-child > div.realname{font-family: 'bold'; margin-bottom: 3px;}
.card_conversation > div:nth-child(2) > div:first-child .photo{width: 150px; height: 150px; cursor: pointer; background-size: cover;}
.card_conversation > div:nth-child(2) > div:first-child .sticker{width: 80px; height: 80px; background-size: cover;}
.card_conversation > div:nth-child(2) > div:last-child{padding: 5px 0px 10px 0px; height: 14px; font-size: 11px; color: var(--text_silver);}
.card_conversation.cc_you > div:first-child{float: left;}
.card_conversation.cc_you > div:nth-child(2){float: left; margin-left: 15px;}
.card_conversation.cc_you > div:nth-child(2) > div:first-child{border-radius: 0px 10px 10px 10px; background: var(--bg_blue); color: var(--text_white);}
.card_conversation.cc_you > div:nth-child(2) > div:first-child a{color: var(--text_white); text-decoration: underline;}
.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;}
.card_conversation.cc_me > div:nth-child(2) > div:first-child{border-radius: 10px 0px 10px 10px; background: var(--bg_silvercalm);}
.card_conversation.cc_me > div:nth-child(2) > div:first-child~div:last-child{float: right;}
.card_conversation:after{content: ''; display: table; clear: both;}

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

.card_suggest_work > a > div{display: grid; grid-template-columns: 50px 1fr; grid-gap: 15px; align-items: center;}
.card_suggest_work > a:not(:last-child) > div{margin-bottom: 15px;}
.card_suggest_work > a > div > div{width: 100%;}
.card_suggest_work > a > div > div:first-child > div{padding-bottom: 150%; background-color: var(--bg_silvercalm); border-radius: 5px;}
.card_suggest_work > a > div > div:nth-child(2) > div:first-child > span{font-size: 9px; color: var(--text_white); padding: 2px 5px; border-radius: 3px;}
.card_suggest_work > a > div > div:nth-child(2) > div:nth-child(2){font-size: 15px; font-weight: bold; margin-top: 5px; color: var(--text_black);}

.card_hzl_class{overflow: hidden; position: relative;}
.card_hzl_class .cnt_card{overflow: auto; white-space: nowrap; font-size: 0px;  -ms-overflow-style: none; scrollbar-width: none;}
.card_hzl_class .cnt_card::-webkit-scrollbar{display: none;}
.card_hzl_class .cnt_card > a > div{width: 215px; cursor: pointer; position: relative; font-size: 14px; display: inline-block; overflow: hidden;}
.card_hzl_class .cnt_card > a:not(:first-child){margin-left: 25px;}
.card_hzl_class .cnt_card > a > div > div:first-child{height: 215px; border-radius: 5px; background-color: var(--bg_silvercalm); position: relative; overflow: hidden;}
.card_hzl_class .cnt_card > a > div > div:first-child > div{width: 25px; height: 37px; position: absolute; right: 15px;}
.card_hzl_class .cnt_card > a > div > div:last-child{padding: 10px 0px;}
.card_hzl_class .cnt_card > a > div > div:last-child > div:first-child{font-size: 17px; font-family: 'bold'; text-overflow: ellipsis; overflow: hidden;}
.card_hzl_class .cnt_card > a > div > div:last-child > div:nth-child(2){color: var(--text_silver);}
.card_hzl_class:hover .scroll_card{opacity: 1;}

.card_hzl_film{overflow: hidden; position: relative;}
.card_hzl_film .cnt_card{overflow: auto; white-space: nowrap; font-size: 0px; -ms-overflow-style: none; scrollbar-width: none;}
.card_hzl_film .cnt_card::-webkit-scrollbar{display: none;}
.card_hzl_film .cnt_card > a > div{width: 150px; cursor: pointer; position: relative; font-size: 15px; display: inline-block; overflow: hidden;}
.card_hzl_film .cnt_card > a:not(:last-child){margin-right: 20px;}
.card_hzl_film .cnt_card > a > div > div:first-child{height: 215px; border-radius: 5px; background-color: var(--bg_silvercalm); position: relative; overflow: hidden;}
.card_hzl_film .cnt_card > a > div > div:first-child .cntPremium{position: absolute; top: 10px; left: 10px; padding: 3px 7px; background: rgba(251, 65, 49, 0.65); color: var(--text_white); border-radius: 5px; font-size: 9px;}
.card_hzl_film .cnt_card > a > div > div:nth-child(2){padding: 10px 0px;}
.card_hzl_film .cnt_card > a > div > div:nth-child(2) > div{margin-top: 3px; color: var(--text_white); font-size: 17px; text-overflow: ellipsis; overflow: hidden;}
.card_hzl_film:hover .scroll_card{opacity: 1;}

.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{padding-bottom: 143%; background-color: var(--bg_black); border-radius: 5px; position: relative;}
.card_film > a > div > div:first-child .cntPremium{position: absolute; top: 10px; left: 10px; padding: 3px 7px; background: rgba(251, 65, 49, 0.65); color: var(--text_white); border-radius: 5px; font-size: 9px;}
.card_film > a > div > div:last-child{padding: 15px 0px 20px 0px; display: inline-grid;}
.card_film > a > div > div:last-child > div{font-size: 17px; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: var(--text_white);}

.card_list_film > div{display: table; 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: middle;}
.card_list_film > div > div:first-child{width: 55px;}
.card_list_film > div > div:first-child > a > div{padding-bottom: 150%; background-color: var(--bg_silvercalm); border-radius: 3px;}
.card_list_film > div > div:last-child{padding-left: 15px;}
.card_list_film > div > div:last-child > div:first-child{font-size: 17px; font-weight: bold; color: var(--text_black); text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.card_list_film > div > div:last-child > div:nth-child(2){color: var(--text_silver);}
.card_list_film > div > div:last-child > div:nth-child(2) > span:not(:last-child){margin-right: 5px;}
.card_list_film > div > div:last-child > div:nth-child(3){margin-top: 5px;}

.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_film_episode{}
.card_film_episode > a > div{padding: 15px 0px;}
.card_film_episode .cfeBox{display: table; table-layout: fixed; width: 100%;}
.card_film_episode .cfeBox > div{display: table-cell; vertical-align: top;}
.card_film_episode .cfeBox > div:first-child{width: 150px;}
.card_film_episode .cfeBox > div:first-child > div{padding-bottom: 56%; background-color: var(--bg_silver); border-radius: 5px;}
.card_film_episode .cfeBox > div:nth-child(2){padding-left: 15px; padding-top: 5px;}
.card_film_episode .cfeBox > div:nth-child(2) > div:first-child{font-size: 17px; font-family: 'bold'; color: var(--text_white);}
.card_film_episode .cfeBox > div:nth-child(2) > div:nth-child(2){margin-top: 5px; color: var(--text_silver);}

.card_class_box{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 25px; min-height: 50px;}
.card_class_box > a{width: 100%;}
.card_class_box .ccBox .cbCover{position: relative;}
.card_class_box .ccBox .cbCover > div:first-child{padding-bottom: 70%; border-radius: 10px; background-color: var(--bg_silvercalm); transition: var(--transition); position: relative;}
.card_class_box .ccBox .cbCover > span:nth-child(2){position: absolute; bottom: 10px; left: 10px; padding: 2px 7px; border-radius: 5px; font-size: 11px; color: var(--text_white); background: var(--bg_orange);}
.card_class_box .ccBox:hover .cbCover > div{box-shadow: inset 0px 0px 0px 2px var(--bg_blue);}
.card_class_box .ccBox .cbStatus{position: absolute; bottom: 13px; right: 13px;}
.card_class_box .ccBox .cbStatus > span{padding: 3px 7px; font-size: 11px; background: var(--bg_blue); color: var(--text_white); border-radius: 3px;}
.card_class_box .ccBox .cbBody{margin-top: 7px;}
.card_class_box .ccBox .cbBody > div:first-child{font-size: 11px; color: var(--text_silver);}
.card_class_box .ccBox .cbBody > div:nth-child(2){font-weight: bold;}

.card_mission > a > div{padding: 10px 0px;}
.card_mission > a > div.expired{opacity: 0.5;}
.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_talk_box{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 15px; min-height: 50px;}
.card_talk_box > a{width: 100%; box-shadow: 0px 0px 0px 1px var(--bg_line); border-radius: 5px; overflow: hidden; position: relative;}
.card_talk_box > a > div:first-child{position: relative;}
.card_talk_box > a > div:first-child > div:first-child{padding-bottom: 60%; background-color: var(--bg_silvercalm);}
.card_talk_box > a > div:first-child > div:nth-child(2){padding: 3px 8px; font-size: 9px; background: var(--bg_silver); position: absolute; top: 10px; left: 10px; border-radius: 50px; color: var(--text_white);}
.card_talk_box > a.podcast > div:first-child > div:nth-child(2){background: var(--bg_orange);}
.card_talk_box > a.tellastory > div:first-child > div:nth-child(2){background: var(--bg_tosca);}
.card_talk_box > a > div:nth-child(2){padding: 10px 15px;}
.card_talk_box > a > div:nth-child(2) > div:first-child{color: var(--text_silver); font-size: 11px;}
.card_talk_box > a > div:nth-child(2) > div:nth-child(2){margin-top: 3px; font-weight: bold;}
.card_talk_box .ctbTime{white-space: nowrap; margin-top: 5px; height: 25px;}
.card_talk_box .ctbTime > div{position: absolute; bottom: 10px; display: inline-block; padding: 3px 7px; font-size: 11px; border-radius: 3px; background: var(--bg_silver); color: var(--text_white);}
.card_talk_box .ctbTime.coming > div{background: var(--bg_blue);}

.card_talk_list{}
.card_talk_list > a{}
.card_talk_list > a > div{display: table; table-layout: fixed; width: 100%; padding: 10px 0px;}
.card_talk_list > a > div > div{display: table-cell; vertical-align: middle;}
.card_talk_list > a > div > div:first-child{width: 70px;}
.card_talk_list > a > div > div:first-child > div{padding-bottom: 80%; background-color: var(--bg_silvercalm); border-radius: 5px;}
.card_talk_list > a > div > div:nth-child(2){padding-left: 15px;}
.card_talk_list > a > div > div:nth-child(2) > div:first-child{font-family: 'bold';}
.card_talk_list > a > div > div:nth-child(2) > div:nth-child(2){margin-top: 3px; color: var(--text_silver);}

.card_film_work{}
.card_film_work > div:first-child{font-weight: bold;}
.card_film_work .cfwContent{margin-top: 10px;}
.card_film_work .cfwContent > a{display: grid; grid-template-columns: 50px 1fr; grid-gap: 10px; align-items: center;}
.card_film_work .cfwContent > a:not(:last-child){margin-bottom: 15px;}
.card_film_work .cfwContent > a > div:first-child > div{padding-bottom: 150%; background-color: var(--bg_silver); border-radius: 3px;}
.card_film_work .cfwContent > a > div{width: 100%;}
.card_film_work .cfwContent > a > div > div:first-child > span{padding: 1px 5px; border-radius: 5px; font-size: 11px; color: var(--text_white);}
.card_film_work .cfwContent > a > div > div:nth-child(2){margin-top: 3px; font-weight: bold; display: grid; width: 100%;}
.card_film_work .cfwContent > a > div > div:nth-child(3){font-size: 11px; color: var(--text_silver); display: grid; width: 100%;}

.card_address{}
.card_address > div{padding: 15px 15px 16px 15px; transition: var(--transition);}
.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: grid; align-items: center; grid-template-columns: 1fr 1fr;}
.card_package > div > div > div:nth-child(2) > div{width: 100%;}
.card_package > div > div > div:nth-child(2) > div:first-child{font-size: 20px;}
.card_package > div > div > div:nth-child(2) > div:nth-child(2){font-size: 17px; text-align: right; font-family: 'bold';}

.card_cart_item{}
.card_cart_item > div{padding: 20px 15px; display: grid; grid-template-columns: 20px 1fr; grid-gap: 15px; box-sizing: border-box;}
.card_cart_item > div:not(:last-child){border-bottom: 1px solid var(--bg_line);}
.card_cart_item > div > div{width: 100%;}
.card_cart_item > div > div:first-child{text-align: center; padding-top: 3px;}
.card_cart_item > div > div:first-child input{transform: scale(1.3); cursor: pointer;}
.card_cart_item .cciContent{margin-top: 15px; overflow: hidden; margin-top: 15px; border: 1px solid var(--bg_line); border-radius: 5px;}
.card_cart_item .cciContent > div:not(:last-child){border-bottom: 1px solid var(--bg_line);}
.card_cart_item .cItem{display: grid; grid-template-columns: 15px 60px 1fr; grid-gap: 15px; box-sizing: border-box; padding: 15px 10px;}
.card_cart_item .cItem > div{width: 100%;}
.card_cart_item .cItem > div:first-child{padding-top: 7px;}
.card_cart_item .cItem > div:first-child input{transform: scale(1.2); cursor: pointer;}
.card_cart_item .cItem > div:nth-child(2) > div{padding-bottom: 150%; border-radius: 5px; background-color: var(--bg_silvercalm);}
.card_cart_item .cItem .ciBody{padding-top: 3px;}
.card_cart_item .cItem .ciBody > div:first-child{font-weight: bold;}
.card_cart_item .cItem .ciBody > div:nth-child(2){font-family: 'bold'; margin-top: 7px; font-size: 15px;}
.card_cart_item .cItem .ciBody > div:nth-child(3){font-size: 12px; margin-top: 2px; color: var(--text_silver);}
.card_cart_item .cItem .ciBody .cibOption{height: 30px; margin-top: 10px;}
.card_cart_item .cItem .ciBody .cibOption > div{float: right; white-space: nowrap;}
.card_cart_item .cItem .ciBody .cibOption > div > div{display: inline-block; vertical-align: top;}
.card_cart_item .cItem .ciBody .cibOption > div > div:not(:last-child){margin-right: 15px;}
.card_cart_item .cItem .coDelete{width: 30px; height: 30px;}
.card_cart_item .cItem .coDelete > div{width: 20px; height: 20px; margin-top: 5px;}
.card_cart_item .cItem .coCountDig{}
.card_cart_item .cItem .coCountDig > div{padding: 3px 0px; width: 35px; text-align: center; border-radius: 5px; margin-top: 1px; font-family: 'bold'; box-shadow: 0px 0px 0px 1px var(--bg_line);}
.card_cart_item .cItem .coCount{width: 80px; height: 30px; padding: 0px 5px; box-shadow: 0px 0px 0px 1px var(--bg_line); border-radius: 5px; display: grid; grid-template-columns: 25px 1fr 25px; align-items: center;}
.card_cart_item .cItem .coCount > div{width: 100%; text-align: center; font-family: 'bold'}
.card_cart_item .cItem .coCount > div:not(:nth-child(2)){cursor: pointer; transition: var(--transition);}
.card_cart_item .cItem .coCount > div:not(:nth-child(2)):hover{transform: scale(1.2);}
.card_cart_item .cItem .coCount > div:not(:nth-child(2)) > div{width: 15px; height: 15px;}
.card_cart_item .cItem .ciAlert{color: var(--text_red); margin-top: 10px; font-size: 11px; text-align: right;}
.card_cart_item .cItem.warning {box-shadow: inset 0px 0px 0px 2px var(--bg_red);}

.card_trx > div:not(:last-child){margin-bottom: 20px;}
.card_trx > div > div:first-child{font-family: 'bold';}
.card_trx > div > div:nth-child(2){margin-top: 5px;}
.card_trx .ctList > a > div{border-radius: 5px; border: 1px solid var(--bg_line);}
.card_trx .ctList > a:not(:last-child) > div{margin-bottom: 15px;}
.card_trx .ctList .clHead{display: grid; grid-template-columns: 1fr 100px; align-items: center; padding: 10px 15px; box-sizing: border-box; border-bottom: 1px solid var(--bg_line);}
.card_trx .ctList .clHead > div{width: 100%; font-weight: bold;}
.card_trx .ctList .clHead > div:first-child{color: var(--text_blue);}
.card_trx .ctList .clHead > div:nth-child(2){text-align: right; font-family: 'bold'; color: var(--text_silver);}
.card_trx .ctList .clHead.pending > div:nth-child(2){color: var(--text_orange);}
.card_trx .ctList .clHead.process > div:nth-child(2){color: var(--text_silver);}
.card_trx .ctList .clHead.success > div:nth-child(2){color: var(--text_green);}
.card_trx .ctList .clHead.failed > div:nth-child(2){color: var(--text_red);}
.card_trx .ctList .success .clHead > div:nth-child(2){color: var(--text_green);}
.card_trx .ctList .failed .clHead > div:nth-child(2){color: var(--text_red);}
.card_trx .ctList .clContent{padding: 15px; box-sizing: border-box; display: grid; grid-template-columns: 50px 1fr; grid-gap: 15px;}
.card_trx .ctList .clContent > div{width: 100%;}
.card_trx .ctList .clContent > div:first-child > div{padding-bottom: 150%; background-color: var(--bg_silvercalm); border-radius: 5px;}
.card_trx .ctList .clContent .ccTitle{font-weight: bold;}
.card_trx .ctList .clContent .ccDate{margin-top: 3px; font-size: 11px;}
.card_trx .ctList .clContent .ccPayment{display: grid; grid-template-columns: 1fr 1fr; align-items: center; margin-top: 10px;}
.card_trx .ctList .clContent .ccPayment > div{width: 100%;}
.card_trx .ctList .clContent .ccPayment > div:first-child{color: var(--text_blue); font-family: 'bold'; font-size: 15px;}
.card_trx .ctList .clContent .ccPayment > div:nth-child(2){text-align: right;}
.card_trx .ctList .clContent .ccPayment > div:nth-child(2) img{height: 15px;}
.card_trx .ctList .clBtn{padding: 0px 15px 15px 15px; display: grid; grid-template-columns: 1fr 1fr; align-items: center; box-sizing: border-box;}
.card_trx .ctList .clBtn > div{width: 100%;}
.card_trx .ctList .clBtn > div:first-child{color: var(--text_silver);}
.card_trx .ctList .clBtn > div:nth-child(2){text-align: right;}