@import "banner.css";
figure[role=banner]{
    background-image:linear-gradient(to right, #2571f5, #4488ff);
}
/*module teacher styles */
section[data-module=teacher]{
    background:transparent;
}
section[data-module=teacher] > ul{
    width: 100%;
    padding-top:60px;
}
section[data-module=teacher] > ul > li{
    position: relative;
    width: 216px;
    padding:60px 30px 30px 30px;
    margin:0 30px 80px 0;
    overflow: visible!important;
}
section[data-module=teacher] > ul > li:nth-child(5n){
    margin-right: 0;
}
section[data-module=teacher] > ul > li > img{
    position: absolute;
    top:-50px;

    object-position: center;
    width:100px;
    height: 100px;
    border-radius: 100px;
    border:5px solid #FFFFFF;
    box-shadow: 0 0 5px rgba(0,0,0,.25);
}
section[data-module=teacher] > ul > li > h4{
    font-size:18px;
    margin:15px 0;
}
section[data-module=teacher] > ul > li > p{
    font-size:14px;
    line-height: 25px;
    -webkit-line-clamp: 4;
}
section[data-module=teacher] > ul > li > a[role=button]{
    font-size:13px;
    padding:7px 15px;
    margin-top:15px;
}

/* teacher content styles */
article[aria-owns=teacher]{
    width: 840px;
    margin:30px 0;
    padding:50px;
}
article[aria-owns=teacher] > img{
    width: 200px;
    border-radius: 5px;
    box-shadow: 0 0 15px rgba(0,0,0,.15);
}
article[aria-owns=teacher] > h3{
    margin:20px auto;
    font-size:20px;
}
article[aria-owns=teacher] > section {
    border-top: 1px solid #EFEFEF;
    padding-top:30px;
    font-size:15px;
    line-height: 25px;
}

aside[aria-owns=teacher]{
    background:#FFFFFF;
    width: 330px;
    margin:30px 0 auto 30px;
    padding:25px;
    box-shadow: 0 0 10px rgba(0,0,0,.15);
    border-radius: 5px;
}
aside[aria-owns=teacher] > dl{
    margin-bottom:15px;
}
aside[aria-owns=teacher] > dl > dt{
    font-weight: 700;
    margin-bottom:15px;
}
aside[aria-owns=teacher] > dl > dd > a{
    background:linear-gradient(#EFEFEF,#EFEFEF) no-repeat left 90px bottom 10px/100% 1px;
    position: relative;
    padding:10px 0 10px 90px;
    height: 100px;
}
aside[aria-owns=teacher] > dl > dd > a > img{
    position: absolute;
    top:0;
    left:0;
    width: 70px;
    height: 80px;
    border-radius: 5px;

    box-shadow: 0 2px 5px 1px rgba(0,0,0,.25);
}
aside[aria-owns=teacher] > dl > dd > a > span{
    font-size:13px;
    color:#545C63;
    margin-top:10px;
    line-height: 20px;
}