#header{}
#header.hidden{transform: translateY(-100%);}

.rate{vertical-align:middle;padding:4px 0px 0px 0px;background-color:#EEEEEE;border-radius:8px;}
.rateCon{display:none;vertical-align:middle;padding:2px 4px 0px 8px;background-color:#EEEEEE;border-radius:30px;border:1px solid #EEEEEE;}
.rateCon img{transition: transform 0.3s ease; /* Smooth transition for the scaling effect */} 
.rateCon img:hover {transform: scale(1.3);}
.commentDiv {transition: transform 0.3s ease; /* Smooth transition for the scaling effect */}
.commentDiv:hover{transform: scale(1.3);}

.commTable {width:100%;font-size:14px;line-height:1.4em;} 
.pImg{width:25px;height:25px;border-radius:50%;object-fit:cover;display:block;} 
.pName{color:#555555;font-size:10px;margin-bottom:2px;} 
.fTime{display:inline-block;width:fit-content;font-size:12px;color:#AAAAAA;} 
.fReply{display:inline-block;width:fit-content;font-size:10px;padding-left:20px;color:#000000;}
.fDelete{display:inline-block;width:fit-content;font-size:10px;padding-left:20px;color:#000000;}
.fMore{display:inline-block;width:fit-content;font-size:10px;padding:2px 0px 10px 35px;color:#000000;} 
.fLove{float:right;display:inline-block;width:18px;height:18px;margin:0px 0px 0px 0px;} 
.fLoveCount{float:right;display:inline-block;width:20px;font-size:12px;text-align:left;margin:0px 4px 0px 5px;}
.fDownCount{float:right;display:inline-block;width:20px;font-size:12px;text-align:left;margin:0px 4px 0px 5px;} 
.fDown{float:right;display:inline-block;width:18px;height:18px;margin:0px 0px 0px 0px;}