/*!
 * app.css — TỰ ĐỘNG SINH RA, ĐỪNG SỬA TRỰC TIẾP.
 * Sinh bởi: php tools/build-css.php
 *
 * Nguồn (giữ nguyên văn, không sửa dòng nào):
 *   desktop.css      + desktop-adx.css  → @media (min-width: 769px)
 *   mobile.css       + mobile-adx.css   → @media (max-width: 768px)
 *
 * Mỗi khoảng bề rộng nhận đúng một bản gốc, không rule nào lẫn sang bản kia.
 */

/* ==========================================================================
   Bản desktop gốc — desktop.css → @media not all and (max-width: 768px)
   ========================================================================== */
@media not all and (max-width: 768px) {
	body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
		margin: 0;
		padding: 0;
	}

	table {
		border-collapse: collapse;
		border-spacing: 0;
	}

	fieldset, img {
		border: 0;
	}

	address, caption, cite, code, dfn, em, strong, th, var, optgroup, i {
		font-style: none;
		font-weight: none;
	}

	del, ins {
		text-decoration: none;
	}

	li {
		list-style: none;
	}

	caption, th {
		text-align: left;
	}

	.clr {
	    clear: both;
	}

	div.clear {
	    clear: both;
	}

	a {
	    text-decoration: none;
	    color: #dadada;
	}

	a:hover {
	    color: #ffffff;
	}

	ul {
	    list-style: none;
	}

	.hidden {
	    display: none !important;
	}

	span.url {
	    color: #ea4335;
	    opacity: 0.8;
	}

	span.url:hover {
	    color: #cf2415;
	}


	.left {
	    float: left;
	}

	.right {
	    float: right;
	}

	header {
	    height: 80px;
	}

	body {
	    background: #1b1b1b;
	    color: #dadada;
	    font-family: arial, sans-serif;
	    font-size: 14px;
	}

	footer {
	    display: grid;
	    clear: both;
	}

	#text-logo {
	    display: inline;
	    float: left;
	    margin: 40px 0 0 0;
	}

	#site-title {
	    color: #333;
	    font-size: 34px;
	    font-weight: bold;
	    letter-spacing: 1px;
	    line-height: 1;
	}

	#site-desc {
	    color: #999;
	    float: left;
	}

	#logo {
	    float: left;
	    margin: 25px 0 0 5px;
	    opacity: 0.8;
	}

	#logo:hover {
	    opacity: 1;
	}

	body>menu {
	    margin: 0 auto 25px;
	    padding: 0;
	    width: 960px;
	    z-index: 999;
	}

	#primary-nav {
	    border-top: 2px solid #2b2b2b !important;
	    margin: 0 5px;
	    background: #1b1b1b;
	    font-size: 14px;
	    font-weight: 500;
	    padding: inherit;
	}

	#primary-nav .menu {
	    list-style: none;
	    overflow: hidden;
	    z-index: 999;
	}

	#primary-nav .menu li a{
	    float: left;
	    display: inline-flex;
	    text-align: center;
	    padding: 5px 10px;
	    line-height: 20px;
	    margin-right: 5px;
	    margin-top: 5px;
	    background: #2b2b2b;
	    color: #dadada;
	    border-radius: 4px;
	    z-index: 999;
	}

	#primary-nav .menu li:hover a,
	.menu li:hover a:active {
	    text-decoration: none;
	    color: #ea4335;
	}

	span.icon {
	    display: inline-flex;
	}


	.icon-home:before {
	    content: '';
	    background-image: url(../img/icon-home.svg);
	    width: 16px;
	    height: 16px;
	    background-size: 16px;
	    background-repeat: no-repeat;
	    margin-right: 2px;
	}

	.icon-verify:before {
	    content: '';
	    background-image: url(../img/icon-verify.svg);
	    width: 16px;
	    height: 16px;
	    background-size: 16px;
	    margin-right: 2px;
	    margin-top: 2px;
	    background-repeat: no-repeat;
	}

	.icon-subtitles:before {
	    content: '';
	    background-image: url(../img/icon-subtitles.svg);
	    width: 16px;
	    height: 16px;
	    background-size: 16px;
	    background-repeat: no-repeat;
	    margin-right: 3px;
	}

	.icon-thumbs-up:before {
	    content: '';
	    background-image: url(../img/icon-thumbs-up.svg);
	    width: 16px;
	    height: 16px;
	    background-size: 16px;
	    background-repeat: no-repeat;
	    margin-right: 3px;
	}

	.icon-views:before {
	    content: '';
	    background-image: url(../img/icon-views.svg);
	    width: 16px;
	    height: 16px;
	    background-size: 16px;
	    background-repeat: no-repeat;
	    margin-right: 3px;
	}

	.icon-hashtag:before {
	    content: '';
	    background-image: url(../img/icon-hashtag.svg);
	    width: 16px;
	    height: 16px;
	    background-size: 16px;
	    background-repeat: no-repeat;
	    margin-right: 3px;
	}

	.icon-eye-off:before {
		content: '';
		background-image: url(../img/icon-eye-off.svg);
		width: 16px;
		height: 16px;
		background-size: 16px;
		margin-right: 2px;
	    margin-top: 1px;
		background-repeat: no-repeat;
		display: inline-flex;
	}
	.icon-student:before {
		content: '';
		background-image: url(../img/icon-student.svg);
		width: 16px;
		height: 16px;
		background-size: 16px;
		margin-right: 2px;
		background-repeat: no-repeat;
		display: inline-flex;
	}
	.icon-heartbreak:before {
		content: '';
		background-image: url(../img/icon-heartbreak.svg);
		width: 16px;
		height: 16px;
		background-size: 16px;
		margin-right: 2px;
		background-repeat: no-repeat;
		display: inline-flex;
	}
	.icon-xvideos:before {
		content: '';
		background-image: url(../img/icon-xvideos.svg);
		width: 16px;
		height: 16px;
		background-size: 16px;
		margin-right: 3px;
		background-repeat: no-repeat;
	}
	.icon-phim69:before {
		content: '';
		background-image: url(../img/icon-phim69.svg);
		width: 16px;
		height: 16px;
		background-size: 16px;
		margin-right: 3px;
		background-repeat: no-repeat;
	}
	.icon-youtube:before {
		content: '';
		background-image: url(../img/icon-youtube.svg);
		width: 16px;
		height: 16px;
		background-size: 16px;
		margin-right: 3px;
		background-repeat: no-repeat;
	}
	.icon-xnxx:before {
		content: '';
		background-image: url(../img/icon-xnxx.svg);
		width: 16px;
		height: 16px;
		background-size: 16px;
		margin-right: 3px;
		background-repeat: no-repeat;
	}
	.icon-japan:before {
		content: '';
		background-image: url(../img/icon-japan.svg);
		width: 16px;
		height: 16px;
		background-size: 16px;
		margin-right: 3px;
		background-repeat: no-repeat;
	}
	.icon-usa:before {
		content: '';
		background-image: url(../img/icon-usa.svg);
		width: 16px;
		height: 16px;
		background-size: 16px;
		margin-right: 3px;
		background-repeat: no-repeat;
	}
	.icon-vietnam:before {
		content: '';
		background-image: url(../img/icon-vietnam.svg);
		width: 16px;
		height: 16px;
		background-size: 16px;
		margin-right: 3px;
		background-repeat: no-repeat;
	}
	.icon-international:before {
		content: '';
		background-image: url(../img/icon-international.svg);
		width: 16px;
		height: 16px;
		background-size: 16px;
		margin-right: 3px;
		background-repeat: no-repeat;
	}
	#secondary-nav {
	    position: relative;
	    font-size: 14px;
	    font-weight: 500;
	    margin: 0 5px;
	    overflow: hidden;
	}

	#secondary-nav .menu2 {
	    list-style: none;
	    overflow: hidden;
	    z-index: 999;
	}

	#secondary-nav .menu2 a {
	    float: left;
	    display: inline-block;
	    padding: 5px;
	    line-height: 26px;
	    margin-right: 5px;
	    margin-top: 5px;
	    background: #ff9900;
	    color: #ffffff;
	    opacity: 0.9;
	    text-align: center;
	}

	#secondary-nav .menu2 a:hover {
		opacity: 1;
	}


	#breadcrumbs {
	    text-transform: none;
	}

	.page-title {
	    display: block;
	    margin: 20px 5px 5px 5px;
	    text-transform: uppercase;
	}

	.breadcrumb {
	    font-size: 16px;
	    font-weight: 500;
	    margin: 5px;
	    border-bottom: 2px solid #2b2b2b;
	}

	.breadcrumb span a {
	    color: #dadada;
	}

	.breadcrumb span a:hover {
	    color: #fff;
	    text-decoration: none;
	}

	#search-box {
	    margin: 3px 5px;
	    display: inline-flex;
	    float: right;
	}

	.search {
	    width: 100%;
	    max-width: 300px;
	    float: right;
	    border: 1px solid #2b2b2b;
	    display: flex;
	    overflow: hidden;
	}
	span.icon-search {
		display: inline-flex;
		background: #1b1b1b;
		padding: 0.3rem;
		margin-top: 1px;
		color: #dadada;
		opacity: .6;
	}
	span.icon-search:before{
		content: '';
		background-image: url(../img/icon-search.svg);
		width: 14px;
		height: 14px;
		background-size: 14px;
		background-repeat: no-repeat;
	}
	.search .searchTxt {
		width: 100%;
		background: #1b1b1b;
		padding: 5px;
		color: #dadada;
		font-size: 14px;
		outline: 0;
		border: 0;
		border-collapse: separate;
		-webkit-appearance: none;
	}
	.search .searchBtn {
	    background: none repeat scroll 0 0 rgba(234,67,53,.6);
	    color: #dadada;
	    border-left: 1px solid #2b2b2b !important;
	    outline: 0;
	    border: 0;
	    border-radius: 0;
	    float: left;
	    font-size: 14px;
	    padding: 5px;
	    cursor: pointer;
	    -webkit-appearance: none;
	}
	.search .searchBtn:hover {
		background: #ea4335;
	}

	.category-info {
	    background: #2b2b2b;
	    font-size: 14px;
	    padding: 5px;
	    margin: 0 5px;
	    line-height: 1.5;
	    border-radius: 4px;
	}

	#wrapper {
	    margin: 0 auto;
	    position: relative;
	    max-width: 1140px;
	    border: 1px solid #2b2b2b;
	}

	#header {
	    padding-bottom: 10px;
	}

	#container {
	    display: block;
	}

	#video {
	    margin: 0 5px;
	}

	#video-list {
	    display: block;
	}

	.video-item {
	    width: 20%;
	    margin-bottom: 20px;
	    overflow: hidden;
	    text-align: center;
	    float: left;
	    position: relative;
	}

	.video-image {
	    width: calc(100% - 10px);
	    aspect-ratio: 240 / 180;
	    height: auto;
	    display: block;
	    margin-left: 5px;
	    border-radius: 4px;
	}

	.ribbon {
	    font-size: .9em;
	    position: absolute;
	    top: 0;
	    border-left: 3px solid #ea4335;
	    border-radius: 0 4px 4px 0;
	    background: none repeat scroll 0 0 rgba(17,17,17,.6);
	    padding: 2px 4px;
	    margin-top: 2px;
	    margin-left: 7px;
	    color: #fff;
	}

	.video-name {
	    margin-left: 5px;
	    margin-right: 5px;
	    font-size: 15px;
	    height: 45px;
	    max-height: 45px;
	    line-height: 1.5;
	    font-weight: 500;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-line-clamp: 2;
	    white-space: normal;
	    -webkit-box-orient: vertical;
	}

	.video-name p {
	    margin-top: 3px;
	    height: 15px;
	    overflow: hidden;
	    margin-bottom: 3px;
	}

	.video-rank {
	    font-size: .9em;
	    position: absolute;
	    top: 0;
	    border-left: 3px solid #ea4335;
	    border-radius: 0 4px 4px 0;
	    background: none repeat scroll 0 0 rgba(17,17,17,.6);
	    margin-top: 2px;
	    padding: 2px 4px;
	    margin-left: 7px;
	    color: #fff;
	}

	.video-rank span {
	    display: inline-flex;
	}


	.desktop {
	    margin-bottom: 5px;
	}

	.video-player {
	    position: relative;
	    width: 100%;
	    height: 0;
	    padding-bottom: 40%;
	}

	.play-left {
	    padding: 0 5px;
	}

	.play-right {
	    position: relative;
	    width: 325px;
	    margin-top: 5px;
	    float: right;
	}

	.video-right {
	    display: block;
	}

	.video-right li {
	    display: inline-flex;
	    overflow: hidden;
	    padding-bottom: 5px;
	}

	.video-right li a {
	    color: #dadada;
	    font-weight: 700;
	}

	.video-right li a:hover {
	    color: #fff;
	    font-weight: 700;
	}

	.video-right li img {
	    float: left;
	    margin-right: 5px;
	    margin-bottom: 10px;
	    width: 120px;
	    height: 90px;
	}

	.video-right li img:hover {}

	.video-right li status {
	    position: absolute;
	    background-color: #ea4335;
	    padding: 2px 5px;
	    color: #fff;
	    opacity: .8;
	}

	.video-content {
	    display: block;
	}

	.video-description {
	    display: block;
	    padding: 5px 0;
	    font-size: 15px;
	    line-height: 1.5;
	    word-wrap: break-word;
	}

	.video-info {
	    display: inline-flex;
	}

	.video-code {
	    font-size: 14px;
	    padding: 5px;
	    background: #2b2b2b;
	    color: #dadada;
	    white-space: nowrap;
	    border-radius: 4px;
	    margin-right: 5px;
	}

	.video-code:hover {
	    color: #fff;
	}

	.video-link {
	    display: inline-block;
	    background: #2b2b2b;
	    color: #ea4335;
	    font-size: 14px;
	    padding: 5px;
	    border-radius: 4px;
	    white-space: nowrap;
	}

	.video-link:hover {
	    color: #cf2415;
	}

	#video-actions {
	    margin-top: 5px;
	    display: block;
	    font-weight: 400;
	}

	#video-actions ul {
	    display: inline-block;
	    margin-top: 0;
	}

	#video-actions .video-server {
	    cursor: pointer;
	    padding: 5px 10px;
	    margin-bottom: 5px;
	    border-radius: 4px;
	    display: inline-flex;
	}

	#video-actions .video-server:hover {
	    background: #ea4335;
	    color: #fff
	}

	#video-actions .likes {
	    cursor: pointer;
	    background: #2b2b2b;
	    margin-bottom: 5px;
	    padding: 5px;
	    border-radius: 4px;
	    display: inline-flex;
	}

	#video-actions .dislikes {
	    cursor: pointer;
	    background: #2b2b2b;
	    margin-bottom: 5px;
	    padding: 5px;
	    border-radius: 4px;
	    display: inline-flex;
	}

	#video-actions .likes:hover,
	#video-actions .dislikes:hover {
	    background: #ea4335;
	    color: #fff;
	}

	#video-actions .rating {
	    cursor: pointer;
	    background: #2b2b2b;
	    padding: 5px;
	    border-radius: 4px;
	    display: inline-flex;
	}

	#video-note {
	    background: #2b2b2b;
	    padding: 5px;
	    display: inline-block;
	}

	span.likes:after {
	    content: '';
	    background-image: url(../img/icon-like.svg);
	    width: 16px;
	    height: 16px;
	    background-size: 16px;
	    background-repeat: no-repeat;
	    margin-left: 3px;
	    margin-top: -1px;
	}

	span.likes.active:after {
	    background-image: url(../img/icon-liked.svg);
	}

	span.dislikes:after {
	    content: '';
	    background-image: url(../img/icon-dislike.svg);
	    width: 16px;
	    height: 16px;
	    background-size: 16px;
	    background-repeat: no-repeat;
	    margin-left: 3px;
	}

	span.dislikes.active:after {

	    background-image: url(../img/icon-disliked.svg);

	}

	span.rating:after {
	    content: '';
	    background-image: url(../img/icon-heart.svg);
	    width: 16px;
	    height: 16px;
	    background-size: 16px;
	    background-repeat: no-repeat;
	    margin-left: 3px;
	}

	span.dislikes:after {
	    content: '';
	    background-image: url(../img/icon-dislike.svg);
	    width: 16px;
	    height: 16px;
	    background-size: 16px;
	    background-repeat: no-repeat;
	    margin-left: 3px;
	}

	span.dislikes.active:after {

	    background-image: url(../img/icon-disliked.svg);

	}

	span.views {
	    cursor: pointer;
	    background: #2b2b2b;
	    margin-bottom: 5px;
	    border-radius: 4px;
	    padding: 5px;
	    display: inline-flex;
	}

	span.views:after {
	    content: '';
	    display: block;
	    background: url(../img/icon-views.svg) no-repeat;
	    width: 16px;
	    height: 16px;
	    background-size: 16px;
	    margin-left: 3px;
	}

	span.likes-rank:after {
	    content: '';
	    background-image: url(../img/icon-like.svg);
	    width: 14px;
	    height: 14px;
	    background-size: 14px;
	    background-repeat: no-repeat;
	    margin-left: 3px;
	    margin-top: -1px;
	    opacity: .9;
	}

	span.views-rank:after {
	    content: '';
	    background-image: url(../img/icon-views.svg);
	    width: 14px;
	    height: 14px;
	    background-size: 14px;
	    background-repeat: no-repeat;
	    margin-left: 3px;
	}


	span.likes.active:after {
	    background-image: url(../img/liked.svg);
	}

	.top-likes {
	    float: right;
	    margin: 5px 0;
	    background: #f2f2f2;
	    opacity: 0.7;
	    padding: 4px 4px;
	}

	.bt_normal {
	    background: #2b2b2b;
	}

	.bt_active {
	    background: #ea4335;
	}

	#download {
	    text-align: center;
	}

	.download-button {
	    display: inline-block;
	}

	.download {
	    width: 16px;
	    background: #2b2b2b;
	    padding: 5px 10px;
	    display: inline-block;
	}

	.download:hover {
	    background: #ea4335;
	    color: #fff;
	}

	a.download:before {
	    content: '';
	    position: absolute;
	    background: url(../img/dl.svg) no-repeat;
	    width: 25px;
	    height: 14px;
	    background-size: 16px;
	    background-repeat: no-repeat;
	}

	.id.dl:before {
	    content: '';
	    display: block;
	    width: 16px;
	    height: 16px;
	    background: url('../img/dl.svg') no-repeat;
	    position: absolute;
	    background-size: 16px;
	    margin-left: -19px;
	}

	.quality {
	    background: #ea4335;
	    padding: 5px 10px;
	    font-size: 15px;
	    cursor: pointer;
	    margin-right: 10px;
	}

	.quality:hover {
	    background: #ea4335;
	}


	.video-tags {
	    display: inline-block;
	    list-style-type: none;
	    margin-bottom: 5px;
	    width: 100%;
	    font-weight: 400;
	}

	.category-tag a {
	    display: inline-flex;
	    font-size: 14px;
	    padding: 5px;
	    margin-top: 5px;
	    white-space: nowrap;
	    background: #2b2b2b;
	    border-radius: 4px;
	}

	.category-tag a:before {
		content: '';
	    background-image: url(../img/icon-hashtag.svg);
	    background-size: 16px;
	    height: 16px;
	    width: 16px;
	    margin-right: 3px;
	    background-repeat: no-repeat;
	}
	.category-tag a.actor:before {
	    background-image: url(../img/icon-actor.svg);
	}


	.category-tag a:hover {
	    background-color: #ea4335;
	    color: #fff;
	}

	.actress-tag {
	    list-style-type: none;
	    margin: 0;
	}

	.actress-tag a {
	    display: inline-flex;
	    font-size: 14px;
	    padding: 5px;
	    margin-top: 5px;
	    white-space: nowrap;
	    background: #2b2b2b;
	    border-left: 3px solid #ff9900;
	    border-radius: 0 4px 4px 0;
	}

	.actress-tag a:hover {
	    background-color: #ea4335;
	    color: #fff;
	}

	.search-history {
	    list-style-type: none;
	    overflow: hidden;
	}

	.search-history a {
	    display: inline-block;
	    font-size: 14px;
	    padding: 5px 10px;
	    margin-bottom: 5px;
	    margin-left: 5px;
	    white-space: nowrap;
	    background: #2b2b2b;
	    border-radius: 4px;
	}

	.search-history a:hover {
	    background-color: #ea4335;
	    color: #fff;
	}

	.web-link {
		list-style-type: none;
		overflow: hidden;
	}
	.web-link a {
		display: inline-block;
		font-size: 14px;
		padding: 5px 10px;
		margin-left: 5px;
		white-space: nowrap;
		background: #2b2b2b;
		border-radius: 4px;
	}
	.web-link a:hover {
		background-color: #ea4335;
		color: #fff;
	}

	.textFilter {
	    list-style-type: none;
	    text-transform: uppercase;
	    margin: 0 5px 5px;
	    overflow: hidden;
	}

	.textFilter a {
	    display: inline-block;
	    font-size: 14px;
	    padding: 4px;
	    margin-top: 5px;
	    border-radius: 4px;
	    white-space: nowrap;
	    background: #2b2b2b;
	}

	.textFilter a:hover {
	    background-color: #ea4335;
	    color: #fff;
	}

	.loadPage .active {
	    background-color: #ea4335;
	    color: #fff;
	}

	.pagenavi {
	    text-align: center;
	    margin-bottom: 20px;
	    cursor: pointer;
	}

	.pagenavi a {
	    margin-top: 5px;
	    border: 1px solid #dadada;
	    padding: 5px 15px;
	    margin-right: 5px;
	    border-radius: 4px;
	    display: inline-block;
	}

	.pagenavi a.active {
	    background: #ea4335;
	    color: #fff;
	}

	.pagenavi a:hover {
	    background: #ea4335;
	    color: #fff;
	}

	.footer-wrap {
	    font-size: 15px;
	    font-weight: 500;
	    margin: 5px;
	    background: #1b1b1b;
	    line-height: 1.5;
	    border-top: 2px solid #2b2b2b;
	}

	/* 16x9 Aspect Ratio */
	.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%;
	}

	/* Reponsive */








	/* Custom Jwplayer */
	#vlxx.jw-error {
	    height: 56.25% !important;
	}

	.jw-icon.jw-icon-inline.jw-button-color.jw-reset.jw-icon-pip {
	    display: none !important;
	}

	.jw-icon.jw-icon-inline.jw-button-color.jw-reset.jw-icon-rewind {
	    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-inline.jw-button-color.jw-reset.jw-icon-rewind {
	    display: none !important;
	}

	.jw-rightclick {
	    display: none !important;
	}

	.jw-aspect.jw-reset {
	    padding-top: 40% !important;
	}

	.jw-logo.jw-logo-top-right.jw-reset {
	    width: 200px !important;
	    height: 57px !important;
	    margin: 5px !important;
	}
	.jwplayer .jw-tooltip {
	    display: none !important;
	}
}

/* ==========================================================================
   Bản mobile gốc — mobile.css → @media only screen and (max-width: 768px)
   ========================================================================== */
@media only screen and (max-width: 768px) {
	body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
		margin: 0;
		padding: 0;
	}
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	fieldset, img {
		border: 0;
	}
	address, caption, cite, code, dfn, em, strong, th, var, optgroup, i {
		font-style: none;
		font-weight: none;
	}
	del, ins {
		text-decoration: none;
	}
	li {
		list-style: none;
	}
	caption, th {
		text-align: left;
	}
	h1, h2, h3, h4, h5, h6 {
		font-size: 100%;
		font-weight: 700;
	}
	q:before, q:after {
		content: '';
	}
	abbr, acronym {
		border: 0;
		font-variant: normal;
	}
	sup {
		vertical-align: baseline;
	}
	sub {
		vertical-align: baseline;
	}
	legend {
		color: #333;
	}
	input, button, textarea, select, optgroup, option {
		font-family: inherit;
		font-size: inherit;
		font-style: inherit;
		font-weight: inherit;
		outline: none;
	}
	#header {
		position: relative;
	}
	body {
		background: #1b1b1b;
		color: #dadada;
		font-family: arial, sans-serif;
		font-size: 14px;
	}
	#wrapper {
		max-width: 600px;
		margin: 0 auto;
		background: #1b1b1b;
		border: 1px solid #2b2b2b;
	}
	#container {
		display: block;
		overflow: hidden;
	}
	#video {
		margin: 0 5px;
	}
	a {
		text-decoration: none;
		color: #dadada;
	}
	a:hover {
		color: #fff;
	}
	li {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	span.url {
		color: rgba(234, 67, 53, 0.6);
	}
	span.url:hover {
		color: #ea4335;
	}
	img {
		max-width: 100%;
		height: auto;
	}
	.clear {
		clear: both;
	}
	.clr {
		clear: both;
	}
	.hidden {
		display: none !important;
	}
	.notice {
		line-height: 1.5em;
		display: inline-block;
		background: #2b2b2b;
		margin-bottom: 5px;
		padding: 5px;
	}
	#notice {
		background: #2b2b2b;
		margin: 5px;
		padding: 5px;
		line-height: 1.5em;
	}
	.status {
		background: #2b2b2b;
		margin-top: 5px;
		padding: 5px;
		line-height: 1.5em;
	}
	.SC_TBlock {
		background: #2b2b2b;
		text-align: center;
		margin-top: 4px;
		padding: 5px;
		line-height: 1.5em;
	}
	.ads {
		position: relative;
		background: #2b2b2b;
		margin: 5px 0;
		padding: 5px 0 3px;
		text-align: center;
	}
	#ads {
		position: relative;
		background: #2b2b2b;
		margin-top: 5px;
		padding: 5px 0 3px;
		text-align: center;
	}
	#top {
		max-width: 600px;
		margin: 0 auto;
		background: #1b1b1b;
		border-bottom: 2px solid #2b2b2b;
	}
	#logo {
		text-align: center;
		border-bottom: 2px solid #2b2b2b;
		padding: 10px 5px 5px;
		margin: 0 5px 5px;
		opacity: .8;
	}
	#logo:hover {
		opacity: 1;
	}
	span.icon {
		display: inline-flex;
	}
	.icon-home:before {
		content: '';
		background-image: url(../img/icon-home.svg);
		width: 16px;
		height: 16px;
		background-size: 16px;
		margin-right: 2px;
		background-repeat: no-repeat;
		display: inline-flex;
	}
	.icon-verify:before {
		content: '';
		background-image: url(../img/icon-verify.svg);
		width: 16px;
		height: 16px;
		background-size: 16px;
		background-repeat: no-repeat;
		margin-right: 3px;
	}
	.icon-subtitles:before {
		content: '';
		background-image: url(../img/icon-subtitles.svg);
		width: 16px;
		height: 16px;
		background-size: 16px;
		background-repeat: no-repeat;
		margin-right: 3px;
	}
	.icon-heart:before {
		content: '';
		background-image: url(../img/icon-heart.svg);
		width: 16px;
		height: 16px;
		background-size: 16px;
		background-repeat: no-repeat;
		margin-right: 3px;
	}
	.icon-thumbs-up:before {
		content: '';
		background-image: url(../img/icon-thumbs-up.svg);
		width: 16px;
		height: 16px;
		background-size: 16px;
		margin-top: -1px;
		background-repeat: no-repeat;
		margin-right: 3px;
	}
	.icon-views:before {
		content: '';
		background-image: url(../img/icon-views.svg);
		width: 16px;
		height: 16px;
		background-size: 16px;
		background-repeat: no-repeat;
		margin-right: 3px;
	}
	.icon-ranking:before {
		content: '';
		background-image: url(../img/icon-ranking.svg);
		width: 16px;
		height: 16px;
		background-size: 16px;
		margin-right: 3px;
		background-repeat: no-repeat;
	}
	.icon-fire:before {
		content: '';
		background-image: url(../img/icon-fire.svg);
		width: 16px;
		height: 16px;
		background-size: 16px;
		margin-right: 1px;
		background-repeat: no-repeat;
	}
	.icon-hashtag:before {
		content: '';
		background-image: url(../img/icon-hashtag.svg);
		width: 16px;
		height: 16px;
		background-size: 16px;
		margin-right: 3px;
		background-repeat: no-repeat;
	}
	.icon-eye-off:before {
		content: '';
		background-image: url(../img/icon-eye-off.svg);
		width: 16px;
		height: 16px;
		background-size: 16px;
		margin-right: 2px;
		background-repeat: no-repeat;
		display: inline-flex;
	}
	.icon-student:before {
		content: '';
		background-image: url(../img/icon-student.svg);
		width: 16px;
		height: 16px;
		background-size: 16px;
		margin-right: 2px;
		background-repeat: no-repeat;
		display: inline-flex;
	}
	.icon-heartbreak:before {
		content: '';
		background-image: url(../img/icon-heartbreak.svg);
		width: 16px;
		height: 16px;
		background-size: 16px;
		margin-right: 2px;
		background-repeat: no-repeat;
		display: inline-flex;
	}
	.icon-xvideos:before {
		content: '';
		background-image: url(../img/icon-xvideos.svg);
		width: 16px;
		height: 16px;
		background-size: 16px;
		margin-right: 3px;
		background-repeat: no-repeat;
	}
	.icon-phim69:before {
		content: '';
		background-image: url(../img/icon-phim69.svg);
		width: 16px;
		height: 16px;
		background-size: 16px;
		margin-right: 3px;
		background-repeat: no-repeat;
	}
	.icon-youtube:before {
		content: '';
		background-image: url(../img/icon-youtube.svg);
		width: 16px;
		height: 16px;
		background-size: 16px;
		margin-right: 3px;
		background-repeat: no-repeat;
	}
	.icon-xnxx:before {
		content: '';
		background-image: url(../img/icon-xnxx.svg);
		width: 16px;
		height: 16px;
		background-size: 16px;
		margin-right: 3px;
		background-repeat: no-repeat;
	}
	.icon-japan:before {
		content: '';
		background-image: url(../img/icon-japan.svg);
		width: 16px;
		height: 16px;
		background-size: 16px;
		margin-right: 3px;
		background-repeat: no-repeat;
	}
	.icon-usa:before {
		content: '';
		background-image: url(../img/icon-usa.svg);
		width: 16px;
		height: 16px;
		background-size: 16px;
		margin-right: 3px;
		background-repeat: no-repeat;
	}
	.icon-vietnam:before {
		content: '';
		background-image: url(../img/icon-vietnam.svg);
		width: 16px;
		height: 16px;
		background-size: 16px;
		margin-right: 3px;
		background-repeat: no-repeat;
	}
	.icon-international:before {
		content: '';
		background-image: url(../img/icon-international.svg);
		width: 16px;
		height: 16px;
		background-size: 16px;
		margin-right: 3px;
		background-repeat: no-repeat;
	}
	#primary-nav {
		position: relative;
		font-size: 14px;
		font-weight: 400;
		margin: 0 5px;
		border-bottom: 2px solid #2b2b2b;
		overflow: hidden;
	}
	#primary-nav .menu {
		height: 40px;
		border: 0;
		background: 0;
		box-shadow: none;
	}
	#primary-nav .menu a {
		float: left;
		display: inline-flex;
		background: #2b2b2b;
		margin: 0 5px 5px 0;
		padding: 5px 10px;
		color: #dadada;
		border-radius: 4px;
		text-align: center;
	}
	#primary-nav .menu a:hover {
		color: #fff;
	}
	#secondary-nav {
		position: relative;
		overflow: hidden;
	}
	#secondary-nav .menu2 {
		font-size: 14px;
	}
	#secondary-nav .menu2 a {
		display: inline-flex;
		font-size: 14px;
		font-weight: 400;
		background: #2b2b2b;
		float: left;
		margin: 5px 0 0 5px;
		padding: 5px;
		border-radius: 4px;
		text-align: center;
	}
	#secondary-nav .menu2 a:hover {
		color: #fff;
	}
	#search-box {
		padding: 5px;
	}
	.search {
		width: 100%;
		border: 1px solid #2b2b2b;
		display: flex;
		overflow: hidden;
	}
	span.icon-search {
		display: inline-flex;
		background: #1b1b1b;
		padding: 0.3rem;
		margin-top: 1px;
		color: #dadada;
		opacity: .6;
	}
	span.icon-search:before{
		content: '';
		background-image: url(../img/icon-search.svg);
		width: 14px;
		height: 14px;
		background-size: 14px;
		background-repeat: no-repeat;
	}
	.search .searchTxt {
		width: 100%;
		background: #1b1b1b;
		padding: 5px;
		color: #dadada;
		font-size: 14px;
		outline: 0;
		border: 0;
		border-collapse: separate;
		-webkit-appearance: none;
	}
	.search .searchBtn {
	    background: rgba(234,67,53,.6);
	    color: #dadada;
	    border-left: 1px solid #2b2b2b !important;
	    outline: 0;
	    border: 0;
		border-radius: 0;
	    float: left;
	    font-size: 14px;
	    padding: 5px;
	    cursor: pointer;
	    -webkit-appearance: none;
	}
	.search .searchBtn:hover {
		background: rgba(234,67,53,1);
	}
	.category-info {
		background: #2b2b2b;
		margin: 0 5px;
		padding: 5px;
		font-size: 14px;
		line-height: 1.5;
		border-radius: 4px;
	}
	.page-title {
		text-transform: uppercase;
		display: block;
	}
	.breadcrumb {
		font-size: 16px;
		font-weight: 400;
		margin: 5px;
		border-bottom: 2px solid #2b2b2b;
	}
	.breadcrumb span a {
		color: #dadada;
	}
	.breadcrumb span a:hover {
		color: #fff;
		text-decoration: none;
	}
	.breadcrumb.video-title {
		font-size: 16px;
		font-weight: 400;
		margin: 5px;
		padding: 5px;
		text-transform: none;
		border-bottom: 2px solid #2b2b2b;
		padding-left: 5px;
		border-left: 3px solid #ea4335;
	}
	.box {
		margin: 0;
	}
	.video-box {
		display: block;
	}
	#content {
		display: block;
	}
	#video-list {
		display: block;
	}
	.video-item {
		position: relative;
		display: block;
		overflow: hidden;
	}
	.ribbon {
		font-size: .9em;
		position: absolute;
		top: 0;
		border-left: 3px solid #ea4335;
		border-radius: 0 4px 4px 0;
		background: none repeat scroll 0 0 rgba(17,17,17,.6);
		padding: 2px 4px;
		margin-top: 2px;
		margin-left: 7px;
		color: #fff;
	}
	.video-name {
		line-height: 1.5;
		font-size: 15px;
		font-weight: 400;
		height: 45px !important;
		max-height: 45px !important;
		margin-bottom: 15px;
		margin-left: 5px;
		display: -webkit-box;
		overflow: hidden;
		text-overflow: ellipsis;
		-webkit-line-clamp: 2;
		white-space: normal;
		-webkit-box-orient: vertical;
		float: left;
	}
	.video-rank {
		font-size: .9em;
		position: absolute;
		top: 0;
		border-left: 3px solid #ea4335;
		border-radius: 0 4px 4px 0;
		background: none repeat scroll 0 0 rgba(17,17,17,.6);
		margin-top: 2px;
		padding: 2px 4px;
		margin-left: 7px;
		color: #fff;
	}
	.video-image {
		float: left;
		width: calc(100% - 10px);
		aspect-ratio: 240 / 180;
		height: auto;
		margin-left: 5px;
		border-radius: 4px;
	}
	.video-player {
		position: relative;
		width: 100%;
		height: 0;
		padding-bottom: 56.25%;
	}
	.play-video .video .video-item {
		padding: 5px 10px 10px;
	}
	.video-content {
		display: block;
	}
	.video-description {
		display: block;
		font-size: 14px;
		line-height: 1.5;
		word-wrap: break-word;
	}
	.video-stats {
		display: inline-block;
	}
	#video-actions {
		margin-top: 5px;
		display: block;
		font-weight: 400;
	}
	#video-actions ul {
		display: inline-block;
		margin-top: 0;
	}
	#video-actions .video-server {
		cursor: pointer;
		padding: 5px 10px;
		margin-bottom: 5px;
		border-radius: 4px;
		display: inline-flex;
	}
	#video-actions .video-server:hover {
		background: #ea4335;
		color: #fff;
	}
	#video-actions .likes {
		cursor: pointer;
		background: #2b2b2b;
		margin-bottom: 5px;
		padding: 5px;
		border-radius: 4px;
		display: inline-flex;
	}
	#video-actions .dislikes {
		cursor: pointer;
		background: #2b2b2b;
		margin-bottom: 5px;
		padding: 5px;
		border-radius: 4px;
		display: inline-flex;
	}
	#video-actions .likes:hover, #video-actions .dislikes:hover {
		color: #fff;
	}
	#video-actions .rating {
		cursor: pointer;
		background: #2b2b2b;
		padding: 5px;
		border-radius: 4px;
		display: inline-flex;
	}
	#video-note {
		background: #2b2b2b;
		padding: 5px;
		border-radius: 4px;
		display: inline-block;
	}
	.video-info {
		display: inline-flex;
		margin-bottom: 5px;
	}
	.video-code {
		font-size: 14px;
		padding: 5px;
		background: #2b2b2b;
		color: #dadada;
		white-space: nowrap;
		margin-right: 5px;
		border-radius: 4px;
	}
	.video-code:hover {
		color: #fff;
	}
	.video-link {
		display: inline-block;
		background: #2b2b2b;
		color: #ea4335;
		font-size: 14px;
		padding: 5px;
		white-space: nowrap;
		border-radius: 4px;
	}
	.video-link:hover {
		color: #cf2415;
	}
	span.likes:after {
		content: '';
		background-image: url(../img/icon-like.svg);
		width: 16px;
		height: 16px;
		background-size: 16px;
		background-repeat: no-repeat;
		margin-left: 3px;
	}
	span.likes.active:after {
		background-image: url(../img/icon-liked.svg);
	}
	span.dislikes:after {
		content: '';
		background-image: url(../img/icon-dislike.svg);
		width: 16px;
		height: 16px;
		background-size: 16px;
		background-repeat: no-repeat;
		margin-left: 3px;
	}
	span.dislikes.active:after {
		background-image: url(../img/icon-disliked.svg);
	}
	span.rating:after {
		content: '';
		background-image: url(../img/icon-heart.svg);
		width: 16px;
		height: 16px;
		background-size: 16px;
		background-repeat: no-repeat;
		margin-left: 3px;
	}
	span.likes-rank {
		display: inline-flex;
	}
	span.likes-rank:after {
		content: '';
		background-image: url(../img/icon-like.svg);
		width: 14px;
		height: 14px;
		background-size: 14px;
		background-repeat: no-repeat;
		margin-left: 3px;
		margin-top: -1px;
	}
	span.views-rank {
		display: inline-flex;
	}
	span.views-rank:after {
		content: '';
		background-image: url(../img/icon-views.svg);
		width: 14px;
		height: 14px;
		background-size: 14px;
		background-repeat: no-repeat;
		margin-left: 3px;
	}
	span.views {
		cursor: pointer;
		background: #2b2b2b;
		margin-bottom: 5px;
		padding: 5px;
		border-radius: 4px;
		display: inline-flex;
	}
	span.views:after {
		content: '';
		background: url(../img/icon-views.svg) no-repeat;
		display: block;
		width: 16px;
		height: 16px;
		background-size: 16px;
		margin-left: 3px;
	}
	.type-list {
		cursor: pointer;
		margin-left: 5px;
	}
	.type-list ul {
		margin-top: 0;
	}
	.type-list .type-video {
		margin-bottom: 5px;
		padding: 8px;
		display: inline-block;
	}
	.type-list .type-video:hover {
		color: #fff;
	}
	.bt_normal {
		background: #2b2b2b;
		color: #dadada;
	}
	.bt_active {
		background: #ea4335;
		color: #fff;
	}
	#download {
		text-align: center;
	}
	.download-button {
		cursor: pointer;
		display: inline-flex;
	}
	.download {
		width: 16px;
		background: #2b2b2b;
		color: #dadada;
		padding: 5px 10px;
	}
	.download:hover {
		background: #ea4335;
		color: #fff;
	}
	a.download:before {
		content: '';
		position: absolute;
		background: url(../img/dl.svg) no-repeat;
		width: 25px;
		height: 14px;
		background-size: 16px;
		background-repeat: no-repeat;
	}
	.quality {
		background: #2b2b2b;
		color: #dadada;
		border: 1px solid #2b2b2b;
		padding: 4px 5px;
		font-size: 15px;
		cursor: pointer;
		margin-right: 10px;
	}
	.quality:hover {
		background: #ea4335;
		color: #fff;
		border: 1px solid #2b2b2b;
	}
	.video-tags {
		display: inline-block;
		list-style-type: none;
		margin-bottom: 5px;
		width: 100%;
		font-weight: 400;
	}
	.category-tag a {
		display: inline-flex;
		font-size: 14px;
		padding: 5px;
		margin-top: 5px;
		white-space: nowrap;
		border-radius: 4px;
		background: #2b2b2b;
	}
	.category-tag a:before {
		content: '';
	    background-image: url(../img/icon-hashtag.svg);
	    background-size: 16px;
	    width: 16px;
	    margin-right: 3px;
	    background-repeat: no-repeat;
	}
	.category-tag a.actor:before {
		background-image: url(../img/icon-actor.svg);
	}

	.category-tag a:hover {
		background-color: #ea4335;
		color: #fff;
	}
	.actress-tag {
		list-style-type: none;
		margin: 0;
	}
	.actress-tag a {
		display: inline-flex;
		font-size: 14px;
		padding: 5px;
		margin-top: 5px;
		white-space: nowrap;
		background: #2b2b2b;
		border-radius: 0 4px 4px 0;
		border-left: 3px solid #ff9900;
	}
	.actress-tag a:hover {
		background-color: #ea4335;
		color: #fff;
	}
	.search-history {
		list-style-type: none;
		margin: 5px 0;
		overflow: hidden;
	}
	.search-history a {
		display: inline-block;
		font-size: 14px;
		padding: 5px 10px;
		margin-bottom: 5px;
		margin-left: 5px;
		white-space: nowrap;
		background: #2b2b2b;
		border-radius: 4px;
	}
	.search-history a:hover {
		background-color: #ea4335;
		color: #fff;
	}

	.web-link {
		list-style-type: none;
		overflow: hidden;
	}
	.web-link a {
		display: inline-block;
		font-size: 14px;
		padding: 5px 10px;
		margin-left: 5px;
		white-space: nowrap;
		background: #2b2b2b;
		border-radius: 4px;
	}
	.web-link a:hover {
		background-color: #ea4335;
		color: #fff;
	}


	.textFilter {
		list-style-type: none;
		text-transform: uppercase;
		margin: 0 5px 5px;
		overflow: hidden;
	}
	.textFilter a {
		display: inline-block;
		font-size: 14px;
		padding: 5px;
		margin-top: 5px;
		white-space: nowrap;
		border-radius: 4px;
		background: #2b2b2b;
	}
	.textFilter a:hover {
		background-color: #ea4335;
		color: #fff;
	}
	.loadPage .active {
		background-color: #ea4335;
		color: #fff;
	}
	.note {
		background: #2b2b2b;
		margin: 5px;
		padding: 5px;
		line-height: 1.5em;
	}
	.pagenavi {
		clear: both;
		margin-bottom: 5px;
		text-align: center;
	}
	.pagenavi a {
		border: 1px solid #dadada;
		padding: 5px 15px;
		margin-right: 5px;
		margin-bottom: 5px;
		border-radius: 4px;
		display: inline-block;
	}
	.pagenavi a.active {
		color: #dadada;
		background: rgba(234, 67, 53, 0.8);
	}
	footer {
		display: grid;
	}
	.footer-wrap {
		font-size: 14px;
		font-weight: 400;
		margin: 5px;
		background: #1b1b1b;
		line-height: 1.5em;
		border-top: 2px solid #2b2b2b;
	}
	.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-icon.jw-icon-inline.jw-button-color.jw-reset.jw-icon-rewind.jw-icon-next {
		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-rightclick {
		display: none !important;
	}
	.jw-flag-small-player .jw-nextup-container .jw-nextup {
		display: none !important;
	}
	.jw-flag-small-player .jw-nextup-container {
		display: none !important;
	}
	.jw-icon.jw-icon-rewind.jw-button-color.jw-reset {
		visibility: hidden;
	}
	.jw-icon.jw-icon-inline.jw-button-color.jw-reset.jw-icon-rewind {
		display: none !important;
	}
	.jw-logo.jw-logo-top-right.jw-reset {
		width: 100px !important;
		height: 24px !important;
		top: -15px !important;
		right: -15px !important;
	}
	.jw-icon.jw-icon-inline.jw-button-color.jw-reset.jw-icon-pip {
		display: none !important;
	}
	.jw-icon-cc {
		display: none !important;
	}
	.jwplayer .jw-tooltip {
	    display: none !important;
	}



	.jw-logo.jw-logo-top-right.jw-reset {
		width: 100px !important;
		height: 28px !important;
	}
}

@media only screen and (max-width: 479.98px) {
	.video-item {
			width: 50%;
			float: left;
	   }
}

@media only screen and (min-width: 480px) and (max-width: 768px) {
	.video-item {
			width: 33.3333333%;
			float: left;
	   }
}

@media only screen and (max-width: 299.98px) {
	#adx {
			display: none !important;
	   }
}

/* ==========================================================================
   Quảng cáo — bản desktop — desktop-adx.css → @media not all and (max-width: 768px)
   ========================================================================== */
@media not all and (max-width: 768px) {
	img {
	    border: 0;
	    display: block;
	    margin: 0 auto;
	}

	.hidden {
	    display: none !important;
	}

	/* Shared box-shadow for all banners + close buttons */
	.banner-preload .banner-preload-container,
	.banner-preload-container > a,
	.banner-catfish-bottom,
	.banner-catfish-top,
	.banner-preload .banner-preload-container .banner-preload-close,
	.catfish-bottom-close,
	.catfish-top-close,
	#vl-top-adx,
	#vl-underplayer-adx {
	    box-shadow: 0 0 5px #fff;
	}

	/* Preload banner */
	.banner-preload {
	    position: fixed;
	    top: 0;
	    left: 0;
	    right: 0;
	    bottom: 0;
	    overflow: hidden;
	    z-index: 1000;
	}

	.banner-preload .banner-preload-container {
	    background: rgba(0, 0, 0, 0.8);
	    position: absolute;
	    width: 100vw;
	    margin: 0 auto;
	    cursor: pointer;
		height: 100vh;
	}

	.banner-preload-container > a {
	    max-width: 500px;
	    height: auto;
	    margin: calc(50vh - 200px) auto;
	    display: block;
	}

	.banner-preload .banner-preload-container .banner-preload-close {
	    position: absolute;
	    top: calc(50vh - 200px);
	    right: calc(50vw - 250px);
	    padding: 0 10px;
	    font-size: 16px;
	    color: #dadada;
	    background-color: #2b2b2b;
	    border: 1px solid #dadada;
	    opacity: 0.8;
	    cursor: pointer;
	}

	.banner-preload .banner-preload-container .banner-preload-close:hover {
	    opacity: 1;
	}

	.banner-preload .banner-preload-container img {
	    width: 100%;
	    height: 100%;
	}

	/* Catfish bottom */
	.catfish-bottom {
	    position: fixed;
	    height: auto !important;
	    width: 100% !important;
	    text-align: center;
	    left: 0;
	    bottom: 0;
	    background: rgba(0, 0, 0, 0.8);
	    z-index: 999;
	}

	.banner-catfish-bottom {
	    display: inline-flex;
	    max-width: 500px;
	    margin: auto;
	}

	.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;
	    opacity: 0.8;
	    cursor: pointer;
	}

	.catfish-bottom-close:hover {
	    opacity: 1;
	}

	/* Catfish top */
	.catfish-top {
	    position: fixed;
	    height: auto !important;
	    width: 100% !important;
	    text-align: center;
	    left: 0;
	    top: 0;
	    background: rgba(0, 0, 0, 0.8);
	    z-index: 999;
	}

	.banner-catfish-top {
	    display: inline-flex;
	    max-width: 500px;
	    margin: auto;
	}

	.catfish-top-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;
	    opacity: 0.8;
	    cursor: pointer;
	}

	.catfish-top-close:hover {
	    opacity: 1;
	}

	/* Hide all banners on mobile (<= 767px) */
}

/* ==========================================================================
   Quảng cáo — bản mobile — mobile-adx.css → @media only screen and (max-width: 768px)
   ========================================================================== */
@media only screen and (max-width: 768px) {
	img {
	    border: 0;
	    display: block;
	    margin: 0 auto;
	}

	.hidden {
	    display: none !important;
	}

	/* Shared box-shadow for all banners + close buttons */
	.banner-preload .banner-preload-container img,
	.banner-catfish-bottom,
	.banner-catfish-top,
	.catfish-bottom-close,
	.catfish-top-close,
	#vl-top-adx,
	#vl-underplayer-adx {
	    box-shadow: 0 0 5px #fff;
	}

	/* Preload banner */
	.banner-preload {
	    position: fixed;
	    top: 0;
	    left: 0;
	    right: 0;
	    bottom: 0;
	    overflow: hidden;
	    z-index: 10000;
	}

	.banner-preload .banner-preload-container {
	    background: rgba(0, 0, 0, 0.5);
	    position: absolute;
	    width: 100vw;
	    margin: 0 auto;
	    cursor: pointer;
	}

	.banner-preload-container > a {
	    width: 300px;
	    height: 250px;
	    margin: calc(50vh - 125px) auto;
	    display: block;
	}

	.banner-preload .banner-preload-container .banner-preload-close {
	    position: absolute;
	    top: calc(50vh - 125px);
	    right: calc(50vw - 150px);
	    padding: 0 10px;
	    font-size: 16px;
	    color: #dadada;
	    background-color: #2b2b2b;
	    border: 1px solid #dadada;
	    opacity: 0.8;
	    cursor: pointer;
	}

	.banner-preload .banner-preload-container .banner-preload-close:hover {
	    opacity: 1;
	}

	.banner-preload .banner-preload-container img {
	    width: 100%;
	    height: 100%;
	}

	/* Catfish bottom */
	.catfish-bottom {
	    position: fixed;
	    height: auto !important;
	    bottom: 0;
	    width: 100%;
	    background: rgba(0, 0, 0, 0.5);
	    line-height: 0;
	    z-index: 9999;
	}

	.banner-catfish-bottom {
	    max-width: 300px;
	    margin: 0 auto;   /* centered, flush — no top/bottom margin */
	}

	.catfish-bottom-close {
	    display: inline-block;
	    position: absolute;
	    right: 0;
	    top: 0 !important;
	    padding: 10px;
	    font-size: 16px;
	    color: #dadada;
	    background-color: #2b2b2b;
	    border: 1px solid #dadada;
	    opacity: 0.8;
	    cursor: pointer;
	}

	.catfish-bottom-close:hover {
	    opacity: 1;
	}

	/* Catfish top */
	.catfish-top {
	    position: fixed;
	    height: auto !important;
	    top: 0;
	    width: 100%;
	    background: rgba(0, 0, 0, 0.5);
	    z-index: 9999;
	}

	.banner-catfish-top {
	    max-width: 300px;
	    margin: 0 auto;   /* centered, flush — no top/bottom margin */
	}

	.catfish-top-close {
	    display: inline-block;
	    position: absolute;
	    top: auto !important;
	    right: 0;
	    bottom: 0;
	    padding: 0 10px;
	    font-size: 16px;
	    color: #dadada;
	    background-color: #2b2b2b;
	    border: 1px solid #dadada;
	    opacity: 0.8;
	    cursor: pointer;
	}

	.catfish-top-close:hover {
	    opacity: 1;
	}

	/* Hide all banners on desktop (>= 768px) */
}