.select {
     position: absolute;
     top: 0px;
     left: 0px;
     margin: 0px;
     background: #fff;
     color: #000;
     border: 1px solid #000;
     display: inline-block;
     max-height: 10px;
     padding: 8px;
     text-align: left;
     overflow-y: hidden;
     -webkit-transition: max-height 0.5s;
     -moz-transition: max-height 0.5s;
     transition: max-height 0.5s;
     }
.select:hover {
      max-height: 500px;
      }
.select b:first-of-type {
     line-height: 10px;
     display: inline-block;
     margin-bottom: 8px;
     }
.select b:first-of-type:after {
     content: "⮟";
     float: right;
     margin-left: 10px;
     line-height: 10px;
     }
.sout {
     position: relative;
     margin-top: 0px;
     height: 26px;
     }