.instructor-item{margin-bottom:100px}.instructor-item .instructor-head{display:-webkit-box;display:-ms-flexbox;display:flex;padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid #ccc}.instructor-item .instructor-head .avatar{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:110px;max-width:30%;margin:0 4% 0 0}.instructor-item .instructor-head .avatar img{width:100%}.instructor-item .instructor-head .content{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;font-weight:bold}.instructor-item .instructor-head h2{margin:0}.instructor-item .instructor-head h2 span{font-weight:bold}.instructor-item .instructor-head .position{margin:0;color:#00afd7}.instructor-item .instructor-head .company{margin:1.2em 0 0;color:#969696}.instructor-item .text{line-height:2}.l-pagination{margin-top:100px;text-align:center;font-size:0}.l-pagination ul{padding:0;list-style:none;display:inline-block;position:relative;padding:0 70px}.l-pagination li{display:inline-block;vertical-align:middle;margin:0 .75em;width:2em;height:2em;line-height:2;font-size:2rem;font-weight:bold}.l-pagination li>*{display:block;background:#fff;color:#00afd7;text-decoration:none}.l-pagination li.number>*{border:1px solid #00afd7}.l-pagination li.number a{-webkit-transition:background-color .25s,color .25s;transition:background-color .25s,color .25s}.l-pagination li.number a:hover{opacity:1;background:#00afd7;color:#fff}.l-pagination li.-current>*{background:#00afd7;color:#fff}.l-pagination li.prev,.l-pagination li.next{position:absolute;top:0;margin:0}.l-pagination li.prev>*,.l-pagination li.next>*{position:relative;background:0;color:transparent;border:0}.l-pagination li.prev>*::before,.l-pagination li.next>*::before{content:"";display:block;position:absolute;top:50%;left:50%;width:.45em;height:.45em;border-top:3px solid #00afd7;border-right:3px solid #00afd7}.l-pagination li.prev{left:0}.l-pagination li.prev>*::before{-webkit-transform:rotate(-135deg);transform:rotate(-135deg);margin:-0.3em 0 0 -0.2em}.l-pagination li.next{right:0}.l-pagination li.next>*::before{-webkit-transform:rotate(45deg);transform:rotate(45deg);margin:-0.3em 0 0 -0.4em}.instructor-detail-container{padding-bottom:50px}@media screen and (max-width:767px){.instructor-list-container .instructor-item{margin-bottom:50px}.instructor-list-container .instructor-item .text{line-height:1.7}.l-pagination{margin-top:50px}.l-pagination ul{padding:0 50px}.l-pagination li{margin:0 .5em;font-size:1.8rem}}