@charset "UTF-8";
.block_hidden {
  display: none !important; }

button {
  outline: none; }

.add_to_my_favorite_btn {
  width: 22px;
  height: 22px;
  background-image: url("/themes/custom/omia_theme/images/omia/card_like_icon.png");
  background-repeat: no-repeat;
  background-size: 50px auto;
  background-position: 1px center; }

.is_added {
  background-position: -24px center; }

.chapter_video_block {
  width: 48%;
  margin: 0 1% 28px 1%;
  border: 1px solid #E4E4E4;
  background-color: #fff;
  border-radius: 12px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 167px;
  overflow: hidden; }
  .chapter_video_block a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  @media all and (max-width: 991px) {
    .chapter_video_block {
      width: 100%;
      height: 147px;
      margin: 0 0 10px 0; } }
  @media all and (max-width: 360px) {
    .chapter_video_block {
      height: 122px; } }

.chapter_video_left {
  width: 220px;
  height: 165px;
  overflow: hidden;
  position: relative;
  margin: 0 12px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #EDEDED; }
  @media all and (max-width: 991px) {
    .chapter_video_left {
      width: 140px;
      height: 145px; } }
  @media all and (max-width: 360px) {
    .chapter_video_left {
      width: 120px;
      height: 120px; } }

.chapter_video_pic {
  width: auto;
  height: 165px;
  margin: 0 auto; }
  .chapter_video_pic img {
    width: auto;
    height: 165px; }
    @media all and (max-width: 991px) {
      .chapter_video_pic img {
        height: 145px; } }
    @media all and (max-width: 360px) {
      .chapter_video_pic img {
        height: 120px; } }
  @media all and (max-width: 991px) {
    .chapter_video_pic {
      height: 145px; } }
  @media all and (max-width: 360px) {
    .chapter_video_pic {
      height: 120px; } }

.chapter_video_play_icon {
  width: 72px;
  height: 72px;
  position: absolute;
  top: 50px;
  left: 74px;
  z-index: 1; }
  @media all and (max-width: 991px) {
    .chapter_video_play_icon {
      width: 60px;
      height: 60px;
      top: 40px;
      left: 40px; } }
  @media all and (max-width: 360px) {
    .chapter_video_play_icon {
      width: 46px;
      height: 46px;
      top: 37px;
      left: 37px; } }

.chapter_video_right {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
  padding: 17px 12px 0 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  @media all and (max-width: 991px) {
    .chapter_video_right {
      padding: 10px 12px 0 0; } }

.chapter_video_right_free_tag {
  width: 74px;
  height: 74px;
  background-image: url("/themes/custom/omia_theme/images/omia/free_project.png");
  background-size: 74px;
  background-position: 0;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 30; }

.chapter_video_right_title {
  font-size: 18px;
  line-height: 22px;
  font-weight: 500;
  height: 46px;
  color: #343A40;
  margin: 0 0 10px 0;
  overflow: hidden;
  word-wrap: break-word;
  word-break: break-all;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  padding: 0 50px 0 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  @media all and (max-width: 991px) {
    .chapter_video_right_title {
      margin: 0 0 4px 0; } }
  @media all and (max-width: 360px) {
    .chapter_video_right_title {
      font-size: 16px;
      line-height: 18px;
      height: 18px;
      -webkit-line-clamp: 1;
      margin: 0 0 15px 0; } }

.chapter_video_right_teacher {
  font-size: 15px;
  color: #343A40;
  height: 17px;
  line-height: 19px;
  overflow: hidden;
  margin: 0 0 5px 0;
  word-wrap: break-word;
  word-break: break-all; }

.chapter_video_right_introduce {
  font-size: 13px;
  color: #229AD3;
  height: 15px;
  list-style: 20px;
  overflow: hidden;
  margin: 0 0 15px 0;
  word-wrap: break-word;
  word-break: break-all; }
  @media all and (max-width: 991px) {
    .chapter_video_right_introduce {
      margin: 0 0 15px 0; } }
  @media all and (max-width: 360px) {
    .chapter_video_right_introduce {
      margin: 0 0 11px 0; } }

.chapter_video_right_tag_block {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  height: 28px; }
  @media all and (max-width: 991px) {
    .chapter_video_right_tag_block {
      height: 22px; } }

.chapter_video_right_tag {
  height: 28px;
  color: #000;
  line-height: 28px;
  font-size: 12px;
  text-align: center;
  border-radius: 14px;
  margin: 0 8px 0 0;
  background-color: #EFEFEF;
  padding: 0 14px; }
  @media all and (max-width: 991px) {
    .chapter_video_right_tag {
      height: 22px;
      line-height: 22px;
      font-size: 11px;
      padding: 0 10px; } }

.breadcrumb_block {
  font-size: 15px;
  line-height: 20px;
  color: #343A40;
  word-wrap: break-word;
  word-break: break-all; }
  @media all and (max-width: 991px) {
    .breadcrumb_block {
      line-height: 18px; } }
  .breadcrumb_block a {
    font-size: 15px;
    line-height: 20px;
    color: #343A40; }
    @media all and (max-width: 991px) {
      .breadcrumb_block a {
        line-height: 18px; } }

.omia-plus-master-list {
  margin: 45px 0 0 0; }
  @media all and (max-width: 991px) {
    .omia-plus-master-list {
      margin: 56px 0 0 0; } }

.list_0 {
  width: 96%;
  max-width: 1290px;
  min-width: 320px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 0 75px 0; }
  @media all and (max-width: 1199px) {
    .list_0 {
      width: 100%;
      padding: 0 20px 50px 20px; } }
  @media all and (max-width: 991px) {
    .list_0 {
      padding: 0 20px 30px 20px; } }
  @media all and (max-width: 360px) {
    .list_0 {
      padding: 0 10px 20px 10px; } }
  .list_0 .curating_main_breadcrumb_block {
    width: 100%;
    max-width: 1290px;
    padding: 12px 0 10px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 auto 20px auto; }
    @media (max-width: 1329px) {
      .list_0 .curating_main_breadcrumb_block {
        display: block;
        padding: 12px 0 10px 0;
        argin: 0 auto 20px auto; } }
    @media all and (max-width: 991px) {
      .list_0 .curating_main_breadcrumb_block {
        width: 100%;
        display: block;
        padding: 12px 0 10px 0;
        margin: 0 0 20px 0; } }

.master_list_main_header {
  width: 100%;
  max-width: 1290px;
  margin: 0 auto; }

.all_class_classification_title {
  font-size: 26px;
  list-style: 30px;
  font-weight: bold;
  margin: 0 0 20px 0; }
  @media all and (max-width: 991px) {
    .all_class_classification_title {
      font-size: 22px;
      list-style: 26px;
      margin: 0 0 10px 0; } }

.all_class_classification {
  width: 102%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -1%; }
  @media (max-width: 1329px) {
    .all_class_classification {
      width: 102%; } }
  @media all and (max-width: 991px) {
    .all_class_classification {
      width: 102%;
      margin: 0 0 15px -1%; } }
  @media all and (max-width: 767px) {
    .all_class_classification {
      width: 103%;
      margin: 0 0 15px -1%; } }

.all_class_classification_btn {
  width: 18%;
  height: 100px;
  margin: 0 1% 25px 1%;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  overflow: hidden;
  color: #fff;
  font-size: 23px;
  font-weight: 600;
  line-height: 100px;
  text-align: center;
  cursor: pointer;
  background-size: cover;
  background-position: center;
  background-blend-mode: multiply; }
  @media all and (max-width: 991px) {
    .all_class_classification_btn {
      width: 23%; } }
  @media all and (max-width: 767px) {
    .all_class_classification_btn {
      width: 31%;
      height: 54px;
      line-height: 54px;
      font-size: 16px;
      margin: 0 1% 12px 1%;
      font-weight: 400; } }

.tab_list {
  width: 96%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin: 30px auto 14px auto; }
  @media all and (max-width: 991px) {
    .tab_list {
      margin: 12px auto 12px auto; } }

.tab_item {
  height: 30px;
  line-height: 30px;
  border-radius: 15px;
  margin: 0 4px 0 14px;
  font-size: 15px;
  font-weight: bold;
  color: #343A40;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer; }
  .tab_item::after {
    content: "";
    width: 13px;
    height: 12px;
    display: block;
    background-color: #fff;
    -webkit-clip-path: polygon(50% 25%, 0 100%, 100% 100%);
    clip-path: polygon(50% 25%, 0 100%, 100% 100%);
    margin: 1px 0 0 5px; }

.tab_item.active {
  color: #229AD3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .tab_item.active::after {
    content: "";
    width: 13px;
    height: 12px;
    display: block;
    background-color: #229AD3; }

.desc::after {
  -webkit-clip-path: polygon(50% 75%, 0 0, 100% 0);
  clip-path: polygon(50% 75%, 0 0, 100% 0);
  margin: 1px 0 0 5px; }

.asc::after {
  -webkit-clip-path: polygon(50% 25%, 0 100%, 100% 100%);
  clip-path: polygon(50% 25%, 0 100%, 100% 100%);
  margin: 0 0 4px 5px; }

.card_list {
  width: 102%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -1% 20px -1% !important; }
  @media (max-width: 1329px) {
    .card_list {
      width: 102%; } }
  @media all and (max-width: 991px) {
    .card_list {
      width: 100%;
      margin: 0 0 20px 0 !important; } }

.master_card_item {
  height: 300px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #e4e4e4;
  border-radius: 12px;
  overflow: hidden;
  cursor: pointer;
  min-width: 380px;
  width: 31.3%;
  max-width: 31.3%;
  margin: 0 1% 28px 1%;
  border: 1px solid #E4E4E4; }
  @media (max-width: 1260px) {
    .master_card_item {
      width: 48%;
      max-width: 48%; } }
  @media all and (max-width: 991px) {
    .master_card_item {
      min-width: 100%;
      width: 100%;
      max-width: 100%;
      min-width: 100%;
      margin: 0 0 10px 0;
      height: auto; } }

.plus_teacher_box {
  width: 100%;
  height: 100%; }

.plus_teacher_box_top {
  width: 100%;
  min-height: 188px;
  border-bottom: 1px dashed #e4e4e4;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer; }
  @media all and (max-width: 991px) {
    .plus_teacher_box_top {
      min-height: 158px; } }
  @media (max-width: 410px) {
    .plus_teacher_box_top {
      min-height: 104px; } }

.plus_teacher_box_bk1 {
  width: 180px;
  height: 165px;
  background-color: #fbf5ee;
  -webkit-clip-path: polygon(0 0, 0% 100%, 90% 0);
  clip-path: polygon(0 0, 0% 100%, 90% 0);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0; }
  @media all and (max-width: 991px) {
    .plus_teacher_box_bk1 {
      width: 155px;
      height: 135px; } }
  @media (max-width: 410px) {
    .plus_teacher_box_bk1 {
      width: 120px;
      height: 105px; } }

.plus_teacher_box_bk2 {
  width: 127px;
  height: 10px;
  background-color: #1c3729;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: absolute;
  top: 135px;
  left: -40px;
  z-index: 0; }
  @media all and (max-width: 991px) {
    .plus_teacher_box_bk2 {
      width: 106px;
      height: 10px;
      top: 122px; } }
  @media (max-width: 410px) {
    .plus_teacher_box_bk2 {
      width: 87px;
      height: 6px;
      top: 96px; } }

.plus_teacher_pic {
  width: 150px;
  height: 150px;
  border-radius: 75px;
  margin: 23px 11px 15px 11px;
  border: 2px solid #fff;
  overflow: hidden;
  background-image: url("/themes/custom/omia_theme/images/omia/non_user_pic_300x300.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 10;
  background-color: #E8E8E8; }
  @media all and (max-width: 991px) {
    .plus_teacher_pic {
      width: 130px;
      height: 130px;
      border-radius: 65px;
      margin: 13px 11px 13px 11px; } }
  @media (max-width: 410px) {
    .plus_teacher_pic {
      width: 100px;
      height: 100px;
      border-radius: 50px;
      margin: 10px 5px 10px 5px; } }

.plus_teacher_info_block {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 30px 11px 24px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  @media all and (max-width: 991px) {
    .plus_teacher_info_block {
      margin: 22px 11px 22px 0; } }
  @media (max-width: 410px) {
    .plus_teacher_info_block {
      margin: 10px 11px 10px 0; } }

.plus_teacher_info_name {
  height: 30px;
  font-size: 26px;
  font-weight: 600;
  color: #000;
  line-height: 30px;
  overflow: hidden;
  word-wrap: break-word;
  word-break: break-all;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical; }
  @media all and (max-width: 991px) {
    .plus_teacher_info_name {
      height: 26px;
      font-size: 22px;
      line-height: 26px;
      height: 26px; } }
  @media (max-width: 410px) {
    .plus_teacher_info_name {
      font-size: 18px;
      line-height: 22px;
      height: 22px; } }

.plus_teacher_info_title {
  height: 30px;
  font-size: 20px;
  font-weight: 400;
  color: #000;
  line-height: 30px;
  overflow: hidden;
  margin: 0 0 40px 0;
  word-wrap: break-word;
  word-break: break-all;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical; }
  @media all and (max-width: 991px) {
    .plus_teacher_info_title {
      height: 26px;
      font-size: 18px;
      line-height: 26px;
      height: 26px;
      margin: 0 0 30px 0; } }
  @media (max-width: 410px) {
    .plus_teacher_info_title {
      height: 23px;
      font-size: 15px;
      line-height: 23px;
      margin: 0 0 20px 0; } }

.plus_teacher_info_class_track_block {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.plus_teacher_info_class_box {
  min-width: 26px;
  border-right: 1px dashed #777777;
  padding: 0 20px 0 0;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  color: #484848; }
  @media (max-width: 410px) {
    .plus_teacher_info_class_box {
      padding: 0 10px 0 0; } }

.plus_teacher_info_class_box＿text {
  width: 40px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical; }

.plus_teacher_info_track_box {
  min-width: 66px;
  font-size: 13px;
  line-height: 16px;
  text-align: center;
  color: #484848; }
  @media (max-width: 410px) {
    .plus_teacher_info_track_box {
      padding: 0 0 0 10px; } }

.plus_teacher_box_bottom {
  width: 100%;
  min-height: 85px;
  padding: 0 15px;
  margin: 15px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: justify;
  font-size: 15px;
  line-height: 21px;
  color: #484848;
  word-wrap: break-word;
  word-break: break-all;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical; }

.master_list_pagination {
  display: block; }
  @media all and (max-width: 991px) {
    .master_list_pagination {
      display: none; } }

.master_list_pagination_phone {
  display: none; }
  @media all and (max-width: 991px) {
    .master_list_pagination_phone {
      display: block; } }

.list_1 .curating_main_breadcrumb_block {
  width: 100%;
  max-width: 1290px;
  padding: 12px 0 10px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto 20px auto; }
  @media (max-width: 1329px) {
    .list_1 .curating_main_breadcrumb_block {
      display: block;
      padding: 12px 20px 10px 20px;
      argin: 0 auto 20px auto; } }
  @media all and (max-width: 991px) {
    .list_1 .curating_main_breadcrumb_block {
      width: 100%;
      display: block;
      padding: 12px 20px 10px 20px;
      margin: 0 0 20px 0; } }

.list_1 .master_list_main_block {
  width: 96%;
  max-width: 1290px;
  min-width: 300px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 0 75px 0; }
  @media all and (max-width: 1199px) {
    .list_1 .master_list_main_block {
      width: 100%;
      padding: 0 20px 50px 20px; } }
  @media all and (max-width: 991px) {
    .list_1 .master_list_main_block {
      padding: 0 20px 30px 20px; } }
  @media all and (max-width: 360px) {
    .list_1 .master_list_main_block {
      padding: 0 10px 20px 10px; } }

.secondary_menu_top_bk {
  height: 320px;
  background-image: url("/themes/custom/omia_theme/images/omia/all_class_classification_pic01.jpg");
  background-color: rgba(0, 0, 0, 0.3);
  background-blend-mode: multiply;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }
  @media all and (max-width: 991px) {
    .secondary_menu_top_bk {
      display: none; } }

.secondary_menu_top_main {
  width: 96%;
  height: 100%;
  max-width: 1290px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  font-size: 40px;
  color: #fff;
  font-weight: 40px;
  font-weight: 600;
  margin: 0 auto; }
  @media all and (max-width: 991px) {
    .secondary_menu_top_main {
      padding: 0 20px; } }
  @media all and (max-width: 360px) {
    .secondary_menu_top_main {
      padding: 0 10px; } }

.secondary_menu_tag_block {
  width: 102%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 -1% 30px -1%; }
  @media all and (max-width: 991px) {
    .secondary_menu_tag_block {
      margin: 0; } }

.secondary_menu_tag {
  height: 40px;
  line-height: 38px;
  font-size: 18px;
  color: #fff;
  text-align: center;
  border-radius: 20px;
  padding: 0 19px;
  background-color: #272D33;
  border: 1px solid #0A1119;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 6px 12px 6px;
  display: block; }
  @media all and (max-width: 991px) {
    .secondary_menu_tag {
      height: 36px;
      line-height: 34px;
      font-size: 15px;
      padding: 0 14px;
      margin: 0 5px 5px 5px; } }

.secondary_menu_tag_active {
  background-color: #229AD3;
  border: 1px solid #229AD3; }

.plus_teacher_info_track_btn {
  height: 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 28px;
  text-align: center;
  color: #484848;
  font-size: 15px;
  position: absolute;
  bottom: 24px;
  right: 11px;
  cursor: pointer;
  z-index: 90; }
  @media all and (max-width: 991px) {
    .plus_teacher_info_track_btn {
      bottom: 23px; } }
  @media all and (max-width: 575px) {
    .plus_teacher_info_track_btn {
      bottom: 14px; } }

.follow_master_button {
  height: 30px;
  border: 1px solid #999999;
  background-color: #fff;
  border-radius: 15px;
  white-space: nowrap;
  padding: 0 10px;
  cursor: pointer;
  font-size: 13px; }
  @media all and (max-width: 1199px) {
    .follow_master_button {
      font-size: 12px;
      padding: 0 6px; } }
  @media all and (max-width: 991px) {
    .follow_master_button {
      font-size: 13px; } }
  .follow_master_button::before {
    color: #484848;
    border-radius: 1px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\2b";
    margin: 0 3px 0 0; }
    @media all and (max-width: 1199px) {
      .follow_master_button::before {
        margin: 0 1px 0 0; } }
    @media all and (max-width: 991px) {
      .follow_master_button::before {
        margin: 0 3px 0 0; } }
  .follow_master_button:hover {
    border: 1px solid #229ad3;
    color: #fff;
    background-color: #229ad3; }
    .follow_master_button:hover::before {
      color: #fff !important; }

.followed {
  color: #fff;
  background-color: #229ad3;
  border: 1px solid #229ad3; }
  .followed::before {
    color: #fff;
    border-radius: 1px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f00c";
    margin: 0 3px 0 0; }