.thom_picture{background-image:url(/image/thom.jpg)}.jonny_picture{background-image:url(/image/jonny.jpg)}.colin_picture{background-image:url(/image/colin.jpg)}.phil_picture{background-image:url(/image/phil.jpg)}html{height:100%}body{min-height:100%}body div.hex-teaching-teachingAssistantList{min-height:100%;padding-top:50px;padding-bottom:110px}body div.hex-teaching-teachingAssistantList>.areaTeachingAssistant,body div.hex-teaching-teachingAssistantList>.schoolTeachingAssistant{padding:0 60px}body div.hex-teaching-teachingAssistantList>.areaTeachingAssistant>div.empty,body div.hex-teaching-teachingAssistantList>.schoolTeachingAssistant>div.empty{float:left;width:100%;height:100px;position:relative;margin:20px 0 10px}body div.hex-teaching-teachingAssistantList>.areaTeachingAssistant>div.empty>i,body div.hex-teaching-teachingAssistantList>.schoolTeachingAssistant>div.empty>i{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:block;width:100px;height:100px;background-position:center;background-size:contain;background-repeat:no-repeat}body div.hex-teaching-teachingAssistantList>.areaTeachingAssistant>div.splitLine,body div.hex-teaching-teachingAssistantList>.schoolTeachingAssistant>div.splitLine{margin:32px 0 39px;width:100%;height:0;float:left}body div.hex-teaching-teachingAssistantList>.areaTeachingAssistant>.title,body div.hex-teaching-teachingAssistantList>.schoolTeachingAssistant>.title{display:-webkit-box;display:flex;width:100%;height:30px;position:relative}body div.hex-teaching-teachingAssistantList>.areaTeachingAssistant>.title>div,body div.hex-teaching-teachingAssistantList>.schoolTeachingAssistant>.title>div{display:-webkit-box;display:flex;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}body div.hex-teaching-teachingAssistantList>.areaTeachingAssistant>.title>div>i,body div.hex-teaching-teachingAssistantList>.schoolTeachingAssistant>.title>div>i{display:block;width:4px;height:4px;border-radius:50%;margin:13px 6px 0}body div.hex-teaching-teachingAssistantList>.areaTeachingAssistant>.title>div>span,body div.hex-teaching-teachingAssistantList>.schoolTeachingAssistant>.title>div>span{line-height:30px}body div.hex-teaching-teachingAssistantList>.areaTeachingAssistant>.list,body div.hex-teaching-teachingAssistantList>.schoolTeachingAssistant>.list{padding-top:10px;width:100%;display:-webkit-box;display:flex;flex-wrap:wrap}body div.hex-teaching-teachingAssistantList>.areaTeachingAssistant>.list>a,body div.hex-teaching-teachingAssistantList>.schoolTeachingAssistant>.list>a{width:268px;height:332px;margin:16px;position:relative}body div.hex-teaching-teachingAssistantList>.areaTeachingAssistant>.list>a>span,body div.hex-teaching-teachingAssistantList>.schoolTeachingAssistant>.list>a>span{display:block;width:180px;height:240px;margin:0 auto 24px;position:relative}body div.hex-teaching-teachingAssistantList>.areaTeachingAssistant>.list>a>span>img,body div.hex-teaching-teachingAssistantList>.schoolTeachingAssistant>.list>a>span>img{width:calc(100% - 12px);height:100%;position:relative;z-index:1;border-radius:6px}body div.hex-teaching-teachingAssistantList>.areaTeachingAssistant>.list>a>span>i,body div.hex-teaching-teachingAssistantList>.schoolTeachingAssistant>.list>a>span>i{width:100%;height:calc(100% - 8px);background:#1C6161;border-radius:6px;border:2px solid #4B7979;position:absolute;top:8px;left:0}body div.hex-teaching-teachingAssistantList>.areaTeachingAssistant>.list>a>p,body div.hex-teaching-teachingAssistantList>.schoolTeachingAssistant>.list>a>p{font-size:24px;font-weight:500;word-break:break-word;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}body div.hex-teaching-teachingAssistantList>.areaTeachingAssistant>.list>a>div,body div.hex-teaching-teachingAssistantList>.schoolTeachingAssistant>.list>a>div{height:100%;width:100%;border-radius:4px;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}body div.hex-teaching-teachingAssistantList>.areaTeachingAssistant>.list>a>div>div.title,body div.hex-teaching-teachingAssistantList>.schoolTeachingAssistant>.list>a>div>div.title{-webkit-box-flex:1;flex:1;overflow:hidden;position:relative}body div.hex-teaching-teachingAssistantList>.areaTeachingAssistant>.list>a>div>div.title>div>*,body div.hex-teaching-teachingAssistantList>.schoolTeachingAssistant>.list>a>div>div.title>div>*{display:block;width:calc(100% - 20px);position:absolute;left:11px}body div.hex-teaching-teachingAssistantList>.areaTeachingAssistant>.list>a>div>div.title>div>strong,body div.hex-teaching-teachingAssistantList>.schoolTeachingAssistant>.list>a>div>div.title>div>strong{top:48px;font-size:14px;font-weight:400}body div.hex-teaching-teachingAssistantList>.areaTeachingAssistant>.list>a>div>div.title>div>span,body div.hex-teaching-teachingAssistantList>.schoolTeachingAssistant>.list>a>div>div.title>div>span{top:66px;font-size:18px;word-break:break-word;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}body div.hex-teaching-teachingAssistantList>.areaTeachingAssistant>.empty>span,body div.hex-teaching-teachingAssistantList>.schoolTeachingAssistant>.empty>span{text-align:center;font-size:30px;display:block;margin:0 auto}.fade1-enter-active,.fade1-leave-active{-webkit-transition:opacity .5s;transition:opacity .5s}.fade1-enter,.fade1-leave-to{opacity:0}.slide-fade1-enter-active{-webkit-transition:all .5s ease;transition:all .5s ease}.slide-fade1-leave-active{-webkit-transition:all .5s cubic-bezier(1,.5,.8,1);transition:all .5s cubic-bezier(1,.5,.8,1)}.slide-fade1-enter,.slide-fade1-leave-to{-webkit-transform:translateX(10px);transform:translateX(10px);opacity:0}.fade2-enter-active,.fade2-leave-active{-webkit-transition:opacity .5s;transition:opacity .5s}.fade2-enter,.fade2-leave-to{opacity:0}.slide-fade2-enter-active{-webkit-transition:all .5s ease;transition:all .5s ease}.slide-fade2-leave-active{-webkit-transition:all .5s cubic-bezier(1,.5,.8,1);transition:all .5s cubic-bezier(1,.5,.8,1)}.slide-fade2-enter,.slide-fade2-leave-to{-webkit-transform:translateX(10px);transform:translateX(10px);opacity:0}