.workStatusPremium{position: absolute; bottom: 10px; left: 10px;}
.workStatusPremium > div{display: grid; grid-template-columns: 13px 1fr; grid-gap: 10px; align-items: center; font-size: 11px; font-weight: bold; padding: 2px 8px; border-radius: 50px;}
.workStatusPremium > div > div{width: 100%;}
.workStatusPremium > div > div:first-child > div{width: 13px; height: 13px;}

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

.card_list_review{}
.card_list_review > a:not(:last-child) > div{border-bottom: 1px solid var(--bg_line);}
.card_list_review .cBox{color: var(--text_black); grid-template-columns: 45px 1fr; padding: 10px 15px;}
.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-family: 'semibold';}
.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; margin-bottom: 25px; -ms-overflow-style: none; scrollbar-width: none;}
.card_suggest_user::-webkit-scrollbar{display: none;}
.card_suggest_user > div{display: inline-block; background: var(--bg_white); 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 > div:nth-child(n+4){display: none;}
.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: 10px; margin-left: 0px; background: var(--bg_white);}
.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: 10px 10px 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:first-child{white-space: nowrap; padding: 7px 7px 0px 7px; width: 100%; box-sizing: border-box;}
.card_hzl_work .cnt_card > a > div:first-child > div:first-child > 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_list_work{}
.card_list_work .clwItem{grid-template-columns: 35px 1fr;}
.card_list_work .clwItem .ciCover > div{padding-bottom: 150%; border-radius: 10px;}
.card_list_work .clwItem .ciBody .cbTitle{font-family: 'semibold';}
.card_list_work .clwItem .ciBody .cbUser{color: var(--text_silver);}
.card_list_work .clwItem .ciBody .cbDate{color: var(--text_silver); font-size: 11px;}

.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: 10px; 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: 10px 10px 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:first-child{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:first-child > 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 .cdTitle{font-size: 17px; font-weight: bold;}
.card_box_work > a > div:nth-child(2) .chnDesc .cdInfo{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_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;}

.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); border: 1px solid var(--bg_line); 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; position: relative;}
.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);}
.card_market_items .ciBox .cbContent .ccItemType{position: absolute; bottom: 10px; right: 10px;}
.card_market_items .ciBox .cbContent .ccItemType > span{padding: 2px 7px; border-radius: 5px; font-size: 11px; color: var(--text_white); background: var(--bg_orange);}

/**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; background: var(--bg_white);}
.card_timeline .ctStatus .csInfo{padding: 7px 10px; font-size: 13px; border-radius: 10px 10px 0px 0px;}
.card_timeline .ctStatus .csHead{padding: 10px 15px; display: grid; grid-template-columns: 35px 1fr 17px; grid-gap: 15px;}
.card_timeline .ctStatus .csHead > div{width: 100%;}
.card_timeline .ctStatus .csHead > div:first-child div{width: 35px; height: 35px; background-color: var(--bg_silvercalm); border-radius: 50%;}
.card_timeline .ctStatus .csHead > div:nth-child(2) > div:first-child{font-weight: bold;}
.card_timeline .ctStatus .csHead > div:nth-child(2) > div:nth-child(2){font-size: 11px; color: var(--text_silver);}
.card_timeline .ctStatus .csHead > div:nth-child(3) > div:first-child{width: 17px; height: 17px; position: relative; top: 10px;}
.card_timeline .ctStatus .csHead > div:nth-child(3) > div:nth-child(2){ top: 35px;}
.card_timeline .ctStatus .csHead .chVia{display: inline-block; width: 11px; height: 11px; top: 1px; margin-left: 10px; position: relative;}
.card_timeline .ctStatus .csBody .cbTxt{min-height: 30px; padding: 0px 15px 10px 15px}
.card_timeline .ctStatus .csBody .cbImage{margin-top: 5px; max-width: 575px; margin-bottom: 10px; position: relative;}
.card_timeline .ctStatus.csDetail .csBody .cbImage{width: auto;}
.card_timeline .ctStatus .csBody{word-break: break-word;}
.card_timeline .ctStatus .csBody .cbImage > div:first-child{white-space: nowrap; overflow: auto; -ms-overflow-style: none; scrollbar-width: none;}
.card_timeline .ctStatus .csBody .cbImage > div:first-child::-webkit-scrollbar{display: none;}
.card_timeline .ctStatus .csBody .cbImage > div:first-child > div{display: inline-block; width: 175px; height: 175px; margin-right: 10px; background-color: var(--bg_silvercalm); border-radius: 10px; border: 1px solid var(--bg_line); transition: var(--transition); cursor: pointer;}
.card_timeline .ctStatus .csBody .cbImage > div:first-child > div:active{transform: scale(0.95);}
.card_timeline .ctStatus .csBody .cbImage > div:first-child > div:first-child{margin-left: 15px;}
.card_timeline .ctStatus .csBody .cbImage > div:first-child > div:last-child{margin-right: 15px;}
.card_timeline .ctStatus .csBody .cbImage > div:nth-child(2){width: 100%; height: 0px; display: none;}
.card_timeline .ctStatus .csBody .cbImage:hover > div:nth-child(2){display: block;}
.card_timeline .ctStatus .csBody .cbImage > div:nth-child(2) > div{width: 35px; height: 35px; cursor: pointer; background: var(--bg_white); box-shadow: 0px 0px 0px 2px var(--bg_blue); border-radius: 50%; position: absolute; bottom: 40%;}
.card_timeline .ctStatus .csBody .cbImage > div:nth-child(2) > div:not(.active){display: none;}
.card_timeline .ctStatus .csBody .cbImage > div:nth-child(2) > div:first-child{left: 15px;}
.card_timeline .ctStatus .csBody .cbImage > div:nth-child(2) > div:nth-child(2){right: 15px;}
.card_timeline .ctStatus .csBody .cbImage > div:nth-child(2) > div > div{position: relative; width: 20px; height: 20px; top: 7px;}
.card_timeline .ctStatus .csBody .cbWork{margin-top: 5px; margin-bottom: 10px; position: relative;}
.card_timeline.ctFixed .ctStatus .csBody .cbWork{max-width: 575px;}
.card_timeline .ctStatus .csBody .cbWork > div:first-child{white-space: nowrap; overflow: auto; -ms-overflow-style: none; scrollbar-width: none;}
.card_timeline .ctStatus .csBody .cbWork > div:first-child::-webkit-scrollbar{display: none;}
.card_timeline .ctStatus .csBody .cbWork > div:first-child > a{display: inline-block; width: 300px; margin-right: 10px; border: 1px solid var(--bg_line); border-radius: 5px;}
.card_timeline .ctStatus .csBody .cbWork > div:first-child > a:first-child{margin-left: 15px;}
.card_timeline .ctStatus .csBody .cbWork > div:first-child > a:last-child{margin-right: 15px;}
.card_timeline .ctStatus .csBody .cbWork > div:nth-child(2){width: 100%; height: 0px; display: none;}
.card_timeline .ctStatus .csBody .cbWork:hover > div:nth-child(2){display: block;}
.card_timeline .ctStatus .csBody .cbWork > div:nth-child(2) > div{width: 30px; height: 30px; cursor: pointer; background: var(--bg_white); box-shadow: 0px 0px 0px 2px var(--bg_blue); border-radius: 50%; position: absolute; bottom: 38%;}
.card_timeline .ctStatus .csBody .cbWork > div:nth-child(2) > div:not(.active){display: none;}
.card_timeline .ctStatus .csBody .cbWork > div:nth-child(2) > div:first-child{left: 15px;}
.card_timeline .ctStatus .csBody .cbWork > div:nth-child(2) > div:nth-child(2){right: 15px;}
.card_timeline .ctStatus .csBody .cbWork > div:nth-child(2) > div > div{position: relative; width: 15px; height: 15px; top: 7px;}
.card_timeline .ctStatus .csBody .cbWork .cwItem{display: grid; color: var(--text_black); grid-template-columns: 45px 1fr; grid-gap: 10px; padding: 10px; box-sizing: border-box;}
.card_timeline .ctStatus .csBody .cbWork .cwItem > div{width: 100%;}
.card_timeline .ctStatus .csBody .cbWork .cwItem > div:first-child > div{padding-bottom: 150%; border-radius: 5px; background-color: var(--bg_silvercalm);}
.card_timeline .ctStatus .csBody .cbWork .cwItem > div:nth-child(2) > div:first-child > span{padding: 2px 8px; border-radius: 50px; font-size: 9px; color: var(--text_white);}
.card_timeline .ctStatus .csBody .cbWork .cwItem > div:nth-child(2) > div:nth-child(2){font-weight: bold; margin-top: 3px; display: grid; width: 100%;}
.card_timeline .ctStatus .csBody .cbWork .cwItem > div:nth-child(2) > div:nth-child(3){font-size: 11px; color: var(--text_silver);}
.card_timeline .ctStatus .csBody .cbShare{margin: 0px 15px 15px 15px; padding: 10px; border-radius: 10px; border: 1px solid var(--bg_line);}
.card_timeline .ctStatus .csBody .cbShare > div:first-child{font-weight: bold;}
.card_timeline .ctStatus .csBody .cbShare > div:nth-child(2){color: var(--text_silver);}
.card_timeline .ctStatus .csBody .cbShare > div:nth-child(3){margin-top: 3px;}
.card_timeline .ctStatus .csOpt{margin-top: 15px; padding: 0px 5px; border-top: 1px solid var(--bg_line); white-space: nowrap;}
.card_timeline .ctStatus .csOpt > div{display: inline-block; padding: 10px 10px;}
.card_timeline .ctStatus .csOpt > div:not(:last-child){margin-right: 5px;}
.card_timeline .ctStatus .csOpt .coBtn{display: grid; grid-template-columns: 17px 1fr; grid-gap: 10px; align-items: center; color: var(--text_black);}
.card_timeline .ctStatus .csOpt .coBtn > div:first-child > div{width: 17px; height: 17px;}
.card_timeline .ctStatus .csOpt .coVote{display: grid; grid-template-columns: 17px 1fr 15px; grid-gap: 10px; align-items: center;}
.card_timeline .ctStatus .csOpt .coVote .cvBtn > div{width: 17px; height: 17px;}
.card_timeline .ctStatus .csOpt .coVote > div:nth-child(2){padding: 3px 0px; width: 70px; background: var(--bg_silvercalm); border-radius: 50px; text-align: center;}
.card_timeline .ctStatus .csError{padding: 10px 15px; color: var(--text_silver); font-style: italic; font-size: 12px;}
.card_timeline .ctStatus .csWork{padding: 10px 15px; width: 100%; box-sizing: border-box; color: var(--text_black); display: grid; grid-template-columns: 45px 1fr; grid-gap: 10px;}
.card_timeline .ctStatus .csWork > div{width: 100%;}
.card_timeline .ctStatus .csWork > div:first-child > div{padding-bottom: 150%; border-radius: 5px; background-color: var(--bg_silvercalm);}
.card_timeline .ctStatus .csWork > div:nth-child(2) > div:first-child > span{padding: 2px 8px; border-radius: 50px; font-size: 9px; color: var(--text_white);}
.card_timeline .ctStatus .csWork > div:nth-child(2) > div:nth-child(2){font-weight: bold; margin-top: 3px;}
.card_timeline .ctStatus .csWork > div:nth-child(2) > div:nth-child(3){font-size: 11px; color: var(--text_silver);}

.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: 17px; font-weight: bold;}
.card_timeline_suggest > div:nth-child(2){margin-top: 10px;}
.card_timeline_suggest .ctsWork{display: grid; grid-template-columns: 1fr 1fr; grid-gap: 15px;}
.card_timeline_suggest .ctsWork > a{width: 100%; border: 1px solid var(--bg_line); background: var(--bg_white); border-radius: 10px;}
.card_timeline_suggest .ctsWork .cwItem{display: grid; grid-template-columns: 50px 1fr; grid-gap: 10px; padding: 10px; box-sizing: border-box;}
.card_timeline_suggest .ctsWork .cwItem > div{width: 100%;}
.card_timeline_suggest .ctsWork .cwItem > div:first-child > div{padding-bottom: 150%; background-color: var(--bg_silvercalm); border-radius: 5px;}
.card_timeline_suggest .ctsWork .cwItem > div:nth-child(2){margin-top: 3px;}
.card_timeline_suggest .ctsWork .cwItem > div:nth-child(2) > div:first-child > span{display: inline-block; padding: 2px 8px; color: var(--text_white); border-radius: 50px; font-size: 9px;}
.card_timeline_suggest .ctsWork .cwItem > div:nth-child(2) > div:nth-child(2){margin-top: 3px; font-weight: bold; display: grid; width: 100%;}
.card_timeline_suggest .ctsWork .cwItem > div:nth-child(2) > div:nth-child(3){font-size: 11px; color: var(--text_silver); display: grid; width: 100%;}
.card_timeline_suggest .ctsTalk{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 15px;}
.card_timeline_suggest .ctsTalk > a{width: 100%;}
.card_timeline_suggest .ctsTalk > a > div:first-child{padding-bottom: 100%; background-color: var(--bg_silvercalm); border-radius: 5px;}
.card_timeline_suggest .ctsTalk > a > div:nth-child(2){margin-top: 3px; font-weight: bold;}

.card_comment > div{padding: 15px 0px 5px 0px; position: relative;}
.card_comment > div.sending{opacity: 0.5;}
.card_comment > div:not(:last-child){border-bottom: 1px solid var(--bg_line);}
.card_comment .ccHead{display: grid; width: 100%; grid-template-columns: 35px 1fr 15px; grid-gap: 10px; align-items: center;}
.card_comment .ccHead > div{width: 100%;}
.card_comment .ccHead > div:first-child > a > div{width: 35px; height: 35px; background-color: var(--bg_silvercalm); border-radius: 50%;}
.card_comment .ccHead > div:nth-child(2) > div:first-child{font-weight: bold;}
.card_comment .ccHead > div:nth-child(2) > div:nth-child(2) span{font-size: 11px; color: var(--text_silver);}
.card_comment .ccHead > div:nth-child(3) > div:first-child{cursor: pointer; width: 15px; height: 15px;}
.card_comment .ccContent{padding: 7px 0px 10px 0px; font-size: 17px;}
.card_comment .ccContent.detail{min-height: 50px;}
.card_comment .ccBottom{color: var(--text_silver); font-size: 11px;}
.card_comment .ccBottom > span{cursor: pointer;}
.card_comment .ccBottom > span:not(:last-child){margin-right: 15px;}
.card_comment .ccTitle{font-size: 17px; font-weight: bold; padding: 15px 0px;}
.card_comment .ccReply{padding-left: 35px; margin-top: 10px;}
.card_comment .ccReply .crInput{padding-top: 15px; padding-bottom: 10px; display: none; position: relative;}
.card_comment .ccReply .crInput:before{content: ''; position: absolute; left: -22px; top: 0px; width: 1px; height: 100%; background: var(--bg_line);}
.card_comment .ccReply .crMore{margin: 10px 0px 10px -35px; font-weight: bold;}
.card_comment .ccReply .card_comment > div:before{content: ''; position: absolute; left: -22px; top: 0px; width: 1px; height: 100%; background: var(--bg_line);}
.card_comment.detail > div{padding: 0px;}
.card_comment.detail .ccBody{border: 1px solid var(--bg_line); border-radius: 10px; padding: 15px;}

.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_timeline_work{display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 15px;}
.card_timeline_work > a{width: 100%;}
.card_timeline_work .ctwItem{}
.card_timeline_work .ctwItem > div:first-child > div{padding-bottom: 150%; background-color: var(--bg_silvercalm); border-radius: 10px; position: relative;}
.card_timeline_work .ctwItem > div:first-child > div > div{position: absolute; top: 10px; left: 10px;}
.card_timeline_work .ctwItem > div:first-child > div > div > span{padding: 3px 5px; font-size: 11px; border-radius: 5px; color: var(--text_white);}
.card_timeline_work .ctwItem > div:nth-child(2){margin-top: 10px;}
.card_timeline_work .ctwItem > div:nth-child(2) > div:first-child{font-weight: bold;}
.card_timeline_work .ctwItem > div:nth-child(2) > div:nth-child(2){color: var(--text_silver);}
.card_timeline_work .ctwItem > div:nth-child(2) > div{display: grid; width: 100%;}

.card_trend{width: 600px;}
.card_trend > a > div{display: grid; width: 100%; grid-template-columns: 90px 60px 1fr 45px; grid-gap: 15px; box-sizing: border-box; padding: 15px 0px 20px 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: 3px; height: calc(100% - 26px); 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: 20px; 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: 2px 7px; font-size: 11px; border-radius: 50px; color: var(--text_white);}
.card_trend > a > div > div:nth-child(3) > div:nth-child(2){font-size: 17px; 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_trend > a > div > div:nth-child(4){text-align: center;}
.card_trend .ctStatus{width: 25px; height: 25px;}

.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); background: var(--bg_white); 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: var(--bg_bluecalm);}
.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-weight: 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 var(--bg_bluecalm); background: var(--bg_white); color: var(--text_silver);}
.card_notifdd > li.unread{background: var(--bg_bluecalm);}
.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_user{display: grid; grid-template-columns: 35px 1fr; grid-gap: 15px;}
.card_user > div{width: 100%;}
.card_user > div:first-child > div{width: 35px; height: 35px; background-color: var(--bg_silvercalm); border-radius: 50%;}
.card_user > div:nth-child(2) > div:first-child{font-weight: bold;}

.card_users_box{grid-template-columns: 1fr 1fr 1fr; min-height: 50px;}
.card_users_box > div{height: 100%;}
.card_users_box .cubItem{border-radius: 10px;}
.card_users_box .cubItem .cbCover{height: 80px; background-size: cover; background-position: center;}
.card_users_box .cubItem .cbCover > 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 .cubItem .cbBody{margin-top: 50px; padding: 0px 10px 20px 10px; text-align: center;}
.card_users_box .cubItem .cbBody > div:first-child{font-family: 'semibold'; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.card_users_list{}
.card_users_list > *:not(:last-child) > div{border-bottom: 1px solid var(--bg_line);}
.card_users_list .culItem{grid-template-columns: 35px 1fr; padding: 10px;}
.card_users_list .culItem .ciCover > div{height: 35px; height: 35px; border-radius: 50%; background-color: var(--bg_silvercalm);}
.card_users_list .culItem .ciContent{color: var(--text_black);}
.card_users_list .culItem .ciContent .ccName{font-family: 'semibold';}
.card_users_list .culItem .ciContent .ccName2 span{font-family: 'semibold';}
.card_users_list .culItem .ciContent .ccOpt{margin-top: 5px;}
.card_users_list .culItem .ciContent .ccInfo{margin-top: 10px; color: var(--text_silver); font-size: 11px;}

.card_users_visitor > div:not(:last-child){border-bottom: 1px solid var(--bg_line);}
.card_users_visitor .cuvItem{grid-template-columns: 35px 1fr min-content; padding: 10px;}
.card_users_visitor .cuvItem > div:nth-child(3){font-size: 11px; color: var(--text_silver); white-space: nowrap;}
.card_users_visitor .cuvItem .ciCover > div{height: 35px; height: 35px; border-radius: 50%; background-color: var(--bg_silvercalm);}
.card_users_visitor .cuvItem .ciContent span{font-family: 'semibold';}

.card_list_people > a:not(:last-child) > div{border-bottom: 1px solid var(--bg_line);}
.card_list_people .clpItem{padding: 10px 15px; grid-template-columns: 35px 1fr; color: var(--text_black);}
.card_list_people .clpItem .ciPhoto > div{padding-bottom: 100%; background-color: var(--bg_silvercalm); border-radius: 50%;}
.card_list_people .clpItem .ciBody > div:first-child{font-family: 'semibold';}
.card_list_people .clpItem .ciBody > div:nth-child(2){margin-top: 3px; color: var(--text_silver);}

.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: 10px;}
.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; display: grid; width: 100%;}
.card_hzl_reading .cnt_card > a > div:nth-child(2) > div:first-child{font-size: 15px; font-weight: bold; margin-bottom: 3px; width: 100%;}
.card_hzl_reading .cnt_card > a > div:nth-child(2) > div:nth-child(2){color: var(--text_silver); width: 100%;}
.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: 10px; margin-right: 15px; cursor: pointer; font-size: 14px; display: inline-block; vertical-align: top; background: var(--bg_white);}
.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); background: var(--bg_white); 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-weight: 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_work > a:not(:last-child) > div{margin-bottom: 15px;}
.card_list_work .clwItem{grid-template-columns: 55px 1fr;}
.card_list_work .clwItem .ciCover > div{padding-bottom: 150%; background-color: var(--bg_silvercalm); border-radius: 5px;}
.card_list_work .ciBody .cbType{margin-bottom: 3px;}
.card_list_work .ciBody .cbType > span{font-size: 9px; padding: 2px 5px; border-radius: 5px; color: var(--text_white);}
.card_list_work .ciBody .cbTitle{font-size: 15px; font-family: 'semibold'; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.card_list_work .ciBody .cbUser{color: var(--text_silver);}
.card_list_work .ciBody .cbTwo{font-size: 11px; color: var(--text_silver); grid-template-columns: 1fr 1fr;}
.card_list_work .ciBody .cbTwo > div:nth-child(2){text-align: right;}

.card_list_image{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 15px;}
.card_list_image > div{width: 100%;}
.card_list_image .cliImg{padding-bottom: 100%; border-radius: 10px; background-color: var(--bg_silvercalm);}
.card_list_image > div > div:nth-child(2){margin-top: 10px;}
.card_list_image > div > div:nth-child(2) button{width: 100%;}

.card_list_voucher > div{border: 1px solid var(--bg_line); border-radius: 10px; overflow: hidden;}
.card_list_voucher > div:not(:last-child){margin-bottom: 15px;}
.card_list_voucher .clvDate{padding: 10px 15px 0px 15px;}
.card_list_voucher .clvDate > span{padding: 3px 11px; font-size: 11px; border-radius: 50px; background: var(--bg_redsoft); color: var(--text_red);}
.card_list_voucher .clvContent{padding: 10px 15px;}
.card_list_voucher .clvContent > div:first-child{font-weight: bold;}
.card_list_voucher .clvContent > div:nth-child(2){color: var(--text_silver);}
.card_list_voucher .clvCode{padding: 10px 15px; background: var(--bg_silvercalm);}

.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_history_kunci{border: 1px solid var(--bg_line); border-radius: 10px; background: var(--bg_white);}
.card_history_kunci > div{padding: 10px 15px; display: grid; grid-template-columns: 1fr 90px; grid-gap: 10px; align-items: center;}
.card_history_kunci > div:not(:last-child){border-bottom: 1px solid var(--bg_line);}
.card_history_kunci > div > div{width: 100%;}
.card_history_kunci .chkContent > div:first-child{font-size: 11px; color: var(--text_silver);}
.card_history_kunci .chkContent > div:nth-child(2){font-weight: bold; margin: 5px 0px;}
.card_history_kunci .chkContent > div:nth-child(3){font-size: 11px; color: var(--text_silver);}
.card_history_kunci .chkInfo{text-align: right;}
.card_history_kunci .chkInfo .ciStatus{padding: 3px 10px; border-radius: 50px; font-weight: bold;}
.card_history_kunci .chkInfo .ciStatus.IN{background: var(--bg_greensoft); color: var(--text_green);}
.card_history_kunci .chkInfo .ciStatus.OUT{background: var(--bg_redsoft); color: var(--text_red);}
.card_history_kunci .chkInfo > div:first-child{margin-bottom: 10px;}

.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{grid-template-columns: 1fr 1fr 1fr;}
.card_profile_work > a{width: 100%;}
.card_profile_work .cpwItem .ciCover{position: relative;}
.card_profile_work .cpwItem .ciCover > div:first-child{padding-bottom: 150%; background-color: var(--bg_silvercalm); border-radius: 10px;}
.card_profile_work .cpwItem .ciCover > div:nth-child(2){padding: 2px 7px; border-radius: 5px; font-size: 11px; position: absolute; top: 10px; left: 10px; color: var(--text_white);}
.card_profile_work .cpwItem .ciBody{margin-top: 10px; display: grid;}
.card_profile_work .cpwItem .ciBody > div{font-weight: bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%;}

.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: 4px; 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{padding: 15px;}
.card_conversation > div:not(:last-child){margin-bottom: 15px;}
.card_conversation .ccItems.cc_you{padding-right: 20px;}
.card_conversation .ccItems.cc_me{text-align: right; padding-left: 20px;}
.card_conversation .ccItems .ciContent{padding: 10px 15px 12px 15px; max-width: 350px; display: inline-block; border-radius: 10px;}
.card_conversation .ccItems.cc_you .ciContent{background: var(--bg_blue); color: var(--text_white);}
.card_conversation .ccItems.cc_me .ciContent{background: var(--bg_silvercalm);}
.card_conversation .ccItems .ciContent > div.realname{font-family: 'bold'; margin-bottom: 3px;}
.card_conversation .ccItems .ciContent .photo{width: 150px; height: 150px; cursor: pointer; background-size: cover;}
.card_conversation .ccItems .ciContent .sticker{width: 80px; height: 80px; background-size: cover;}
.card_conversation .ccItems .ciTime{padding: 5px 0px 10px 0px; height: 14px; font-size: 11px; color: var(--text_silver);}
.card_conversation .ccItems.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 .ccItems.cc_you > div:nth-child(2) > div:first-child a{color: var(--text_white); text-decoration: underline;}
.card_conversation .ccItems.cc_you > div:nth-child(2) > div:first-child~div:last-child{float: left;}
.card_conversation .ccItems.cc_me > div:nth-child(2) > div:first-child{border-radius: 10px 0px 10px 10px; background: var(--bg_silvercalm);}
.card_conversation .ccItems.cc_me > div:nth-child(2) > div:first-child~div:last-child{float: right;}

.card_suggest_work .cswItem{grid-template-columns: 45px 1fr;}
.card_suggest_work > a:not(:last-child) > div{margin-bottom: 15px;}
.card_suggest_work .cswItem .ciCover > div{padding-bottom: 150%; background-color: var(--bg_silvercalm); border-radius: 5px;}
.card_suggest_work .cswItem .ciBody .cbTitle{font-size: 15px; margin-top: 2px; 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_market_items{overflow: hidden; position: relative; width: 100%;}
.card_hzl_market_items .cnt_card{overflow: auto; white-space: nowrap; font-size: 0px; -ms-overflow-style: none; scrollbar-width: none;}
.card_hzl_market_items .cnt_card::-webkit-scrollbar{display: none;}
.card_hzl_market_items .cnt_card > a{font-size: 14px; display: inline-block; border: 1px solid var(--bg_line); border-radius: 10px; overflow: hidden; vertical-align: top;}
.card_hzl_market_items .cnt_card > a:not(:first-child){margin-left: 15px;}
.card_hzl_market_items .cnt_card .ccBox{width: 190px; color: var(--text_black); cursor: pointer; background: var(--bg_white);}
.card_hzl_market_items .cnt_card .ccBox .cbCover{position: relative;}
.card_hzl_market_items .cnt_card .ccBox .cbCover > div:first-child{padding-bottom: 100%; background-color: var(--bg_silvercalm);}
.card_hzl_market_items .cnt_card .ccBox .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_hzl_market_items .cnt_card .ccBox .cbContent{padding: 10px; position: relative;}
.card_hzl_market_items .cnt_card .ccBox .cbContent .ccTitle{margin-bottom: 5px; font-weight: bold;}
.card_hzl_market_items .cnt_card .ccBox .cbContent .ccPrice{margin-bottom: 5px;}
.card_hzl_market_items .cnt_card .ccBox .cbContent .ccPrice > div:first-child{font-size: 15px; font-family: 'bold';}
.card_hzl_market_items .cnt_card .ccBox .cbContent .ccPrice > div:nth-child(2){font-size: 12px; color: var(--text_red); text-decoration: line-through;}
.card_hzl_market_items .cnt_card .ccBox .cbContent .ccType{font-size: 11px; color: var(--text_silver);}
.card_hzl_market_items .cnt_card .ccBox .cbContent .ccItemType{position: absolute; bottom: 10px; right: 10px;}
.card_hzl_market_items .cnt_card .ccBox .cbContent .ccItemType > span{padding: 2px 7px; border-radius: 5px; font-size: 11px; color: var(--text_white); background: var(--bg_orange);}
.card_hzl_market_items:hover .scroll_card{opacity: 1;}

.card_hzl_video{overflow: hidden; position: relative; width: 100%;}
.card_hzl_video .cnt_card{overflow: auto; white-space: nowrap; font-size: 0px; -ms-overflow-style: none; scrollbar-width: none;}
.card_hzl_video .cnt_card::-webkit-scrollbar{display: none;}
.card_hzl_video .cnt_card > a{font-size: 14px; display: inline-block; vertical-align: top;}
.card_hzl_video .cnt_card > a:not(:first-child){margin-left: 15px;}
.card_hzl_video .cnt_card .ccBox{width: 190px; color: var(--text_black); cursor: pointer; background: var(--bg_white);}
.card_hzl_video .cnt_card .ccBox .cbCover{position: relative;}
.card_hzl_video .cnt_card .ccBox .cbCover > div{padding-bottom: 100%; background-color: var(--bg_silvercalm); border-radius: 10px;}
.card_hzl_video .cnt_card .ccBox .cbContent{padding: 10px 0px; position: relative; white-space: normal;}
.card_hzl_video .cnt_card .ccBox .cbContent .ccTitle{margin-bottom: 5px; font-weight: bold;}
.card_hzl_video .cnt_card .ccBox .cbContent .ccUser{margin-bottom: 5px;}
.card_hzl_video:hover .scroll_card{opacity: 1;}

.card_film_explore{padding: 25px; border-radius: 10px; background: var(--bg_black); display: grid; grid-template-columns: 1fr 550px; grid-gap: 25px;}
.card_film_explore > div{width: 100%;}
.card_film_explore .cfeHead{color: var(--text_white);}
.card_film_explore .cfeHead > div:first-child{font-size: 25px; margin-top: 20px; margin-bottom: 10px; font-weight: bold;}
.card_film_explore .cfeContent{display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 20px;}
.card_film_explore .cfeContent > a{width: 100%;}
.card_film_explore .cfeContent > a > div:first-child{padding-bottom: 150%; border-radius: 10px; background-color: var(--bg_silvercalm);}
.card_film_explore .cfeContent > a > div:nth-child(2){margin-top: 10px; color: var(--text_white); font-weight: bold;}

.card_film_box{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; grid-gap: 25px; min-height: 50px;}
.card_film_box > a{width: 100%;}
.card_film_box .cfbBox .cbCover{position: relative;}
.card_film_box .cfbBox .cbCover > div:first-child{padding-bottom: 150%; border-radius: 10px; background-color: var(--bg_silvercalm);}
.card_film_box .cfbBox .cbCover > div: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_black);}
.card_film_box .cfbBox .cbContent{margin-top: 10px;}
.card_film_box .cfbBox .cbContent .ccTitle{font-weight: bold;}

.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_aistyle{display: grid; grid-template-columns: repeat(auto-fit, minmax(60px, 1fr)); grid-gap: 10px;}
.card_aistyle > div{width: 100%; box-sizing: border-box; cursor: pointer;}
.card_aistyle > div > div:first-child{padding-bottom: 100%; background-color: var(--bg_silvercalm); transition: var(--transition); border-radius: 5px; position: relative;}
.card_aistyle > div:not(.active):hover > div:first-child{box-shadow: inset 0px 0px 0px 2px var(--bg_silver);}
.card_aistyle > div.active > div:first-child{box-shadow: inset 0px 0px 0px 2.5px var(--bg_blue);}
.card_aistyle > div > div:nth-child(2){text-align: center; font-size: 11px; font-weight: bold; margin-top: 3px;}

.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{margin-top: 15px; grid-template-columns: 1fr 1fr 1fr 1fr; min-height: 50px;}
.card_talk_box > a{overflow: hidden; position: relative;}
.card_talk_box .ctbItem .ciCover{position: relative;}
.card_talk_box .ctbItem .ciCover > div:first-child{padding-bottom: 60%; background-color: var(--bg_silvercalm); border-radius: 10px;}
.card_talk_box .ctbItem .ciCover > div:nth-child(2){position: absolute; top: 10px; left: 10px; white-space: nowrap;}
.card_talk_box .ctbItem .ciCover > div:nth-child(2) > div{padding: 3px 8px; display: inline-block; font-size: 9px; border-radius: 50px; color: var(--text_white);}
.card_talk_box .ctbItem .ciCover > div:nth-child(2) > div:not(:last-child){margin-right: 5px;}
.card_talk_box .ctbItem .ctbType{background: var(--bg_silver);}
.card_talk_box .ctbItem.podcast .ctbType{background: var(--bg_orange);}
.card_talk_box .ctbItem.tellastory .ctbType{background: var(--bg_tosca);}
.card_talk_box .ctbItem .ctbPremium{background: var(--bg_premium);}
.card_talk_box .ctbItem > div:nth-child(2){padding: 10px 0px;}
.card_talk_box .ctbItem > div:nth-child(2) > div:first-child{color: var(--text_silver); font-size: 11px;}
.card_talk_box .ctbItem > 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-weight: bold;}
.card_talk_list > a > div > div:nth-child(2) > div:nth-child(2){margin-top: 3px; color: var(--text_silver);}

.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_kunci{margin: 0px 15px 15px 15px;}
.card_package_kunci > div{padding: 15px; border-radius: 10px; border: 1px solid var(--bg_line); display: grid; grid-template-columns: 1fr 15px; grid-gap: 10px; align-items: center;}
.card_package_kunci > div:not(:last-child){margin-bottom: 15px;}
.card_package_kunci > div > div{width: 100%;}
.card_package_kunci > div > div:nth-child(2) > div{width: 15px; height: 15px;}
.card_package_kunci .cpkBody > div:first-child{font-weight: bold;}
.card_package_kunci .cpkBody > div:nth-child(2){font-weight: bold; margin-top: 5px; color: var(--text_blue);}

.card_package_kunci_telco{margin: 0px 15px 15px 15px;}
.card_package_kunci_telco > div{border: 1px solid var(--bg_line); border-radius: 10px;}
.card_package_kunci_telco > div:not(:last-child){margin-bottom: 15px;}
.card_package_kunci_telco .cpktHead{display: grid; grid-template-columns: 1fr 1fr; align-items: center; margin-bottom: 5px; font-weight: bold; padding: 10px 15px;}
.card_package_kunci_telco .cpktHead > div{width: 100%;}
.card_package_kunci_telco .cpktHead > div:nth-child(2){text-align: right; font-size: 15px;}
.card_package_kunci_telco .cpktCall{padding: 10px 15px; background: var(--bg_silvercalm); font-size: 13px;}
.card_package_kunci_telco .cpktCall > span{font-weight: bold; color: var(--text_blue);}

.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: 10px; background: var(--bg_white); 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;}