:root {
	--ka-bg: #161616;
	--ka-text: #dadada;
	--ka-box: #111111;
	--ka-border: #2f2f2f;
	--ka-border-dark: #333333;
	--ka-link: #ecc835;
	--ka-link-hover: #ffffff;
	--ka-muted: #888888;
	--ka-dark-text: #1c1c1c;
	--ka-red: #c62400;
	--ka-orange: #ff9600;
	--ka-nav: #2b2b2b;
	--ka-row-odd: #161616;
	--ka-row-hover: #494949;
	--ka-title: #ecc835;
	--ka-highlight: #ffffff;
	--ka-visited: #ecc835;
	--ka-star: #ffc602;
	--ka-font: Tahoma, Arial, Helvetica, sans-serif;
	--ka-font-title: Tahoma, Arial, Helvetica, sans-serif;
	--ka-head-h: 0px;

	--ka-green: #b8860b;
	--ka-green-title: #b8860b;
	--ka-green-dark: #9c7208;
	--ka-green-hover: #d49e12;
	--ka-user: #2a2a2a;
	--ka-user-border: #555555;
	--ka-user-hover: #3a3a3a;
	--ka-ring: rgba(236, 200, 53, .25);
	--ka-promo: #ecc835;
	--ka-promo-btn: #e51517;

	--ka-bar: linear-gradient(to bottom, #f2bd4b 0, #f2b74b 1px, #f3b44c 2px, #f4b34c 3px, #f4b34b 4px, #f5b54b 5px, #f5b84b 6px, #f6bb4b 7px, #f6bf4a 8px, #f7c34a 9px, #f7c749 10px, #f8cb48 11px, #f8ce47 12px, #f8d146 13px, #f8d345 14px, #f8d444 15px, #f7d441 16px, #f6d33f 17px, #f5d23b 18px, #f3cf38 19px, #f2ce35 20px, #f1cc34 21px, #f0cb32 22px, #efca30 23px, #eec830 24px);
	--ka-btn-on: linear-gradient(to bottom, #faf8c5 0, #ffffff 1px, #ffffff 3px, #fefefd 4px, #fdfdf4 8px, #fcfced 11px, #fcfae6 14px, #faf8dc 15px, #faf4cc 17px, #faf1c3 19px, #faedb7 21px, #faeaac 22px, #f9e69f 23px, #f8e28b 24px, #f7dc75 25px, #f5d761 26px, #f4d354 27px, #f4d354 100%);
	--ka-btn-off: linear-gradient(to bottom, #e4e4e4 0, #d9d9d9 5px, #cfcfcf 9px, #c7c7c7 12px, #c8c8c8 13px, #b6b6b6 14px, #a1a1a1 15px, #a1a1a1 16px, #9e9e9e 17px, #939393 20px, #8d8d8d 21px, #848484 22px, #7e7e7e 23px, #767676 24px, #6f6f6f 25px, #6a6a6a 26px, #6a6a6a 100%);
	--ka-btn-hover: linear-gradient(to bottom, #f0f0f0 0, #ececec 3px, #e8e8e8 6px, #e3e3e3 9px, #dedede 12px, #dedede 13px, #d3d3d3 14px, #c6c6c6 15px, #c3c3c3 17px, #bcbcbc 20px, #b6b6b6 21px, #adadad 22px, #a5a5a5 23px, #9d9d9d 24px, #959595 25px, #8f8f8f 26px, #8f8f8f 100%);
	--ka-tab-off: var(--ka-btn-off);
	--ka-tab-on: var(--ka-btn-on);
	--ka-tab-text: #70451a;
}

* { margin: 0; padding: 0; outline: 0; box-sizing: border-box; }
html, body { font-size: 12px; color: var(--ka-text); background-color: var(--ka-bg); margin: 0; padding: 0; font-family: var(--ka-font); }
body { line-height: normal; }
a { text-decoration: none; color: var(--ka-link); font-size: 100%; transition: all .3s linear 0s; }
a:hover { text-decoration: none; color: var(--ka-link-hover); }
h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0; font-size: 14px; color: #c34782; }
ul { margin: 0; padding: 0; }
ul li { list-style: none; }
ol { list-style-position: inside; }
img { border: 0; margin: 0; padding: 0; max-width: 100%; }
p { margin: 8px 0; }
input, select, textarea, button { font-family: var(--ka-font); }
input { outline: none; }
.clr { clear: both; }
.hide, .hidden, [hidden] { display: none !important; }
.screen-reader-text { border: 0; clip: rect(1px,1px,1px,1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; }
.skip-link:focus { clip: auto; clip-path: none; height: auto; width: auto; z-index: 100000; top: 8px; left: 8px; background: var(--ka-link); color: #111; padding: 8px 14px; }
:focus-visible { outline: 1px dotted var(--ka-link); }
.textDark, .info { color: var(--ka-muted); }
.ka-yellow, .ka-plainlink { color: var(--ka-link); }
.ka-empty { color: var(--ka-muted); padding: 10px 0; }
.ka-empty-state { padding: 30px 10px; text-align: center; color: var(--ka-muted); }
.ka-empty-state .fa { display: block; font-size: 26px; margin-bottom: 6px; color: var(--ka-link); }

.btn, a.btn, button.btn, .ka-btn, .ka-btn-ghost {
	display: inline-flex; align-items: center; justify-content: center; gap: 5px; cursor: pointer;
	height: 28px; padding: 0 14px; border: 1px solid #808080; border-bottom-color: #6b6a6a; border-radius: 4px;
	background: linear-gradient(to bottom, #afaeae 0, #808080 46%, #686868 50%, #454646 100%);
	color: #fff; font: 700 12px/26px Arial, Helvetica, sans-serif; text-transform: uppercase; text-shadow: 0 1px 1px #000;
}
.btn:hover, .ka-btn:hover, .ka-btn-ghost:hover { color: #fff; background: linear-gradient(to bottom, #bebdbd 0, #8d8d8d 46%, #747474 50%, #4f4f4f 100%); }
.btn-big { height: 32px; padding: 0 20px; }
.ka-linkbtn { background: none; border: 0; padding: 0; color: var(--ka-link); cursor: pointer; font-size: 12px; }
.ka-linkbtn:hover { color: #fff; }
.txtSignUp, .ka-form input[type="text"], .ka-form input[type="email"], .ka-form input[type="password"], .ka-form input[type="url"], .ka-form select, .ka-form textarea, .ka-advform input, .ka-advform select, textarea, select {
	border: 1px solid #666; color: #ccc; background: #393939 linear-gradient(to bottom, #323232 0, #393939 2px, #313131 20px, #393939 20px) no-repeat; padding: 4px; font-size: 12px; width: 100%;
}
select { background: #393939; }
.ka-chip { display: inline-block; padding: 1px 4px; font: 700 10px/1.3 Arial, sans-serif; text-transform: uppercase; border-radius: 2px; }
.ka-chip--new { background: var(--ka-link); color: #111; }
.ka-chip--hot { background: var(--ka-red); color: #fff; }
.ka-chip--staff { background: var(--ka-link); color: #111; }
.ka-tags { display: flex; flex-wrap: wrap; gap: 4px; }
.ka-tagchip { padding: 1px 6px; background: #222; border: 1px solid #333; font-size: 11px; }
.ka-lang-tag { display: inline-block; padding: 0 4px; font: 11px/16px Tahoma, sans-serif; color: var(--ka-link); background: #705b04; border: 1px solid var(--ka-link); border-radius: 3px; }
.ka-spinner { display: inline-block; width: 16px; height: 16px; border: 3px solid rgba(255,255,255,.15); border-top-color: var(--ka-link); border-radius: 50%; animation: ka-spin .8s linear infinite; vertical-align: middle; }
.ka-spinner--lg { width: 40px; height: 40px; }
@keyframes ka-spin { to { transform: rotate(360deg); } }
.ka-letter { flex: none; display: inline-grid; place-items: center; width: var(--ka-letter-size, 40px); height: var(--ka-letter-size, 40px); background: hsl(var(--ka-letter-hue, 0) 42% 36%); color: #fff; font: 700 calc(var(--ka-letter-size, 40px) * .45)/1 Tahoma, sans-serif; text-transform: uppercase; }
.ka-notice { padding: 8px 12px; margin-bottom: 12px; border: 1px solid; }
.ka-notice--error { background: #3a1212; border-color: #a94442; color: #f2c2c2; }
.ka-notice--success { background: #2e2608; border-color: #8a6d14; color: #f5e3a0; }

section#wrapper, main.content, header .header, footer .footer, .main_content, .ka-wrap { width: 970px; margin: auto; }
main.content { margin: 10px auto; }
main.content::after { content: ""; display: table; clear: both; }
main.content .content_left { margin: 0; padding: 0; width: 730px; text-align: left; float: left; }
main.content .content_right { padding: 0; width: 220px; text-align: left; float: right; }
.ka-ad { clear: both; margin: 0 0 20px; text-align: center; overflow: hidden; }

header .header { padding: 10px 0; }
header .header .left { float: left; }
header .header .right { float: right; width: 345px; }
#logo { display: block; }
#logo .ka-logo { display: block; width: auto; height: auto; max-width: 100%; }
#logo .ka-logo--image { width: auto; height: auto; max-height: 100px; }
.login-nav { margin-bottom: 8px; margin-top: 30px; }
.ka-login-line { color: var(--ka-text); }
.icon-login { display: inline-block; width: 13px; height: 16px; vertical-align: -3px; margin-right: 3px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 16'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23bfe3ff'/%3E%3Cstop offset='1' stop-color='%232f86d6'/%3E%3C/linearGradient%3E%3C/defs%3E%3Ccircle cx='6.5' cy='4' r='3.6' fill='url(%23a)' stroke='%231f5f9e' stroke-width='.6'/%3E%3Cpath d='M.6 15.4c0-4 2.6-6.6 5.9-6.6s5.9 2.6 5.9 6.6z' fill='url(%23a)' stroke='%231f5f9e' stroke-width='.6'/%3E%3C/svg%3E") no-repeat center / contain; }
#topHolderBox { position: relative; display: flex; align-items: center; gap: 4px; min-height: 24px; }
#topHolderBox .icon-login { margin-right: 0; }
#topHolderBox .ka-bell { margin-left: auto; }
#topHolderBox .ka-bell__toggle { width: 26px; height: 24px; font-size: 13px; border-radius: 3px; }
#topHolderBox .ka-bell__count { top: -5px; right: -5px; min-width: 15px; height: 15px; font-size: 9px; line-height: 15px; border-radius: 8px; }
#aDropDown { color: var(--ka-link); }
#aDropDown:hover { color: #fff; }
.clsHadUnread:not(:empty) { color: var(--ka-orange); margin-left: 2px; }
#menu_box { position: absolute; left: 60px; top: calc(100% + 4px); z-index: 960; display: none; width: 200px; padding: 5px 0; background: #353535; border: 1px solid #2f2f2f; border-radius: 3px; box-shadow: 0 6px 18px rgba(0, 0, 0, .5); }
#menu_box.active { display: block; }
#menu_box a { display: block; padding: 4px 12px; color: #fff; }
#menu_box a:hover { background: #494949; }
.ka-badge-new:not(:empty) { float: right; color: var(--ka-orange); font-weight: 700; }

#search { position: relative; }
#formSearch::after { content: ""; display: table; clear: both; }
#formSearch input[type="text"] {
	float: left; width: 250px; height: 26px; margin: 3px 4px 0 0; padding: 4px;
	border: 1px solid #666; color: #ccc; font-size: 12px;
	background: #393939 linear-gradient(to bottom, #323232 0, #383939 1px, #393939 2px, #383838 3px, #363737 4px, #353636 5px, #343534 6px, #333333 7px, #323232 8px, #313131 9px, #393939 20px) no-repeat;
}
.btngui {
	float: left; width: 90px; height: 32px; padding: 0; border: 0; cursor: pointer; position: relative;
	background: transparent; color: #fff; font: 700 14px/30px Arial, Helvetica, sans-serif; text-transform: uppercase; letter-spacing: .3px; text-shadow: 0 1px 1px #000;
}
.btngui::before { content: ""; position: absolute; left: 2px; right: 2px; top: 2px; bottom: 2px; z-index: -1; border: 1px solid #808080; border-bottom-color: #6b6a6a; border-radius: 4px;
	background: linear-gradient(to bottom, #afaeae 0, #a4a2a2 15%, #969595 30%, #888787 40%, #808080 46%, #686868 50%, #5d5d5e 58%, #555656 65%, #4b4c4c 75%, #464747 82%, #454646 100%); }
#imgSearch { isolation: isolate; }
#result_box { display: none; position: absolute; left: 0; top: 30px; width: 250px; z-index: 9999; background: #353535; padding: 5px 0; }
#result_box.is-open { display: block; }
#result_box a { display: block; padding: 3px 5px; color: #fff; }
#result_box a:hover, #result_box a.is-active { color: var(--ka-link); background: #494949; }
#result_box .search_suggest_img, #result_box .search_suggest_meta { display: none; }
#result_box em { font-style: normal; color: var(--ka-link); }
.ka-suggest-empty { display: block; padding: 3px 5px; color: #ccc; }

.headnav { width: 100%; height: 49px; background: linear-gradient(to bottom, #2c2c2c 0, #2a2a2a 13px, #272727 25px, #242424 37px, #212121 49px); }
#navcontainer { padding-top: 22px; }
#navcontainer ul { margin: 0; padding: 0; list-style-type: none; text-align: center; }
#navcontainer ul::after { content: ""; display: table; clear: both; }
#navcontainer li { display: inline; margin: 0; padding: 0; }
#navcontainer li a { float: left; display: block; width: 104px; height: 27px; line-height: 27px; color: #1c1c1c; font-weight: 600; text-align: center; background: url("../images/tpl_navbar_btn.png") 0 -32px no-repeat; transition: all .3s linear 0s; }
#navcontainer li a:hover { background-position: 0 -62px; color: #1c1c1c; }
#navcontainer ul li.active a, #navcontainer ul li.current-menu-item a { background-position: 0 -3px; color: #70451a; }

.navsubbar { width: 100%; height: 25px; line-height: 25px; background: linear-gradient(to bottom, #f4d34e 0, #f1cb49 5px, #edc344 9px, #e9b93d 13px, #e5b037 17px, #e1a831 21px, #dfa42e 25px); color: var(--ka-text); }
.navsubbar a { margin: 0 7px; color: var(--ka-dark-text); line-height: 25px; }
.navsubbar a:hover, .navsubbar a.active { color: #000; }
h1.title { color: var(--ka-dark-text); font-size: 13px; line-height: 25px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.rightBox { display: flow-root; width: 100%; float: left; padding: 2px; margin-bottom: 20px; background: var(--ka-box); border: 1px solid var(--ka-border); }
.rightBox + .rightBox, .content_left > .rightBox ~ .rightBox { margin-top: 0; }
.barTitle { height: 25px; padding-left: 10px; background: var(--ka-bar); letter-spacing: -1px; color: var(--ka-dark-text); position: relative; font-size: 18px; white-space: nowrap; }
.barTitle h1, .barTitle h2 { display: inline; font: inherit; color: inherit; letter-spacing: inherit; }
.barTitle a { color: var(--ka-dark-text); }
.arrow-general { margin: 0; padding: 0; height: 9px; position: relative; top: 2px; left: -10px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='23' height='9'%3E%3Cpath d='M0 0h23v1l-1 1-6.5 7h-1L8 2H0z' fill='%23111'/%3E%3Cpath d='M9 0h13L15.5 7z' fill='%23ecc52a'/%3E%3C/svg%3E") left top no-repeat transparent; }
.barContent { min-height: 100px; clear: both; }
.ka-box--side .barContent > ul { padding: 10px 0; }
.ka-box--side .barContent > ul > li { padding-left: 10px; padding-right: 10px; }
.ka-box--side .barContent > ul > li > a { position: relative; display: block; padding: 4px 0 4px 18px; line-height: 18px; color: var(--ka-link); }
.ka-box--side .barContent > ul > li > a::before { content: ""; position: absolute; left: 0; top: 8px; width: 12px; height: 12px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M8.1 1.3 2.6 6.8a1.3 1.3 0 0 0 1.9 1.9l5-5a.6.6 0 0 0-.9-.9L4.4 7' fill='none' stroke='%23b5b5b5' stroke-width='1.25' stroke-linecap='round'/%3E%3Cpath d='M8.1 1.3a2.2 2.2 0 0 1 3 3L5.5 9.9a3.2 3.2 0 0 1-4.6-4.5L5.6.8' fill='none' stroke='%23b5b5b5' stroke-width='1.25' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat center / 12px 12px; }
.ka-box--side .barContent > ul > li > a:hover { color: #fff; }
.ka-box--side .barContent > ul > li:last-child > a { text-align: right; padding: 10px 0 4px 18px; }
.ka-box--side .barContent > ul > li:last-child > a::before { display: none; }
.ka-box--side .barContent > ul > li:last-child:empty { padding: 0; height: 0; }
.ka-box--side .barContent.barContentgenres, .ka-box--side .barContent.barContentstatus { min-height: 0; }
.ka-box--side .barContentgenres > ul, .ka-box--side .barContentstatus > ul { padding: 15px 0; }
.ka-box--side .barContentgenres > ul > li, .ka-box--side .barContentstatus > ul > li { padding: 0; }
.ka-box--side .barContentgenres > ul > li > a, .ka-box--side .barContentstatus > ul > li > a, .ka-box--side .barContentgenres > ul > li:last-child > a, .ka-box--side .barContentstatus > ul > li:last-child > a { padding: 2px 10px; text-align: left; line-height: normal; }
.ka-box--side .barContentgenres > ul > li > a::before, .ka-box--side .barContentstatus > ul > li > a::before { display: none; }
.barContentgenres ul li a.active, .barContentstatus ul li a.active { color: #fff; }
.ka-box--side .barContent > *:not(ul) { margin-left: 10px; margin-right: 10px; }
.ka-richtext { padding: 10px 0; }
.ka-discord .discord_url { display: block; margin: 12px 10px; padding: 8px; text-align: center; background: #5865f2; color: #fff; border-radius: 3px; }

.ka-pagehead { padding-top: 10px; }
.ka-pagehead .barTitle { margin-bottom: 14px; }
.ka-pagehead__sub { color: var(--ka-muted); margin: 0 0 10px; }

.divRandomDrama { float: left; width: 100%; margin-bottom: 20px; }
.random { float: left; width: 100%; padding: 5px; background: #222222 linear-gradient(to bottom, #444444 0, #3b3b3b 32px, #333333 64px, #2b2b2b 112px, #242424 176px, #222222 208px) repeat-x; border: 1px solid #333333; position: relative; }
.random .picture { float: left; margin-right: 20px; width: 150px; position: relative; }
.random .picture img { display: block; width: 100%; height: auto; aspect-ratio: 150 / 223; object-fit: cover; border: 1px solid #333333; padding: 1px; }
.random .picture img:hover { border: 1px solid var(--ka-red); }
.random .right { float: left; width: 545px; }
.random .right .name a { font-size: 27px; color: var(--ka-link); letter-spacing: -2px; }
.random .right .name a:hover { color: #fff; }
.random .right .genres { padding: 10px 0; color: var(--ka-muted); }
.random .right .genres a { color: var(--ka-link); }
.random .right .genres a:hover { color: #fff; }
.random .right .des { line-height: 18px; height: 72px; overflow: hidden; margin-bottom: 16px; }

.latest_update { float: left; width: 100%; margin: 20px 0 0; }
.latest_update .rightBox { margin-bottom: 0; }
.recently-nav { position: absolute; right: 0; top: 0; height: 25px; width: 160px; }
.jcarousel-control-prev, .jcarousel-control-next { position: absolute; top: 4px; display: block; width: 19px; height: 19px; border-radius: 50%; text-decoration: none;
	background: linear-gradient(to bottom, #939393 0, #8b8b8b 10%, #767676 30%, #5f5f5f 50%, #4b4b4b 100%); box-shadow: inset 0 0 0 1px rgba(0,0,0,.25); }
.jcarousel-control-prev { right: 100px; }
.jcarousel-control-next { right: 8px; }
.jcarousel-control-prev::after, .jcarousel-control-next::after { content: ""; position: absolute; top: 5px; border-top: 4.5px solid transparent; border-bottom: 4.5px solid transparent; }
.jcarousel-control-prev::after { left: 6px; border-right: 6px solid #fff; }
.jcarousel-control-next::after { left: 7px; border-left: 6px solid #fff; }
.jcarousel-control-prev:hover, .jcarousel-control-next:hover { filter: brightness(1.2); }
.jcarousel-pagination { position: absolute; right: 40px; top: 0; margin: 0; }
.jcarousel-pagination a { float: left; display: block; letter-spacing: -1px; color: var(--ka-dark-text) !important; font-size: 17px; line-height: 25px; white-space: nowrap; }
.jcarousel-wrapper { margin: 0 auto; position: relative; padding: 15px 0 4px; }
.jcarousel { position: relative; overflow: hidden; width: 100%; scroll-snap-type: x mandatory; scrollbar-width: none; overflow-x: auto; }
.jcarousel::-webkit-scrollbar { display: none; }
.jcarousel ul.scroll_popular { display: flex; width: max-content; margin: 0; padding: 0; list-style: none; }
.rightBoxleft { min-height: 0; }
ul.scroll_popular li { flex: 0 0 auto; width: 144.8px; scroll-snap-align: start; }
ul.scroll_popular.ka-static { display: flex; flex-wrap: wrap; padding: 15px 0 4px; }
ul.scroll_popular li .global { width: 100%; padding: 0 6px; text-align: center; }
ul.scroll_popular li .thumb_drama { height: 152px; width: 100%; border: 1px solid transparent; background-size: cover !important; background-position: center; background-repeat: no-repeat; }
ul.scroll_popular li .thumb_drama:hover { border: 1px solid var(--ka-red); }
ul.scroll_popular li .global { position: relative; }
ul.scroll_popular li .global .ka-cw__remove { top: 5px; right: 11px; z-index: 2; display: grid; place-items: center; width: 22px; height: 22px; padding: 0; font-size: 12px; opacity: 0; transition: opacity .15s, background .15s; }
ul.scroll_popular li:hover .ka-cw__remove, ul.scroll_popular li .ka-cw__remove:focus-visible { opacity: 1; }
@media (hover: none) { ul.scroll_popular li .global .ka-cw__remove { opacity: 1; } }
ul.scroll_popular li .global .name { margin-top: 2px; height: 34px; overflow: hidden; line-height: 18px; }

.new_hot { float: left; width: 100%; margin: 40px 0 0; }
#tabmenucontainer ul::after { content: ""; display: table; clear: both; }
#tabmenucontainer li { float: left; text-align: center; margin-right: 1px; }
#tabmenucontainer li a { display: block; width: 125px; height: 29px; line-height: 29px; color: #000; border: none; background: url("../images/tpl_tabs_btn.png") 0 -31px no-repeat transparent; transition: all .3s linear 0s; }
#tabmenucontainer li a.tabactive { background-position: 0 -2px; color: #70451a; }
#tabmenucontainer li a.tabactive:hover { background-position: 0 0 !important; }
#tabmenucontainer li a:hover { background-position: 0 -60px !important; color: #000; }
.new_hot .rightBox { margin-bottom: 0; }
ul.subcontent li { float: left; width: 100%; padding: 10px; position: relative; }
ul.subcontent li.blue { background: #161616; }
ul.subcontent li > a > img { padding: 1px; text-decoration: none; border: 1px solid #333333; float: left; width: 80px; height: auto; aspect-ratio: 80 / 118; object-fit: cover; margin-right: 20px; min-height: 60px; }
ul.subcontent li > a > img:hover { border: 1px solid var(--ka-red); }
ul.subcontent li p.name { font-size: 15px; margin-top: 0; padding-top: 0; }
ul.subcontent li .info_p { color: var(--ka-muted); }
ul.subcontent li:last-child { text-align: right; }
ul.subcontent li:last-child a { text-align: right; font-size: 16px; }
ul.subcontent li .stt { position: absolute; right: 10px; top: 10px; width: 28px; height: 28px; }
.ka-rank { display: grid; place-items: center; width: 28px; height: 28px; color: #fff; font: 700 12px/1 Arial, sans-serif; text-shadow: 0 1px 1px rgba(0,0,0,.45);
	clip-path: polygon(50% 7%, 57% 15%, 67% 11%, 70% 21%, 81% 21%, 80% 31%, 89% 36%, 84% 45%, 91% 53%, 83% 59%, 86% 69%, 76% 71%, 74% 81%, 64% 79%, 57% 87%, 50% 81%, 43% 87%, 36% 79%, 26% 81%, 24% 71%, 14% 69%, 17% 59%, 9% 53%, 16% 45%, 11% 36%, 20% 31%, 19% 21%, 30% 21%, 33% 11%, 43% 15%); }
.ka-rank--top { background: radial-gradient(circle at 50% 40%, #ffc500 0, #ffb600 35%, #fe8905 75%); }
.ka-rank--rest { background: radial-gradient(circle at 50% 40%, #5bb8ff 0, #1a91ff 40%, #167df4 75%); }

.content_left.genre .barContentlist { margin-top: 15px; }
.list_alphabet { text-align: center; margin-top: 20px; margin-bottom: 20px; padding: 0 10px; }
.list_alphabet ul { background-color: #161616; padding: 0; }
.list_alphabet ul li { display: inline; border-right: 1px solid gray; padding: 0 8px; }
.list_alphabet ul li a { font-weight: 700; font-size: 14px; }
.list_alphabet ul li a.active { color: #fff; }
.anime_list_body { padding: 0; }
.list-drama { width: 100%; overflow: hidden; }
.list-drama .item { width: 18%; margin: 0 0 30px 2.5%; float: left; position: relative; }
.list-drama .item:nth-child(5n+1) { margin-left: 0; clear: left; }
.list-drama .item a { display: block; }
.list-drama .item .img { overflow: hidden; position: relative; }
.list-drama .item .img::before { content: ""; display: block; padding-top: 128%; }
.list-drama .item .img .pic { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; overflow: hidden; }
.list-drama .item a img { width: 100%; max-width: 100%; height: auto; border: 1px solid #313031; display: block; }
.list-drama .item a:hover img { border-color: var(--ka-red); }
.list-drama .item .title { display: block; padding: 5px 0 0; height: 38px; overflow: hidden; }
.list-drama .item .title em { font-style: normal; color: #fff; }

.pagination { padding: 20px 0; clear: both; }
.pagination nav { padding: 0; }
.pagination ul.pagination { padding: 20px 10px 20px 0; }
.pagination ul { text-align: right; padding-right: 10px; }
.pagination ul li { display: inline-block; list-style: none; margin: 0 3px; }
.pagination ul li a { padding: 4px; color: #515151; border: 1px solid #dedede; background-color: #ebebeb; }
.pagination ul li a:hover, .pagination ul li.active a, .pagination ul li.selected a { background-color: #b4b4b4; color: #515151; }

.ui-tooltip { position: absolute; z-index: 9999; width: 400px; max-width: 400px; padding: 10px; background: #fff; color: #000; font: 12px Tahoma, Arial, Helvetica, sans-serif; border-radius: 3px; box-shadow: 2px 1px 10px #888888; pointer-events: none; }
.ui-tooltip p { margin: 0 0 5px; }
.ui-tooltip p.title { color: #963748; font-weight: 700; font-size: 12px; margin: 0 0 5px; }
.ui-tooltip p.description { text-align: justify; margin: 0; }

.barContentInfo { padding: 20px 10px; }
.barContentInfo h1 { font-size: inherit; color: inherit; }
.barContentInfo p { margin: 12px 0; }
.barContentInfo p span { color: var(--ka-muted); }
.barContentInfo .des { line-height: normal; }
.barContentInfo .des p { margin: 12px 0; }
.barContentInfo p.other-name a:not(:last-child)::after { content: ","; color: var(--ka-text); }
a.bigChar { color: var(--ka-link); font-size: 20px; letter-spacing: -2px; }
a.bigChar:hover { color: #fff; }
.barContentInfo p.Releasea { float: left; margin: 6px 30px 6px 0; }
.favorites_book { float: left; margin: 6px 0; }
.favorites { position: relative; padding-left: 20px; cursor: pointer; }
.favorites::before { content: ""; position: absolute; left: 0; top: 50%; width: 14px; height: 12px; margin-top: -6px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 12'%3E%3Cpath d='M7 12 1.2 6.3A3.4 3.4 0 0 1 7 1.9a3.4 3.4 0 0 1 5.8 4.4z' fill='%23dadada'/%3E%3C/svg%3E") no-repeat; }
.favorites.active { color: var(--ka-link); }
.favorites.active::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 12'%3E%3Cpath d='M7 12 1.2 6.3A3.4 3.4 0 0 1 7 1.9a3.4 3.4 0 0 1 5.8 4.4z' fill='%23ecc835'/%3E%3C/svg%3E"); }
.favorites:hover { color: var(--ka-link); }
.img_picture_mb, .more_latest_mb, .footer_mobi, #header_mobi, .name_mobi { display: none; }

.nameSub { float: left; width: 100%; border-bottom: 1px solid #ddd2a4; font-size: 16px; padding: 5px 0; margin-bottom: 10px; }
.nameSub .left { float: left; width: 70%; }
.nameSub .right { float: right; width: 30%; }
.barContentEpisode { padding: 20px 10px; }
.barContentEpisode .nameSub .right { text-align: right; padding-right: 18px; }
.barContentEpisode ul { padding: 0; }
.barContentEpisode ul li { position: relative; padding: 0; }
.barContentEpisode ul li a, .barContentEpisode ul li:last-child a { display: block; padding: 6px 100px 6px 10px; text-align: left; text-transform: capitalize; line-height: normal; }
.barContentEpisode ul li a::before { display: none; }
.barContentEpisode ul li a:hover { background-color: #494949; }
.barContentEpisode ul li .date { color: #fff; position: absolute; right: 0; top: 4px; width: 94px; }
.barContentImg { text-align: center; padding: 20px 10px 10px; min-height: 0; }
.barContentImg img { width: 100%; height: auto; display: block; }

.rightBox.video { background: #111 linear-gradient(to bottom, #1f1e1f 0, #1c1c1c 6px, #181818 12px, #141414 18px, #111111 24px) repeat-x 0 2px; min-height: 200px; padding: 20px 10px 36px; margin-top: 2px; }
.name_title_video { text-align: center; margin-bottom: 15px; }
.name_title_video h1 { color: var(--ka-link); }
.nav_episode { width: 600px; margin: auto; }
.nav_episode .left { float: left; width: 80px; font-size: 14px; text-align: center; line-height: 20px; }
.nav_episode .center { float: left; width: 410px; }
.nav_episode .center select { background: #393939; color: #ccc; border: 1px solid #666; font-size: 15px; width: 100%; text-transform: capitalize; padding: 0; height: 22px; }
.nav_episode .right { float: left; margin-left: 20px; font-size: 14px; line-height: 20px; }
.server { margin-top: 20px; text-align: center; }
.server .info { margin-right: 6px; }
.bglight { color: #111; background: #e6e6e6; border-radius: .3em; display: inline-block; line-height: 22px; margin: 0 6px 0 0; padding: 2px 12px; font-size: 11px; text-decoration: none; }
.bglight:hover, .bglight:active, .bglight.selected, #auto_next.on, #offlight.active { background-color: #59a018; text-decoration: none; color: #000; }
.ka-epnums { clear: both; margin-top: 16px; padding-top: 10px; text-align: center; }
.ka-epnums .info { display: block; margin-bottom: 6px; }
.ka-epnums__items { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; margin: 0; padding: 0; list-style: none; max-height: 132px; overflow-y: auto; position: relative; scrollbar-width: thin; }
.ka-epnums__item { display: inline-block; min-width: 38px; padding: 2px 8px; line-height: 22px; font-size: 12px; text-align: center; color: var(--ka-text); background: #393939; border: 1px solid #555; border-radius: .3em; text-decoration: none; }
.ka-epnums__item:hover, .ka-epnums__item:focus-visible { color: #000; background: #e6e6e6; border-color: #e6e6e6; text-decoration: none; }
.ka-epnums__item.is-watched { color: var(--ka-muted); }
.ka-epnums__item.is-current, .ka-epnums__item.is-current:hover { color: #000; background: #59a018; border-color: #59a018; font-weight: 700; }
.ka-third-note { margin: 8px 0 0; color: #ff5a4e; font-size: 11px; }
.watch_video { margin-top: 20px; }
.anime_video_body_watch_items { position: relative; padding-bottom: 56.25%; height: 0; width: 100%; background: #000; }
.anime_video_body_watch_items iframe, .anime_video_body_watch_items video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }
.play-video, .ka-player-loading { position: absolute; inset: 0; background: #000; display: grid; place-items: center; }
.play-video::after { content: ""; width: 40px; height: 40px; border: 4px solid rgba(255,255,255,.15); border-top-color: #fff; border-radius: 50%; animation: ka-spin .8s linear infinite; }
.error_movie { position: absolute; inset: 0; margin: auto; height: max-content; width: 90%; max-width: 520px; text-align: center; padding: 14px; }
.alert-danger { color: #a94442; background: #f2dede; border: 1px solid #ebccd1; }
.alert-warning { color: #8a6d3b; background: #fcf8e3; border: 1px solid #faebcc; }
.comment_video { text-align: center; margin: 50px auto 0; width: 85%; }
#div_download_link { margin-top: 12px; font-weight: 700; }
#div_download_link a { margin-left: 6px; }
.ka-eplist__items { max-height: 480px; overflow-y: auto; scrollbar-width: thin; }
.ka-eplist__items li.is-current a { color: #fff; }
.ovf_watch { position: fixed; inset: 0; background: rgba(0,0,0,.95); z-index: 980; display: none; }
body.offlight .ovf_watch { display: block; }
body.offlight .watch_video { position: relative; z-index: 990; }

.ka-comments .barContent { padding: 10px; }
.ka-comment-rules { color: var(--ka-link); margin-bottom: 12px; }

footer#footer { clear: both; background: #000 linear-gradient(to bottom, #111111 0, #0e0e0e 8px, #0a0a0a 18px, #060606 28px, #030303 38px, #000000 74px) repeat-x; margin-top: 20px; }
footer .footer { padding: 8px 0; }
footer .footer .des { color: #444444; }
footer .footer .menu_bottom { margin-top: 3px; color: #444444; }
footer .footer .menu_bottom a { color: #fff; }
footer .footer .menu_bottom a:hover { border-bottom: 1px dotted #444444; color: var(--ka-orange); }

.croll { position: fixed; width: 42px; height: 78px; right: 20px; bottom: 26px; z-index: 800; }
.ka-totop { margin-left: 20px; display: block; width: 40px; height: 54px; padding: 0; border: 0; cursor: pointer; background: url("../images/back-to-top.png") no-repeat left top; }

#installContainer { position: fixed; bottom: 0; left: 0; right: 0; z-index: 11111; display: flex; justify-content: center; padding: 14px; }
#app_sugg { position: fixed; left: 0; right: 0; bottom: -120px; z-index: 1111; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 20px; background: var(--ka-link); transition: bottom .5s; }
#app_sugg.is-visible { bottom: 0; }
.app_sugg_text { color: var(--ka-dark-text); font-weight: 700; }
#app_link { display: flex; align-items: center; gap: 10px; }
#app_link a { background: #1c1c1c; color: var(--ka-link); padding: 6px 16px; border-radius: 3px; }
.app_close { background: none; border: 0; font-size: 22px; color: var(--ka-dark-text); cursor: pointer; }

.ka-wrap { padding: 0; }
.ka-columns { display: grid; grid-template-columns: 730px 220px; gap: 20px; align-items: start; margin-top: 10px; }
.ka-columns > #leftside, .ka-columns > #rightside { min-width: 0; }
#leftside .rightBox, #rightside .rightBox { float: none; }
.ka-account, .ka-member, .ka-bookmarks-page, .ka-schedule-page, .ka-upcoming-page, .ka-sitemap, .ka-page { padding-top: 10px; }
.ka-guidelines { padding: 10px; }
.pop_ovf, .pop_ovf2, .dialog-ovelay { position: fixed; inset: 0; background: rgba(0,0,0,.7); z-index: 100000; }
#re_portform { position: fixed; inset: 0; z-index: 100000; }
.pop_content { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 92%; max-width: 480px; z-index: 100001; background: var(--ka-box); color: var(--ka-text); padding: 0 14px 14px; border: 1px solid #444; text-align: left; }
.pop_content .tit { background: var(--ka-bar); color: var(--ka-dark-text); font: 400 18px/25px var(--ka-font-title); padding: 0 14px; margin: 0 -14px 10px; }
.pop_content .tit strong { font-weight: 400; }
.ka-report-issues { border: 0; padding: 0; margin: 10px 0; display: grid; gap: 4px; }
.ka-report-issues label { display: flex; align-items: center; gap: 8px; cursor: pointer; }
.pop_content textarea { margin-bottom: 10px; }
.ka-report-actions { display: flex; gap: 8px; margin: 0; }
.ka-report-done { color: #7bd148; font-weight: 700; margin: 16px 0 0; }
.login_to_rp { padding: 10px; background: #1b1b1b; margin-bottom: 10px; }
#upgrade_pop .pop_content { text-align: center; padding: 16px; }
.pop_title { font: 400 22px var(--ka-font-title); color: var(--ka-link); }
.btn_pop a { display: block; background: var(--ka-promo-btn); color: #fff !important; font-size: 16px; padding: 10px; text-transform: uppercase; border-radius: 4px; }
.pop_close { background: none; border: 0; color: #999; text-decoration: underline; cursor: pointer; }
.dialog-ovelay { background: rgba(0,0,0,.9); }
.dialog-ovelay .dialog { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 92%; max-width: 460px; background: var(--ka-box); border: 1px solid #444; }
.dialog-ovelay header { display: flex; justify-content: space-between; align-items: center; padding: 0 10px; background: var(--ka-bar); }
.dialog-ovelay header h3 { color: var(--ka-dark-text); font: 400 18px/25px var(--ka-font-title); }
.dialog-ovelay header button { background: none; border: 0; color: var(--ka-dark-text); font-size: 20px; cursor: pointer; }
.dialog-ovelay .dialog-msg { padding: 12px; font-size: 13px; }
.dialog-ovelay footer { display: flex; justify-content: flex-end; gap: 6px; padding: 8px 12px; border-top: 1px solid #2a2a2a; }
.button-danger { background: var(--ka-red); color: #fff; border: 0; padding: 7px 14px; cursor: pointer; border-radius: 3px; }
.button-default { background: #444; color: #fff; border: 0; padding: 7px 14px; cursor: pointer; border-radius: 3px; }

.ka-segment { display: flex; flex-wrap: wrap; gap: 2px; margin: 0 0 10px; }
.ka-segment a, .ka-segment button { display: inline-flex; align-items: center; gap: 6px; height: 24px; padding: 0 14px; border: 1px solid #8a8a8a; border-radius: 3px; background: var(--ka-tab-off); color: #000; font: 400 12px/22px var(--ka-font); cursor: pointer; }
.ka-segment a:hover, .ka-segment button:hover { color: var(--ka-tab-text); }
.ka-segment .tabactive, .ka-segment .is-active { background: var(--ka-tab-on); color: var(--ka-tab-text); border-color: #c99a12; }
.ka-daytabs { display: flex; gap: 2px; }
.ka-daytabs button { flex: 1 1 0; min-width: 0; }
.ka-daytabs button { position: relative; display: grid; gap: 0; padding: 5px 4px; border: 1px solid #8a8a8a; border-bottom: 0; border-radius: 4px 4px 0 0; background: var(--ka-tab-off); color: #000; cursor: pointer; text-align: center; }
.ka-daytabs button:hover { color: var(--ka-tab-text); }
.ka-daytabs button.is-active { background: var(--ka-tab-on); color: var(--ka-tab-text); border-color: #c99a12; }
.ka-daytabs__label { font: 700 12px var(--ka-font); }
.ka-daytabs__date { font-size: 11px; }
.ka-daytabs__count { position: absolute; top: 2px; right: 4px; font-size: 10px; font-weight: 700; }
.schedule_container { background: var(--ka-box); border: 1px solid var(--ka-border); padding: 10px; }
.ka-timeline__item { display: grid; grid-template-columns: 70px 40px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 6px 8px; }
.ka-timeline__item:nth-child(odd) { background: #1a1a1a; }
.ka-timeline__time { font: 700 14px var(--ka-font); color: var(--ka-link); }
.ka-timeline__item.is-aired .ka-timeline__time { color: var(--ka-muted); }
.ka-timeline__thumb { display: block; width: 40px; aspect-ratio: 2 / 3; background: #222 center / cover no-repeat; border: 1px solid var(--ka-border-dark); }
.ka-timeline__body h3 { font-size: 13px; }
.ka-timeline__body .ep { font-size: 12px; color: #ddd; }
.ka-timeline__state { font-size: 11px; color: var(--ka-muted); white-space: nowrap; }
.is-upcoming .ka-timeline__state { color: var(--ka-link); }

.ka-upgrid { display: grid; background: var(--ka-box); border: 1px solid var(--ka-border); }
.ka-upcard { display: grid; grid-template-columns: 120px 1fr; gap: 16px; padding: 12px; border-bottom: 1px solid #222; }
.ka-upcard:last-child { border-bottom: 0; }
.ka-upcard__poster img { width: 120px; aspect-ratio: 225 / 318; object-fit: cover; border: 1px solid var(--ka-border-dark); padding: 1px; }
.ka-upcard__date { display: inline-flex; gap: 5px; align-items: center; margin: 0 0 6px; padding: 1px 7px; font-size: 11px; font-weight: 700; color: var(--ka-dark-text); background: var(--ka-bar); }
.ka-upcard h2 { margin-bottom: 6px; font: 400 20px var(--ka-font-title); }
.ka-upcard .desc_content { color: #bbb; margin-bottom: 10px; }

.ka-genre-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 2px; background: var(--ka-box); border: 1px solid var(--ka-border); padding: 2px; }
.ka-genre-grid a { display: grid; gap: 2px; height: 100%; padding: 10px 12px; background: #181818; color: var(--ka-text); }
.ka-genre-grid a:hover { background: var(--ka-row-hover); }
.ka-genre-grid__name { font: 400 16px var(--ka-font-title); color: var(--ka-link); }
.ka-genre-grid__count { font-size: 11px; color: var(--ka-muted); }
.ka-genre-grid__desc { font-size: 11px; color: #aaa; }

.ka-advform { margin: 0 0 20px; padding: 14px; background: var(--ka-box); border: 1px solid var(--ka-border); display: grid; gap: 14px; }
.ka-advform__row { display: grid; grid-template-columns: 2fr 1fr; gap: 14px; }
.ka-field label, .ka-advform__label { display: block; margin-bottom: 5px; color: #ddd; }
.ka-advform__label small { color: var(--ka-muted); }
#genres { display: flex; flex-wrap: wrap; gap: 3px; }
#genres button { position: relative; padding: 3px 9px 3px 24px; border: 1px solid #333; background: #1b1b1b; color: var(--ka-link); cursor: pointer; font-size: 12px; }
#genres button::before { content: ""; position: absolute; left: 7px; top: 50%; width: 10px; height: 10px; margin-top: -5px; border: 1px solid #777; background: #333; }
#genres button:hover { background: var(--ka-row-hover); }
#genres button.include { background: #3a300c; color: #fff; border-color: #8a6d14; }
#genres button.include::before { background: var(--ka-link); border-color: var(--ka-link); }
.ka-advanced-actions { display: flex; gap: 8px; flex-wrap: wrap; justify-content: center; padding-top: 10px; border-top: 1px solid #333; }

.ka-sitemap-cols { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.ka-sitemap-drama { columns: 3 220px; background: var(--ka-box); border: 1px solid var(--ka-border); padding: 14px; }
.ka-sitemap-drama li { padding: 2px 0; }
.ka-linklist li { padding: 2px 0; }

.ka-page { max-width: 970px; }
.the_content { line-height: 1.7; color: #cfcfcf; }
.the_content h2, .the_content h3 { color: var(--ka-title); margin: 18px 0 8px; font: 400 18px var(--ka-font-title); }
.the_content ul, .the_content ol { list-style: disc; padding-left: 20px; margin-bottom: 12px; }
.ka-404__code { font: 400 72px/1 var(--ka-font-title); color: var(--ka-title); margin: 0 0 8px; }
.ka-404__search { display: flex; gap: 6px; margin: 12px 0; max-width: 440px; }
.ka-404__search .txtSignUp { flex: 1; }

.ka-account, .ka-member { padding-top: 12px; }
.ka-form { display: grid; gap: 12px; max-width: 560px; }
.ka-form--wide { max-width: none; }
.ka-form__row { display: grid; grid-template-columns: 150px 1fr; gap: 4px 14px; align-items: center; }
.ka-form__row--offset { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; padding-left: 164px; }
.lblSignUp { text-align: right; }
.ka-form__hint { grid-column: 2; margin: 0; font-size: 11px; color: var(--ka-muted); }
.ka-form__alt { font-size: 12px; color: var(--ka-muted); }
.ka-form__section { font: 400 16px var(--ka-font-title); color: var(--ka-title); padding-bottom: 4px; border-bottom: 1px solid var(--ka-border); margin-top: 6px; }
.ka-form__static { color: #fff; }
.ka-check { display: inline-flex; align-items: center; gap: 6px; cursor: pointer; }
.ka-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.ka-ticks { display: grid; gap: 6px; margin-bottom: 12px; }
.ka-ticks li { position: relative; padding-left: 16px; }
.ka-ticks li::before { content: "\f00c"; position: absolute; left: 0; top: 1px; font: normal 11px/1 FontAwesome; color: var(--ka-link); }

.ka-bookmarks-filter { display: flex; gap: 14px; align-items: center; flex-wrap: wrap; margin-bottom: 12px; }
.ka-bookmarks-filter .txtSignUp { max-width: 260px; }
.listing.listing4 > div, .listing.listing5 > div { display: grid; grid-template-columns: minmax(0, 1fr) 170px 110px 60px; align-items: center; gap: 10px; padding: 5px 8px; }
.listing4 > div.head, .listing5 > div.head { border-bottom: 1px solid #ddd2a4; font: 400 15px var(--ka-font-title); }
.listing4 > div.ka-bm-row:nth-child(even), .listing5 > div.ka-bm-row:nth-child(even) { background: #1b1b1b; }
.listing4 > div.ka-bm-row:hover, .listing5 > div.ka-bm-row:hover { background: var(--ka-row-hover); }
.ka-row__thumb { flex: 0 0 34px; width: 34px; height: 48px; background: #222 center / cover no-repeat; border: 1px solid var(--ka-border-dark); }
.ka-bm-row__name { display: flex; align-items: center; gap: 10px; min-width: 0; }
.ka-bm-row.is-watched .ka-watch-toggle { color: var(--ka-muted); }
.ka-bm-row.is-unwatched .ka-watch-toggle { color: var(--ka-orange); font-weight: 700; }
.aRemove { color: #999; font-size: 15px; }
.aRemove:hover { color: var(--ka-red); }

#menu_mobile, .layer_menu { display: none; }
.name_mobi { text-align: center; color: #b1ca05; text-transform: uppercase; font-weight: 600; border-bottom: 1px solid #6b6b6b; margin: 0 0 10px; padding: 10px 0; font-size: 15px; line-height: 22px; }

@media only screen and (max-width: 970px) {
	body { background-color: #222222; }
	header#head, footer .footer, .divRandomDrama, .latest_update[data-carousel], #tabmenucontainer ul, .arrow-general, ul.subcontent li .stt,
	.rightBox.picture, .barContentEpisode ul li .date, .rightBox.relaci, .rightBox.info .barTitle, .nameSub,
	.nav_episode .left, .nav_episode .right, ul.subcontent li:last-child { display: none !important; }
	.content_right { display: none; }
	.content_right.home { display: block; }
	#header_mobi, .name_mobi, .footer_mobi, .img_picture_mb { display: block; }
	#tab-newest, #tab-month { display: block !important; }

	section#wrapper, main.content, header .header, footer .footer, .main_content, .ka-wrap,
	main.content .content_right, main.content .content_left, .comment_video, .nav_episode, .nav_episode .center { width: 100%; }
	section#wrapper { float: left; }
	section#wrapper, footer#footer { transition: transform .3s ease; }
	body.ka-mm-open section#wrapper, body.ka-mm-open footer#footer { transform: translate(80%, 0); }
	body.ka-mm-open { overflow: hidden; }
	body.ka-mm-open #menu_mobile, body.ka-mm-open .layer_menu { display: block; }
	.layer_menu { position: fixed; top: 0; right: 0; width: 20%; height: 100%; z-index: 99999; background: #222; opacity: .1; }
	#menu_mobile { position: fixed; left: 0; top: 0; z-index: 99998; width: 80%; height: 100%; background-color: #232528; }
	.page-sidebar-scroll { height: 100%; overflow-x: hidden; overflow-y: scroll; }
	.logo_mb { padding: 20px 20px 10px; }
	.logo_mb .ka-logo { height: 60px; width: auto; display: block; }
	.login-nav-m { padding: 0 20px 10px; color: #dadada; }
	.search_mb { padding: 0 20px; position: relative; margin-bottom: 10px; }
	.search_mb input[type="search"] { padding: 5px 60px 5px 5px; background: #fff; border: 0; width: 100%; height: 27px; color: #333; font-size: 12px; }
	.search_mb .btngui { position: absolute; right: 20px; top: 0; width: 60px; height: 27px; float: none; background: #232528; color: #fff; font-size: 14px; line-height: 27px; }
	.search_mb .btngui::before { display: none; }
	.sidebar-separator { color: #fff; font-size: 12px; margin: 0; background-color: #111112; opacity: .7; border-top: 1px solid #323437; border-bottom: 1px solid #323437; text-transform: uppercase; padding: 5px 0 5px 20px !important; }
	ul.mainMenuWrapper { height: auto !important; }
	.mainMenuWrapper > li { position: relative; height: 60px; line-height: 55px; padding: 3px 20px 5px 0; opacity: .8; border-bottom: 1px solid #111112; box-shadow: 0 1px 0 rgba(255,255,255,.1); margin: 0; list-style-type: none; }
	.mainMenuWrapper > li::before { content: "\f05a"; position: absolute; left: 20px; top: 3px; font: normal 16px/55px FontAwesome; color: #8d8f92; }
	.mainMenuWrapper > li.home-icon::before { content: "\f015"; }
	.mainMenuWrapper li a { display: block; padding-left: 60px; font-size: 14px; color: #fff; text-transform: uppercase; position: relative; }
	.mainMenuWrapper li a::after { content: "\f105"; position: absolute; right: 0; top: 0; font: normal 20px/55px FontAwesome; color: #8d8f92; }
	.mainMenuWrapper li:hover { background-color: rgba(255,255,255,.05); }

	#header_mobi { float: left; width: 100%; background-color: #2c3e50; }
	.header_logo_mobi .left { float: left; }
	.header_logo_mobi .right { float: right; padding: 10px 20px; }
	.header_logo_mobi .right .ka-logo { height: 30px; width: auto; display: block; margin-top: 10px; }
	.header_logo_mobi .left a { display: grid; place-content: center; gap: 4px; float: left; width: 60px; height: 70px; }
	.header_logo_mobi .left a span { display: block; width: 22px; height: 3px; background: #fff; border-radius: 1px; }

	main.content { float: left; margin: 0; }
	.rightBox { border: 0; background-color: transparent; float: none; }
	.barTitle { text-align: center; color: var(--ka-link); text-transform: uppercase; font-weight: 700; border-bottom: 1px solid #6b6b6b; margin: 0 0 10px; padding: 10px 0; font-size: 15px; line-height: 22px; height: auto; background: none; letter-spacing: 0; white-space: normal; }
	.barTitle a { color: var(--ka-link); }
	.rightBox.episode .barTitle, .rightBox.ka-comments .barTitle { text-align: left; text-transform: capitalize; border-bottom: 1px solid #ddd; margin: 10px; }
	.recently-nav { display: none; }
	ul.subcontent li.blue { border-top: 1px solid #111112; border-bottom: 1px solid #111112; background: transparent; }
	.new_hot { margin: 0; }
	.ka-box--side .barContent > ul > li:last-child > a { font-size: 16px; }
	main.content.info { background-color: #111111; box-shadow: 0 3px 2px 2px rgba(0,0,0,.2); }
	.barContentInfo p.Releasea { margin-right: 10px; }
	.img_picture_mb img { float: left; width: 80px; margin-right: 10px; }
	.barContentEpisode { padding: 0 10px; }
	.barContentEpisode ul li { border-bottom: 1px solid #111112; }
	.barContentEpisode ul li a, .barContentEpisode ul li:last-child a { padding-left: 10px; padding-right: 10px; background-color: #222222; }
	.barContentEpisode ul li a .movie-bg { display: block; padding-right: 22px; position: relative; }
	.barContentEpisode ul li a .movie-bg::after { content: "\f105"; position: absolute; right: 0; top: 50%; margin-top: -9px; font: normal 18px/18px FontAwesome; color: #8d8f92; }
	.list_alphabet { border-bottom: 1px solid #6b6b6b; }
	.list_alphabet ul { background-color: transparent; padding-bottom: 18px; }
	.list-drama .item { width: 22.75%; margin-left: 3%; }
	.list-drama .item:nth-child(5n+1) { margin-left: 3%; clear: none; }
	.list-drama .item:nth-child(4n+1) { margin-left: 0; clear: left; }
	.watch_video { max-width: 600px; margin: 20px auto auto; }
	.nav_episode { max-width: 600px; }
	.nav_episode .center { margin-top: 20px; }
	.name_title_video h1 { color: #d5f406; }
	.comment_video { margin: 10px 0; }
	.ka-columns { display: block; }
	.ka-columns > #rightside { display: none; }
	.ka-form__row { grid-template-columns: 1fr; }
	.ka-form__row--offset { padding-left: 0; }
	.lblSignUp { text-align: left; }
	footer#footer { background: #2c3e50; }
	.croll { bottom: 0; right: 10px; }
	.ka-totop { margin-left: 0; }
	.more_in_tab { text-align: center; }
	.ka-box--side .barContent > ul > li.more_in_tab > a { width: 100%; background-color: #7b7b7b; border-radius: 3px; text-align: center; font-size: 14px; padding: 3px 0; }
	.ka-box--side .barContent > ul > li.more_in_tab > a:hover, .ka-box--side .barContent > ul > li.more_in_tab > a:active { background-color: #d5f406; color: #333; }
	.footer_mobi { text-align: center; padding: 12px 10px; color: #dadada; }
	.ui-tooltip { display: none !important; }
}

@media only screen and (max-width: 479px) {
	.list-drama .item { width: 47.5%; margin-left: 5%; }
	.list-drama .item:nth-child(5n+1), .list-drama .item:nth-child(4n+1) { margin-left: 5%; clear: none; }
	.list-drama .item:nth-child(2n+1) { margin-left: 0; clear: left; }
}

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { transition: none !important; animation: none !important; }
}
.ka-box--side .barContent > ul > li.ka-box-empty { padding: 4px 10px; color: var(--ka-muted); }

.bg-home { margin-top: 20px; padding: 20px; color: var(--ka-dark-text); line-height: 20px; background: #ecc835 var(--ka-bar) top left / 100% 25px no-repeat; }
.bg-home h1 { margin: 0; padding: 0; font-size: 14px; color: var(--ka-dark-text); }
.bg-home p { margin: 8px 0; }
.bg-home a, .bg-home a:hover { font-weight: bold; color: var(--ka-dark-text); }
.dlwn { margin-top: 20px; text-align: center; }
.cat-more { display: inline-block; padding: 15px 30px; border-radius: 4px; font-weight: bold; color: #fff; background: #ecc835; }
.cat-more:hover { color: #fff; background-color: #e1a630; }
body.ka-landing #containerRoot { display: flex; flex-direction: column; min-height: calc(100vh - var(--wp-admin--admin-bar--height, 0px)); }
body.ka-landing #wrapper_bg { flex: 1 0 auto; }
@media only screen and (max-width: 970px) {
	.bg-home { margin: 10px; }
}

.content-login { display: flow-root; width: 100%; padding: 10px; margin: 18px 0 20px; border-radius: 4px; }
.form-login { width: 100%; max-width: 310px; min-height: 300px; margin: auto; padding: 20px 0 40px; }
.form-login h1 { margin: 10px; font-size: 16px; font-weight: normal; text-align: center; text-transform: capitalize; color: var(--ka-link); }
.form-login input:not([type="checkbox"]) { display: inline-block; width: 100%; margin: 6px 0; padding: 13px 10px; border: 1px solid #ccc; color: #000; background: #fff; font-size: 12px; }
.form-login input[type="checkbox"] { margin: 5px 0 10px; vertical-align: middle; }
.form-login label:not(.screen-reader-text) { display: inline-block; margin: 5px 0; }
.form-login button { float: right; display: block; margin-top: 10px; padding: 5px 10px; border: none; color: #fff; background: #ecc835; cursor: pointer; }
.form-login.ilogin button { margin-top: 38px; }
.form-login button:hover { opacity: .6; }
.form-login::after { content: ""; display: table; clear: both; }
.form-login .ka-form__row--offset { padding-left: 0; }
.form-login .ka-notice { margin: 10px 0; }
.btn-google, .btn-discord { position: relative; display: inline-block; width: 100%; margin: 6px 0; color: #fff; font-size: 14px; background: #dd4b39; }
.btn-discord { background: #5865f2; }
.btn-google:hover, .btn-discord:hover { color: #fff; opacity: .6; }
.btn-google span, .btn-discord span { display: inline-block; width: 40px; margin-right: 10px; padding: 10px 0; text-align: center; background-color: #b13c2e; }
.btn-discord span { background-color: #4752c4; }
.btn-google img { height: 17px; width: auto; vertical-align: middle; }
.link-forget, .link-sign { display: block; width: 100%; margin: 5px 0; color: var(--ka-link); }
.link-forget:hover, .link-sign:hover { color: #fff; }