@charset "UTF-8";
/* inner extend */
/* icon extend */
/* inner mixin */
/* --------------------------------------------

	FileName	:	index_add.css

-------------------------------------------- */
.flex-control-nav {
 bottom: -600px;
 text-align: center !important
}
@media only screen and (min-width: 768px) {
 .movie2colum {
  display: flex;
 }
 .movie2colum .play-btn {
  width: 50%;
  margin: 0 1% !important;
 }
 .main .news .genelal-news .tab-content .news-content {
  min-height: 695px;
 }
}
@media only screen and (max-width: 767px) {
 .movie2colum .play-btn {
  margin-bottom: 1% !important;
 }
}
.main .web-soudan {
 width: 100%;
 height: 200px;
 position: relative;
 margin-bottom: 5em;
}
.main .web-soudan .web-soudan-inner {
 max-width: 1200px;
 margin: auto;
}
.main .web-soudan a {
 width: 100%;
 height: 200px;
 display: block;
}
.main .web-soudan a:hover {
 opacity: 0.8;
}
.main .web-soudan h2 {}
.main .top-coeducation {
 box-sizing: border-box;
 overflow: hidden;
 width: 100%;
 padding: 50px;
 background: url("/img/index/top-coeducation-bg.png") repeat;
 text-align: center;
}
.main .top-coeducation a {
 transition: opacity 0.2s;
}
.main .top-coeducation a img {
 box-sizing: border-box;
 border: 6px solid #fff;
 box-shadow: 0 0 6px rgba(0, 0, 0, 0.15);
}
.main .top-coeducation a:hover {
 opacity: .7;
}
@media only screen and (max-width: 767px) {
 .main .top-coeducation {
  padding: 25px;
  width: calc(100% + 20px);
  margin: 0 -10px;
 }
}

.mv-wrapper {
 background-color: #7cd0e3;
 background-image: url(/opencampus/assets/img/movie-bg.svg);
}

#mv-area {
 position: relative;
 width: 100%;
 overflow: hidden;
 z-index: 999;

 max-width: 1460px;
 margin: 0 auto;
}
#mv-area video {
 pointer-events: none;
 
 object-fit: cover;
 width: 100%;
 height: 100%;
}
.main {
 padding-top: 40px;
}
@media only screen and (min-width: 768px) {
 #mv-area {
  /* height: 100vh; */
 padding-top: 130px;
 }
}
@media only screen and (max-width: 767px) {
 #mv-area {
  margin-top: 60px;
 }
 #mv-area video {
  width: 100%;
  height: 100%;
 }
 .main {
  padding-top: 0;
 }
 .main .main-slider {
  padding-top: 10px;
 }
}