/*Add font ================================*/
.top_detail {
  padding: 8px 0;
}
.top_detail .container {
  padding: 0 15px !important;
}
.top_detail .detail_title {
  font-size: 16px;
  padding: 0 !important;
}
.top_detail .select {
  min-width: 230px;
  background: #fff;
  border-radius: 5px;
  border: 1px solid #ccc;
  cursor: pointer;
  font-family: Montserrat-Bold;
  position: relative;
}
@media (min-width: 768px) {
  .top_detail .select {
    margin-bottom: 0;
  }
}
.top_detail .select.dropdown {
  border-color: #616161;
  border-radius: 5px 5px 0 0;
}
.top_detail .select.dropdown span#selected:after, .top_detail .select.dropdown span.selected:after {
  content: "\f0d8";
}
.top_detail .select span#selected, .top_detail .select span.selected {
  display: inline-block;
  width: 100%;
  position: relative;
  padding: 13px 10px 12px;
}
.top_detail .select span#selected:after, .top_detail .select span.selected:after {
  content: "\f0d7";
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-55%);
  font-weight: 700;
  font-size: 16px;
}
.top_detail .select #list_group {
  position: absolute;
  top: 100%;
  left: -1px;
  width: calc(100% + 2px);
  max-height: 300px;
  overflow: auto;
  border-radius: 0 0 5px 5px;
  border: 1px solid #616161;
  z-index: 10;
  background: #FFF;
  display: none;
}
.top_detail .select #list_group.show {
  display: block;
}
.top_detail .select #list_group li {
  font-family: Montserrat-Regular;
  padding: 6px 16px;
  color: #616161;
  font-size: 14px;
  line-height: 22px;
  position: relative;
  margin: 0;
}
.top_detail .select #list_group li:hover {
  color: #4c4c4c;
  background: #fafafa;
}

.video_detail {
  padding-bottom: 64px;
}
.video_detail .video_list_first {
  display: flex;
  flex-wrap: wrap;
}
.video_detail .video_list_first .video_view {
  width: 80%;
  position: relative;
}
@media (max-width: 1200px) {
  .video_detail .video_list_first .video_view {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .video_detail .video_list_first .video_view .video {
    position: relative;
  }
}
.video_detail .video_list_first .list_other {
  width: 20%;
  overflow: hidden;
  position: relative;
  min-height: 100%;
}
@media (max-width: 1200px) {
  .video_detail .video_list_first .list_other {
    display: none;
  }
}
.video_detail .video_list_first .list_other:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 160px;
  background: linear-gradient(180deg, #fff, #ebebeb);
}
.video_detail .video_list_first .list_other.hidden {
  visibility: hidden;
}
.video_detail .video_list_first .list_other .list_item_video {
  padding: 0;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.video_detail .video_list_first .list_other .list_item_video .row_item {
  padding: 0 !important;
  width: 100%;
  height: 100%;
  flex-wrap: unset;
  flex-direction: column;
  justify-content: flex-start;
}
.video_detail .video_list_first .list_other .list_item_video .row_item .mCSB_container {
  display: flex;
  flex-direction: column;
}
.video_detail .video_list_first .list_other .list_item_video .row_item .col_item {
  margin-bottom: 0;
  border-top: 1px solid #ebebeb;
  padding: 24px 32px 16px;
  position: relative;
  z-index: 2;
}
.video_detail .video_list_first .list_other .list_item_video .row_item .col_item.active {
  background: #fafafa;
  order: -1;
  border-top: none;
}
.video_detail .video_list_first .list_other .list_item_video .row_item .col_item .item .img a .btn {
  width: 28px;
  height: 28px;
  border-width: 3px;
  left: 14px;
  bottom: 14px;
}
.video_detail .video_list_first .list_other .list_item_video .row_item .col_item .item .img a .btn:before {
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 10px solid #FFF;
  left: calc(50% + 2px);
}
.video_detail .list_focus .item_focus {
  border-bottom: 1px solid #fafafa;
}
.video_detail .list_focus .item_focus .group_title {
  padding: 32px 0;
}
@media (min-width: 768px) {
  .video_detail .list_focus .item_focus .group_title {
    padding-top: 40px;
  }
}
@media (min-width: 1200px) {
  .video_detail .list_focus .item_focus .group_title {
    padding-top: 32px;
  }
}
@media (min-width: 1600px) {
  .video_detail .list_focus .item_focus .group_title {
    padding: 64px 0 40px;
  }
}
.video_detail .list_focus .item_focus .group_title h5 {
  display: inline-block;
  padding-right: 16px !important;
}
.video_detail .list_focus .item_focus .group_title .view_all {
  display: inline-block;
}
.video_detail .list_focus .item_focus .group_title .view_all a {
  font-size: 16px;
  color: #616161;
  font-family: Montserrat-Medium;
}
.video_detail .video_category h5.category_title {
  padding: 32px 0;
}
@media (min-width: 768px) {
  .video_detail .video_category h5.category_title {
    padding-top: 40px;
  }
}
@media (min-width: 1200px) {
  .video_detail .video_category h5.category_title {
    padding-top: 32px;
  }
}
@media (min-width: 1600px) {
  .video_detail .video_category h5.category_title {
    padding: 64px 0 40px;
  }
}
.video_detail .video_category .list_category_item {
  margin: 0 -15px;
}
.video_detail .video_category .list_category_item .item {
  padding: 0 15px;
}
@media (max-width: 768px) {
  .video_detail .video_category .list_category_item .item {
    width: 248px;
  }
}
.video_detail .video_category .list_category_item .item .img {
  position: relative;
}
.video_detail .video_category .list_category_item .item .img > a {
  padding-top: 177.5%;
}
.video_detail .video_category .list_category_item .item .img > a img {
  transform: translate(-50%, -50%);
  width: 100%;
}
.video_detail .video_category .list_category_item .item .img .info {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 24px;
  text-align: center;
  color: #FFF;
}
.video_detail .video_category .list_category_item .item .img .info .total {
  font-family: Montserrat-Light;
  font-size: 16px;
  color: #999;
}
.video_detail .video_category .list_category_item .slick-arrow {
  position: absolute;
  top: unset;
  transform: none;
  bottom: calc(100% + 32px);
  width: auto;
  height: auto;
  padding: 0;
}
@media (min-width: 768px) {
  .video_detail .video_category .list_category_item .slick-arrow {
    padding-top: 40px;
    bottom: calc(100% + 40px);
  }
}
@media (min-width: 1200px) {
  .video_detail .video_category .list_category_item .slick-arrow {
    padding-top: 32px;
    bottom: calc(100% + 32px);
  }
}
@media (min-width: 1600px) {
  .video_detail .video_category .list_category_item .slick-arrow {
    bottom: calc(100% + 40px);
  }
}
.video_detail .video_category .list_category_item .slick-arrow:before {
  font-family: "Font Awesome 5 Pro";
  color: #000;
  font-weight: 500;
  font-size: 18px;
}
@media (min-width: 1600px) {
  .video_detail .video_category .list_category_item .slick-arrow:before {
    font-size: 23px;
  }
}
.video_detail .video_category .list_category_item .slick-arrow[aria-disabled=false]:before {
  opacity: 1;
}
.video_detail .video_category .list_category_item .slick-arrow.slick-prev {
  left: unset;
  right: 60px;
}
.video_detail .video_category .list_category_item .slick-arrow.slick-prev:before {
  content: "\f060";
}
.video_detail .video_category .list_category_item .slick-arrow.slick-next {
  right: 14px;
}
.video_detail .video_category .list_category_item .slick-arrow.slick-next:before {
  content: "\f061";
}

.video_view {
  position: relative;
}
@media (max-width: 767px) {
  .video_view .video {
    position: relative;
  }
}
.video_view .info {
  position: absolute;
  left: 3.5%;
  right: 0;
  bottom: 5%;
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .video_view .info {
    position: unset;
    text-align: center;
    background-color: #1f2532;
    padding: 32px 15px;
    justify-content: center;
  }
}
.video_view .info .group_title {
  color: #FFF;
  padding-left: 2.5%;
}
@media (min-width: 768px) {
  .video_view .info .group_title {
    width: calc(100% - 90px);
  }
}
@media (min-width: 1600px) {
  .video_view .info .group_title {
    width: calc(100% - 110px);
  }
}
@media (max-width: 767px) {
  .video_view .info .group_title {
    padding-left: 0;
  }
}
.video_view .info .group_title .group {
  font-size: 16px;
  font-family: Montserrat-Medium;
  opacity: 0.6;
  padding-bottom: 8px;
}
.video_view .info .group_title h2.title {
  padding-bottom: 0;
}
.video_view .btn_play {
  width: 56px;
  height: 56px;
  border: 6px solid #FFF;
  border-radius: 50%;
  position: relative;
  background: rgba(0, 0, 0, 0.3);
  cursor: pointer;
}
@media (min-width: 768px) {
  .video_view .btn_play {
    width: 90px;
    height: 90px;
    border: 10px solid #FFF;
  }
}
@media (min-width: 1600px) {
  .video_view .btn_play {
    width: 110px;
    height: 110px;
    border: 12px solid #FFF;
  }
}
@media (max-width: 767px) {
  .video_view .btn_play.pc {
    display: none;
  }
}
.video_view .btn_play.mobile {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media (min-width: 768px) {
  .video_view .btn_play.mobile {
    display: none;
  }
}
.video_view .btn_play:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 18px solid #FFF;
  position: absolute;
  left: calc(50% + 2px);
  top: 50%;
  transform: translate(-50%, -50%);
}
@media (min-width: 768px) {
  .video_view .btn_play:before {
    border-top: 19px solid transparent;
    border-bottom: 19px solid transparent;
    border-left: 26px solid #FFF;
    left: calc(50% + 4px);
  }
}
@media (min-width: 1600px) {
  .video_view .btn_play:before {
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 32px solid #FFF;
    left: calc(50% + 5px);
  }
}

.list_group h5 {
  padding: 40px 0 16px;
}
@media (min-width: 768px) {
  .list_group h5 {
    padding: 32px 0 24px;
  }
}
@media (min-width: 1600px) {
  .list_group h5 {
    padding: 64px 0 32px;
  }
}

.see_more_video {
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ebebeb;
}
@media (min-width: 1200px) {
  .see_more_video {
    display: none;
  }
}
.see_more_video a {
  font-family: Montserrat-Light;
  font-size: 16px;
}
.see_more_video a span {
  font-family: Montserrat-Medium;
}
/*# sourceMappingURL=video.css.map */