#ads,
#download,
.SC_TBlock,
.ads-wrap,
.pagenavi,
.xx-ads {
  text-align: center
}
blockquote,
body,
button,
code,
dd,
div,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
  margin: 0;
  padding: 0
}
a,
del,
ins {
  text-decoration: none
}
.lcol,
.video-list .video-image {
  float: left
}
#container,
.video-list {
  overflow: hidden
}
.ads-wrap,
.xx-ads iframe,
.xx-ads img {
  max-width: 100%
}
table {
  border-collapse: collapse;
  border-spacing: 0
}
fieldset,
img {
  border: 0
}
address,
caption,
cite,
code,
dfn,
em,
i,
optgroup,
strong,
th,
var {
  font-style: none;
  font-weight: none
}
caption,
th {
  text-align: left
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: 700
}
q:after,
q:before {
  content: ""
}
abbr,
acronym {
  border: 0;
  font-variant: normal
}
sub,
sup {
  vertical-align: baseline
}
legend {
  color: #333
}
.breadcrumb span a,
a,
body {
  color: #dadada
}
button,
input,
optgroup,
option,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit;
  outline: 0
}
.tags,
.video-box,
.video-info,
header {
  display: block
}
body {
  background: #2b2b2b;
  font-family: arial, sans-serif;
  font-size: small
}
#wrapper {
  max-width: 1000px;
  margin: 0 auto;
  background: #1b1b1b
}
#notice,
.SC_TBlock,
.category-info,
.note,
.notice,
.status {
  background: #2b2b2b;
  line-height: 1.5em;
  padding: 5px
}
#video {
  margin: 0 5px
}
#secondary-nav .menu2 a:hover,
.type-list .type-video:hover,
a:hover {
  color: #fff
}
li {
  list-style: none
}
span.url {
  color: #de2600
}
span.url:hover {
  color: #a72720
}
img.video-image {
  width: 100%;
  height: 160px
}
.clr {
  clear: both
}
.notice,
.pagenavi a,
.tags a,
.type-list .type-video {
  display: inline-block;
  margin-bottom: 5px
}
#notice,
.category-info,
.note {
  margin: 5px
}
.status {
  margin-top: 5px
}
.SC_TBlock {
  margin-top: 4px
}
#secondary-nav .menu2 a,
.ads {
  background: #2b2b2b;
  margin-top: 5px;
  text-align: center
}
.ads {
  padding: 5px 5px 0;
  line-height: 1.5em
}
#ads {
  background: #2b2b2b;
  margin: 5px;
  padding-top: 5px
}
#ads1 {
  max-height: 250px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch
}
#top {
  max-width: 600px;
  margin: 0 auto;
  background: #1b1b1b;
  border-bottom: 2px solid #2b2b2b
}
.logo:hover {
  opacity: 1
}
#pull,
.ads-mobile,
div#secondary-nav {
  display: none
}
#secondary-nav .menu2 {
  font-size: 14px;
  margin-left: 5px
}
#secondary-nav .menu2 a {
  color: #f90;
  padding: 5px;
  display: inline-block
}
#primary-nav .menu>li.current-menu-item>a {
  color: #f90
}
form.search {
  margin: auto;
  text-align: right
}
.search .searchTxt {
  display: inline-block;
  border: 1px solid #1b1b1b;
  padding: 4px;
  position: relative;
  margin-right: -4px;
  border-collapse: separate
}
.search .searchBtn {
  display: inline-block;
  background: #de2600;
  color: #fff;
  outline: 0;
  border: 1px solid #1b1b1b;
  padding: 4px;
  cursor: pointer
}
.breadcrumb,
.breadcrumb.video-title {
  text-transform: uppercase;
  border-bottom: 2px solid #2b2b2b;
  position: relative;
  font-weight: 700;
  line-height: 1.5em
}
.search .searchBtn:hover {
  background: #a72720
}
.breadcrumb {
  font-size: 14px;
  margin: 5px
}
.breadcrumb span a:hover {
  color: #fff;
  text-decoration: none
}
.breadcrumb.video-title {
  margin: 6px;
  padding-bottom: 3px;
  text-transform: none
}
.box {
  margin: 0
}
.video-list {
  position: relative;
  display: block;
  padding-bottom: 10px;
  border-bottom: 1px solid #2b2b2b
}
.video-list .ribbon {
  font-size: .9em;
  position: absolute;
  top: 0;
  border-left: 3px solid #ea4335;
  background: rgba(17, 17, 17, .6);
  padding-left: 4px;
  padding-right: 4px;
  margin-top: 2px;
  margin-left: 7px;
  color: #fff
}
.quality,
.quality:hover {
  border: 1px solid #2b2b2b
}
.video-name {
  font-size: 12px;
  font-weight: 700
}
#video-actions,
.footer-wrap {
  font-weight: 400
}
.video-rank {
  margin-left: 5px;
  position: absolute;
  top: 0;
  background: rgba(222, 38, 0, .8);
  padding: 2px 4px;
  color: #fff
}
.mobile {
  margin: 1px 0 5px;
  background: url(images/loading.svg) center center no-repeat #191818
}
.video-player {
  padding-top: 64.25% !important;
  width: 100%;
  position: relative;
  background: #000;
  height: auto
}
.play-video .video .video-list {
  padding: 5px 10px 10px
}
.video-content,
.video-stats {
  display: inline-block
}
.content {
  line-height: 1.5em;
  margin-top: 5px;
  margin-bottom: 5px
}
.lcol {
  width: 105px
}
.rcol,
.under-player {
  width: 100%
}
#video-actions ul,
.type-list ul {
  margin-top: 0
}
#video-actions .video-server {
  cursor: pointer;
  padding: 5px 10px;
  margin: 0 3px 5px 0;
  display: inline-flex
}
#video-actions .rating,
#video-note,
.video-info .id,
span.views {
  padding: 5px;
  display: inline-flex
}
#video-actions .dislikes:hover,
#video-actions .likes:hover,
#video-actions .video-server:hover,
.bt_active,
.download:hover,
.quality:hover,
.tags a:hover {
  background: #a72720;
  color: #fff
}
span.dislikes:after,
span.likes:after,
span.rating:after {
  background-size: 14px;
  background-repeat: no-repeat;
  margin-left: 3px;
  width: 16px;
  content: ""
}
.bt_normal,
.download,
.quality,
.tags a {
  color: #dadada;
  background: #2b2b2b
}
#video-actions .dislikes,
#video-actions .likes {
  cursor: pointer;
  background: #2b2b2b;
  margin: 0 3px 5px 0;
  padding: 5px;
  display: inline-flex
}
#video-actions .rating {
  cursor: pointer;
  background: #2b2b2b
}
#video-note,
.video-info .id {
  background: #2b2b2b
}
.video-info .id.eye {
  padding-left: 22px;
  margin-left: 3px
}
.video-info .id.eye:before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background: url(../img/eye.svg) 0 0/16px no-repeat;
  position: absolute;
  margin-left: -19px
}
span.likes:after {
  background-image: url(../img/like.svg)
}
span.likes.active:after {
  background-image: url(../img/liked.svg)
}
span.dislikes:after {
  background-image: url(../img/dislike.svg)
}
span.dislikes.active:after {
  background-image: url(../img/disliked.svg)
}
span.rating:after {
  background-image: url(../img/rating.svg)
}
span.views {
  cursor: pointer;
  background: #2b2b2b;
  margin-bottom: 5px;
  margin-left: 3px
}
span.views:before {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  background: url(../img/eye.svg) 0 0/15px no-repeat;
  margin-left: 2px
}
.type-list {
  cursor: pointer;
  margin-left: 5px
}
.type-list .type-video {
  padding: 8px
}
.download-button {
  cursor: pointer;
  display: inline-flex
}
.download {
  width: 16px;
  padding: 5px 10px
}
a.download:before {
  content: "";
  position: absolute;
  background: url(../img/dl.svg) 0 0/16px no-repeat;
  width: 25px;
  height: 14px
}
.quality {
  padding: 4px 5px;
  font-size: 15px;
  cursor: pointer;
  margin-right: 10px
}
.tags a {
  height: 20px;
  font: 400 11px/20px arial;
  padding: 0 5px;
  white-space: nowrap
}
.pagenavi {
  margin-top: 10px
}
.pagenavi a {
  border: 1px solid #dadada;
  padding: 5px 15px;
  margin-right: 5px
}
.pagenavi a.active {
  color: #fff;
  background: #666
}
footer {
  display: grid
}
.footer-wrap {
  font-size: 13px;
  padding: 5px;
  margin: 5px 5px 10px;
  background: #1b1b1b;
  line-height: 1.5em;
  border-top: 1px solid #2b2b2b;
  webkit-box-shadow: 0 0 10px rgba(120, 120, 120, 0.5);
  box-shadow: 0 0 10px rgba(120, 120, 120, .5)
}
.intrinsic-container {
  position: relative;
  height: 0;
  overflow: hidden
}
.intrinsic-container-16x9 {
  padding-bottom: 56.25%
}
.intrinsic-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
#vlxx.jw-error {
  height: 56.25% !important
}
.jw-flag-small-player .jw-nextup-container,
.jw-flag-small-player .jw-nextup-container .jw-nextup,
.jw-icon.jw-icon-inline.jw-button-color.jw-reset.jw-icon-rewind.jw-icon-next,
.jw-rightclick {
  display: none !important
}
.jw-toggle.jw-off {
  color: #d8d8d8
}
.jw-controlbar.jw-background-color.jw-reset {
  background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .25) 30%, rgba(0, 0, 0, .4) 70%, rgba(0, 0, 0, .5))
}
.jw-icon.jw-icon-rewind.jw-button-color.jw-reset {
  visibility: hidden
}
@media only screen and (max-width:320px) {
  .video-list .video-image {
    margin-left: 5px;
    height: 105px !important
  }
}
@media only screen and (max-width:600px) {
  div#secondary-nav {
    display: inline
  }
  .video-name {
    line-height: 1.5em;
    height: 35px !important;
    display: -webkit-box;
    max-height: 35px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    white-space: normal;
    -webkit-box-orient: vertical;
    float: left;
    margin: 6px
  }
  .video-list {
    width: 50%;
    float: left
  }
  .video-list .video-image {
    width: calc(100% - 10px);
    margin-left: 5px;
    height: 135px
  }
  .video-list .ribbon {
    margin-left: 5px
  }
}
@media only screen and (min-width:640px) {
  .logo {
    padding: 15px 0 10px 5px;
    opacity: .8
  }
  .video-name {
    line-height: 1.5em;
    height: 35px !important;
    display: -webkit-box;
    max-height: 35px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    white-space: normal;
    -webkit-box-orient: vertical;
    float: left;
    margin: 6px
  }
  .video-list {
    width: 25%;
    float: left
  }
  .video-list .video-image {
    width: calc(100% - 10px);
    margin-left: 5px
  }
  .video-list .video-list .video-image {
    margin-left: 5px;
    height: 165px
  }
  #primary-nav {
    background: #111;
    text-transform: uppercase;
    border-top: none;
    padding: inherit;
    margin-bottom: 1px;
    webkit-box-shadow: 0 0 10px rgba(120, 120, 120, 0.5);
    box-shadow: 0 0 10px rgba(120, 120, 120, .5)
  }
  #primary-nav .menu {
    list-style: none;
    line-height: 1;
    margin-left: 12px;
    overflow: hidden;
    padding: 0;
    z-index: 999
  }
  #primary-nav .menu a {
    display: block;
    position: relative;
    text-decoration: none;
    z-index: 100
  }
  #primary-nav .menu li {
    float: left;
    width: auto;
    z-index: 999
  }
  #primary-nav .menu li a {
    color: #dadada;
    font-size: 14px;
    font-weight: 700;
    margin-right: 30px;
    padding: 10px 0;
    line-height: 20px;
    text-decoration: none
  }
  #primary-nav .menu li:hover a,
  .menu li:hover a:active {
    text-decoration: none;
    color: #de2600
  }
}
@media only screen and (max-width:639px) {
  #primary-nav,
  .logo {
    border-bottom: 2px solid #2b2b2b
  }
  #primary-nav .menu a:hover,
  #pull {
    color: #fff
  }
  div#secondary-nav {
    display: inline
  }
  .logo {
    text-align: center;
    padding: 10px 5px 5px;
    opacity: .8
  }
  #primary-nav {
    position: relative;
    font-size: 14px;
    text-transform: uppercase;
    overflow: hidden
  }
  #primary-nav .menu {
    height: 40px;
    border: 0;
    background: 0;
    box-shadow: none;
    line-height: 40px;
    font-weight: 700
  }
  #primary-nav .menu a {
    float: left;
    width: 33.3%;
    font-weight: 700;
    color: #dadada;
    text-align: center;
    white-space: nowrap;
  }
  #pull {
    display: inline-block;
    width: 100%;
    position: relative;
    background: url(images/select-arrow.png) right 0 center no-repeat #222;
    line-height: 40px;
    text-indent: 10px;
    font-size: 16px;
    white-space: nowrap;
  }
  #pull:hover {
    text-decoration: none
  }
}
.xx-ads {
  width: 100%;
  margin: 4px auto
}
.ads-wrap {
  margin: -5px auto;
  line-height: 0
}
.xx-ads.catfix {
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  width: 300px;
  z-index: 9999
}
.xx-ads.ads-pc.catfix {
  width: 728px
}
.xx-ads.ads-fr.catfix {
  right: 0;
  left: inherit
}
.ads-fl .xx-ads-close,
.xx-ads.ads-fl.catfix {
  right: inherit;
  left: 0
}
.xx-ads-close {
  position: absolute;
  top: -25px;
  right: 0;
  height: 20px;
  line-height: 20px;
  background: #000;
  color: #fff;
  padding: 0 4px;
  z-index: 999999
}
.ads-fl .xx-ads-close,
.ads-fr .xx-ads-close {
  top: -25px
}
.xx-ads-close a {
  color: #dacb46;
  font-size: 13px
}
@media screen and (max-width:1000px) {
  .ads-fl,
  .ads-fr,
  .ads-pc {
    display: none
  }
  .ads-mobile {
    display: block
  }
}
.top-player {
  background: 0 0;
  padding: 0
}
.top-header {
  width: 100%;
  background: #2b2b2b;
  padding: 4px 0 2px
}
.video-image {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  width: 100%;
  height: auto;
  display: block;
}
#vl-header-adx img {
  width: 728px;
}
.pagenavi {
  margin-top: 10px;
  text-align: center
}
.pagenavi a.active,
.pagenavi span.current,
.pagenavi a:hover {
  color: #fff;
  background: #666
}
.pagenavi a,
.pagenavi span {
  border: 1px solid #dadada;
  padding: 5px 15px;
  margin-right: 5px;
  display: inline-block;
  margin-bottom: 5px
}
@media only screen and (min-width: 960px) {
  .quangcaomobile {
    display: none;
  }
}
.mobi-pl {
  display: block
}
@media screen and (min-width: 780px) {
  .mobi-pl {
    display: none
  }
}
@media only screen and (max-width: 959px) {
  .quangcaopc {
    display: none;
  }
}
.ads-hidden {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
.only-mobile {
  display: block;
  margin: 10px 0;
  font-size: 15px;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .only-mobile {
    display: none;
  }
}
.category-links-mobile a {
  color: #0cf;
  text-decoration: underline;
  margin: 0 5px;
}
@media only screen and (max-width: 768px) {
  #vl-header-adx img {
    width: 100%;
  }
}
.page-numbers {
  display: flex;
  justify-content: center;
}
.catfish-bottom {
  position: fixed;
  height: auto !important;
  width: 100% !important;
  text-align: center;
  left: 0;
  bottom: 0px;
  background: rgba(0, 0, 0, 0.8);
  z-index: 999;
}
.banner-catfish-bottom {
  display: inline-flex;
  max-width: 50%;
  margin: auto;
  box-shadow: 0 0 5px #fff;
}
.catfish-bottom-close {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0 !important;
  padding: 0 10px;
  font-size: 16px;
  color: #dadada;
  background-color: #2b2b2b;
  border: 1px solid #dadada;
  box-shadow: 0 0 5px #fff;
  opacity: 0.8;
  cursor: pointer;
}
.description-box {
  margin-bottom: 10px;
  padding: 0;
  line-height: 1.6;
  font-size: 14px;
  color: #ccc;
}
.ctd_hme {
    text-align: center;
}
.ctd_hme h1 {
    font-size: x-large !important;
}
.ctd_hme h1 {
    font-size: x-large;
    text-transform: uppercase;
    background-image: linear-gradient(-225deg, #dd5f11 0%, #FF0099 29%, #CC00FF 67%, #FFFF00 100%);
    background-size: auto auto;
    background-clip: border-box;
    background-size: 200% auto;
    color: #fff;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 2s linear infinite;
    display: inline-block;
}
img.emoji {
    display: inline !important;
    border: none !important;
    box-shadow: none !important;
    height: 1em !important;
    width: 1em !important;
    margin: 0 0.07em !important;
    vertical-align: -0.1em !important;
    background: none !important;
    padding: 0 !important;
}
@media (max-width: 768px) {
  .description-box {
    display: none;
  }
}