#online228 .container {
	max-width:1440px
}
.section {
	padding:110px 60px 53px;
	background-color:#ffffff
}
.section-title {
	color:#284c55;
	font-size:22px;
	font-family:Arial;
	font-weight:700;
	margin-bottom:20px
}
.video-container {
	width:100%;
	margin-bottom:30px
}
.video-container video {
	width:100%;
	height:auto
}
.feature-item {
	position:relative;
	overflow:hidden;
	margin-bottom:30px
}
.feature-item .background {
	background-size:cover;
	background-position:center;
	transition:transform 0.3s ease
}
.feature-item .font_1 {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	z-index:1;
	color:white;
	font-size:22px;
	font-family:Microsoft YaHei;
	letter-spacing:1px;
	line-height:22px;
	font-weight:700;
	transition:color 0.3s ease;
	width: 60%;
}
.feature-item:hover .background {
	transform:scale(1.1)
}
.feature-item:hover .font_1 {
	color:#f0f0f0
}
.course-intro {
	margin-top:80px
}
.course-intro img {
	width:600px;
	height:418px
}
.course-intro .description {
	width:573px
}
.course-intro .description p {
	font-size:16px;
	font-family:Microsoft YaHei;
	line-height:26px;
	color:#666666
}
.instructor-section {
	background-color:#0c333c
}
.instructor-info {
	padding:76px 77px 100px;
	background-color:#ffffff;
	display:flex
}
.instructor-info .left-part {
	display:flex;
	width:50%
}
.instructor-info .left-part .instructor-image {
	width:100%;
	padding-top:56.25%;
	position:relative
}
.instructor-info .left-part .instructor-image img {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover
}
.instructor-info .left-part .instructor-description {
	padding:0px 20px
}
.instructor-info .left-part .instructor-description h2 {
	color:#000000;
	font-size:21px;
	font-family:Microsoft YaHei;
	font-weight:700
}
.instructor-info .left-part .instructor-description p {
	font-size:16px;
	font-family:Microsoft YaHei;
	line-height:24px;
	color:#666666
}
.instructor-info .right-part {
	width:50%;
	display:flex;
	flex-direction:column
}
.instructor-info .right-part .title {
	text-align:center;
	margin-bottom:20px
}
.instructor-info .right-part .title h2 {
	font-size:30px;
	line-height: 30px;
	text-align: left;
	font-family:Arial;
	font-weight:700;
	color:#444;
	opacity: 0.8;
	margin-bottom: 10px !important;
	text-transform:uppercase
}
.instructor-info .right-part .title span {
	font-size:60px;
	line-height: 60px;
	display: inline;
    float: left;
	font-family:Arial;
	font-weight:700;
	color:#444;
	opacity: 0.8;
	text-transform:uppercase
}
.instructor-info .right-part .images {
	display:flex;
	justify-content:space-between
}
.instructor-info .right-part .images .image-container {
	width:calc(50% - 10px);
	padding-top:37.5%;
	position:relative
}
.instructor-info .right-part .images .image-container img {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover
}
.course-content {
	margin-top:62px
}
.course-stage {
	background-color:#444;
	margin-bottom:30px
}
.course-stage img {
	width:100%;
	height:auto
}
.course-stage .description {
	padding:20px;
	opacity: 0.9;
}
.course-stage .description h3 {
	color:#fefefe;
	font-size:24px;
	font-family:Microsoft YaHei;
	line-height:32px;
	font-weight:700;
	margin-bottom:10px
}
.course-stage .description span {
	color:#fefefe;
	font-size:20px;
	font-family:Microsoft YaHei;
	line-height:32px;
	font-weight:700;
	display: inline-block;
	margin-bottom: 10px;
}
.course-stage .description p {
	margin-top: 20px;
	font-size:16px;
	font-family:Microsoft YaHei;
	line-height:30px;
	color:#e5e5e5
}
.course-contents {
	position:relative;
	padding:99px 0 52px;
	background-color:rgba(68,68,68,0.8);
	overflow:hidden
}
.course-contents .background-image {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-image:url('https://obs.enjoycg.com/static/img/228/14.png');
	background-size:cover;
	background-position:center;
	filter:blur(5px);
}
.course-contents h2 {
	color:#ffffff;
	font-size:34px;
	font-family:Microsoft YaHei;
	line-height:32px;
	font-weight:700;
	margin-bottom: 10px !important;
}
.course-contents .section-title {
	color:#ffffff;
	font-family:Arial;
	font-weight:700;
	text-transform:uppercase;
	opacity:0.8
}
.course-list {
	display:flex;
	margin: 0px 60px;
	justify-content:space-between
}
.course-list .column {
	width:calc(50% - 20px)
}
.course-list h3 {
	color:#ffffff;
	font-size:20px;
	font-family:Microsoft YaHei;
	font-weight:700;
	margin-bottom:15px
}
.course-list ul {
	list-style:none;
	padding:0
}
.course-list li {
	color:#e5e5e5;
	font-size:16px;
	font-family:Microsoft YaHei;
	line-height:24px;
}
.course-list li p {
	line-height: 24px !important;
    margin-bottom: 0px;
}
@media (max-width:768px) {
	.course-list {
	flex-direction:column
}
.course-list .column {
	width:100%
}
}.lecturer-works {
	padding:99px 0 52px;
	background-color:#ffffff
}
.lecturer-works h2 {
	color:#444444;
	font-size:34px;
	font-family:Microsoft YaHei;
	line-height:32px;
	font-weight:700;
	margin-bottom: 10px !important;
}
.masonry-thumbs {
	margin:0px 60px;
}

.masonry-thumbs .grid-item {
	padding:5px;
}

.sec-title {
	margin-bottom: 0px !important;
}