.rank_tbody{
  background-color: white;
}

.rank_table{
    font-size: 11px !important;
    width: 100%;
    border-collapse: collapse;
}


.spanTitle{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: unset !important;
  text-align: left;
}




@media only screen and (max-width:380px){
  .rank_table{
    font-size: 10px !important;
    width: 100%;
    border-collapse: collapse;
  }
}



.rank_table tr{
    border-bottom: 1px dotted #ccc8be;
    line-height: 200%;
}

.rank_thead{
  width: 100%;
  background-color: #f5f5ef;
}

.th_no{
  width: 10%;  
  text-align: center;
}

.th_title{
  width: 45%;
  text-align: center;
}

/*.th_att{
  width: 25%;
  text-align: center;
}*/

.th_rating{
  width: 45%;
  text-align: center;  
}

.td_no{
    width: 10%;  
    text-align: center;
}
  
.td_title{
  width: 25%;  
}
  
/*.td_att{
  width: 25%;
  text-align: right;
}*/

.td_logo{
    width: 10px;
    height: 10px;
    margin-left: 1px;
    margin-right: 1px;
}

  
.td_rating{
  width: 60%;
  text-align: right;  
  font-size: 10px !important;
}

.movieRanking{
  height: 100%;
  background-color: #f8f8f8;
}

.rankHeader{
  display: flex;
  justify-content: space-between;
  height: 10%;
}

.rankBody{
  height: 70%;
}

.rankFooter{
  height: 10%;
}

.rankImg{
  height: 100%;
  width: 100%;
}

.spanTitle{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align:left;

}

.item{
  
  border-radius: 4px;
  
}

.movieRankDiv{
	width:100%;
	display:grid;
	grid-template-columns: 20% 20% 20% 20% 20%;
	grid-template-rows:120px 120px;
}

.td_rating_avg{
  /*display: block;
  text-align: center;*/
  font-weight: bold;
}