.miv-trans-hglt {
     background: #e8e5cb;
   }
  /* Chapter Micro Vid Css */
  .miv-vid-part-active {
    background: #cac8c8;
    border-radius: 5px;
  }
  .miv-chap-vid-content-per-part:hover {
      background: #cac8c8;
      border-radius: 5px;
      cursor: pointer;
  }
  .miv-chap-vid-content-list {
      margin: 0px;
      width: 100%;
  }
  .miv-chap-vid-content-per-part {
    list-style-type: none;
    width: 13%;
    display: inline-block;
    text-align: center;
    margin: 3%;
    cursor: pointer;
  }
  .miv-rel-chap-vid {
      width: 100%;
  }
  .miv-chap-vid-title {
      margin-left: 5.5%;
      width: 94.5%;
      font-weight: bold;
      font-size: 15px;
  }

  .miv-chap-vid-content {
    width: 93%;
    float: left;
    margin-top: 7px;
    margin-bottom: 20px;
    margin-left: 3.5%;
    margin-right: 3.5%;
    border-radius: 4px;
    padding-top: 7px;
    padding-bottom: 7px;
    background: #eaeaea;
  }
  .miv-chap-vid-title span {
      border-bottom: 1.5px solid #8e8a8a;
      padding-bottom: 1px;
  }
  .miv-chap-vid-left {
      width: 40%;
      float: left;
      height: 120px;
      text-align: center;
  }
  .microImageThumb {
      height: 120px;
  }
  .miv-chap-vid-right {
      width: 60%;
      float: right;
      height: 120px;
  }

  /* Related Micro Vid Css */
  .miv-rel-vid-content-title span{
    border-bottom: 1.5px solid #8e8a8a;
    padding-bottom: 1px;
  }
  .miv-rel-vid.miv-rs-tab-details {
      width: 100%;
      background: #f0efef;
      overflow-y: scroll;
      height: 100%;
  }
  .miv-rel-vid-content-title {
      margin-left: 5.5%;
      width: 94.5%;
      font-weight: bold;
      font-size: 15px;
      margin-bottom: 10px;
  }
  .miv-rel-vid-content {
      width: 96%;
      height: 120px;
      float: left;
      margin-top: 7px;
      margin-bottom: 7px;
      margin-left: 2%;
      margin-right: 2%;
  }
  .miv-rel-vid-left {
      width: 40%;
      float: left;
      height: 120px;
      text-align: center;
  }
  .miv-rel-vid-right {
      width: 60%;
      float: right;
      height: 120px;
      font-size: 13px;
  }

  .miv-search-form {
      width: 100%;
      text-align: center;
      margin-top: 10px;
      margin-bottom: 5px;
  }
  #miv-inputChText {
      display: inline-block;
      border: 1px solid #9b9797;
      border-radius: 4px 0 0 4px;
      background: white;
      width: 50%;
      height: 2.8em;
      vertical-align: middle;
  }
  #miv-checkChBtn {
      display: inline-block;
      width: 9%;
      margin-left: -5px;
      padding: 1px;
      background-color: #34678a;
      border: 2px solid #34678a;
  }
  .miv-search-btn-img {
      height: 25px;
      width: 25px;
  }
  #breadcrumb-list {
      display: none;
  }
  .miv-list {
      border-radius: 6px;
  }
  .micro-vid-play-video-report-dropdown {
    display: none;
    position: absolute;
  }
    .micro-vid-play-video-stats img {
      cursor: pointer;
  }
  .micro-vid-play-video-about-title-stats {
      width: 100%;
      font-weight: 500;
      font-family: inherit;
      font-size: 20px;
      height: 45px;
  }
  .micro-vid-play-video-about-title {
    float: left;
  }
  .micro-vid-play-video-stats {
      float: right;
  }
  .micro-vid-play-video-about-stats {
    margin: 10px;
  }
  .micro-vid-play-header {
      width: 100%;
      height: 60px;
  }
  .micro-vid-play-video-content {
      width: 65%;
      float: left;
      padding-right: 0.5%;
  }

  .micro-vid-play-video-course-details {
    width: 35%;
    border: 1px solid gray;
    float: right;
    height: 80vh;
  }

  .miv-sidebar-tab {
      height: 5%;
      font-size: 14px;
      border-bottom: 1.5px solid #8e8a8a;
      text-align: center;
  }
  .micro-vid-play-video-course-content {
      height: 95%;
      width: 100%;
  }
  .tab-details-trans {
      width: 100%;
      overflow-y: scroll;
      height: 100%;
  }
  .miv-voc-review {
    width: 100%;
    height: 100%;
  }
  .micro-vid-share-details-icon {
      position: absolute;
      margin-left: 67px;   
      display: none;
  }
  .micro-vid-play-video-report-dropdown {
      padding-left: 10px;
      padding-right: 10px;
      padding-bottom: 5px;
      padding-top: 5px;
      background: #dfdfdf;
      border: 1px solid #c6c4c4;
      border-radius: 12px;
      font-size: 14px;
      margin-left: 190px;
  }
  #report-submit {
      font-size: 14px;
      margin-left: 32px;
      padding: 0.64375em 0.675em 0.64375em;
  }
  #content {
      padding: 0em 0.6em 0.5em;
  }
  .micro-vid-play-body-content {
      width: 100%;
      height: 100%;
  }
  .miv-rs-tab-active-tab-li {
      color: #3fb35b !important;
  }
  
  
    .micro-vid-play-video-about-description-tab {
      margin-bottom: 5px;
      border-bottom: 1px solid #aeaeae;
      padding-bottom: 0px;
      font-size: 17px;
  }
  .miv-des-tab-active {
      border-bottom: 2px solid #2196F3;
      color: #3fb35b !important;
  }
  .micro-vid-play-video-about-description-tab-des {
      padding-left: 5px;
      padding-right: 7px;
      padding-bottom: 2px;
      cursor: pointer;
  }
  .micro-vid-play-video-about-description-tab-art {
      padding-left: 5px;
      padding-right: 7px;
      padding-bottom: 2px;
      cursor: pointer;
  }
  .micro-vid-play-video-description {
      font-size: 14px;
      padding-left: 5px;
      padding-right: 5px;
  }
  .micro-vid-play-video-artist-details {
      font-size: 14px;
      padding-left: 5px;
      padding-right: 5px;
  }
  .micro-vid-play-video-comments-details {
      border-top: 1px solid #cecece;
      margin-top: 10px;
      padding-top: 10px;
      padding-left: 10px;
      padding-right: 10px;
  }
  .micro-vid-play-video-comments-title {
      font-weight: bold;
      font-size: 17px;
  }
  .micro-vid-play-video-comments-input {
      margin: 5px;
  }
  .miv-vid-comment-input {
      border: 1px solid #9b9797 !important;
      border-radius: 4px 0 0 4px;
      width: 80%;
      font-size: 14px !important;
  }
  .miv-comment-button {
      margin-left: -5px;
      font-size: 14px !important;
  }
  .micro-vid-play-video-comments-list {
      margin: 5px;
  }
  .micro-vid-play-video-comments-per-user-name {
      font-weight: bold;
      font-size: 14px;
  }
  .micro-vid-play-video-comments-per-user-comment-date {
      font-size: 10px;
      color: #6f6f6f;
      padding-left: 5px;
  }
  .micro-vid-play-video-comments-per-desc {
      font-size: 14px;
      margin-left: 3px;
      margin-right: 10px;
  }
  
  

  .noselect {
    -webkit-touch-callout: none; /* iOS Safari */
      -webkit-user-select: none; /* Safari */
      -khtml-user-select: none; /* Konqueror HTML */
        -moz-user-select: none; /* Old versions of Firefox */
          -ms-user-select: none; /* Internet Explorer/Edge */
              user-select: none; /* Non-prefixed version, currently
                                    supported by Chrome, Edge, Opera and Firefox */
  }
  body{margin:0;padding:0;}
  #playAud {
      height: 25px;
  }
  #practise-content {
      background: #fbfbfb;
      border: rgba(195, 194, 190, 0.96) solid;
      border-width: 1px;
      border-top-width: 0;
      border-bottom-width: 0;
      border-radius: 2px;
      clear:both;
      margin:0;
      height:100%;
  }
  .course-play-content{margin: 0;display: inline-block;height:auto;width: 100%;}
  .play-title {
    color: black;
  }
  .course-play-header{
    width:100%;
    height: 56px;
    background-color: #22262B;
    display: inline-block;
    float: left;
    }
  
  .course-play-header a{text-decoration:none;}
  .play-back{
    float:left;
    padding:15px 15px 15px 0px;
  }
  .course-list-toggle{float:right;padding: 15px;position:relative;height:56px;}
  .course-list-toggle img,.play-back img{height:15px;}
  .toggle-text{color: #fff; font-size: 15px; vertical-align: 3px;}
    
  .course-play-main{ 
      width: 75%;
      float: left;
      height: auto;
      display:inline-block;
  }
  .course-play-menulist{
      width: 25%;
      height: 91%;
      right:1px;
      border-top: 1px solid #0B0D0F;
      overflow-y: auto;
      background-color: #EAEEF2;
      position: absolute;
      float:right;
      display:inline-block;
      z-index: 1000;
  }
  .tab-details{display:none;width:100%;padding:5px;}
  .miv-tab-li{
  list-style: none;
  float: left;
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  }
  .miv-tab{
  color:#777;
  padding: 0 2px 2px 0;
  text-align: center;
  display: inline-block;

  margin: 5px 1px;

  font-weight: 600;
  font-size: 16px;cursor:pointer;}
  .miv-tab-li .active{color: #22262B;}

  @media screen and (max-width: 768px) {
      .course-play-header{height:40px;}
      .course-list-toggle img, .play-back img {
      height: 14px;
  }
          
  }
  @media screen and (max-width: 457px) {
      .toggle-text,.play-title{display:none;}
      .course-play-menulist{display:none;}
      .course-play-main {
      width: 100%;}
      
      
      .course-play-menulist {
      width: 200px;}    
  }
  @media screen and (max-width: 320px) {

  }

  .miv-header-vid-title-view-count {
      font-size: 15px;
      float: left;
      padding: 15px;
  }
  .miv-header-vid-view-count {
      padding: 20px;
  }
  .miv-trans-per-content {
      float: left;
      width: 100%;
      background: #f0efef;
      background-image: url("/images/icons/cnpinyin-watermark-f4f4f4.png") !important;
      border-bottom: 1px solid #d2d2d2;
      padding-top: 2px;
  }
  .miv-trans-per-content-num {
      float: left;
      width: 10%;
      text-align: center;
  }
  .miv-trans-per-details {
      float: right;
      width: 90%;
  }
  .miv-voc-review-btn {
      float: left;
      width: 100%;
  }
  .miv-rvw-button {
    width: 180px;
    text-align: center;
    display: block;
    background: green;
    border-radius: 3px;
    color: #fff;
    padding: 3px;
    font-size: 14px;
    margin-bottom: 10px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
  }

  .hide-block{
    display: none;
  }
  .question_type_selector  li.selected{
    background-color: #eef;
    border: 1px solid #00c;
    margin-bottom: 4px;
  }

  .question_type_selector li {
      background-color: #eee;
      border: 1px solid #ccc;
      margin-bottom: 4px;
      padding: 3px;
      cursor: pointer;
      list-style-type: none;
      text-align: left;
  }
  .miv-voc-list-header h2 {color:#db9008;text-align: center;}
  .miv-voc-list-header p {text-align: center;}

  .miv-voc-review-per-content table{
    margin-top: 10px;
    margin: unset;
    border-top:none;
    border-right:none;
    border-left:none;
    border-bottom:none;
    font-size: 15px;
  }
  .miv-voc-review-per-content td{
    border-top:none;
    border-right:none;
    border-left:none;
    border-bottom:none;
    text-align:center;
    padding: 0.138em;
  }

  .voc-list-content{
      padding-bottom: 10px;
      position: relative;
      z-index: 1001;
      border-radius: 4px;
      background: #FFF none repeat scroll 0% 0%;
      width: 800px;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 0;
      height: auto;
      box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.75);
  }
  .miv-voc-review-per-num-content {
      float: left;
      width: 100%;
      border-bottom: 1px solid #d2d2d2;
  }
  .miv-voc-review-num {
      width: 7%;
      float: left;
      text-align: center;
  }
  .miv-voc-review-per-content {
      width: 81%;
      float: left;
  }
  .miv-voc-review-voc-count {
    width: 12%;
    float: right;
    text-align: center;
  }
  
  .miv-voc-review-num-header {
      width: 10%;
      float: left;
      background-color: #d0d0d0;
      cursor: pointer;
  }
  .miv-voc-review-per-content-header {
      width: 72%;
      float: left;
      background-color: #d0d0d0;
      cursor: pointer;
  }
  .miv-voc-review-voc-count-header {
    width: 18%;
    float: right;
    background-color: #d0d0d0;
    cursor: pointer;
  }
  .miv-voc-review-per-num-content-header {
    width: 100%;
    text-align: center;
    height: 5%;
    background-color: #d0d0d0;
  }
  .miv-voc-review-per-num-content-full-details {
    width: 100%;
    overflow-y: scroll;
    height: 95%;
    background: #f0efef;
    background-image: none;
    background-image: url("/images/icons/cnpinyin-watermark-f4f4f4.png") !important;
  }
  .miv-sort_icon::before {
    content: " ";
  }

  .miv-sort_icon::after {
    content: url(/images/icons/sort_12x12.png);
  }
  .cnpn-play-caligraphy-popup {
      background: rgba(15, 15, 15, 0.04) !important;
  }
  /*caligraphy popup csss*/
  .play-caligraphy-popup {display:none;position: fixed;top: 0px;left: 0px;right: 0px;
  bottom: 0px;z-index: 1000;overflow-x: auto;overflow-y: scroll;background: rgba(0, 0, 0, 0.46);
  transition: opacity 0.3s ease 0s;padding-top: 250px;}
  .popup-close {
      width: 30px;
      height: 30px;
      padding-top: 4px;
      display: inline-block;
      position: relative;
      top: 0px;
      right: auto;
      transition: ease 0.25s all;
      -webkit-transform: translate(50%, -50%);
      transform: translate(50%, -50%);
      border-radius: 1000px;
      background: rgba(0,0,0,0.8);
      font-family: Arial, Sans-Serif;
      font-size: 20px;
      text-align: center;
      line-height: 100%;
      color: #fff;
      float: right;
      z-index: 1000;
      cursor: pointer;
  }
  .play-caligraphy-popup-inner {border-radius: 4px;background: #FFF none repeat scroll 0% 0%;
  width:465px;margin-left: auto;margin-right: auto;margin-bottom: 0;height: 380px;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.75);}
  .pinyinStroke{position: absolute;top:250px; display: none;z-index: 100;margin-left: 32px;}
  .pinyinStrokeForSentence{position: absolute;top:250px;z-index: 100;margin-left: 32px;}
  .strokePrev{
    position: relative;
    height: 40px;
    width: 40px;
    left: 0;
    top: 180px;
    z-index: 1000;
    cursor: pointer;
  }
  .strokeNext{
    position: relative;
      height: 40px;
      width: 40px;
      top: 140px;
      z-index:1000;
    float:right;
    transform: rotateY(180deg);
    cursor: pointer;
      right: 0;
  }
  .voc_word_result_table_mobile{display: none;}
  .voc_word_result_table{display:block;}
  .mobil_transltion{color: #0b0bb3;font-style: italic;border-top: 1px dashed #9b9b9e;
  border-bottom: 1px solid #dcd0d0;
  }
  .stroke1{z-index: 100;display: block;}
  .ended{opacity: 0.2;}
  .pinyinStroke p,.pinyinStrokeForSentence p{
      margin-left: auto;
      margin-right: auto;
      width: 400px;
      text-align: center;
      margin-top: 150px;
      font-size: 13px;
  }
  embed, iframe, object, video {
      width: 400px;
      height: 380px;
      margin-bottom: 0;
      max-width: 100%;
      vertical-align: middle;
  }
  object#soundtest{
    height: 40px !important;
  }
  #soundtest object{
    height: 40px !important;
  }
  .flash-detect-msg{padding:5px;color:#ff0000; text-align:center;font-size:14px;padding-top:150px;}

  input:focus{border:#b3fa0f 1px solid !important;}
  .pinyinStroke img,.pinyinStrokeForSentence  img {margin-left: 10px;height: 375px;}
  @media screen and (max-width: 1199px) {
    #practise-content{padding: 0 10px;}
  }
  @media screen and (max-width: 1023px) {
    #content{padding:0;}
    #practise-content{padding: 0 10px;}
    .emptyContent{padding:150px 60px;}
  }
  @media screen and (max-width: 735px) {
    
      .Delta-icon-open{border-width: 0 10px 10px !important;}
      th, td {padding: 0.275em;}
    .dict_search_results{font-size: 14px;}
    .play-header-var-color{font-size: 20px;}
    #content{padding:0;}
      .noneemptyContent{padding: 5px 5px !important;}
      .voc_pinyin_results{font-size:13px;}
      .Show_product{top:40px; width:150px;}
    .emptyContent {min-height: 200px;padding: 60px 5px!important;}
    .voc_ch_header{width:30% ;}
    .voc_stroke_header{width:9%;text-align:center;}
    .voc_pinyin_header{width:20%;}
    .voc_sound_header{width:10%;}
    .Delta_icon,.delta_icon{margin-top: 7px;}
    .me_pinyin_sound,.claigraphy-image-pinyin {width: 30px;}
    .voc_word_result_table_mobile{display: block;}
    .voc_word_result_table{display: none;}
    .example-left-control { width: 60%;}
      .example-right-control {width: 10%;}
      
      .show_product_link{right:0 !important;}
    .show_product_link {
      margin-top: -5px;
  }

    .pinyinStroke{top: 70px;}
    .play-caligraphy-popup{    padding-top: 70px;}
    .voc_practice_header {
      width: 20%;
  }


  }
  @media screen and (max-width: 567px) {
    .emptyContent{padding:0 5px;}
      .pinyinStroke{top: 140px;}
    .play-caligraphy-popup{    padding-top: 140px;}
    
  }
  @media screen and (max-width: 467px) {
    .word-example-toogle{font-size: 12px;}
    .voc_pinyin_header{width:22%;}
    .voc_ch_header{width:28% ;}
    .voc_pinyin_header,.voc_ch_header,.mobil_transltion{font-size: 13px;}
    .related-word-switch{height: 30px;padding-top: 5px;}
    .play-caligraphy-popup-inner,.pinyinStroke p, .pinyinStrokeForSentence p{width:310px;}
    .pinyinStroke{margin-left:0;}
    .strokePrev{top:150px;}
    .strokeNext{top:110px;}
    embed, iframe, object, video {
      width: 310px;
      height: 340px;
    }
    .voc_practice_header {
      width: 28%;
  }

    .result-switch{margin: 0 0 5px 0;padding-top:5px;height:30px;font-size:12px;}
    .play-caligraphy-popup-inner{height: 340px;}
    .pinyinStroke img,.pinyinStrokeForSentence  img {margin-left: 10px;height: 300px;margin-top:20px;}
    }
  .word-example-toogle {
      width: 100%;
      height: 30px;
  }
  .results-toogle {
      width: 100%;
      height: 40px;
  }

      
/*  Breakdown pop-up vocabularies */
.dict-search-query-details-review-voc-title{
        text-align: center;
        font-size: 20px;
        font-weight: bold;
        padding-top: 15px;
    }
    .dict-search-query-details-review-voc {
        width: 70%;
        margin: auto;
    }
    .dict-search-query-details-review-voc-content table {
        border: #ccc 1px solid;
        width: 90%;
        margin: 10px auto;
    }
    .dict-search-query-details-review-voc-content th {
        border: none;
        text-align: center;
        background: #e7e7e7;
        color: #555;
    }
    .dict-search-query-details-review-voc-content td {
        border-top: none;
        border-right: none;
        border-left: none;
        border-bottom: 1px solid #b6b2b2;
        text-align: center;
        background: #f5f5f5;
    }
    .dict-search-voc-ch-header {
        width: 20%;
    }
    .dict-search-dict-voc-stroke-header {
        width: 6%;
    }
    .dict-search-voc-sound-header {
        width: 6%;
    }
    .dict-search-voc-sl-header {
        width: 5%;
    }
    .dict-search-query-review-voc-pop-up {
        position: fixed;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        z-index: 1000;
        overflow-x: auto;
        overflow-y: scroll;
        background: rgba(0, 0, 0, 0.3);
        transition: opacity 0.3s ease 0s;
        padding-top: 190px;
    }
    .dict-search-query-details-review-voc {
        padding-bottom: 10px;
        position: relative;
        z-index: 1001;
        border-radius: 4px;
        background: #FFF none repeat scroll 0% 0%;
        width: 70%;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0;
        height: auto;
        box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.75);
    }
    .dict-search-query-review-voc-view{
        cursor: pointer;
    }
    
    
    .dict-search-main-result-meaning-round-num {
        background-color: #d0cdcd;
        border-radius: 50%;
        width: 23px;
        display: inline-block;
        text-align: center;
    }
    
    .dict-search-result-type-static-block, .dict-search-result-tags-static-block {
        background-color: #d0cdcd;
        border-radius: 4px 0px 0px 4px;
        padding: 2px;
    }
    
    .dict-eng-app-info {
        font-size: 0.75rem;
        font-style: italic;
        line-height: 28px;
        color: #444343;
    }