.main-header-box .message-mask-box {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.4);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.content-main-box .main-header-box {
    position: relative;
}

.content-main-box .main-header-box img {
    width: 100%;
    display: block;
}

.content-main-box .main-header-box .header-title-box {
    position: absolute;
    left: 180px;
    top: 50%;
    margin-top: -72px;
}

.content-main-box .main-header-box .header-title-box .header-title {
    font-size: 32px;
    line-height: 45px;
    color: #FFFFFF;
}

.content-main-box .main-header-box .header-title-box .header-message {
    width: 330px;
    height: 42px;
    margin-top: 5px;
    font-size: 16px;
    line-height: 21px;
    color: #FFFFFF;
}

.content-main-box .main-container-box {
    position: relative;
    top: -60px;
}

.content-main-box .main-container-box .container-step-box {
    width: 920px;
    margin: 0 auto;
}

.content-main-box .main-container-box .container-step-box .step-box {
    padding: 60px 50px;
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    background-color: #ffffff;
    margin-bottom: 30px;
}

.content-main-box .main-container-box .container-step-box .step-box:last-child {
    margin-bottom: 0;
}

.content-main-box .main-container-box .container-step-box .step-box .teacher-list .teacher-list-avatar {
    width: 160px;
    height: 160px;
    border-radius: 50%;
    margin-right: 30px;
    display: inline-block;
    vertical-align: middle;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.content-main-box .main-container-box .container-step-box .step-box .teacher-list .avatar1 {
    background-image: url(../images/teacher/Stephanie-picture.JPG);
}

.content-main-box .main-container-box .container-step-box .step-box .teacher-list .avatar2 {
    background-image: url(../images/teacher/Mark-picture.jpg);
}

.content-main-box .main-container-box .container-step-box .step-box .teacher-list .avatar3 {
    background-image: url(../images/teacher/Levin-Profile.jpg);
}

.content-main-box .main-container-box .container-step-box .step-box .teacher-list .avatar4 {
    background-image: url(../images/teacher/Brooke-picture.jpg);
}

.content-main-box .main-container-box .container-step-box .step-box .teacher-list .avatar5 {
    background-image: url(../images/teacher/Amelia-picture.jpg);
}

.content-main-box .main-container-box .container-step-box .step-box .teacher-list .avatar6 {
    background-image: url(../images/teacher/Erin-picture.jpg);
}

.content-main-box .main-container-box .container-step-box .step-box .teacher-list .avatar7 {
    background-image: url(../images/teacher/Melissa_picture.jpg);
}

.content-main-box .main-container-box .container-step-box .step-box .teacher-list .avatar8 {
    background-image: url(../images/teacher/Katie.jpeg);
}

.content-main-box .main-container-box .container-step-box .step-box .teacher-list .teacher-list-message {
    display: inline-block;
    vertical-align: middle;
}

.content-main-box .main-container-box .container-step-box .step-box .teacher-list .teacher-list-message .message-title {
    font-size: 20px;
    line-height: 21px;
    color: #000000;
    width: 600px;
    margin-bottom: 20px;
}

.content-main-box .main-container-box .container-step-box .step-box .teacher-list .teacher-list-message .message-about {
    font-size: 13px;
    line-height: 20px;
    color: #000000;
    width: 600px;
}