#video_obtion_block,
.tt-dataset,
.user_menu_item,
div.scroll-rbb {
    overflow-x: hidden
}

#container,
#content,
.navbar-default {
    background-color: #fff
}

#content,
p.dk-fg {
    text-align: justify
}

#show-vi,
.btn.btn-group.btn-danger.subscribe,
i.fa.fa-step-forward.fa-lg.play-mynextword-invideo {
    margin-right: 0
}

#content,
#right-c,
div#comments {
    margin-bottom: 8px
}

#flas_ms_edit_sub,
#training_my_word {
    z-index: 101;
    font-family: arial;
    font-size: 16px
}

span.number-video-go,
span.tv-go-im-level {
    text-shadow: 1px 1px 2px #0a0a0a, 0 0 25px #f5f1f1, 0 0 5px #080808
}

.noselect,
i.fa {
    -khtml-user-select: none
}

body,
span.like-num,
span.like-num-guest {
    font-family: Oxygen, Helvetica, sans-serif
}

.btn-social,
.rs-grid-video,
div.grid-video,
h4.search-title-e,
h5.search-title-v,
nav.menu-home,
span.typeahead_title {
    line-height: 16px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: clip
}

.h3-home>a,
.link[_ngcontent-teq-97],
a:link,
div.grid-video>a:hover {
    text-decoration: none
}

* {
    box-sizing: border-box
}

:focus,
button:focus,
video:focus {
    outline: 0
}

div.clearfix {
    clear: both
}

body,
html {
    font-size: 15px;
    line-height: 1.6;
    background-color: #e0ffff;
    height: 100%
}

.body.single>br {
    display: block;
    content: ""
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

a.btn.navbar-btn.btn-sm.btn-default.muavip,
a.btn.navbar-btn.btn-sm.btn-default.muavip2 {
    background-color: #dc143c;
    border-color: #a94442;
    color: #fff
}

.navbar-right .dropdown-menu {
    right: 2em;
    left: auto;
    padding: unset;
    min-width: 262px
}

div.save_later {
    width: 95% !important;
    left: 2.5% !important;
    height: unset !important;
    min-height: unset !important;
    top: 30% !important
}

div.save_later>#toomva-go-check2 {
    padding: unset !important
}

.user_menu_item {
    overflow-y: auto;
    height: 82vh;
    -webkit-overflow-scrolling: touch
}

span.vip_inf_nav {
    display: inline-block;
    font-size: 14px;
    color: #8b008b
}

span.label-warning-vip {
    padding: .2em .6em;
    background-color: #f0ad4e;
    margin-left: .5em
}

i.fa,
svg.fa {
    margin: 0 10px 0 0
}

input.form-control.search {
    max-height: 30px;
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
    border-bottom-right-radius: unset;
    border-top-right-radius: unset;
    position: static;
    font-size: 14px
}

#listening_sub_two.hide_centences .listening_sub_two_en,
#listening_sub_two.hide_centences .listening_sub_two_vi,
.answer i,
.jcarousel>ul>li>div>div>p,
.keycode-inf-vdg,
.keycode-inf-vdg-tt,
.seach-video-content,
a.btn.navbar-btn.btn-sm.btn-default.kiemtien,
a.btn.navbar-btn.btn-sm.btn-default.muavip,
div#search,
span.cue-wrapper>span:nth-child(3),
span.cue-wrapper>span:nth-child(4),
span.cue-wrapper>span:nth-child(5),
span.cue-wrapper>span:nth-child(6),
span.cue-wrapper>span:nth-child(7),
span.cue-wrapper>span:nth-child(8),
span.jcarousel-control-next.tv-go.inactive,
span.jcarousel-control-prev.tv-go.inactive,
span.liked_word_single:hover span.like_w_text {
    display: none
}

a.btn.navbar-btn.btn-sm.btn-default.muavip2:hover,
a.btn.navbar-btn.btn-sm.btn-default.muavip:hover {
    background-color: #b71e1b
}

.search-button {
    margin: 0;
    height: 30px;
    width: 60px;
    background: #f8f8f8;
    border: 1px solid #ccc;
    fill: #777;
    float: left;
    border-left: none;
    border-radius: 0 2px 2px 0
}

.alert.alert-dismissable.thong_bao,
li.dropdown.navbar-right {
    margin-top: 0
}

i.fa {
    color: #dc143c;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none
}

i.fa.guest {
    color: #006400;
    font-size: 1.6em
}

svg.fa {
    fill: #dc143c
}

h3.h3-home,
h3.h3-home.second {
    margin-bottom: .2em
}

.comment_main_content>h4>a,
a.c-menu__link,
span.btn.parent-cate>a {
    color: #333
}

.user_menu_item>a:hover,
a.pcategory:hover,
h5.tag_single:hover,
li.c-menu__item.active,
li.c-menu__item:hover,
p.tesdo,
span.btn.parent-cate:hover {
    background-color: orange
}

#container,
#content {
    min-height: 50px;
    outline: #e7e7e7 solid 1px
}

#vip_icon_2,
.user_menu_item>a:hover span.label-warning-vip {
    background-color: #dc143c
}

#container {
    padding-top: 5px;
    padding-left: 15px;
    padding-right: 15px
}

#content {
    padding: 15px;
    word-wrap: break-word
}

h1,
label.search_page_box:first-child {
    margin-top: 8px
}

h1.title {
    font-size: 20px;
    margin: .3em 0
}

h2.title {
    font-size: 18px;
    margin: .2em 0;
    color: #777
}

h3.h3-home.second {
    border-top: 1px solid #e7e7e7;
    padding-top: .3em;
    margin-top: 14px
}

.btn-social {
    position: relative;
    padding-left: 8px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis
}

a.btn.btn-block.btn-social:hover,
a.subscribe.single,
i.fa.fa-facebook,
i.fa.fa-google-plus {
    color: #fff
}

.col-md-5-login-social {
    max-width: 300px;
    margin: 1.5em auto .5em
}

p.dk-fg {
    margin: 0 1em;
    color: #777
}

.btn-facebook,
.btn-google-plus {
    color: #fff;
    border-color: rgba(0, 0, 0, .2)
}

.btn-facebook {
    background-color: #3b5998
}

.btn-facebook:hover {
    background-color: #1c366d
}

.btn-google-plus {
    background-color: #dd4b39
}

.btn-google-plus:hover {
    background-color: #a22718
}

.btn-social>:first-child {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 48px;
    line-height: 34px;
    font-size: 1.6em;
    text-align: center;
    border-right: 1px solid rgba(0, 0, 0, .2)
}

.menu-uuu {
    display: inline
}

button.c-menu__close {
    color: brown;
    background: linear-gradient(45deg, teal 2%, #228b22 54%, #54b558 97%);
    font-size: 18px;
    border: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    border-bottom: 1px solid #ccc;
    border-radius: 0;
    width: 100%;
    height: 30px
}

.c-menu__close>i.fa.fa-home {
    color: #fff;
    margin-left: -1.8em
}

h4.title-e,
h5.title-v {
    font-size: 14px;
    margin: 6px 0
}

img.img-menu-title {
    width: 50%;
    padding-right: 1em
}

.body.word-dashboad img {
    max-width: 100%;
    height: auto
}

.c-mask {
    position: fixed;
    z-index: 109;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 0;
    height: 0;
    background-color: #000;
    opacity: 0;
    -webkit-transition: opacity .3s, width 0s .3s, height 0s .3s;
    transition: opacity .3s, width 0s .3s, height 0s .3s
}

.c-mask.is-active {
    width: 100%;
    height: 100%;
    opacity: .7;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.container-video {
    position: relative;
    text-align: center
}

.tex-slide-show,
.view-time,
.word .wordtext,
h3.h3-home,
h4.title-e,
h5.title-v,
label.col-md-4.control-label.login,
span.cate-content {
    text-align: left
}

h4.title-e {
    font-weight: 550
}

h5.title-v {
    font-weight: 500
}

.alert-danger,
.h3-home>a,
.thong_bao_title,
button.comments_cencel:hover,
button.comments_edit_cencel:hover,
span.cate-content,
span.user-name {
    font-weight: 600
}

h4.edit-video {
    margin-bottom: 15px;
    float: left;
    width: 100%
}

.slide-show>h3.h3-home {
    padding-left: 0;
    margin-top: 0;
    margin-bottom: .3em
}

.view-time {
    font-size: 12px
}

.tu_dien_l,
button.add-to-md-btn-edit,
div.views {
    float: left
}

#show-vi,
.menu-undervideo,
.speed-decrease,
.tu_dien_r,
button.add-to-md-btn-view,
div.time,
li.dropdown,
span.insert-bellow,
span.phu_de_tieng_anh_flag.home,
span.song_ngu_flag.home {
    float: right
}

.view-time:hover,
h4.title-e,
h4.title-e:hover,
h5.title-v:hover {
    color: #333;
    text-decoration: none
}

div.hide-vd:hover,
p.wordtype {
    text-decoration: underline
}

.seach-video-content,
.search-time,
.time,
.time:hover,
.view-time,
div.views,
h5.search-title-v,
h5.title-v,
h5.title-v:hover,
span.like-num,
span.like-num-guest,
span.like-num-usersub,
span.remove_later:hover,
span.remove_later:hover i.fa.fa-times.fa-lg.close-later,
span.subscribe-num.gray {
    color: #777
}

i.fa.fa-pencil-square-o.edit-in-img {
    display: none;
    position: absolute;
    top: 67px;
    right: 0;
    margin-right: 5px;
    color: gold
}

div#comments,
div.comment_option>svg,
div.parent_comment:hover .comment_option>svg,
div.root_comment:hover .comment_option>svg,
label.container_checkbox_tv input:checked~.checkmark:after,
p.exam.e.tratu,
p.exam.v.tratu {
    display: block
}

i.fa.fa-pencil-square-o.edit-in-img:hover {
    color: #adff2f
}

.grid-search-video {
    overflow: hidden;
    position: relative;
    margin: 5px 0;
    min-height: 305px
}

.grid-search-post {
    overflow: hidden;
    position: relative;
    margin: 5px 0;
    min-height: 265px
}

.search-video-img img {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover
}

.search-video-content {
    display: inline-block;
    position: absolute;
    line-height: 1.6em
}

.list-categories {
    top: 58px;
    margin: 15px;
    background-color: #fff
}

.row.index-video {
    margin-top: 58px;
    background-color: #fff
}

.flag {
    margin-top: .04em;
    display: inline;
}

.info-single,
.list-video.eps,
.search-video-img,
.top-row-single,
.video_opt_item_content>span,
div#left-c,
div.slide-show {
    width: 100%;
    display: inline-block
}

.jcarousel>ul>li>div>a>img {
    max-height: 280px;
    object-fit: cover
}

.jcarousel-control-next,
.jcarousel-control-prev {
    top: 114px !important
}

.jcarousel>ul>li>div>div>h3.title-e {
    font-size: 18px;
    margin: .3em 0;
    color: gold
}

div.jcarousel a.jcarousel-control-next,
div.jcarousel a.jcarousel-control-prev {
    text-shadow: 1px 2px 8px #210b02;
    color: gold;
    font-size: 5.5em
}

.cue-line:nth-child(2).cue,
div.jcarousel a.jcarousel-control-next:hover,
div.jcarousel a.jcarousel-control-prev:hover {
    color: #ff0
}

.rs-grid-video>a>h4.title-e {
    padding-bottom: .4em
}

.tex-slide-show {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: .25em 1em;
    margin-bottom: 0;
    color: #fffaf0;
    background: rgba(0, 0, 0, .5)
}

.jcarousel .lv-img,
.right-nav,
.rs-grid-video,
.top-row-single,
.user-avatar,
input.toomva_checkbox,
li.dropdown,
span.edit-single,
ul.mwl-list li {
    position: relative
}

.alert-danger,
.phonetic3,
h3.h3-home.user {
    text-align: center
}

.grid-search-video.single.curent-eps {
    background: #fffacd;
    border: 2px solid gray
}

.h3-home>a {
    color: #dc143c;
    font-size: 14px
}

.viewss-single,
span.user-name {
    font-size: 16px
}

.h3-home>a:hover,
i.fa.fa-thumbs-up.fa-lg.like-single.green,
i.fa.fa-thumbs-up.fa-lg.like-user-sub.green,
span.menu_add_later_video:hover {
    color: #006400
}

.rs-grid-video {
    width: 220px;
    display: inline-block;
    margin: 0 5px;
    background-color: #fff
}

.info-single {
    margin-bottom: .3em
}

.viewss-single {
    float: left;
    color: #777
}

span.like-num-usersub {
    margin-left: .2em
}

.container-single,
.sub-line,
span.option_later_table_item_1,
ul.mwl-list li {
    border-bottom: 1px solid #ccc
}

span.subscribe-num {
    color: #eee
}

div.nopadding.profile.option>a,
select.select_loai_cau {
    margin-bottom: .4em
}

.user-avatar {
    float: left;
    width: 50px;
    height: 50px
}

span.single-time {
    font-size: 14px;
    color: #777
}

.image-user-avatar {
    border-radius: 24px;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.body.single>p {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 1.6;
    color: hsl(0, 0%, 6.7%)
}

h5.tag_single {
    background-color: #fffaf0;
    border: 1px solid #9999;
    font-weight: 500;
    padding: 2px 6px;
    border-radius: .3em;
    margin-bottom: .3em;
    display: inline-flex;
    margin-top: unset
}

span.cate-name {
    margin-right: .5em;
    color: #777
}

span.edit-single {
    float: right;
    top: -.6em
}

span.season-edit {
    color: #777;
    padding-bottom: 5px;
    display: -webkit-inline-box;
    margin-left: 2em
}

li.vip-icon {
    padding-left: .8em
}

.col-md-offset-2,
input.box.default-sub {
    margin-left: 1.5em
}

.author-image {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    float: left
}

div#no-login {
    margin-bottom: 1.5em
}

.author-name {
    float: left;
    display: -webkit-box;
    margin-bottom: .3em
}

.author-time {
    font-size: 13px;
    color: #aaa;
    margin: 0 .3em
}

div#comments {
    width: 100%;
    padding: .4em 0 .4em .4em;
    background-color: #fff;
    outline: #e7e7e7 solid 1px;
    min-height: 130px
}

.comments_title,
.flex,
a.list-group-item.typeahead {
    display: flex
}

div#comments_count {
    margin-right: 1.5em
}

.comments_order {
    padding: .2em .6em;
    border-radius: 4px;
    cursor: pointer;
    color: #777;
    font-size: 14px
}

.comments_order:hover {
    background: #9999
}

.comments_order>i {
    color: #777;
    margin-right: 4px
}

div.comments_header>div.comment_write>textarea.comments_write_area,
div.comments_write_area {
    width: 87%
}

textarea.comments_write_area {
    width: 87%;
    border: unset;
    border-bottom: 1px solid rgba(0, 0, 0, .15);
    resize: none;
    overflow: hidden
}

span.wt_body,
ul.c-menu-home {
    overflow-y: scroll;
    overflow-x: hidden
}

#video_obtion_block,
.jcarousel.tv-go,
div#line_tra_tu_en,
div#toomva-go-check2,
div.modal-body,
div.scroll-rbb,
div.scroll-sub {
    -webkit-overflow-scrolling: touch
}

div.comments_write_area>.comments_write_area_2:focus,
textarea.comments_write_area:focus {
    outline: 0 !important;
    border: unset;
    border-bottom: 2px solid #444
}

textarea.comments_write_area[placeholder]:empty:before {
    content: attr(placeholder);
    color: #777
}

div.comments_avata {
    border-radius: 50%;
    width: 10%;
    height: fit-content;
    max-width: 40px;
    max-height: 40px;
    margin-right: 2%
}

div.comment_write {
    display: flex;
    margin-top: .5em
}

div.comment_user,
ul.mwl-list li:last-of-type {
    margin-bottom: 1em
}

div.root_comment {
    display: flex;
    width: 100%
}

div.parent_comment {
    width: 88%;
    display: flex;
    margin-left: 12%;
    border-left: 2px solid #9999;
    padding-left: 2%
}

div.comment_main_content div.comments_avata,
div.parent_comment .comments_avata {
    width: 24px;
    height: 24px
}

.comments_header {
    margin-bottom: .8em
}

.comments_action {
    margin-top: .2em;
    margin-right: .4em;
    font-size: 14px;
    float: right
}

.comments_action>button {
    margin-left: .5em;
    display: none
}

.phonetic,
.phonetic3,
.wordtype,
button.comment_child,
div.count-learned-word,
div.show_reply_child,
span.child_comment,
span.child_to_parent,
span.da-luyen-mwl {
    display: inline-block
}

button.comments_cencel,
button.comments_edit_cencel {
    padding: .3em 1em;
    border: unset;
    color: #666;
    background-color: unset
}

button.comments_cencel:active {
    background-color: #8b8b8b;
    border-radius: 3px;
    opacity: .7;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out
}

button.comments_edit_save,
button.comments_post {
    color: #fff;
    padding: .3em 1em;
    border: unset;
    border-radius: 3px
}

button.comments_post_grey {
    cursor: unset;
    background: #9999
}

button.comments_post_blue {
    cursor: pointer;
    background-color: #065fd4
}

.comment_main_content {
    width: 78%
}

h4.comment_name {
    font-size: 14px;
    font-weight: 600;
    margin-top: unset;
    padding-top: .2em;
    margin-bottom: 7px
}

div.comment_option {
    float: right;
    position: relative;
    width: 10%;
    height: 10%;
    max-width: 35px;
    max-height: 35px;
    cursor: pointer;
    fill: #777
}

div.comment_option>svg:hover {
    fill: #333
}

div.comment_option>svg:active {
    fill: #000;
    background-color: #888;
    border-radius: 50%;
    opacity: .7;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out
}

button.comment_child {
    border: unset;
    padding: .3em 1em;
    margin-left: -1em;
    color: #777;
    font-size: 13px;
    background-color: unset
}

button.comment_child:active {
    color: #000;
    background-color: #8b8b8b;
    border-radius: 3px;
    opacity: .7;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out
}

div.comment_content p {
    margin: unset
}

div.show_reply_child {
    margin-left: 52px;
    color: #065fd4;
    cursor: pointer;
    padding: .2em 0 .6em
}

.show_reply_child>i,
span.child_to_parent>a {
    color: #065fd4
}

div.show_reply_child>span.caret {
    margin-right: .3em;
    margin-bottom: .3em
}

span.child_to_parent {
    margin-right: .3em;
    vertical-align: top
}

div.show_more_parent {
    display: inline-flex;
    width: 85%;
    margin-left: 52px;
    color: #065fd4;
    fill: #065fd4;
    cursor: pointer
}

span.show_more_parent_arrow {
    display: inline-block;
    width: 30px
}

div.option_more_table3 {
    display: none;
    position: absolute;
    color: #333;
    float: right;
    width: 220px;
    background: #fff;
    right: 2.8em;
    top: 0;
    padding: .4em 0;
    z-index: 4;
    box-shadow: 0 0 3px 1px grey
}

div.comment_content {
    white-space: pre-wrap;
    word-break: break-word
}

h4.comment_name>small {
    font-size: 90%
}

div.comments_write_area>.comments_write_area_1 {
    background: #eee;
    padding: .2em .5em;
    border-radius: 3px;
    width: max-content;
    vertical-align: top;
    text-align: center
}

div.comments_write_area>.comments_write_area_2 {
    resize: none;
    display: block;
    border: unset;
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, .15);
    overflow: hidden;
    height: 30px
}

span.label.label-warning.mod,
span.label.label-warning.vip {
    padding: .15em .35em;
    border-radius: 2.5px;
    margin-right: .6em;
    margin-left: -2px;
    top: -2.5px;
    position: relative;
    font-size: 70%
}

span.label.label-warning.mod {
    background-color: #db7093
}

span.seek-time-comment {
    color: #065fd4;
    cursor: pointer
}

span.sticky_comment>i {
    color: #fff;
    font-size: smaller;
    margin-right: 3px
}

span.sticky_comment>span {
    color: #fff;
    font-size: small
}

span.sticky_comment {
    margin-top: -4px;
    display: block;
    width: max-content;
    background: #9d9d9d;
    padding: 0 .8em .1em;
    border-radius: 12px;
    margin-bottom: .2em;
    line-height: 1.4
}

span.vip_pro,
span.vip_pro_nav {
    color: #fff;
    background: green;
    font-weight: 600
}

#content-comment-post>div#comments,
#content.content-single.tv_go>div#comments {
    width: unset;
    outline: unset
}

.alert-danger {
    margin: 78px 10% -116px;
    position: fixed;
    min-width: 79%;
    z-index: 200;
    color: red
}

i.fa.fa-thumbs-down.fa-lg.dis-like-single,
i.fa.fa-thumbs-up.fa-lg.like-single {
    color: gray;
    padding: 0;
    font-size: 1.6em
}

.top-link-parent-ct:hover,
i.fa.fa-thumbs-up.fa-lg.like-single.red {
    color: #dc143c
}

.btn.btn-group.btn-danger.subscribe-single.gray {
    background-color: hsl(0, 0%, 93.3%);
    color: hsla(0, 0%, 6.7%, .6);
    border-color: hsl(0, 0%, 93.3%);
    font-weight: 500
}

.panel.panel-default.login {
    margin: 1em auto auto;
    max-width: 480px
}

.btn-register,
.ten-setpass {
    margin-left: 1em
}

.reset-pass {
    width: auto;
    margin-left: 15px
}

span.label.label-warning.user-pages {
    font-size: 50%;
    margin-left: .5em;
    position: absolute;
    margin-top: .5em
}

span.vip_pro {
    font-size: 13px;
    position: relative;
    margin-left: 3.7em;
    bottom: 1.1em;
    padding: .4em .144em;
    border: 1px solid;
    border-radius: 50%
}

span.vip_pro_nav {
    font-size: 11px;
    position: relative;
    margin-left: -.5em;
    bottom: .5em;
    padding: .443em .2em;
    border: 1px solid;
    border-radius: 50%
}

.user_menu_item>a {
    padding: 4px 36px 4px 16px;
    font-size: 15px;
    display: -webkit-inline-box;
    color: #333;
    min-width: 260px
}

.user_menu_item>a:first-child {
    margin-top: 8px;
    padding: 4px 36px 4px 16px
}

.user_menu_item>a:last-child {
    margin-bottom: 30px
}

.user_menu_item>a>i.fa.fa-book.fa-lg {
    width: -webkit-fill-available
}

.dropdown-menu .divider {
    margin: 0 0 9px
}

span.header_user_menu {
    padding: 6px 6px 6px 16px;
    display: flex;
    background: #eee
}

span.conten_hdm {
    color: #0a0a0a
}

span.name_hdm {
    font-weight: 600;
    display: block
}

.user_menu_item>a>i {
    display: block;
    font-size: 1.5em;
    margin-right: 16px;
    color: #888
}

.dropdown>span.user-nav,
.hover,
.time-slider.media-range,
.tt-selectable,
.volume-slider.media-range,
div.scroll-sub>div.sub-line,
i.edit-in-img.tv-go,
input[type=checkbox],
label.auto-next,
label.for-checkbox {
    cursor: pointer
}

span.vip-icon {
    padding-left: 2.7em
}

.col-md-12.content-home.user,
.col-sm-12.nopadding.profile.setvip,
.cue-display .cue-line,
.input-group-addon {
    padding: 0
}

.btn.btn-group.btn-danger.yours {
    float: right;
    margin-top: .6em;
    display: block
}

.search-video-content.user {
    margin-top: 2em
}

.body.single.user,
.navbar-nav,
.user-info.channel,
div#card-type,
div#contain-c {
    margin: 0
}

.title-body-user {
    float: left;
    margin-right: 1.2em;
    color: #777
}

.info-create-list {
    color: purple;
    font-size: 16px;
    margin: 1em 2em;
    text-align: left;
    line-height: 1.5
}

.episode-number.single.eps {
    top: .4em;
    left: 0
}

.container-single.eps,
span.ws-range-min.ws-range-progress {
    margin-top: 0 !important
}

.list-video-title {
    text-align: center;
    font-size: 14px;
    background: teal;
    color: #fff;
    z-index: 1;
    position: relative;
    display: -webkit-box
}

.eps-user {
    font-size: 20px;
    line-height: 1.2;
    margin-top: .14em
}

.tap-user {
    font-size: 12px;
    line-height: .9
}

form.delete-post {
    margin: 3em
}

input.btn.btn-danger.btn-block.delete-post {
    margin-top: 1em;
    width: 15em
}

b.blue {
    color: #00f
}

.note_line,
div#add_nv_single>i,
div#add_tn_single>i,
div.add_vd_single>i,
i.fa.fa-times.fa-2x.close-add-to-md:hover,
i.fa.fa-times.fa-2x.close_my_word_training:hover,
i.fa.fa-times.fa-lg.close-add-to-md-2:hover,
span.like_w_num {
    color: #999
}

h3.faq-item-title {
    font-size: 16px;
    font-weight: 600
}

i.fa.text-success {
    color: #3c763d
}

label.active>img {
    border: 2px solid #f60
}

ul.list-group-nap-tien {
    padding: 1em;
    border: 1px solid #ccc;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.title-nap-tien {
    background: #242122;
    color: #fff
}

p.tex-title-nap-tien {
    padding: 1em;
    text-align: center;
    margin: 0
}

a.btn.btn-primary.btn-lg.btn-block {
    font-size: 14px;
    font-weight: 600
}

.radio.row {
    margin-left: .2em;
    margin-right: .2em
}

.panel.panel-default.lichsunaptien {
    overflow: auto
}

table.table.table-striped.table-bordered.table-hover {
    margin: 1em;
    border: 1px solid #ccc
}

table.table.table-striped.table-bordered.table-hover>tbody>tr>td {
    min-width: 100px
}

table.table.table-striped.table-bordered.table-hover>tbody>tr>td:first-of-type {
    min-width: auto
}

p.mod-menu {
    text-align: center;
    background: teal;
    color: #fff
}

.panel-heading-lsm {
    margin-left: 1em;
    font-size: 18px;
    margin-top: .7em
}

.btn-group>.btn:first-child:hover {
    background-color: #025a2a
}

#vip_icon_2 {
    margin-right: 10px;
    padding: .2em .6em
}

.alert.alert-danger.alert-dismissable.changepass {
    min-width: 300px;
    width: 45%;
    display: inline-table;
    margin: unset
}

.mediaplayer {
    position: relative;
    height: 0;
    width: 100%;
    padding-bottom: 56.25%;
    outline: 0
}

.content_tv_go,
.thong_bao,
div#right-c-tv-go,
nav.menu-home {
    outline: #e7e7e7 solid 1px
}

.mediaplayer .polyfill-video,
.mediaplayer video {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%
}

#wrapper-yt-video {
    z-index: -1;
    background-color: #000
}

.mediaplayer>.jme-controlbar {
    background: rgba(0, 0, 0, .5)
}

.col-md-12,
.collapsed-tv,
.list-video.eps,
div.scroll-sub,
span.wordtext {
    background: #fff
}

.mediaplayer>.jme-controlbar .mediamenu-wrapper>button,
.mediaplayer>.jme-controlbar .subtitle-controls>button,
.mediaplayer>.jme-controlbar [class*="-container"]>button {
    border: 1px solid #ddd;
    border-radius: 50%;
    height: 1.8em;
    width: 1.8em
}

.jme-cb-box>div.slash-time-player {
    line-height: 1
}

.jme-cb-box>div.currenttime-container {
    padding-right: 0
}

.jme-cb-box>div.duration-container {
    padding-left: 0
}

.cue-line:nth-child(2) {
    font-size: 80%;
    color: #f5d13f
}

.cue-display {
    pointer-events: auto
}

.jme-media-overlay {
    pointer-events: none
}

span.cue-wrapper {
    user-select: text
}

.word {
    position: relative;
    display: inline;
    margin: 20px auto auto;
    line-height: 1.5em
}

.word .wordtext {
    visibility: hidden;
    position: absolute;
    width: 25em;
    color: #333;
    border-radius: .4em;
    opacity: 0;
    line-height: 1.5em;
    z-index: 101;
    margin-right: -50px
}

span.wt_body {
    display: block;
    max-height: 14em;
    padding: 5px 10px 2em;
    border-left: .1em solid #9d9d9d;
    border-right: .1em solid #9d9d9d
}

#right-c,
.navbar-header,
.wrapper.tv-go,
div#toomva-go-check2-content,
span.wt_body * {
    width: 100%
}

span.wt_header {
    width: 100%;
    display: flex;
    border: .1em solid #9d9d9d;
    padding: .2em 1em;
    border-top-left-radius: .4em;
    border-top-right-radius: .4em
}

span.wt_footer {
    width: 100%;
    display: block;
    padding: 10px;
    border: .1em solid #9d9d9d;
    border-bottom-left-radius: .4em;
    border-bottom-right-radius: .4em;
    color: #337ab7;
    font-weight: 600;
    font-size: .9em
}

span.add_to_md_endword {
    display: inline-flex;
    width: 64%;
    cursor: pointer
}

span.go_my_dic {
    width: 35%;
    float: right;
    text-align: right;
    cursor: pointer
}

#listening_sub_one,
#listening_sub_two,
div#add_nv_single:hover,
div#add_nv_single:hover i,
div#add_tn_single:hover,
div#add_tn_single:hover i,
div.add_vd_single:hover,
div.add_vd_single:hover i,
i.fa.fa-pencil-square-o.fa-lg.edit-subtitle:hover,
i.fa.fa-plus-square.fa-lg.add-to-my-sentences:hover,
span.add_to_md_endword:hover,
span.add_to_md_endword:hover i,
span.go_my_dic:hover,
strong.tt-highlight {
    color: #ff8c00
}

span.add_to_md_endword>i {
    color: #337ab7;
    position: unset;
    margin-top: .1em;
    margin-left: 5px
}

span.trl_by {
    display: inline-block;
    margin: .5em 0 .8em 2%;
    border: 1px solid #8888889e;
    padding: .5em;
    border-radius: .3em;
    background: #fffaf0;
    width: 96%
}

span.trl_by_title {
    font-size: .9em;
    color: #e9967a
}

span.like_w_text,
span.liked_word_single:hover:before {
    margin-right: .5em;
    color: silver;
    white-space: nowrap
}

span.like_word_single,
span.liked_word_single {
    float: right;
    display: inline-flex;
    padding: 0 4%;
    background: #fffaf0;
    border: 1px solid #8888889e;
    border-radius: 1em;
    position: relative;
    bottom: -1.2em;
    width: unset;
    cursor: pointer
}

span.like_word_single:hover,
span.liked_word_single:hover {
    background: #faebd7
}

span.liked_word_single:hover:before {
    content: "bỏ like"
}

i.fa.fa-thumbs-up.like_w {
    font-style: unset;
    display: block;
    margin-right: 4px;
    color: #337ab7;
    font-size: 1.2em;
    margin-top: 2px
}

span.like_w_path {
    cursor: pointer;
    display: inline-flex
}

i.fa.fa-spinner.fa-spin.fa-lg.load_like_word_sg {
    margin: unset;
    color: #999;
    font-style: normal;
    font-size: inherit
}

.word .wordtext::-webkit-scrollbar {
    width: .5em
}

.word .wordtext::-webkit-scrollbar-track {
    -webkit-border-radius: 10px;
    border-radius: 10px
}

.word .wordtext::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: gray
}

a.tv_go_a:hover div.tv-go-home-page {
    box-shadow: 0 0 7px 1px #000
}

.word:hover .wordtext {
    visibility: visible;
    opacity: 1;
    bottom: 100%;
    font-size: .7em;
    position: absolute
}

.button.mute-unmute.state-mute,
.mediaplayer .title {
    visibility: hidden
}

.mediaplayer .title {
    position: absolute;
    margin-top: .45em;
    left: 10px;
    padding: 4px 6px;
    background: rgba(0, 0, 0, .5);
    color: #fff;
    visibility: hidden;
    font-size: 1em;
    border-radius: .3em
}

.jump-10[disabled] {
    color: #999;
    cursor: not-allowed
}

button.jump-10,
button.jump-10-2 {
    position: inherit
}

.subtitle-menu div ul li.title-menu {
    border-bottom: 1px solid #777;
    list-style: none;
    padding-left: 2.8em;
    padding-right: 3.8em;
    padding-bottom: .6em
}

.fa-fw-nex {
    position: absolute;
    font-size: 20px;
    color: #333;
    background: #dcdcdc;
    right: 44%;
    top: 41.5%;
    min-height: 3.7em;
    min-width: 12%;
    text-align: center;
    border-radius: .2em;
    z-index: 1;
    line-height: 1.5;
    padding: .5em;
    display: none
}

span.coun-down-cencel {
    display: block;
    background: #deb887;
    border-radius: .2em;
    cursor: pointer
}

span.coun-down-cencel:hover {
    background: orange
}

span.coundown-next {
    margin: .3em;
    color: green
}

.link[_ngcontent-teq-97]:hover,
.navbar-default .navbar-nav>li>a,
li.dropdown {
    color: #337ab7
}

.btn-play,
.speed-controller {
    margin-bottom: 4px
}

.jme-cb-box .volume-container {
    padding-left: .0625em;
    bottom: 2.8em;
    right: 7.8em;
    display: none
}

.main-body {
    width: 100%;
    padding-right: 0;
    padding-left: 0
}

a.btn.navbar-btn.btn-primary.cd-signup {
    background-color: #dc143c;
    border-color: #777;
    margin-top: .2em;
    margin-right: .2em;
    width: 70px
}

a.btn.navbar-btn.btn-primary.cd-signup:hover {
    background-color: #af0f0c
}

a.btn.navbar-btn.btn-default.cd-signin {
    background-color: #f8f8f8;
    color: #333;
    margin-top: .2em;
    width: 86px
}

a.btn.navbar-btn.btn-default.cd-signin:hover {
    background-color: #ccc;
    color: #333
}

.body.single {
    color: hsl(0, 0%, 6.7%)
}

.btn-video {
    padding: 0;
    width: 23%
}

button.btn-1,
button.btn-2,
button.btn-3 {
    margin-right: 4px
}

.btn-play {
    padding: 0 10px
}

.bt-under-video {
    max-width: 60%;
    padding: 0;
    margin: 2px;
    float: left
}

.body.single img,
.breadcrumb {
    max-width: 100%
}

.speed-decrease,
.speed-increase {
    width: 50px
}

.right-side-bar {
    border: 1px solid #999;
    margin: auto;
    clear: none
}

#lst-bestsub {
    height: 392px;
    overflow-y: auto
}

.show-sub li .sub-origin {
    padding: 4px 5px;
    box-sizing: border-box;
    font-size: 14px;
    float: left
}

.show-sub li .sub-trans {
    padding: 0 0 0 48px;
    box-sizing: border-box;
    font-size: 16px;
    width: 100%
}

.row-body {
    padding: 8px 15px 0 10px
}

div.jme-cb-box {
    min-width: 320px
}

.jme-cb-box>div {
    padding: .3125em 0
}

div.input_search_nav {
    max-width: 520px;
    float: left;
    position: relative;
    display: table;
    border-collapse: separate
}

.navbar-right {
    float: right !important;
    margin-right: 0
}

.navbar-nav .open .dropdown-menu {
    position: absolute;
    float: right;
    width: auto;
    margin-top: 0;
    background-color: #fff
}

li.dropdown.open,
span.hotline {
    margin-right: 1em
}

span.user-nav {
    vertical-align: -webkit-baseline-middle
}

.c-button {
    width: 3em;
    height: 2.2em;
    margin: 0 .2em;
    fill: #555
}

button#c-button--slide-left {
    margin-top: .2em;
    float: left;
    border-radius: .3em;
    padding: 0 .5px;
    background-color: #fff;
    border-color: #9d9d9d
}

a.btn.login {
    color: #dc143c;
    font-size: 16px;
    font-weight: 500;
    padding-top: .6em
}

a.search-link {
    display: block;
    position: absolute;
    padding-left: .8em;
    padding-top: .3em;
    fill: #666
}

.col-md-12.content-home {
    border: 1px solid #e7e7e7;
    padding-right: 0;
    padding-left: 0
}

.navbar {
    position: relative;
    height: 42px;
    width: 100%;
    min-width: 315px;
    min-height: 42px;
    border-radius: 0
}

.navbar1,
.navbar3 {
    position: absolute;
    height: 42px;
    top: 0
}

.navbar1 {
    left: 0;
    width: 40%
}

.navbar3 {
    right: 0;
    width: 63.5%
}

.mediaplayer .cue-display span.cue-wrapper {
    bottom: -.05em;
    background: rgba(0, 0, 0, .5)
}

nav.menu-home {
    display: none;
    width: 78%;
    height: 100%;
    float: left;
    position: fixed;
    background: #fff;
    z-index: 200;
    top: 0
}

.sub_nav {
    margin-left: 28px
}

.sub_nav i {
    font-size: 110%;
    line-height: 0
}

.sub_nav li.c-menu__item {
    padding: 3px 5px 3px 13px;
    border-left: 2.5px solid grey
}

.listening-footer>button:hover,
.scroll-sub-inside.tra_tu span#che_do_tra_tu,
.sub_nav li.c-menu__item.active,
.sub_nav li.c-menu__item:hover,
a.btn-episode:hover,
div.option_later_table>a:hover,
div.option_more_single:hover,
li.speed-type:hover,
span#video_obtion:hover,
span.info-video-mobile:hover,
span.option_more_table_item:hover {
    background: orange
}

.group_nav {
    font-size: 120%;
    padding: 8px 5px 8px 13px
}

.c-menu__close::after {
    content: "HOME";
    color: #fff
}

ul.c-menu-home {
    position: relative;
    list-style: none;
    height: 100%;
    margin: 0;
    padding: 0
}

.user-info.single {
    float: left;
    margin-left: 20px;
    display: grid;
    width: max-content
}

.btn.btn-group.btn-danger.guest,
.btn.btn-group.btn-danger.subscribe-single {
    float: left;
    margin-left: 20px;
    display: block
}

.top-link-parent-ct {
    border-bottom: 1px solid #ccc;
    text-align: center
}

span.btn.parent-cate {
    font-size: 15px;
    border-radius: 0;
    color: #333
}

h3.page {
    font-size: 20px;
    margin-top: .2em
}

.news-body {
    text-align: justify;
    padding: 0 .2em
}

.email>i.fa.fa-envelope,
.hotline>i.fa.fa-phone {
    margin: .85em .4em .4em;
    color: #fff
}

.col-md-10.edit-video-form {
    width: 90%;
    margin: auto;
    background-color: #fff;
    border: 1px solid #ccc
}

.save-video {
    float: right;
    margin-right: 4em
}

.alert-success {
    margin: 0 15px 8px
}

h3.h3-home {
    font-size: 20px;
    padding-left: .8em
}

div.zero_subscribe {
    padding-left: 1em;
    text-align: left;
    color: #777
}

h1.h3-home {
    font-size: 15px;
    font-weight: 600
}

div.grid-video {
    width: 286px;
    display: inline-block;
    margin: 5px 5px 16px;
    position: relative;
    background-color: #fff
}

.home-video-img {
    padding-bottom: 56.25%;
    position: relative;
    overflow: hidden
}

.home-video-img img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: 0 !important;
    top: 0;
    left: 0
}

i.fa.fa-pencil-square-o.fa-lg.edit-in-img.category {
    left: 90px;
    font-size: 29px
}

h4.search-title-e {
    margin: 3px;
    color: #333
}

.grid-search-post.single,
.grid-search-video.single {
    position: relative;
    display: block;
    width: 100%;
    margin: 10px 0
}

.jcarousel-control-next,
.jcarousel-control-prev,
.list-video.eps {
    margin-top: -.5em
}

.search-time {
    margin-right: .3em
}

h1.search {
    font-size: 20px;
    margin-top: 2em
}

.search-video-img {
    height: 176px;
    position: relative;
    clear: left;
    overflow: hidden;
    margin-right: 10px
}

.jcarousel-wrapper {
    width: 310px !important
}

.jcarousel .lv-img img {
    width: 310px;
    max-height: 174px;
    object-fit: cover
}

.list-video.eps {
    float: left;
    position: unset;
    margin-right: auto;
    border: 1px solid teal
}

.search-video-img.single>a>i.fa.fa-pencil-square-o.fa-lg.edit-in-img {
    margin-top: .1em;
    margin-right: 29.2em
}

.news-body.about {
    padding-top: 1.6em
}

span.search-views.single {
    line-height: 1em
}

.player-inside {
    width: 100%;
    margin: auto
}

.episode-number.single {
    background: teal
}

.episode-number {
    position: absolute;
    top: .2em;
    text-align: center;
    background: rgba(255, 102, 0, .75);
    color: #fff;
    width: 2.5em;
    height: 2.5em;
    border-radius: 50%
}

.episode-number.home,
.episode-number.home-2 {
    left: 0;
    width: 2.8em;
    height: 2.8em
}

.episode-number,
.episode-number.single,
.episode-number.single-related {
    left: 0
}

.tap-single.single-related {
    line-height: .4
}

.eps-single-tap.single-related {
    line-height: 1.3
}

.eps-single-tap {
    line-height: .9;
    font-size: 20px
}

.tap-single {
    font-size: 10px;
    line-height: 1.4
}

.list-episode {
    position: relative;
    height: 100%
}

.logo img {
    margin-top: .8em;
    width: 5em;
    height: 1.4em
}

.panel-body.setpass {
    width: 92%;
    margin: auto
}

.col-sm-3.nopadding.paddingtop10.setvip,
.col-sm-8.nopadding.paddingtop10.setvip {
    width: 34%;
    padding: 0
}

.thong_bao {
    margin-right: 0;
    border-radius: unset;
    z-index: unset;
    padding: .1em .5em;
    background: #ffc;
    color: #dc143c;
    text-align: center
}

.popup_msg,
span.add-to-md-head,
span.alert-in-video-film {
    z-index: 1;
    position: absolute
}

.alert.alert-dismissable.thong_bao.single {
    margin: 0 0 8px
}

.alert.alert-dismissable.thong_bao {
    margin-bottom: 10px
}

a.close.thong_bao2 {
    color: #333;
    opacity: .8;
    font-size: 22px;
    margin-right: 1.2em;
    position: absolute
}

.thongbao-right-home {
    float: right;
    width: 42%
}

button.btn.btn-primary.btn-sm.create-my-new-sub.text-center,
div.lv-body {
    float: none
}

span.info-video-mobile,
span.title-scroll {
    float: left;
    font-weight: 600;
    border-right: 1px solid;
    text-align: center;
    cursor: pointer
}

li.c-menu__item {
    padding: 8px 5px 8px 13px;
    display: -webkit-box;
    font-size: 20px
}

.scroll-sub-inside {
    background: teal;
    margin-bottom: 8px;
    border: 2px solid #228b22
}

div.scroll-sub {
    position: relative;
    overflow-y: auto;
    height: 68%
}

.sub-line {
    padding: 6px
}

.sub-line:hover {
    background-color: #e7e7e7
}

.sub-line:last-of-type {
    margin-bottom: 4em;
    border-bottom: 4px solid #ccc
}

.sub_en,
.sub_vi {
    display: inherit;
    padding-left: .2em
}

.sub_en {
    font-size: 16px;
    margin-bottom: .3em
}

.sub_vi {
    font-size: 15px
}

span.title-scroll {
    width: 29%;
    height: 100%;
    padding-top: 5px;
    display: block
}

.mediaplayer[data-state=playing] h2.runsub-title-invideo {
    margin-top: .45em
}

.runsub-title-invideo {
    top: .1em;
    margin-top: .45em;
    padding: 4px 6px;
    background: rgba(0, 0, 0, .5);
    transition: .4s;
    visibility: hidden;
    font-size: 1em;
    opacity: 1;
    border-radius: .3em;
    color: #fff
}

.runsub-title-invideo>a {
    color: #5bc0de
}

div.show_listening>.info-video-mobile {
    width: 20%
}

span.info-video-mobile {
    width: 25%;
    height: 100%;
    display: block;
    padding-top: .3em;
    padding-bottom: .5em
}

span.info-video-mobile:last-of-type {
    border-right: 0
}

.sub-line.current,
li.current {
    background: #333;
    color: #fff
}

label.auto-next,
span.list-video-title-1 {
    display: block;
    width: 50%
}

i.fa.fa-angle-double-down.fa-lg.all-visub-down-one:hover,
i.fa.fa-angle-double-up.fa-lg.all-visub-up-one:hover,
i.fa.fa.fa-arrow-down.decrease-one-sec:hover,
i.fa.fa.fa-arrow-up.increase-one-sec:hover,
label.auto-next:hover,
span.cencel_video_option:hover,
span.delete-this-line:hover,
span.insert-bellow:hover {
    color: orange
}

.eps-single {
    border: 1px solid teal;
    background: #fff;
    margin-bottom: 8px
}

a.btn-episode {
    margin: 3px;
    width: 34px;
    text-align: center;
    padding-left: 0;
    padding-right: 0
}

.search-video-total {
    background: #fff;
    padding: 5px 2px;
    border: 1px solid #e7e7e7
}

.nav-tv {
    margin-bottom: 2px
}

span.email {
    float: right;
    margin-right: 1em;
    display: flex
}

.logo[_ngcontent-teq-97] {
    width: 66px
}

.link[_ngcontent-teq-97] {
    margin-left: 28px;
    font-size: 15px;
    color: #333
}

footer.footer-home {
    width: 100%;
    display: inline-flex;
    border-top: 1px solid #e0e0e0;
    line-height: 2.8;
    position: relative;
    background: #fff;
    padding: 0
}

.phonetic3,
div.phonetic {
    width: 47.9%;
    float: right
}

.footer-1 {
    padding: 0 .5em
}

.footer-2 {
    text-align: right;
    display: inline-grid
}

span.footer-2-lien-he {
    padding-right: .8em
}

.user-info.tudien {
    margin-left: 0;
    color: #777
}

i.fa.select-sound,
i.fa.training {
    cursor: pointer;
    color: #ff8c00;
    font-size: 1.8em
}

i.fa.fa-volume-up.fa-lg.select-sound,
i.fa.training {
    margin-left: .3em
}

span.show-time-second,
span.show-time-tv {
    position: absolute;
    min-width: 3em;
    right: .2em;
    color: #fff;
    background: rgba(0, 0, 0, .5);
    border-radius: .2em;
    height: 1.4em;
    line-height: 1.4;
    padding: 0 .2em;
    margin-top: -1em;
    margin-right: .5em;
    font-size: 13px
}

span.show-time-second.gategory {
    bottom: .2em;
    width: max-content;
    min-width: unset;
    background: rgba(0, 0, 0, .7);
    color: #e5e5e5;
    letter-spacing: .5px;
    font-size: 12.5px;
    margin-right: .2em;
    margin-bottom: .15em;
    padding: 0 .5em
}

i.fa.fa-times.fa-2x.close-add-to-md,
i.fa.fa-times.fa-2x.close_my_word_training {
    right: .4em;
    cursor: pointer;
    position: fixed;
    color: #ccc;
    z-index: 100
}

i.fa.fa-times.fa-lg.close-add-to-md-2 {
    cursor: pointer;
    right: -8.4em;
    color: #ccc;
    position: relative
}

.sub-line.current>span.sub_en {
    font-size: 17px
}

.panel.panel-default.page {
    max-width: 580px;
    margin: 20px auto
}

.col-md-12.content-home.create {
    padding: 1em .5em
}

span.for-get-word.mobile {
    line-height: 1;
    display: inline-block
}

div.phonetic {
    text-align: right;
    margin-top: .3em
}

div.phonetic.mobile {
    width: unset;
    float: unset;
    margin-left: .5em;
    line-height: unset;
    margin-top: unset
}

div.phonetic2 {
    width: 100%;
    float: left
}

input.for-get-word,
span.for-get-word {
    font-weight: 700;
    color: #ff8c00;
    font-size: 16px;
    margin-top: .2em;
    display: inline-block
}

input.for-get-word {
    margin-top: 13px;
    height: 1.5em;
    max-width: 48%
}

i.sound {
    margin-left: .5em;
    cursor: pointer
}

.video_opt_item_icon>i,
i.sound:hover {
    color: gray
}

i.fa.fa-thumbs-up.fa-lg.like-single.green {
    padding: 0;
    font-size: 1.6em
}

li.meanline {
    width: 100%;
    font-weight: 600;
    float: left
}

p.wordtype {
    width: 100%;
    color: #999;
    margin-bottom: 0;
    font-size: 14px;
    margin-top: .6em
}

p.wordtype.ct {
    color: #d2691e;
    font-weight: 600;
    margin-top: 1em;
    font-size: unset
}

p.exam {
    color: gray;
    font-style: italic;
    margin: 0;
    padding-left: 1.2em
}

p.exam.ct {
    color: unset;
    font-weight: 600
}

p.exam.ct::before,
p.exam.e::before {
    content: "- "
}

p.exam.ctnv::before,
p.exam.v::before {
    content: "  "
}

p.exam.ctnv.tratu,
p.exam.v.tratu {
    padding-left: 1.6em
}

p.exam.v {
    margin-bottom: .5em
}

.popup_msg {
    display: none;
    width: 14em;
    max-height: 14em;
    font-size: 18px;
    border-radius: .5em;
    border: 2px solid #2e6da4;
    padding: 5px 10px 60px
}

.btn,
.typeMeaning,
div#id-mwl {
    font-size: 14px
}

.add-to-md-note,
.ex_1,
.ex_2,
.ex_3,
.note {
    width: 100%;
    display: inline-flex;
    margin-top: .5em
}

span.add-to-md-head {
    color: #fff;
    display: inline-block;
    padding: .3em .8em;
    font-size: 18px;
    width: 100%;
    height: 2.1em;
    background: teal;
    border-top-left-radius: .3em;
    border-top-right-radius: .3em
}

div.scroll-rbb {
    overflow-y: scroll;
    width: 100%;
    max-height: 48vh;
    padding: 1em .3em;
    margin-top: 2.3em;
    border-bottom: 2em solid teal
}

div.alert_p {
    border: 1.5px solid #2e6da4
}

.add-to-md-btn-edit,
.add-to-md-btn-from-sys,
a.edit-frome-old-sub,
button.add-to-md-btn,
button.add-to-md-btn-view,
button.btn.btn-primary.btn-sm.training_more_words,
button.cancel_add_line,
button.create-my-new-sub,
button.ok_move_down_sub_vi,
button.ok_move_up_sub_vi {
    margin: 1.5em 0;
    float: left;
    min-width: 40%
}

a.edit-frome-old-sub,
button.create-my-new-sub {
    margin: 1.5em 1em;
    float: left;
    min-width: 40%
}

span.meaning_1.meaning_2.meaning_3 {
    font-size: 18px;
    font-weight: 700
}

.typeMeaning {
    color: #999;
    width: 35%;
    float: right
}

button.btn.btn-primary.btn-sm.add-to-md-btn-view2 {
    float: right;
    margin: 1.5em 0
}

span.btn-add-to-md {
    display: inherit
}

.edit-myword-invideo {
    float: right;
    margin-right: .5em
}

i.fa.fa-pencil-square-o.fa-lg.edit-subtitle {
    right: .1em;
    position: absolute;
    margin-top: -1.4em;
    color: #8a2be2;
    font-size: 1.5em
}

input.entext-edit,
input.vitext-edit {
    width: 99%;
    color: #333
}

input.start-time-edit {
    width: 3em;
    height: 1.6em;
    margin-top: .4em;
    color: #333
}

button.btn.next-2s,
button.btn.play-add-time,
button.btn.play-pause-edit,
button.btn.prev-2s,
button.test-play-time {
    margin-left: 2%;
    border: 1px solid;
    height: 1.8em;
    line-height: .9;
    background: #fff8dc;
    color: #333;
    width: 18%;
    margin-top: .4em;
    padding: 0
}

button.test-play-time {
    margin-top: 0;
    width: 14%
}

button.btn.play-add-time {
    margin-left: 0;
    width: 40%
}

button.btn.cancel:hover,
button.btn.next-2s:hover,
button.btn.play-add-time:hover,
button.btn.play-pause-edit:hover,
button.btn.prev-2s:hover,
button.btn.save:hover,
button.test-play-time:hover {
    background: orange;
    border: 1px solid orange
}

.sub-line.editing,
.sub-line.editing.current {
    background: #666;
    color: #fff
}

.sub-line.editing.current {
    background: #444
}

button.btn.cancel-edit,
button.btn.save-edit,
button.play-line-myword-next {
    height: 1.8em;
    border: 1px solid;
    line-height: .45;
    background: #008b8b;
    margin-bottom: .2em;
    width: 3.5em;
    font-size: 12px;
    padding: .5em
}

span.mi-and-sec {
    font-size: 13px
}

button.btn.cancel-edit,
button.btn.save-edit {
    margin-left: 2%
}

button.btn.cancel-edit:hover,
button.btn.play-line-myword1:hover,
button.btn.save-edit:hover,
button.play-line-myword-next:hover {
    background-color: orange;
    color: #444
}

button.play-line-myword-next {
    width: auto
}

span.delete-this-line,
span.insert-bellow {
    display: inline-block;
    margin-top: .3em;
    cursor: pointer
}

span.delete-this-line {
    float: right;
    margin-right: .6em
}

div.info-in-video {
    border-bottom: 1px solid gray;
    margin-bottom: 1em;
    padding-bottom: 2em;
    display: none;
    background: #fffaf0
}

span.subtitle-option-title {
    display: block;
    text-align: center;
    padding: .3em 0;
    background: #fffacd;
    font-weight: 600;
    border-bottom: 1px solid gray
}

i.fa.fa-plus-square.fa-lg.add-to-my-sentences {
    float: right;
    position: relative;
    bottom: 1.8em;
    color: #337ab7;
    cursor: pointer;
    font-size: 1.8em;
    margin-right: .4em
}

i.fa.fa-angle-double-down.fa-lg.all-visub-down-one,
i.fa.fa-angle-double-up.fa-lg.all-visub-up-one,
i.fa.fa.fa-arrow-down.decrease-one-sec,
i.fa.fa.fa-arrow-up.increase-one-sec {
    color: #fff;
    margin-top: .5em;
    margin-right: .2em
}

i.fa.fa.fa-arrow-down.decrease-one-sec {
    margin-left: .4em;
    margin-right: .2em
}

i.fa.fa-angle-double-up.fa-lg.all-visub-up-one {
    margin-left: 1.2em
}

input.seconds-for-increase-all {
    color: #333;
    width: 3.6em;
    height: 1.4em
}

i.fa.fa-spinner.fa-spin.fa-lg {
    color: #337ab7;
    margin: .5em
}

div.title-mwl {
    border-bottom: 2px solid gray;
    color: gray
}

div#id-mwl {
    line-height: 1.8;
    width: 25px;
    height: 25px;
    text-align: center;
    margin-right: .4em;
    margin-top: 1em;
    border-radius: 50%;
    border: 1px solid #999
}

span.stt-mwl {
    width: 5%;
    margin-right: .8em
}

span.tu-mwl {
    width: 62%
}

ul.mwl-list {
    list-style: none;
    padding-left: 0
}

div.count-learned-word {
    width: 14%;
    color: gray;
    text-align: center
}

article.web-article-mwl {
    width: 62%;
    display: -webkit-inline-box;
    padding-left: 3%
}

p.mwl-vi {
    white-space: nowrap;
    margin-bottom: 2px;
    color: gray
}

i.fa.fa-play.fa-lg.play-myword-invideo,
i.fa.fa-step-forward.fa-lg.play-mynextword-invideo {
    cursor: pointer;
    color: #ff8c00;
    font-size: 2em
}

i.fa.fa-volume-up.fa-lg.training {
    font-size: 2.3em
}

i.fa.fa-play.fa-lg.play-myword-invideo {
    margin-left: .4em;
    margin-right: .5em
}

i.fa.fa-play.fa-lg.play-myword-invideo:hover,
i.fa.fa-step-forward.fa-lg.play-mynextword-invideo:hover,
i.fa.select-sound:hover,
i.fa.training:hover {
    color: #337ab7;
    cursor: pointer
}

span.under_title_luyen_nghe_tu {
    margin-bottom: .6em;
    display: block
}

span.no_more_myword {
    color: #ff4500;
    margin: .8em 0
}

span.alert-in-video-film {
    background: #fffaf0;
    padding: 1em;
    width: 80%;
    top: 36%;
    left: 10%;
    border: .15em solid gray;
    text-align: center;
    border-radius: .4em
}

input.toomva_checkbox,
input.toomva_radio {
    -webkit-appearance: radio;
    height: 20px;
    width: 20px;
    cursor: pointer
}

#flas_ms_edit_sub {
    display: none;
    text-align: center;
    position: fixed;
    width: max-content;
    border-radius: .5em;
    right: .8em;
    bottom: .5em;
    border: 1.5px solid teal;
    box-shadow: 0 0 5px 1px #777;
    padding: .4em 2em
}

#training_my_word {
    display: none;
    position: fixed;
    width: 96%;
    max-height: 30em;
    min-height: 3em;
    border-top-left-radius: .5em;
    border-top-right-radius: .5em;
    right: auto;
    bottom: 0;
    border: 1.5px solid teal;
    margin-left: 2%
}

#flas_ms_edit_sub,
#training_my_word,
div.popup_msg {
    background: #fffacd
}

span.content-tvg-inf.tv_home {
    display: block;
    text-align: left;
    width: max-content;
    text-shadow: 1px 2px 4px #210b02;
    margin-top: .5em;
    margin-bottom: .5em;
    font-size: unset;
    color: unset;
    padding: unset
}

.logo_tv_in_tv_go img {
    width: 5em;
    margin-top: 1em
}

.logo_tv_go img {
    width: 10em;
    display: -webkit-box;
    margin-left: 3em;
    margin-bottom: .6em
}

div.option_more,
div.option_more_single {
    display: block;
    width: 2.2em;
    height: 2.2em;
    float: right;
    background: #eae7e7;
    border-radius: 50%;
    cursor: pointer;
    margin-right: .3em;
    margin-top: -3.3em;
    position: relative;
    box-shadow: 0 0 3px 1px #000
}

div.option_more_single {
    width: 2.2em;
    height: 2.2em;
    margin-right: .8em;
    margin-top: -3.4em;
    background: #228b22
}

.jcarousel-control-next.tv-go:hover,
.jcarousel-control-prev.tv-go:hover,
div.option_more:hover {
    background: gold
}

div.option_more svg {
    fill: grey;
    cursor: pointer
}

div.option_more_single svg {
    fill: #fff
}

i.fa.fa-long-arrow-down.fa-lg.tu_cau_nay {
    width: 0;
    font-size: 1.2em
}

i.fa.fa-long-arrow-down.fa-lg.tu_cau_nay+i {
    width: 1.3em
}

.option_more_table4.dropdown-menu {
    top: unset;
    float: right;
    right: 64px
}

div.option_more_table {
    top: unset;
    color: #333;
    position: absolute;
    float: right;
    width: fit-content;
    margin-right: 3.6em;
    margin-top: -2.2em;
    background: #fff;
    right: 0;
    padding: .4em 0;
    z-index: 4;
    box-shadow: 0 0 3px 1px grey;
    border-radius: 6px
}

div.botom-scroll-sub,
div.botom-scroll-sub-top {
    height: 16%;
    background: linear-gradient(45deg, teal 2%, #228b22 54%, #54b558 97%)
}

.option_more_table.for_nv_option {
    margin-top: -4em
}

span.option_more_table_item {
    width: 100%;
    display: block;
    padding: .4em 1.8em;
    cursor: pointer
}

span.option_more_table_item>i {
    width: 1.2em;
    color: #777
}

span.option_more_table_item+hr {
    margin: 10px
}

div.botom-scroll-sub-top {
    display: inline-flex;
    color: #fff;
    width: 100%
}

div.botom-scroll-sub {
    position: relative;
    display: block
}

span.title-scroll.listening i {
    color: #fff;
    font-size: 1.7em
}

.mediaplayer>.jme-controlbar button:hover {
    box-shadow: 0 0 7px 1px #ff0
}

div.mediamenu {
    visibility: hidden;
    position: absolute;
    width: 160px;
    background: #fffacd;
    bottom: 2.5em;
    right: 4px;
    padding: .4em .8em .8em;
    font-size: 16px;
    z-index: 100;
    border-radius: 10px;
    border: 2px solid gray;
    color: gray;
    transform: translateY(-3%);
    transition: .1s;
    float: right
}

div.mediamenu.show {
    visibility: visible;
    transform: translateY(0)
}

div#content.content-single.tv_go {
    width: 100%;
    display: inline-block;
    margin-top: 8px
}

.content_tv_go {
    width: 100%;
    padding: 10px 15px;
    word-wrap: break-word;
    text-align: justify;
    background: #fff;
    float: left;
    margin-bottom: 8px
}

div.user_inf_tvg_2 {
    display: block;
    color: #fff;
    width: 100%;
    margin: 8px 0;
    float: left;
    padding: .4em
}

div.navgo-center,
label.time-check:hover {
    color: teal;
    font-weight: 600
}

.user-inf-tvg {
    margin: .4em;
    padding: .4em 1em;
    border: 1.5px solid #fff;
    border-radius: 1em
}

label.time-check {
    cursor: pointer;
    width: max-content;
    font-size: 18px
}

div.btn.btn-danger.subscribe.user.play-pause-edit-toomvago {
    display: inline-block;
    margin-left: 6em;
    margin-bottom: 1em
}

div.btn.btn-danger.subscribe.user.add-current-time-line,
div.btn.btn-danger.subscribe.user.play-pause-edit-toomvago {
    background: #c17105;
    border-color: #c17105
}

div.btn.btn-danger.subscribe.user.add-current-time-line:hover,
div.btn.btn-danger.subscribe.user.play-pause-edit-toomvago:hover {
    background: #a76104
}

div.navgo-center {
    max-width: 520px;
    float: left;
    padding-top: .4em;
    margin-left: 6%;
    font-size: 1.4em
}

div#toomva-go-check {
    top: 15%;
    left: 1%;
    position: fixed;
    z-index: 202;
    background-color: #fff;
    border-radius: .5em;
    width: 98%;
    height: 70%;
    border: .2em solid teal;
    display: none;
    min-height: 280px;
    overflow-y: scroll
}

div#toomva-go-check2 {
    display: block;
    width: 100%;
    height: 100%;
    padding: 1em;
    overflow-y: scroll
}

.lv-bedge-video-go.home {
    float: right;
    display: block;
    background: url(/images/lv0.png) 0 0/80px 100% no-repeat;
    width: 6em;
    height: 6em
}

i.fa.fa-times.fa-2x.close-tomvagocheck {
    color: #f0f8ff;
    cursor: pointer;
    right: -.2em;
    top: -1.1em;
    position: absolute;
    margin-right: 5px
}

i.fa.fa-times.fa-2x.close-tomvagocheck:hover {
    color: #faebd7
}

.c-mask-toomva-go.is-active {
    width: 100%;
    height: 100%;
    opacity: 1;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.c-mask-toomva-go {
    position: fixed;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 0;
    height: 0;
    background-color: gray;
    opacity: 0;
    -webkit-transition: opacity .3s, width 0s .3s, height 0s .3s;
    transition: opacity .3s, width 0s .3s, height 0s .3s;
    z-index: 201
}

.c-mask-toomva-go.home.is-active {
    width: 100%;
    height: 100%;
    opacity: .7
}

.c-mask-toomva-go.home {
    background-color: #000;
    opacity: 0
}

.title-check-box {
    display: inline-flex;
    margin-top: 1em;
    margin-left: 1em
}

span.sub-answer,
span.sub-answer2,
span.sub-answer3,
span.sub-answer4,
span.sub-answer5 {
    margin: .5em;
    background: teal;
    color: #fff;
    border-radius: .15em;
    padding: .5em .8em;
    cursor: pointer;
    font-size: 1.25em;
    display: inline-block
}

span.sub-answer.gray,
span.sub-answer2.gray,
span.sub-answer3.gray,
span.sub-answer4.gray,
span.sub-answer5.gray {
    background: gray;
    cursor: unset
}

span.sub-answer.gray:hover,
span.sub-answer2.gray:hover,
span.sub-answer3.gray:hover,
span.sub-answer4.gray:hover,
span.sub-answer5.gray:hover {
    box-shadow: unset
}

span.sub-answer2:hover,
span.sub-answer3:hover,
span.sub-answer4:hover,
span.sub-answer5:hover,
span.sub-answer:hover {
    box-shadow: 0 2px 3px 0 #000
}

.answer,
.answer1,
.answer2,
.answer3,
.answer4,
.answer5 {
    width: 100%;
    padding: 2em 0;
    text-align: center;
    position: relative
}

.notification-check-toomva-go {
    display: none;
    margin: 1em;
    font-size: 1.3em;
    font-style: italic;
    font-family: monospace;
    text-shadow: 1px 1px 2px #fff, 0 0 25px #ea0e0a, 0 0 5px #fff
}

i.fa.fa-volume-up.fa-lg.select-sound-go {
    color: #ff8c00;
    cursor: pointer
}

i.fa.fa-volume-up.fa-lg.select-sound-go.gray {
    color: gray;
    cursor: unset
}

div.left-c-tv-go {
    overflow-x: scroll;
    overflow-y: hidden;
    display: -webkit-inline-box
}

div#right-c-tv-go {
    float: right;
    width: 100%;
    height: 107px;
    background: linear-gradient(45deg, teal 9.5%, #228b22 55%, #54b558 97%);
    display: inline-table;
    position: relative;
    margin-right: unset
}

.scroll-sub-inside.tv-go,
.tt-dataset>.list-group {
    margin-bottom: unset
}

.info-video-tv-go-2 {
    font-size: 12px;
    text-align: center
}

span.infomation-toomvago {
    float: right;
    margin-right: .5em;
    cursor: pointer;
    color: #fff
}

.jcarousel-wrapper.tv-go {
    margin: 0 auto;
    position: relative;
    border: .6em solid gray;
    -webkit-box-shadow: 0 0 2px #999;
    -moz-box-shadow: 0 0 2px #999;
    box-shadow: 0 0 2px #999;
    width: 100% !important
}

.jcarousel.tv-go {
    position: relative;
    width: 100%;
    margin-left: unset;
    background: gray;
    overflow-x: scroll
}

.jcarousel.tv-go ul {
    width: auto;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-flex
}

.jcarousel.tv-go li {
    width: 160px;
    height: 89px;
    float: left;
    margin-right: .4em;
    border: 2px solid #fff
}

.jcarousel.tv-go img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.jcarousel.tv-go li:hover {
    border: 2px solid orange
}

.jcarousel-control-next.tv-go,
.jcarousel-control-prev.tv-go {
    position: absolute;
    margin-top: -22px;
    width: 40px;
    height: 40px;
    text-align: center;
    background: #ff9800;
    color: #fff;
    font: 3em/0.8em Arial, sans-serif;
    border-radius: 30px;
    box-shadow: 0 0 4px #210b02;
    top: 50% !important;
    text-decoration: none;
    cursor: pointer
}

.jcarousel-control-prev.tv-go {
    left: -.08em
}

.jcarousel-control-next.tv-go {
    right: -.08em
}

.jcarousel-wrapper.tv-go {
    width: unset !important
}

li.lv-tv-go {
    width: 130px;
    height: 99px;
    float: left;
    margin-right: .7em;
    margin-left: 1em;
    margin-bottom: 1em;
    border: 2px solid #fff
}

.lv-tv-go img {
    width: 100%;
    height: 71px;
    object-fit: cover
}

span.tv-go-im-level {
    display: block;
    color: gold;
    background: rgba(0, 0, 0, .5)
}

.title-tv-go-home {
    width: 95%;
    display: block;
    background: #008b8b;
    margin-left: 2.5%;
    margin-right: 2.5%;
    padding: .5em;
    float: left;
    border: 2px solid #ffc107;
    font-size: 1.2em;
    text-align: center
}

span.content-tvg-inf {
    display: inline-block;
    padding: .2em 1em;
    font-size: 1.1em;
    color: teal
}

.answer i {
    margin-right: .5em;
    margin-left: -.5em;
    color: gray
}

span.keycode-inf-vdg {
    color: gray;
    margin-right: 1em
}

span.keycode-inf-vdg-tt {
    font-weight: 600;
    color: gray;
    margin-top: 1em;
    margin-right: .4em;
    clear: left
}

div.cover-video-tv-go,
div.does-not-has-video {
    height: 85px;
    position: absolute;
    width: 156px;
    opacity: .8;
    background-color: #000
}

div.cover-video-tv-go.home,
div.does-not-has-video.home {
    width: 126px;
    height: 71px;
    opacity: .7
}

span.number-video-go {
    display: block;
    color: #ff0;
    top: .4em;
    margin-left: .2em;
    position: absolute;
    background: rgba(0, 0, 0, .5);
    padding: 0 .4em;
    border-radius: .2em
}

span.title.single3 {
    color: gold;
    float: left;
    font-size: .7em
}

span.info-video.tv-go {
    padding-top: .6em
}

.panel-body.setpass>form.form-horizontal {
    margin-top: 1em
}

div.panel-body.setpass>form>div.form-group>label.col-md-4.control-label {
    text-align: unset;
    margin: unset
}

.search-video-img.history {
    width: 120px;
    height: 67px
}

span.menu_add_later_video {
    color: #777;
    margin-right: 1em;
    cursor: pointer;
    padding: .5em;
    user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none
}

i.fa.fa-plus-square.fa-lg.add-to-later {
    color: unset;
    margin: 0;
    padding-right: 2px;
    font-size: 1.5em
}

div.option_later_table {
    position: absolute;
    background: #fff;
    z-index: 1;
    box-shadow: 0 0 3px 1px grey;
    max-width: 300px;
    min-width: 280px;
    left: 10%;
    margin-top: 8px
}

span.option_later_table_item_title {
    display: block;
    border-bottom: 1px solid #ccc
}

span.option_later_table_item_title>span {
    padding: 16px 24px;
    display: block
}

div.option_later_table>a,
span.option_later_table_item_1 {
    display: flex;
    padding: 16px 24px
}

label.container_checkbox_tv {
    font-weight: unset;
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: unset;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

label.container_checkbox_tv input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

label.container_checkbox_tv:hover input~.checkmark {
    background-color: #ccc
}

label.container_checkbox_tv input:checked~.checkmark {
    background-color: #2b48e8;
    border: unset
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 22px;
    width: 22px;
    border: 2px solid #777;
    border-radius: 3px
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none
}

label.container_checkbox_tv .checkmark:after {
    left: 8px;
    top: 1px;
    width: 8px;
    height: 15px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

label.container_checkbox_tv>span>i.fa.fa-clock-o.fa-lg {
    margin-top: 5px;
    color: #777;
    float: right
}

i.fa.fa-times.fa-lg.close-later {
    color: #9999;
    margin-right: 5px
}

span.remove_later {
    color: #9999;
    cursor: pointer;
    display: inline-block
}

.btn-h1-spacing,
.form-spacing-top {
    margin-top: 18px
}

.author-name>h4 {
    margin: 5px 0
}

div#line_tra_tu_en {
    width: 100%;
    display: inline-flex;
    padding: 10px;
    background: orange;
    color: #fff;
    font-size: 22px;
    overflow-x: scroll;
    border-bottom: 2px solid #228b22
}

span.word_tra_tu {
    padding: .2em .4em;
    border: 1px solid;
    margin-left: .2em;
    cursor: pointer;
    white-space: nowrap
}

i.fa.fa-volume-up.fa-2x.word_sound_tra_tu {
    cursor: pointer;
    color: #999;
    font-size: 1.5em;
    margin-left: .7em;
    top: .1em;
    position: relative
}

button.close {
    font-size: 2.5em !important;
    margin-top: 0 !important;
    margin-right: -.3em !important;
    width: 1.2em
}

div.md_tra_tu>div>div.modal-header {
    padding-bottom: 0;
    padding-top: 0
}

div.modal-content>.modal-header {
    padding-left: 1em;
    padding-top: unset;
    padding-bottom: unset
}

div.modal-body {
    max-height: 380px;
    line-height: 1.8;
    padding: 10px;
    overflow-y: scroll
}

div.md_tra_tu>div>div.modal-footer {
    padding: 8px 15px
}

.search-view-time>img,
div.modal-footer>* {
    margin-left: .4em
}

i.fa.fa-volume-up.sound.noselect {
    color: #337ab7;
    font-style: unset;
    position: absolute
}

i.fa.fa-volume-up.fa-2x.sound.noselect.mobile {
    position: relative;
    bottom: -.1em
}

div.modal-body i.fa.fa-volume-up.sound.noselect {
    position: absolute;
    font-style: normal;
    padding: .2em;
    height: 1.4em;
    width: 1.4em;
    font-size: 2.4em;
    margin-top: -.2em;
    margin-left: .4em
}

i.fa.fa-pencil-square-o.fa-lg.tr_this_word_i,
i.fa.fa-plus-square.fa-lg.add-to-mydic-plus {
    font-style: normal;
    font-size: 1.6em;
    color: unset
}

div.round_nv {
    padding: .6em;
    border: 1px solid #999;
    border-radius: .4em;
    margin-top: 1em;
    margin-bottom: 2em;
    box-shadow: 0 0 3px .5px #989696
}

div.round_nv>span {
    margin-bottom: 0;
    color: #999;
    margin-right: 1em
}

input.form-control.nv_word_single {
    margin-top: 0;
    font-weight: 600;
    width: 95%
}

input.form-control.vde_word_single,
input.form-control.vdv_word_single {
    margin-top: 0;
    margin-left: 5%;
    width: 87%;
    margin-bottom: .4em
}

div.vd_round_single {
    padding-bottom: .2em
}

input.form-control.ct_word_single {
    margin-top: 0;
    width: 93%;
    margin-bottom: .4em
}

input.form-control.ctnv_word_single {
    margin-top: 0;
    width: 93%
}

div.vd_round_single>p {
    margin-top: .4em;
    margin-bottom: 0;
    color: #999;
    margin-left: 5%;
    width: 90%
}

div.round_nv>i,
div.vd_round_single>i {
    color: #999;
    float: right;
    font-size: 1.6em;
    cursor: pointer;
    padding: .3em;
    margin: -1.6em -.3em 0 0
}

div.round_nv>i {
    margin-top: -2.8em
}

div.ct_round_single>i {
    color: #999;
    float: right;
    font-size: 1.6em;
    cursor: pointer;
    padding: .3em;
    margin: -1.6em -.5em 0 0
}

.ct_round_single {
    padding: .3em .3em .8em
}

div.ct_round_single>p {
    margin-bottom: 0;
    color: #999
}

div.round_ct {
    padding: .6em;
    border: 1px solid #999;
    border-radius: .4em;
    background: #f9f7e4;
    margin-top: 1em;
    margin-bottom: 3em;
    box-shadow: 0 0 3px 1px #989696
}

div.round_ct>p {
    margin-bottom: 0;
    color: #d2691e;
    font-weight: 600
}

div#add_nv_single {
    display: flex;
    color: #999;
    font-weight: 600;
    cursor: pointer;
    width: max-content
}

div#add_tn_single,
div.add_vd_single {
    color: #999;
    font-weight: 600;
    cursor: pointer;
    width: max-content;
    margin-top: .5em
}

div.add_vd_single {
    margin-left: 2em
}

div#add_tn_single {
    margin-left: .6em
}

div.alert-save-to-my-dic-single {
    margin-top: -1em;
    margin-bottom: 2em;
    color: #006400;
    font-weight: 600
}

i.fa.fa-long-arrow-down.fa-lg,
i.fa.fa-long-arrow-up.fa-lg {
    padding-left: .15em
}

textarea#text-note {
    padding: 6px 12px
}

input#text-english,
input#text-vietnam,
textarea#text-note {
    width: 100%;
    margin-top: .5em;
    font-size: 16px
}

span.status_block {
    padding: .2em .3em .2em 0;
    margin-left: .6em;
    width: 50%;
    cursor: pointer
}

span.status_block:hover {
    background: #ccc
}

.navbar-right .dropdown-menu {
    margin: 16px 0 0
}

.search-view-time {
    font-size: 14px;
    text-align: left;
    color: #777
}

.title-category {
    padding: .5em .5em 0
}

a.chude_icons {
    padding: 0 .2em;
    width: fit-content;
    position: relative;
    float: left
}

a.chude_icons:hover {
    background: #999;
    border-radius: 3px
}

div#add_more_chude_tc {
    border: 1px solid #999;
    box-shadow: 0 0 3px .5px #989696;
    padding: .6em;
    border-radius: .4em;
    margin-bottom: 25px
}

span.chon_loai_cau_list.for_add_to_my_dic_from_tvdic {
    border: unset;
    border-top: 2px solid #9999;
    margin: 0 -.6em
}

span.loai_cau_line_list {
    display: table;
    width: 100%;
    padding: 0 .4em 0 1em;
    position: relative
}

.tt-dataset,
span.chon_loai_cau_list {
    max-height: 300px;
    display: block;
    overflow-y: scroll
}

span.chon_loai_cau_list {
    margin-bottom: unset;
    min-height: 160px;
    margin-top: .2em;
    border: unset;
    border-top: 2px solid #008b8b;
    border-bottom: 2px solid #008b8b;
    padding-top: 1em;
    background: #fff
}

label.container_checkbox_tv.mst {
    display: unset;
    float: left;
    width: unset;
    border: .45em solid #fffffc00;
    border-left: unset
}

span.word_chude_item {
    font-size: 12px;
    cursor: pointer;
    float: left;
    margin: 2px 3px
}

span.word_chude_item>a {
    color: #f0f;
    padding: 2px
}

span.word_chude_item:hover {
    background: #9999;
    border-radius: 3px;
    color: #fff
}

.chude_icons>span.no_chude {
    color: #999;
    font-size: 12px;
    float: left;
    margin: 2px 3px
}

a.pcategory {
    padding: 4px 6px
}

.breadcrumb {
    width: max-content;
    float: left;
    background-color: unset;
    margin-bottom: 0;
    padding: unset;
    padding-left: 17px
}

.breadcrumb li:first-child {
    margin-left: -17px
}

.breadcrumb li {
    position: relative;
    display: inline-block;
    line-height: 16px;
    font-size: 14px;
    color: #757575;
    margin-right: 25px
}

.breadcrumb li:first-child:after,
.breadcrumb>li+li:before {
    content: unset
}

.breadcrumb li:after {
    content: "";
    width: 7px;
    height: 7px;
    border-top: 1px solid #bdbdbd;
    border-right: 1px solid #bdbdbd;
    transform: rotate(45deg);
    position: absolute;
    left: -17px;
    top: 5px
}

ol.breadcrumb>i {
    color: #999;
    margin: 0 3px
}

h1.title-post {
    width: 100%;
    display: inline-block;
    font-size: 30px;
    line-height: 150%;
    color: #222
}

.header-title {
    padding: 5px 10px;
    background: #dadada;
    font-weight: 700;
    left: 0
}

div.search_2>span.twitter-typeahead>div.tt-menu>.tt-dataset.tt-dataset-video-title {
    margin-top: 32px
}

span.twitter-typeahead {
    display: block !important
}

span.twitter-typeahead>.tt-menu {
    width: 100%;
    min-width: 320px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border: .2px solid #2196f3;
    box-shadow: 0 .5px 4px 0 #2196f3
}

.tt-dataset.tt-dataset-post-title {
    border-top: 1px solid #2196f3;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px
}

.tt-dataset>.list-group-item {
    border-left: unset;
    border-right: unset
}

.tt-dataset>.list-group-item:last-child {
    border-bottom: unset;
    border-radius: unset
}

.list-group-item.tt-cursor {
    background-color: bisque
}

img.typeahead {
    width: 88px;
    height: 48px;
    display: block;
    float: left;
    margin-right: 12px;
    object-fit: cover
}

.tt-selectable:hover,
.video_opt_item:hover,
.video_opt_sub_item_group_opt:hover,
a.list-group-item.typeahead:hover {
    background: bisque
}

span.input-group-btn {
    z-index: 101
}

.input_search_nav {
    z-index: 102
}

.search-page {
    max-width: 652px;
    margin: 16px auto 4px;
    background: #fffaf0;
    padding: 16px 16px 6px;
    border: 2px solid #9999;
    border-radius: 4px
}

label.search_page_box {
    display: inline-block;
    width: 100%;
    height: 30px;
    text-align: left;
    cursor: pointer;
    padding: 2px 12px;
    margin: unset
}

label.search_page_box:hover {
    background: #dcdcdc
}

input.search_page_box {
    margin-right: 8px
}

.highlight,
.highlight_important {
    color: #ff8c00;
    font-weight: 600
}

.tu_dien_title_search>.input-group>.input-group-btn {
    font-size: unset;
    font-weight: 600;
    color: #555
}

.tu_dien_title_search>.input-group>.input-group-btn>button#search_word {
    width: 78px
}

.tu_dien_title_search {
    display: table;
    width: 80%;
    margin: 0 auto;
    min-width: 280px
}

.tu_dien_title_search span.twitter-typeahead>.tt-menu {
    min-width: unset
}

.block520center {
    border: 4px solid teal;
    padding-bottom: 1em;
    border-radius: 15px;
    background: #fff;
    width: 100%;
    margin: 0 auto;
    overflow: hidden
}

.tabs-container {
    width: 100%;
    display: flex;
    text-align: center
}

.main_dic_body {
    width: 100%;
    display: inline-block;
    text-align: left;
    margin: 0 auto
}

span.phu_de_tieng_anh_flag,
span.song_ngu_flag {
    margin-right: 16px
}

.related_post {
    position: relative;
    text-align: center;
    border-radius: 10px
}

p.related_post_title.center {
    margin: unset;
    font-size: 22px;
    color: #888;
    padding-top: 16px;
    margin-bottom: -8px
}

.related_post_block {
    width: 92%;
    min-height: 258px;
    display: inline-flex;
    padding: 8px;
    text-align: left;
    position: relative;
    margin: 6px 0
}

.related_post_block:hover {
    box-shadow: 0 0 3px #210b02;
    border-radius: 8px
}

.related_post_block_image {
    width: 100%;
    overflow: hidden;
    margin: 0;
    padding-top: 56.25%;
    position: relative;
    border-radius: 8px
}

.related_post_block_image img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    transform: translate(-50%, -50%)
}

.related_post_block_title {
    margin-top: 8px;
    color: #333
}

.related_post_block_body {
    width: 100%;
    color: #888;
    margin-top: 10px;
    font-size: 17px
}

.related_post_block .search-view-time {
    margin-top: 10px
}

.container-search-video.kien-thuc-kinh-nghiem {
    background: #faebd7;
    padding: 14px 0;
    border-radius: 10px;
    text-align: center
}

.container-search-video.kien-thuc-kinh-nghiem>h2 {
    font-size: 24px;
    text-align: center;
    margin-top: 10px;
    margin-bottom: unset
}

div#listening_box {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    background: #fff
}

.listening_header_title {
    font-weight: 700;
    margin-top: 6px;
    text-align: center;
    font-size: 20px
}

.listening-header>button.close_listening {
    font-size: 38px;
    position: absolute;
    right: 18px;
    top: 0;
    border: 0;
    background: unset;
    color: #faebd7
}

.listening-header>button.close_listening:hover {
    color: #deb887
}

.listening-content {
    display: inline-block;
    width: 100%;
    height: 100vh
}

.listening-footer {
    display: block;
    position: absolute;
    width: 100%;
    text-align: center;
    padding: 19px;
    margin-top: 12px
}

.listening-footer>button {
    width: 108px;
    padding: 10px;
    background: #faebd7
}

.listening-header {
    padding: 12px;
    background: #228b22;
    color: #fff
}

.listening-body {
    max-width: 880px;
    max-height: 360px;
    margin: 0 auto;
    padding: 4%
}

.show_listening.option {
    color: #fff;
    display: flex;
    width: 100%;
    background: linear-gradient(45deg, teal 2%, #228b22 54%, #54b558 97%)
}

#listening_sub_one {
    margin-top: 18px;
    margin-bottom: 16px;
    border-bottom: 2px solid grey;
    display: flex;
    padding-left: 12px
}

#listening_sub_one>div {
    margin-right: 36px
}

#listening_sub_one_en {
    font-size: 32px
}

.listening_sub_two_en {
    font-size: 18px
}

#listening_sub_one>.blueviolet,
#listening_sub_two>.blueviolet {
    color: #8a2be2
}

.listening_sub_two_vi {
    font-size: 17px;
    color: #999
}

div#listening_sub_two {
    min-height: 160px;
    margin-bottom: 8px
}

.listening_sub_two_block {
    display: none;
    padding: 12px;
    border: 1px solid #9999;
    border-radius: 5px;
    background: #f5edc230;
    min-height: 26px
}

span.info-video-mobile>i.fa.fa-undo {
    color: #fff;
    font-size: 118%
}

span#video_obtion {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 5px;
    font-weight: 600;
    cursor: pointer
}

#video_obtion_block {
    display: none;
    height: 68%;
    position: relative;
    overflow-y: scroll;
    background: #fff
}

.video_opt_item {
    display: inline-flex;
    width: 90%;
    cursor: pointer;
    color: teal;
    margin: 2% 5%;
    border-radius: 30px;
    padding-top: 2px
}

.video_opt_item.group:hover {
    background: unset
}

.video_opt_item_icon>i.fa.fa-cc.fa-2x {
    font-size: 1.6em;
    margin-top: 3px
}

.video_opt_item>div.video_opt_item_content {
    width: 84%;
    text-align: left;
    border-left: 1.5px solid #9999;
    padding-left: 9px
}

.video_opt_item>div:first-of-type {
    width: 16%;
    display: flex;
    padding-top: 7px;
    padding-left: 4%;
    text-align: left;
    height: 47px
}

.video_opt_item>div:first-of-type>input {
    margin-top: .3em;
    margin-left: .4em
}

.video_opt_item_content>span:first-of-type {
    line-height: 24px;
    font-weight: 600
}

.video_opt_item_content>span:last-of-type {
    height: 24px;
    color: grey;
    margin-top: -4px;
    display: flex
}

.video_opt_item_title.text-center {
    padding: 16px 6px;
    font-weight: 600;
    color: gray;
    font-size: 116%
}

.video_opt_item_icon>i.fa.fa-long-arrow-down,
.video_opt_item_icon>i.fa.fa-long-arrow-up {
    position: absolute
}

.video_opt_item.group {
    cursor: unset
}

.video_opt_item.group.subtitle>.video_opt_item_icon {
    margin-top: 4em
}

.video_opt_sub_item_group_opt {
    cursor: pointer;
    height: 24px;
    margin-bottom: 5px;
    margin-right: 24px;
    border-radius: 12px;
    width: 226px
}

.video_opt_sub_item_group_opt>input {
    height: 15px;
    margin-top: 4px
}

span.video_opt_sub_item_content_desc {
    position: absolute;
    margin-left: 5px
}

span.sub_keycode_des {
    color: #9999;
    font-size: small;
    margin-left: 6px
}

.tv-go-home-page {
    padding: .4em;
    background: #228b22
}

li.speed-type {
    width: 100%;
    display: block;
    margin: 5px 0;
    height: 30px;
    cursor: pointer;
    position: relative
}

li.speed-type>input {
    width: 17px;
    height: 30px;
    margin: 0 0 0 30%;
    position: absolute
}

li.speed-type>label {
    line-height: 32px;
    padding-left: 50%;
    position: absolute;
    margin: 0;
    width: 100%
}

h2.title.show-toomva-go-title.right {
    visibility: hidden;
    float: right;
    position: relative;
    margin-right: 21px
}

span.cencel_video_option {
    color: #98fb98;
    cursor: pointer;
    margin-left: 6px
}

@media all and (min-width:320px) {
    li.lv-tv-go {
        margin-right: .2em;
        margin-left: unset
    }

    footer.footer-home {
        padding: 1em 1em 1.5em
    }
}

@media all and (min-width:375px) {

    div.botom-scroll-sub,
    div.botom-scroll-sub-top {
        height: 12%
    }

    #video_obtion_block,
    div.scroll-sub {
        height: 76%
    }

    div.mediamenu {
        bottom: 2.2em
    }

    .logo[_ngcontent-teq-97] {
        width: 116px
    }

    span.content-tvg-inf.tv_home {
        margin-left: 2em
    }

    li.lv-tv-go {
        margin-right: .9em;
        margin-left: .9em
    }
}

@media all and (min-width:414px) {
    div.mediamenu {
        bottom: 2.3em
    }

    .infor_help_video_1 {
        width: 35%;
        margin-left: 9%
    }

    span.content-tvg-inf.tv_home {
        margin-left: 3.5em
    }

    li.lv-tv-go {
        margin-right: .9em;
        margin-left: 1.7em
    }

    div.save_later {
        width: 70% !important;
        left: 15% !important
    }
}

@media all and (min-width:480px) {
    div.mediamenu {
        bottom: 2.2em
    }

    .related_post_block {
        width: 49%
    }

    .main_dic_body {
        width: unset
    }

    article.web-article-mwl {
        width: 64%;
        padding: unset
    }

    .navbar-right .dropdown-menu {
        right: 4em
    }

    .logo_tv_go img {
        margin-left: 7em
    }

    .logo_tv_in_tv_go img {
        width: 7em;
        margin-top: .8em
    }

    .footer-2 {
        display: block
    }

    .title-category,
    div.grid-video {
        position: relative
    }

    .user-info.tudien {
        margin-left: 0;
        min-width: 80%
    }

    .btn.btn-group.btn-danger.guest,
    .btn.btn-group.btn-danger.subscribe-single {
        float: right
    }

    .news-body {
        padding: 0 .5em
    }

    a.btn.navbar-btn.btn-primary.cd-signup {
        margin-right: .8em
    }

    a.btn.navbar-btn.btn-default.cd-signin,
    a.btn.navbar-btn.btn-primary.cd-signup {
        width: auto
    }

    h1.h3-home {
        float: left
    }

    .sort-by-category {
        float: right;
        margin-right: 1em
    }

    i.fa.fa-pencil-square-o.fa-lg.edit-in-img.category {
        left: 126px
    }

    p.tesdo {
        background-color: purple
    }

    .player {
        margin: auto;
        padding: 0
    }

    .r-btn {
        padding: 0 10px;
        overflow: auto
    }

    .speed-controller {
        width: 30%;
        float: right
    }

    .btn-play {
        width: 68%;
        float: left
    }

    .btn-play .btn-video {
        float: left;
        width: 24.5%;
        margin-right: 2px
    }

    .btn-play .btn-video:last-child {
        float: right;
        margin-right: 0
    }

    .row-body {
        padding: 8px 15px 0 14px
    }

    .right-side-bar {
        max-width: 94%
    }

    .button.mute-unmute.state-mute {
        visibility: hidden
    }

    .jme-cb-box>div {
        padding: .29em .2em
    }

    .logo img {
        margin-top: .55em;
        width: 8.5em;
        height: auto
    }

    a.search-link {
        padding-left: .6em;
        margin-left: 1.5em
    }

    .navbar1 {
        width: 38%
    }

    .navbar3 {
        width: 61.5%
    }

    .mediaplayer .cue-display span.cue-wrapper {
        bottom: -.45em
    }

    .search-video-img {
        width: 100%;
        height: 176px
    }

    h3.h3-home {
        padding-left: 1.3em
    }

    .slide-show>h3.h3-home {
        margin-left: 1.6em
    }

    div.grid-video {
        width: 210px;
        display: inline-block;
        margin: 5px;
        white-space: nowrap;
        background-color: #fff
    }

    .home-video-img {
        width: 210px;
        overflow: hidden
    }

    .jcarousel-wrapper {
        width: 420px !important
    }

    .jcarousel .lv-img img {
        width: 420px;
        max-height: 220px
    }

    .search-video-img.single>a>i.fa.fa-pencil-square-o.fa-lg.edit-in-img {
        margin-right: 18em
    }

    .episode-number,
    .episode-number.home,
    .episode-number.home-2,
    .episode-number.single,
    .episode-number.single-related {
        left: 0
    }

    div.popup_msg {
        overflow-y: scroll
    }

    #training_my_word {
        width: 24em;
        right: 1em
    }

    div.tv-go-home-page {
        margin: .5em 1em
    }

    .lv-bedge-video-go.home,
    li.lv-tv-go {
        margin-right: unset
    }

    span.content-tvg-inf.tv_home {
        margin-left: 4em;
        font-size: 1.2em
    }

    li.lv-tv-go {
        width: 160px;
        margin-left: 8%;
        height: 118px
    }

    .lv-tv-go img {
        height: 90px
    }

    div.cover-video-tv-go,
    div.does-not-has-video {
        width: 156px
    }

    div.cover-video-tv-go.home,
    div.does-not-has-video.home {
        height: 90px;
        width: 156px
    }

    div.navgo-center {
        padding-top: .35em;
        margin-left: 14%
    }

    span.title.single3 {
        font-size: unset
    }

    div.option_later_table {
        left: 35%
    }
}

@media all and (min-width:600px) {

    .footer-2,
    .seach-video-content,
    div#search {
        display: block
    }

    .home-video-img,
    .scroll-sub-inside {
        overflow: hidden
    }

    .btn-right-user,
    .col-md-6 {
        float: right
    }

    #video_obtion_block,
    div.scroll-sub {
        height: 84%
    }

    div.botom-scroll-sub-top {
        height: 8%
    }

    .infor_help_video_1 {
        margin-left: 19%
    }

    .col-sm-12.help-video {
        padding: 0 15px
    }

    span.trl_by {
        margin-left: 0;
        width: 100%
    }

    input.for-get-word {
        max-width: 38%
    }

    input.form-control.vde_word_single,
    input.form-control.vdv_word_single {
        width: 90%
    }

    input.form-control.ct_word_single,
    input.form-control.ctnv_word_single {
        width: 95%
    }

    div.md_tra_tu>div>div.modal-body,
    div.md_tra_tu>div>div.modal-footer {
        padding: 15px
    }

    .jme-cb-box .volume-container {
        display: table-cell
    }

    li.meanline {
        font-size: .9em;
        color: #333
    }

    .panel-body.setpass {
        width: 60%
    }

    span.alert-in-video-film {
        width: 50%;
        left: 25%
    }

    div#left-c {
        margin-top: unset
    }

    div.option_more_single {
        width: 1.8em;
        height: 1.8em;
        margin-top: -2.8em
    }

    .logo_tv_go img {
        margin-left: 13.5em
    }

    .logo_tv_in_tv_go img {
        width: 8em
    }

    #training_my_word {
        font-size: 16px;
        font-family: arial;
        position: fixed;
        box-shadow: 0 0 7px 1px #000
    }

    div.scroll-rbb {
        max-height: 27.9em;
        padding: 1em .8em
    }

    span.email {
        padding: 0
    }

    .footer-1 {
        width: 45%
    }

    .footer-2 {
        width: 55%
    }

    h4.search-title-e.single {
        margin-top: .3em
    }

    .content-single.user {
        padding: 5px 15px
    }

    nav.menu-home {
        width: 54%
    }

    i.fa.fa-pencil-square-o.fa-lg.edit-in-img.category {
        left: 212px
    }

    p.tesdo {
        background-color: green
    }

    .row-body {
        padding: 8px 15px 0 22px
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-6:last-child,
    .rs-grid-video>a>div>img {
        width: 100%
    }

    .btn-video {
        padding: 2px
    }

    .speed-controller {
        width: 28%;
        float: right
    }

    .btn-play {
        margin-left: 3px;
        width: 70%
    }

    .player {
        margin: auto;
        padding: 0
    }

    .jme-cb-box>div {
        padding: .28em .2em
    }

    div.input_search_nav {
        max-width: 18em;
        padding-top: .5em;
        float: left
    }

    li.dropdown {
        display: flex;
        margin-top: .45em
    }

    a.search-link {
        display: none
    }

    span.user-nav {
        padding-right: .1em
    }

    .navbar1 {
        width: 30.5%
    }

    .navbar3 {
        width: 70.5%
    }

    span.chao {
        visibility: visible
    }

    .mediaplayer .cue-display span.cue-wrapper {
        bottom: -.35em
    }

    .logo img {
        margin-left: .3em;
        margin-top: .7em
    }

    .search-video-img {
        width: 100%;
        height: 176px
    }

    .container-search-video {
        width: 98%;
        margin: 15px
    }

    div.grid-video {
        width: 320px;
        display: inline-block;
        margin: 5px;
        white-space: nowrap;
        position: relative;
        background-color: #fff
    }

    .home-video-img {
        width: 320px;
        height: 180px
    }

    h4.search-title-e {
        font-weight: 500;
        color: #333;
        text-align: left;
        margin: auto
    }

    h5.search-title-v {
        display: block;
        font-weight: 500;
        font-size: 16px;
        margin: 6px 0;
        text-align: left;
        color: #777
    }

    .search-time {
        margin-right: 0
    }

    h1.search {
        font-size: 24px;
        margin-left: .6em;
        margin-top: .4em
    }

    .search-video-img {
        margin-right: 15px
    }

    h3.h3-home {
        padding-left: 2.8em
    }

    div.zero_subscribe {
        padding-left: 3.7em
    }

    .jcarousel-wrapper {
        width: 580px !important
    }

    .jcarousel .lv-img img {
        width: 580px;
        max-height: 320px;
        top: 16px
    }

    .jcarousel-control-next,
    .jcarousel-control-prev {
        margin-top: .5em
    }

    .slide-show>h3.h3-home {
        margin-left: 4.7em
    }

    div.lv-body {
        float: inherit;
        margin-bottom: 0
    }

    .jcarousel>ul>li>div>div>p {
        display: block;
        font-size: 16px;
        margin-bottom: 2px
    }

    a.create-mysub,
    span.copy-my-ensub,
    span.copy-my-visub,
    span.delete-my-sub,
    span.play-mysub,
    span.run-toomvasub {
        display: inline-block;
        margin: .5em 1.5em;
        cursor: pointer;
        font-weight: 600;
        min-width: 45%
    }

    span.copy-my-ensub,
    span.copy-my-visub,
    span.delete-my-sub {
        color: gray
    }

    a.create-mysub,
    span.play-mysub,
    span.run-toomvasub {
        color: #008b8b
    }

    a.create-mysub:hover,
    span.copy-my-ensub:hover,
    span.copy-my-visub:hover,
    span.delete-my-sub:hover,
    span.play-mysub:hover,
    span.run-toomvasub:hover {
        font-weight: 600;
        color: #ff8c00
    }

    a.create-mysub {
        margin-top: 2em
    }

    .sub-line.current>span.sub_en {
        font-size: 16px
    }

    .sub-line.current>span.sub_vi {
        font-size: 15px
    }

    .episode-number {
        width: 3em;
        height: 3em;
        left: 0
    }

    .episode-number.home,
    .episode-number.home-2,
    .episode-number.single,
    .episode-number.single-related {
        left: 0
    }

    .col-md-12.content-home.create {
        padding: 1em 1.5em
    }

    div.tv-go-home-page {
        margin: .5em 6em
    }

    span.content-tvg-inf.tv_home {
        margin-left: 7.8em
    }

    li.lv-tv-go {
        margin-left: 1%
    }

    div.navgo-center {
        margin-left: 21%
    }

    .title-tv-go-home {
        padding: .5em 1.5em
    }

    span.title.single3 {
        margin: unset;
        margin-left: 1em;
        float: unset
    }

    div#toomva-go-check {
        left: 10%;
        width: 80%;
        height: 75%
    }

    div.save_later {
        width: 50% !important;
        left: 25% !important
    }

    div#toomva-go-check2-content {
        width: 82%
    }

    .mediaplayer .title.show-toomva-go-title {
        display: block !important;
        opacity: unset
    }

    div.option_later_table {
        left: 60%
    }

    span.remove_later {
        margin-top: 8px
    }

    div#comments {
        padding: 1em
    }

    div.comments_write_area,
    textarea.comments_write_area {
        width: 92%
    }

    .comment_main_content {
        width: 87%
    }
}

@media all and (min-width:768px) {
    div.mediamenu {
        bottom: 3.5em
    }

    .related_post_block {
        width: 32%
    }
}

@media all and (min-width:1024px) {
    div.mediamenu {
        bottom: 3.1em
    }

    .container-search-video.kien-thuc-kinh-nghiem {
        padding: 14px 6px
    }

    .related_post_block.new_post {
        width: 32.8%
    }

    .related_post_block {
        width: 24.5%
    }

    .block520center {
        width: 420px
    }

    .navbar-right .dropdown-menu {
        margin: 2px 0 0
    }

    .content_tv_go {
        width: 68%;
        margin-left: .5%
    }

    #right-c,
    .scroll-sub-inside {
        width: 30.5%;
        margin-right: .5%
    }

    div#content.content-single.tv_go {
        width: 68%;
        margin-left: .5%;
        float: left;
        margin-top: unset
    }

    div.user_inf_tvg_2 {
        margin-right: .5%;
        margin-top: unset;
        margin-bottom: unset
    }

    .logo_tv_go img {
        margin-left: .2em;
        display: unset;
        float: left;
        margin-bottom: unset
    }

    .main-body {
        padding-right: 2px;
        padding-left: 2px
    }

    .navbar,
    .navbar1,
    .navbar3 {
        height: 50px
    }

    .user-info.tudien {
        min-width: 70%
    }

    .scroll-sub-inside {
        float: right
    }

    a.btn.navbar-btn.btn-default.cd-signin,
    a.btn.navbar-btn.btn-primary.cd-signup {
        margin-top: .4em
    }

    .body.single {
        padding-left: 5.2em;
        padding-right: 1.5em
    }

    .news-body {
        padding: 0 2.5em
    }

    .search-video-img.single>a>i.fa.fa-pencil-square-o.fa-lg.edit-in-img {
        margin-right: .3em;
        margin-top: .5em
    }

    i.fa.fa-pencil-square-o.fa-lg.edit-in-img.category {
        left: 222px;
        font-size: 20px
    }

    .video-left {
        width: 63%;
        float: left;
        margin-right: 8px
    }

    .right-side-bar {
        border: 1px solid #999;
        min-width: 320px;
        width: 36%;
        float: right
    }

    .alert.alert-dismissable.thong_bao {
        margin-top: 0;
        margin-bottom: 0
    }

    .alert.alert-dismissable.thong_bao.video {
        margin-bottom: 8px;
        margin-right: 0;
        margin-left: 0
    }

    .row-body {
        padding: 8px 15px 0 24px;
        float: left;
        width: 60%
    }

    .col-md-6:last-child,
    .home-video-img img {
        width: 100%;
        #height: 100%;
        #object-fit: cover;
        #margin: 0 !important;
    }
	.home-video-img img {
			height: 100%
			object-fit: cover;
			margin: 0 !important;
		}
		.btn-video {
			padding: 2px
		}

    .col-md-6 {
        width: 50%
    }

    .jme-cb-box>div {
        padding: .5em .2em .33em
    }

    .player {
        float: left;
        margin: auto auto auto .5%;
        width: 68%;
        min-width: 320px
    }

    div.input_search_nav {
        max-width: 30em;
        padding-top: .7em;
        float: left
    }

    span.user-nav {
        padding-right: 1em
    }

    button#c-button--slide-left {
        margin-top: .7em;
        margin-left: 1.2em
    }

    .navbar-nav>li>a {
        padding-top: 15px
    }

    span.chao {
        display: -webkit-inline-box;
        font-size: small;
        color: #dc143c
    }

    .btn-group,
    div.grid-video {
        display: inline-block;
        position: relative
    }

    .edit-video {
        width: 80%;
        margin: auto
    }

    .navbar1 {
        width: 25%
    }

    .navbar3 {
        width: 74.5%
    }

    .mediaplayer .cue-display span.cue-wrapper {
        bottom: -.15em
    }

    div#contain-c {
        width: 100%;
        margin: 58px auto auto
    }

    div#left-c {
        width: 68%;
        margin-left: .5%;
        margin-right: .5%
    }

    #right-c {
        float: right;
        min-height: 640px
    }

    button.c-button.home.is-active,
    div.sub-line:hover i.edit-subtitle {
        visibility: visible
    }

    .c-menu__close::after {
        content: "HOME"
    }

    .col-md-12.content-home {
        padding: 0;
        width: 95%;
        height: auto;
        margin-left: 1%;
        margin-right: 2%;
        float: right;
        position: relative
    }

    button.c-menu__close {
        width: 100%;
        color: #fff;
        font-weight: 500;
        border-radius: 0
    }

    .content-home {
        padding-top: 58px
    }

    .navbar.navbar-default.nav-tv {
        margin-bottom: 8px;
        position: fixed;
        width: 100%;
        z-index: 1000
    }

    .logo img {
        margin-top: .6em;
        width: 11em
    }

    .col-md-10.edit-video-form {
        margin-top: 58px;
        margin-left: auto;
        margin-right: auto;
        background-color: #fff;
        padding: 15px;
        float: right;
        width: 98%
    }

    .save-video {
        width: 60%;
        margin: 10px 4em 10px auto;
        float: right
    }

    .alert-success {
        margin: 58px 15px -50px;
        z-index: 202;
        position: relative;
        text-align: center
    }

    h3.h3-home {
        padding-left: 2em
    }

    div.zero_subscribe {
        padding-left: 2.7em
    }

    .sort-by-category {
        font-size: 16px;
        float: right
    }

    .title-category {
        padding: .8em 1em 2.6em
    }

    h1.h3-home {
        font-size: 20px;
        float: left
    }

    div.grid-video {
        width: 210px;
        margin: 5px;
        white-space: nowrap;
        background-color: #fff
    }

    .home-video-img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        margin: 0 !important;
        overflow: hidden;
        height: 118px
    }

    .home-video-img.rs {
        height: 112px
    }

    .seach-video-content {
        padding-top: .4em;
        font-size: 15px
    }

    .jcarousel {
        margin-left: 1em
    }

    .slide-show>h3.h3-home {
        margin-left: 1.4em
    }

    div.right-slide-show {
        width: 424px;
        height: 280px;
        margin-right: 1em;
        float: right
    }

    .jcarousel-wrapper {
        width: 500px !important
    }

    .jcarousel .lv-img img {
        width: 500px;
        max-height: 280px
    }

    .jcarousel .lv-img {
        height: auto
    }

    .jcarousel-control-next,
    .jcarousel-control-prev {
        margin-top: auto
    }

    div.lv-body {
        float: left;
        margin-bottom: 1.5em
    }

    .btn-group {
        margin-right: 1em
    }

    .search-video-img.single {
        position: relative;
        width: 120px;
        height: 67.5px;
        margin-right: 5px
    }

    .search-video-content.single {
        width: auto;
        margin: 0 1%
    }

    h4.search-title-e.single {
        margin-top: 0
    }

    .search-view-time.single {
        display: inherit;
        position: relative
    }

    .answer i,
    .keycode-inf-vdg,
    .keycode-inf-vdg-tt,
    .list-video.eps,
    a.btn.navbar-btn.btn-sm.btn-default.muavip {
        display: inline-block
    }

    span.search-views.single {
        float: left;
        clear: left
    }

    span.search-time.single {
        float: none;
        position: relative
    }

    span.flag.single {
        height: 15px;
        display: inline-table;
        top: .45em
    }

    .list-video.eps {
        margin-right: .5%;
        width: 30.5%;
        background: #fff;
        border: 1px solid teal;
        position: absolute
    }

    span.flag.single>img {
        padding-left: .3em;
        margin-top: -.8em;
        width: 22px
    }

    .col-md-12.content-home.create {
        padding: 1em 6em
    }

    .player-inside {
        width: 100%;
        float: left
    }

    .eps-single-tap {
        line-height: .8
    }

    .tap-single {
        font-size: 12px;
        line-height: 1.4;
        margin-top: 2px
    }

    .episode-number.home,
    .episode-number.single,
    .episode-number.single-related {
        left: 0
    }

    .episode-number {
        width: 2.6em;
        height: 2.6em
    }

    .eps-single-tap {
        font-size: 18px
    }

    .episode-number.home-2 {
        top: .2em;
        left: 0
    }

    .rs-grid-video {
        width: 198px;
        margin-bottom: .5em
    }

    li.c-menu__item {
        font-size: 15px
    }

    .nav-tv {
        margin-bottom: 8px
    }

    nav.menu-home {
        width: 26%
    }

    div.sub-line i.edit-subtitle {
        visibility: hidden
    }

    a.btn.navbar-btn.btn-sm.btn-default.kiemtien {
        display: inline-block;
        height: 26px;
        line-height: 1;
        background: teal;
        color: #fff;
        border: teal;
        margin: 0
    }

    a.btn.navbar-btn.btn-sm.btn-default.muavip2,
    div.comment_option>svg {
        display: none
    }

    div.tv-go-home-page {
        margin: .5em 0
    }

    span.content-tvg-inf.tv_home {
        margin-left: 3em
    }

    li.lv-tv-go {
        margin-left: 2%
    }

    div#right-c-tv-go {
        width: 30.5%;
        margin-right: .5%;
        margin-top: -106px;
        min-height: 534px
    }

    .user-inf-tvg {
        padding-left: .4em
    }

    div.save_later {
        width: 35% !important;
        left: 32.5% !important
    }

    div#comments {
        width: 68%;
        padding: 1em;
        margin-left: .5%
    }

    .comment_main_content {
        width: 85%
    }

    div.comments_avata {
        margin-right: 12px
    }

    div.comment_option {
        width: 40px;
        height: 40px
    }

    div.parent_comment {
        width: 95%;
        margin-left: 52px
    }

    div.comments_write_area,
    textarea.comments_write_area {
        width: 94%
    }

    div.comments_header>div.comment_write>textarea.comments_write_area {
        width: 93%
    }
}

@media all and (min-width:1260px) {
    div.mediamenu {
        bottom: 3.85em
    }

    .mediaplayer .cue-display span.cue-wrapper {
        bottom: -.12em
    }

    span#video_obtion {
        padding: 8px
    }

    span.info-video-mobile {
        padding-top: .5em
    }

    .block520center {
        width: 520px
    }

    button.home {
        visibility: hidden
    }

    nav.menu-home {
        display: block;
        width: 20%;
        margin-left: 2%;
        top: 58px
    }

    .col-md-12.content-home.user {
        max-width: 75%
    }

    span.title-scroll {
        padding-top: 8px
    }

    .search-video-img.single {
        width: 160px;
        height: 90px
    }

    .rs-grid-video {
        width: 196px
    }

    div.right-slide-show {
        width: 418px;
        margin-right: 0
    }

    .slide-show {
        margin-bottom: 0
    }

    .video-left {
        width: 61.493%;
        float: left;
        margin: 0 12px 0 8px
    }

    .col-md-12.content-home {
        max-width: 75%;
        padding: 0
    }

    .col-md-12,
    .col-md-8 {
        max-width: 1400px
    }

    .right-side-bar {
        border: 1px solid #999;
        min-width: 320px;
        width: 36%;
        float: right;
        margin-right: 12px
    }

    .btn-video {
        padding: 4px
    }

    .col-md-6 {
        width: 50%
    }

    /*.col-md-12,
    .home-video-img img {
        width: 100%;
        #height: 100%;
        #object-fit: cover;
        #margin: 0 !important;
    }
	*/
	
	.col-md-12, 
	.home-video-img img {
        width: 100%;
       }

    .home-video-img img {
        height: 100%
        object-fit: cover;
        margin: 0 !important;
    }

    div.input_search_nav {
        max-width: 34em;
        padding-top: 10px;
        float: left
    }

    .logo img {
        margin-top: .8em;
        margin-left: .5em
    }

    button#c-button--slide-left.c-button.home {
        margin-left: 1.6em
    }

    h1.h3-home {
        font-size: 22px
    }

    h3.h3-home {
        padding-left: 1.3em
    }

    div.zero_subscribe {
        padding-left: 1.8em
    }

    div.grid-video {
        width: 210px;
        display: inline-block;
        margin: 5px;
        white-space: nowrap;
        position: relative;
        background-color: #fff
    }

    .jcarousel {
        margin-left: .6em
    }

    .slide-show>h3.h3-home {
        margin-left: .4em;
        margin-top: .4em
    }

    .col-md-12.content-home.create {
        padding: 1em 8em
    }

    .episode-number {
        position: absolute;
        top: .2em;
        left: 0;
        text-align: center;
        background: rgba(255, 102, 0, .75);
        color: #fff;
        width: 2.8em;
        height: 2.8em;
        border-radius: 50%
    }

    .episode-number.single,
    .episode-number.single-related {
        left: 0
    }

    button.btn.cancel-edit,
    button.btn.save-edit,
    input.start-time-edit {
        width: 4em
    }

    .col-md-10.edit-video-form {
        width: 80%
    }

    span.content-tvg-inf.tv_home {
        margin-left: 4.5em
    }

    div.tv-go-home-page {
        margin-right: .5em
    }

    div#toomva-go-check {
        left: 22.5%;
        width: 55%;
        height: 60%
    }

    div.save_later {
        left: 36% !important;
        width: 28% !important
    }

    .user-inf-tvg {
        padding: .4em 1em
    }
}

@media all and (min-width:1336px) {
    div.right-slide-show {
        margin-right: 1em
    }

    div.lv-body {
        margin-left: 2em
    }

    div.tv-go-home-page {
        margin-right: 1em;
        margin-top: 0;
        margin-left: 0
    }

    span.content-tvg-inf.tv_home {
        margin-left: 2.5em
    }

    div.save_later {
        left: 38% !important;
        width: 24% !important
    }
}

@media all and (min-width:1430px) {
    div.lv-body {
        margin-left: 2.5em
    }

    .rs-grid-video {
        width: 210px
    }

    div.right-slide-show {
        width: 482px
    }

    span.content-tvg-inf.tv_home {
        margin-left: 4em
    }
}

@media all and (min-width:1600px) {
    div.lv-body {
        margin-left: 6em
    }

    div.right-slide-show {
        margin-right: 6em
    }

    div.grid-video {
        width: 260px
    }
}

@media all and (min-width:1920px) {
    div.lv-body {
        margin-left: 14em
    }

    div.right-slide-show {
        margin-right: 14em
    }

    div.grid-video {
        width: 320px
    }

    div.save_later {
        left: 40% !important;
        width: 20% !important
    }
}