*{
  margin: 0;
  padding: 0;
}
div#KFLOGO a {
  color: inherit;
}
.content{
  background: url(../images/bg.jpg) no-repeat center;
  height: 2061px;
  position: relative;
  margin-top: -3px;
}
a{
  text-decoration:none
}
.part1{
  width: 1000px;
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: 568px;
  left: 50%;
  margin-left: -500px;
}
.part2{
  width: 1000px;
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: 1152px;
  left: 50%;
  margin-left: -500px;
}
.part3{
  width: 1000px;
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: 1753px;
  left: 50%;
  margin-left: -500px;
}
.box{
  /* margin-top: 222px; */
}
.sm-box{
  /* display: block;
  width: 285px;
  height: 222px;
  text-align: center;
  background: #dc181859;
  overflow: hidden; */
}
/* .sm-mv{
  transform: translateY(-222px)!important;
} */
.ke1:hover .sm-mv{
  /* transition: transform .2s ease-out opacity .3s ease-out; */
  /* display: none; */
  /* transform: translateY(-222px)!important; */
}

.onlinecourses-list-row:hover h1,
.onlinecourses-list-row:focus h1,
.onlinecourses-list-row:hover .teacher-info,
.onlinecourses-list-row:focus .teacher-info {
  -webkit-transform: translateY(0%) translatez(-1px);
  -ms-transform: translateY(0%) translatez(-1px);
  transform: translateY(0%) translatez(-1px);
}
.onlinecourses-list-row:hover{
  cursor:pointer;
} 
.online-row .onlinecourses-list-row:first-child{
  margin-left: 0px;
}
/* .onlinecourses-list-row{
  height: 293px; 
    background-color: #FFFFFF;
    box-shadow: 2px 2px 5px rgba(9, 2, 4, 0.2);
    box-shadow: 0 0 30px rgba(85,182,218,.2); 
    border-radius: 5px;
    margin-left: 40px;
    width: 285px; 
    overflow: hidden;
} */
.onlinecourses-list-row .course-info .courseName{
  color: #313131;
    font-size: 14px;
}
.onlinecourses-list-row .course-info {
  height: 42px;
    border-bottom: 1px #e5e5e5 solid;
    padding-left: 14px;
    padding-right: 20px;
    /* width: 94%; */
}
.onlinecourses-list-row .heimulong .heimu .teacher-info {
  height: 222px;
}
.online-details .online-row .onlinecourses-list-row .heimulong .page-course-pic h1{
  margin-top: -68.8% !important;
}
.special-courses .online-row .onlinecourses-list-row .heimulong .page-course-pic h1{
  margin-top: -70.5% !important;
}
.servant-network .online-row .onlinecourses-list-row .heimulong .page-course-pic h1{
  /*margin-top: -68.8% !important;*/
  margin-top: -70.5% !important;
  
}
.servant-network-gj {
  padding:  0px 50px !important;
  background-color: #FFFFFF;
  margin: auto;
}
.servant-network{
  padding:   50px;
  background-color: #FFFFFF;
  margin: auto;
}
.servant-network-js{
  padding:  0px 50px;
  background-color:rgba(255,255,255,0);
  margin: auto;
}
.onlinecourses-list-row  .course-time{
      color: #6f6f6f;
      font-size: 16px;
      padding-left: 14px;
      height: 34px;
      padding-right: 20px;
}
.onlinecourses-list-row .heimulong .page-course-pic .teacher-info .immediately{
      margin-top: 20px;
      width: 150px;
      height: 30px;
      background-color: #eb6f29;
      border-radius: 4px;
      font-size: 14px;
}
.onlinecourses-list-row .course-info .courseName {
    color: #313131;
    font-size: 16px;
    overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  width:210px;
}
.onlinecourses-list-row .course-info .courseName {
    color: #313131;
    font-size: 16px;
}
.specialCourses-list-row .heimulong {
  height: 192px;
}
	/* .onlinecourses-list-row .heimulong .page-course-pic{
		height: 217px;
	}
	.onlinecourses-list-row .heimulong .page-course-pic .page-course-tu{
		height: 217px;
  } */
	.heimu h1,
	.heimu .teacher-info {
		/*width: 102%;*/
		/* border-top-left-radius: 5px;
    border-top-right-radius: 5px; */
    border-radius: 20px;
		left: -1%;
		/* prevent line on the right where background doesn't cover image */
		/*padding: 5%;*/
		box-sizing: border-box;
		background-color: rgba(0, 0, 0, 0.4);
		font-weight: 300;
		-webkit-transition: -webkit-transform .2s ease-out, opacity .3s ease-out;
		transition: transform .2s ease-out, opacity .3s ease-out;
	}
	.heimu h1 {
		margin-top: -80%;
		font-size: 1.5em;
		z-index: 1;
		-webkit-transform: translateY(-100%) translatez(-1px);
		-ms-transform: translateY(-100%) translatez(-1px);
		transform: translateY(-100%) translatez(-1px);
	}
	.heimu h1:after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 45%;
		width: 10%;
		text-align: center;
		/*border-bottom: 1px solid #fff;*/
	}
	.heimu .teacher-info {
		height: 384px;
		z-index: 33;
		/* border-top-left-radius: 5px;
    border-top-right-radius: 5px; */
    border-radius: 20px;
		-webkit-transform: translateY(100%) translatez(-1px);
		-ms-transform: translateY(100%) translatez(-1px);
		transform: translateY(100%) translatez(-1px);
	}
	.heimu {
		display: block;
		width: 100%;
		height: 222px;
		text-align: center;
		color: #fff;
		overflow: hidden;
	}
	.specialCourses-list-row .heimu .teacher-info {
		height: 100%;
	}
	.specialCourses-list-row .heimu .teacher-info .immediately {
		margin-top: 15px;
		width: 178px;
		height: 40px;
		font-size: 14px;
	}
	.specialCourses-list-row .heimu h1 {
		margin-top: -71%;
	}
	/* .page-course-pic {
		height: 191px;
	} */
	/*.page-course-pic h1,.page-course-pic .teacher-info{ 
padding: 5%; 
}*/
	/* .page-course-pic h1 {
		margin-top: -55% !important;
	} */
	.page-course-picsc h1 {
		margin-top: -62% !important;
	}
	.specialCourses-list-row .page-course-pic .teacher-info .teacher-name {
		margin-top: 2px;
	}
	.specialCourses-list-row .page-course-pic .teacher-info .immediately {
		margin-top: 10px;
  }
  /* .course-pic {
		background-size: 100%;
		width: 100%;
		height: 383px;
	} */
	.course-list-row .course-pic{
		height: 242.68px;
	}
	.course-list-row .course-pic {
	    height: 224px;
	}
	.course-list-row .course-pic {
	    height: 224px;
	}
	/* .page-course-tu {
		height: 191px;
	} */
	.immediately {
		margin-top: 60px;
		width: 250px;
		height: 50px;
		background-color: #3498DB;
		border-radius: 4px;
		font-size: 14px;
	}
	.immediately:hover{
		cursor: pointer;
    background: #3da2e3;
    background-color: #3da2e3;
	}

