@charset "UTF-8";
#Ranking .unit video{background-size:cover;background-position:center center;background-repeat:no-repeat;overflow:hidden}#Ranking{position:relative;flex-shrink:0;display:inline-flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;margin-top:70px}#Ranking .input{z-index:2;width:75%;margin-top:20px}#Ranking .input input{position:absolute;top:33%;left:20%;right:17%;bottom:32%;background-color:rgba(0,0,0,0);border:0;outline:0;z-index:2;font-size:22px;font-weight:bold}#Ranking .input label{position:absolute;top:12%;left:89.5%;right:1.2%;bottom:15%;z-index:2;display:inline-block;cursor:pointer}#Ranking .sort{position:relative;z-index:2;display:inline-flex;flex-direction:row;align-items:center;justify-content:flex-end;width:100%;padding-right:12.5%;padding-left:12.5%}#Ranking .sort>div{width:50%}#Ranking .sort label{position:absolute;left:0;right:0;height:50%;z-index:2;cursor:pointer}#Ranking .sort label.byNum{top:0}#Ranking .sort label.byVote{top:50%}#Ranking .units{flex-shrink:0;position:relative;z-index:2;display:inline-flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;margin-top:20px}#Ranking .unit{width:100%}#Ranking .unit+.unit{margin-top:20px}#Ranking .unit video,#Ranking .unit .cover,#Ranking .unit .no,#Ranking .unit .count,#Ranking .unit .name,#Ranking .unit .school,#Ranking .unit .description,#Ranking .unit label{position:absolute;z-index:2;display:inline-block}#Ranking .unit .count,#Ranking .unit .no,#Ranking .unit .name,#Ranking .unit .school,#Ranking .unit .description{display:inline-flex;flex-direction:row;align-items:center;justify-content:flex-start;font-size:22px;font-weight:bold}#Ranking .unit .count{justify-content:flex-end}#Ranking .unit .name,#Ranking .unit .school,#Ranking .unit .description{text-align:left;font-size:20px;font-size:12px}#Ranking .unit .no{font-size:20px;left:55%;top:17%;right:36%;height:8%;text-align:center;justify-content:center}#Ranking .unit video{top:17%;left:10%;width:38%;height:74%}#Ranking .unit .count{font-size:20px;left:70%;top:20.5%;right:15%;height:8%}#Ranking .unit .name{left:71%;top:32%;right:10%;height:9%}#Ranking .unit .school{left:71%;top:43.5%;right:10%;height:9%}#Ranking .unit .description{left:71%;top:55%;right:10%;height:9%}#Ranking .unit label{left:54%;top:80%;right:13%;cursor:pointer}#Ranking .more{z-index:2;cursor:pointer;margin-top:20px;width:40%}#Ranking .MyHeader{position:relative;z-index:2}#Ranking .icon1,#Ranking .icon2,#Ranking .icon3,#Ranking .icon4{position:absolute;z-index:1}#Ranking .icon1{bottom:0;right:0;width:8%;-webkit-transform:translateY(20%);-moz-transform:translateY(20%);-ms-transform:translateY(20%);-o-transform:translateY(20%);transform:translateY(20%)}#Ranking .icon2{left:0;top:13%;width:10%}#Ranking .icon3{right:0;top:10%;width:7%}#Ranking .icon4{right:0;top:15%;width:10%}