:root{--primary-h:248;--primary-s:57%;--primary-l:60%;--primary-color:#6e5fd3}.banner{background-image:url(/themes/hsk-online/v2/images/banner/bn-teacher.png)}.wrapper{margin-bottom:8.5rem}#teacher{margin-top:3rem}#teacher h1{margin-bottom:2.5rem}#teacher p.content{font-size:1rem}#teacher .teacher{margin-top:3.125rem}#teacher .teacher-group{-moz-column-gap:1.6rem;column-gap:1.6rem;display:flex;flex-wrap:wrap;row-gap:2rem}#teacher .teacher-group .teacher-item{border:1px solid #e8e8e8;border-radius:.5rem;padding:10px 10px 1.875rem;width:31.8%}#teacher .teacher-group .teacher-item:hover .img-group .plus-group{visibility:visible}#teacher .teacher-group .teacher-item:hover .name{color:#982322}#teacher .teacher-group .teacher-item .img-group{border-radius:.5rem;overflow:hidden;position:relative}#teacher .teacher-group .teacher-item .img-group:hover .avatar{transform:scale(110%)}#teacher .teacher-group .teacher-item .img-group .avatar{border-radius:.5rem;transition:transform .5s ease}#teacher .teacher-group .teacher-item .img-group .plus-group{left:35%;position:absolute;top:35%;transition:visibility .25s ease-in;visibility:hidden;z-index:10}#teacher .teacher-group .teacher-item .name{font-size:1.25rem;font-weight:600;margin:1.25rem 0 10px;text-align:center}#teacher .teacher-group .teacher-item .detail{text-align:center}