#FilterAndResult{position:relative;margin:0;width:550px;height:600px;padding:50px;padding-bottom:5px;overflow-y:hidden;overflow-y:hidden;background-color:whitesmoke;color:purple;}#FilterAndResult p{margin-bottom:5px !important;color:#555;}#FilterAndResult form{}#location,#category{padding:0 10px;}#result{margin-top:30px;height:70%;overflow-y:scroll;}#map{position:absolute;width:100%;height:600px;z-index:0;}#s-wrapper{margin:15px 0;padding:5px;}#s-wrapper:hover{border-radius:5px;background-color:rgba(255,255,255,.5);transition:background-color .5s;}#s-title{font-size:16px;font-weight:bolder;padding-bottom:5px;}#s-title a{color:#444 !important;}#s-address{font-size:14px;padding:0px;}#s-address i{color:orange;}#s-time{font-size:14px;}a#hide-icon{color:#fff !important;padding:5px;}#category,#location{margin:5px;border:1px solid #111;border:1px solid #ccc;background:#fff;width:150px;padding:5px;font-size:16px;height:34px;-webkit-appearance:none;-moz-appearance:none;appearance:none;}#category span{background:#fff;bottom:5px;position:absolute;right:5px;top:5px;width:50px;pointer-events:none;}#category span:before{position:absolute;top:50%;right:24px;margin-top:-5px;pointer-events:none;border-top:10px solid #eb5168;border-left:10px solid transparent;border-right:10px solid transparent;}#category span:after{position:absolute;top:50%;right:28px;margin-top:-5px;pointer-events:none;border-top:6px solid #fff;border-left:6px solid transparent;border-right:6px solid transparent;}#categoryLabel{font-size:10px;background-color:orange;border-radius:4px;padding:0 5px;color:#fff;float:right;clear:both;}@media screen and (max-width: 700px){#FilterAndResult{width:60%;}}@media screen and (max-width: 400px){#FilterAndResult{width:100%;}}#result::-webkit-scrollbar-track{border-radius:10px;background-color:transparent;}#result::-webkit-scrollbar{width:8px;}#result::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:rgba(0,0,0,.4);}