#school-toc{border:1px solid gray;border-radius:7px;padding:15px 10px}#school-toc #school-toc-title{font-size:1.1rem;margin-bottom:5px}#school-toc #school-toc-inner .school-toc-item{margin:0;padding-left:15px}.school-header{padding:5px 7px;margin-bottom:10px;background-color:gray;border-radius:7px}.school-header img{height:60px}.school-header span{font-size:1.2rem;font-weight:bold}.student-card-wrap{display:flex;flex-wrap:wrap;justify-content:flex-start;padding:10px;margin-bottom:30px}.student-card-wrap .student-card{display:flex;flex-direction:column;align-items:center;background-color:#e0e0e0;border-radius:10px;cursor:pointer;padding:10px;width:250px;transition:all .2s linear;color:#000;height:100%}.student-card-wrap .student-card:hover{transform:scale(1.02)}.student-card-wrap .student-card img.portrait{height:130px}.student-card-wrap .student-card .name{margin-top:5px;font-size:1.2rem;font-weight:bold}.student-card-wrap .student-card hr{width:100%;background-color:#464646;margin:5px 0}.student-card-wrap .student-card .tag-wrap{width:100%;display:flex;flex-wrap:wrap}.tag{display:flex;align-items:center;padding:3px 5px;border-radius:7px;margin-right:5px;margin-top:5px;background-color:#c4c4c4}.tag .tag-img{height:16px;margin-right:5px}.tag .tag-img.no-img{display:none}.tag .tag-remove{height:16px;margin-left:10px}.tag .tag-remove.no-close-img{display:none}#filter-wrap{display:flex;flex-direction:column;height:100%}#filter-wrap #filter-title{font-size:1.3rem;font-weight:bold;margin-bottom:7px}#filter-wrap #search-area-wrap{display:flex;justify-content:flex-start;flex-wrap:wrap}#filter-wrap #search-area-wrap #search-box-wrap{width:50%;position:relative;margin-right:10px}#filter-wrap #search-area-wrap #search-box-wrap #search-box{height:30px;width:100%}#filter-wrap #search-area-wrap #search-box-wrap #search-box:focus{outline:none}#filter-wrap #search-area-wrap #search-box-wrap #search-preview-box{position:absolute;background-color:#fff;z-index:99;top:29px;list-style-type:none;width:100%;border:1px solid gray;padding:0}#filter-wrap #search-area-wrap #search-box-wrap #search-preview-box.hide{display:none}#filter-wrap #search-area-wrap #search-box-wrap #search-preview-box li{padding:5px;cursor:pointer}#filter-wrap #search-area-wrap #search-box-wrap #search-preview-box li.selected{background-color:#9be4fd}#filter-wrap #search-area-wrap #btn-filter-clear{margin-left:7px}#filter-wrap #search-area-wrap #filter-result-count{margin:0;margin-left:10px}#filter-wrap #filter-cond-wrap{display:flex;background-color:#cbd8f4;border-radius:5px;border:1px solid #9da8dc;padding:7px;margin-top:10px}#filter-wrap #filter-cond-wrap #cond-title{font-size:1rem;font-weight:bold;margin-right:20px}#filter-wrap #filter-cond-wrap label{margin-right:15px;cursor:pointer}#filter-wrap #filter-selected-wrap{width:100%;height:100%;background-color:#feeefd;border-radius:5px;border:1px solid #f0e3fe;display:flex;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;padding:10px;margin-top:10px}#filter-wrap #filter-selected-wrap .tag{margin-right:15px;cursor:pointer}