﻿.page_course {
    width: 100%;
    overflow: hidden;
}

.page_course_two {
    width: 80%;
    overflow: hidden;
    padding-bottom: 4%;
    margin: 1em auto;
}
.page_course_two dl:nth-child(2n) {
    background: #fcfcfc;
}
.page_course_two dl {
    padding-left: 4%;
    border-radius: 2px;
    background: #eee;
    padding: 2%;
    display: block;
    overflow: hidden;
}
.page_course_two dl span {
    margin-top: 1.5em;
    float: left;
    font-size: 16px;
    width: 80%;
    color: #333;
    line-height: 1.8em;
	text-align:left;
}
.page_course_two dl dt {
    width: 120px;
    margin-right: 2em;
    float: left;
    display: block;
    overflow: hidden;
    position: relative;
}
.page_course_two dl dt img {
    opacity: 1;
    width: 100%;
    overflow: hidden;
}
.page_course_two dl dt #imge {
    opacity: 1;
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 2;
    left: 0;
}
.page_course_two dl h3 {
    color: #444;
    margin-right: 1em;
    margin-top: 1em;
    font-family: impact;
    font-size: 29px;
    display: inline-block;
    float: left;
    border-bottom: 1px solid #444;
    padding-right: 2em;
}
.page_course_two dl:hover #imge {
    opacity: 0;
}
.page_course_two .target.page_course_two-dl {
    opacity: 0;
    transform: translate(0px, 50px);
    -webkit-transform: translate(0px, 50px);
    transition: 200ms ease 200ms;
    -webkit-transition: 400ms ease 400ms;
}
.page_course_two .action.page_course_two-dl {
    opacity: 1;
    transform: translate(0px, 0px);
    -webkit-transform: translate(0px, 0px);
}