.card_items{display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 20px;}
.card_items > a{width: 100%; color: var(--text_black);}
.card_items .ciBox .cbCover > div{padding-bottom: 100%; border-radius: 10px; transition: var(--transition); background-color: var(--bg_silvercalm);}
.card_items .ciBox:hover .cbCover > div{box-shadow: inset 0px 0px 0px 2px var(--bg_blue);}
.card_items .ciBox .cbContent{margin-top: 5px;}
.card_items .ciBox .cbContent > div:first-child{font-weight: bold;}
.card_items .ciBox .cbProgress{margin-top: 10px;}
.card_items .ciBox .cbProgress > div:first-child{height: 7px; position: relative; background: var(--bg_silver); border-radius: 50px; overflow: hidden;}
.card_items .ciBox .cbProgress > div:first-child > div{position: absolute; height: 7px; width: 40%; background: var(--bg_blue); left: 0px; top: 0px;}
.card_items .ciBox .cbProgress > div:nth-child(2){margin-top: 5px; font-size: 11px;}

.card_comment > div{padding: 10px 0px;}
.card_comment > div:not(:last-child){border-bottom: 1px solid var(--bg_line);}
.card_comment .ccHead{display: grid; grid-template-columns: 25px 1fr; grid-gap: 10px; align-items: center;}
.card_comment .ccHead > div{width: 100%;}
.card_comment .ccHead > div:first-child > div{width: 25px; height: 25px; border-radius: 50%; background-color: var(--bg_silvercalm);}
.card_comment .ccHead > div:nth-child(2){font-weight: bold;}
.card_comment .ccContent{margin-top: 3px;}

.card_package{border-radius: 10px; border: 1px solid var(--bg_line); overflow: hidden;}
.card_package > div{padding: 10px 15px; transition: var(--transition); cursor: pointer;}
.card_package > div:hover{background: var(--bg_silversoft);}
.card_package > div:not(:last-child){border-bottom: 1px solid var(--bg_line);}
.card_package .cpTitle{font-size: 15px; font-weight: bold;}
.card_package .cpPrice{color: var(--text_blue); margin-top: 3px;}