*{margin: 0; padding: 0; font-family: Roboto,-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Arial,sans-serif; box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
img {border: 0; display: block;}
ul {list-style: none;}
input, textarea {font-size: 11px; color: #000; outline: none;}
html {width: 100%;}
body {width: 100%; font-size: 14px; -webkit-text-size-adjust:none; background: #f5f5f5; color: #606060;}
a {outline: none; text-decoration: none; transition: color .3s ease; color: #303030;}
a:hover {color: #cb1e22;}
svg {display: inline-block; vertical-align: middle; width: 24px; height: 24px; fill: #303030; transition: fill .3s ease;}
a:hover svg {fill: #cb1e22;}
.container {width: 100%; min-width: 300px; max-width: 1650px; margin: 0 auto; font-size: 0;}
.header {width: 100%;}
.header .container {padding: 0 5px; position: relative; z-index: 91; padding-top: 54px;}
h1 {display: block; position: absolute; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; left: 60px; top: 5px; width: calc(100% - 60px); height: 44px; line-height: 44px; font-size: 28px; font-weight: 500; color: #303030;}
.description {display: none;}
a#header-btn-menu {position: absolute; left: 5px; top: 5px; width: 44px; height: 44px; padding: 10px; border-radius: 3px; background: #dadada;}
a#header-btn-menu svg {fill: #303030;}
.search {display: inline-block; vertical-align: middle; width: 100%; font-size: 0; position: relative;}
.search-form {display: inline-block; white-space: nowrap; overflow: hidden; font-size: 0; padding: 0; width: 100%; border-radius: 4px; background: #fff; position: relative; z-index: 99; border: 1px solid #dadada;}
input[type=search], button[type=submit] {display: inline-block; vertical-align: top; border: none; background: none; box-sizing: border-box; -webkit-appearance: none; outline: none; font-size: 16px; height: 42px; line-height: 42px; border-radius: 0; transition: background .3s;}
input[type=search] {width: calc(100% - 38px); padding: 13px 6px; line-height: 16px; padding-right: 42px; color: #303030;}
button[type=submit] {cursor: pointer; width: 38px; padding-left: 10px; padding-right: 6px; text-align: center; border-radius: 3px 0 0 3px; line-height: 22px;}
button[type=submit] svg {fill: none; stroke: #303030; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; width: 22px; height: 22px;}
button.sc {display: none; position: absolute; right: 0; top: 0; width: 38px; height: 42px; border: none; box-sizing: border-box; -webkit-appearance: none; outline: none; background: none; cursor: pointer; line-height: 22px; transition: background .3s;}
button.sc svg {width: 22px; height: 22px; fill: #303030;}
::placeholder {color: #707070; opacity: 1;}
:-ms-input-placeholder {color: #707070}
::-ms-input-placeholder {color: #707070;}
input[type="search"]::-webkit-search-cancel-button {-webkit-appearance: none; display: none;}
.autocomplete-overlay {display: none; position: fixed; z-index: 90; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,.5);}
.autocomplete-suggestions {position: absolute; z-index: 98; font-size: 14px; padding-right: 38px;}
.autocomplete-suggestion {padding: 10px 6px; white-space: nowrap; overflow: hidden; cursor: pointer; text-align: left; color: #606060; border-bottom: 1px solid #dadada; background: #fff;}
.autocomplete-selected {background: #dadada; color: #303030;}
.autocomplete-suggestions strong {font-weight: 500; color: #cb1e22;}
.autocomplete-selected strong {color: #cb1e22;}

.menu-overlay {display: none; position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 98; background-color: rgba(0,0,0,.5);}
.noscroll {position: fixed; overflow: hidden;}
#menu {position: fixed; z-index: 100; width: 250px; top: 0; bottom: 0; left: -250px; font-size: 0; padding: 5px 0; overflow-x: hidden; overflow-y: scroll; touch-action: pan-y; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-user-drag: none; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: transparent; transition: all .5s ease; background-color: #303030; border-right: 1px solid #202020;}
#menu.opened {left: 0;}
#menu .container {padding: 0 5px;}
#menu a {display: inline-block; width: 100%; font-size: 17px; line-height: 34px; color: #d0d0d0;}
#menu a:hover {color: #fff;}
#menu a svg {width: 20px; height: 22px; padding-bottom: 2px; fill: #d0d0d0;}
#menu a:hover svg {fill: #fff;}
#menu hr {margin: 5px 0; border: 0; border-top: 1px solid #404040;}
#menu a.livesex:before {content: ''; display: inline-block; background-color: #cb1e22; width: 8px; height: 8px; margin-left: 6px; margin-right: 10px; border-radius: 8px; animation: lsAnimation 2s infinite;}
@keyframes lsAnimation {0% {opacity:1;} 50% {opacity:0.3;} 100% {opacity:1;}}
#menu a#header-btn-menu-close {line-height: 44px;}
#menu a#header-btn-menu-close svg {width: 30px; height: 30px; fill: #fff;}

h2 {display: block; padding: 0 5px; margin-top: 10px; margin-bottom: 5px; line-height: 32px; font-size: 18px; font-weight: 500; color: #303030; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-transform: capitalize;}
center {width: 100%; font-size: 18px; padding: 20px 0;}
.content, .tcats {display: block; width: 100%; padding: 5px 0;}
.content li, .tcats li {display: inline-block; position: relative; vertical-align: top; overflow: hidden; width: 100%; padding: 5px 5px 7px 5px;}
.itm {display: block; background: #eaeaea; border-radius: 3px;}
.th {display: block; width: 100%; position: relative; overflow: hidden; background: #dadada; border-radius: 3px;}
.th img {width: 100%; aspect-ratio: 16/9; font-size: 12px;}
.info {position: relative; overflow: hidden;}
.info h3 {padding: 7px 30px 7px 4px; display: block; font-size: 12px; line-height: 16px; min-height: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 400; color: #bdc2c6; transition: color .3s ease; background: #e0e0e0;}
.content li:hover h3 {color: #cb1e22;}

.tcats li .itm {position: relative;}
.tcats li a h3 {display: block; padding: 0 4px; font-size: 14px; line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; font-weight: 600; text-transform: uppercase; background: #e0e0e0; color: #303030; transition: color .3s ease;}
.tcats li a:hover h3 {color: #cb1e22;}
.tcats li .cnt {display: block; width: 100%; padding: 0 4px; line-height: 21px; font-size: 11px; white-space: nowrap; text-align: center; font-weight: 400; color: #606060;}

.categories, .tradeindex {padding: 0 5px; margin: 0 auto 30px auto;}
.categories.ls {padding-top: 10px;}
.categories ul, .tradeindex ul {display: block; width: 100%;}
.categories ul li {display: inline-block;}
.categories ul li a {display: inline-block; vertical-align: top; line-height: 13px; font-size: 13px; padding: 10px; position: relative; transition: all .3s; margin-right: 6px; margin-bottom: 7px; background: #dadada; border-radius: 3px; font-weight: 500; border: 1px solid #dadada;}
.categories ul li a:hover {}
.categories ul li a span {display: none;}
.letter {font-size: 19px; line-height: 33px; margin-top: 10px; color: #cb1e22; font-weight: 400;}

.footer {width: 100%; margin-top: 30px; padding: 10px 0; text-align: center; background: #eaeaea; color: #606060; border-top: 1px solid #dadada;}
.footer a {color: #303030;}
.footer a:hover {color: #cb1e22;}
.footer .container {padding: 0 5px;}
.footer p {font-size: 13px; line-height: 15px; padding: 6px 0;}
.footer svg {display: inline-block; width: 14px; height: 14px; fill: #303030;}

.ad-title {display: none;}
.abl {display: block; background: #eaeaea; border-radius: 5px; border: 1px solid #eaeaea; overflow: hidden; height: 291px; font-size: 0;}
.abl:before {display: block; font-size: 12px; line-height: 24px; color: #606060; text-align: center; content: "advertisement";}
.abl-in, .abl-in-fill {display: none; vertical-align: top; width: 100%; text-align: center; padding: 5px 0 10px 0;}
.abl-in.a, .abl-in-fill {display: inline-block;}
.abl-b {display: inline-block; vertical-align: top; width: 300px; height: 250px; max-width: 100%; overflow: hidden; background-color: #dadada;}
.abl-b-fill {display: inline-block; vertical-align: top; width: 100%; height: 250px;}

#back-to-top {position: fixed; z-index: 9999; right: 20px; bottom: 7%; display: block; background: rgba(0,0,0,0.5); border-radius: 5px; padding: 8px 10px;}
#back-to-top svg {fill: #fff; width: 36px; height: 36px;}

@media all and (min-width: 340px) {
    .container {max-width: 1320px;}
    .content li, .tcats li {width: 50%;}
}
@media all and (min-width: 640px) {
    .abl-in {width: 50%;}
    .abl-in.b {display: inline-block;}
}
@media all and (min-width: 680px) {
    .content li, .tcats li {width: 33.33333%;}
    .header .container {min-height: 70px;}
    h1 {left: 5px; top: 10px; width: 270px; height: 50px; line-height: 50px; font-size: 32px;}
    .header .search {display: block; position: absolute; right: 5px; top: 13px; width: 320px;}
    #header-btn-menu, #menu a#header-btn-menu-close {display: none;}
    #menu {position: static; left: 0; top: auto; bottom: auto; overflow: visible; width: 100%; border-right: none; background: #303030; border-top: 1px solid #202020; border-bottom: 1px solid #202020;}
    #menu .container {overflow: hidden; height: 34px;}
    #menu a {width: auto; margin-right: 20px; font-size: 14px;}
    #menu hr {display: none;}
}
@media all and (min-width: 1020px) {
    .description {display: block; display: -webkit-box; -webkit-box-orient: vertical; -webkit-box-align: center; -webkit-line-clamp: 2; overflow: hidden; font-size: 12px; line-height: 14px; text-overflow: ellipsis; position: absolute; top: 21px; height: 28px; left: 300px; right: 350px;}
    .description.general {left: 170px;}
    .tcats li a h3 {font-size: 16px; line-height: 34px;}
    .categories {padding: 0 5px 20px 5px; margin-bottom: 0;}
    .categories ul {column-count: 4; column-gap: 16px;}
    .categories ul li {display:block;}
    .categories ul li a {width: 100%; line-height: 32px; font-size: 15px; padding: 0; border: none; border-bottom: 1px solid #262f3a; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-right: 50px; background: none; border-radius: 0; margin: 0;}
    .categories.ls ul li a {padding-right: 0;}
    .categories ul li a:hover {background: none;}
    .categories ul li a span {display: block; position: absolute; right: 0; top: 0; width: 50px; text-align: right; line-height: 32px; min-height: 29px; font-size: 11px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #6c7a87; transition: color .3s;}
    .categories ul li a:hover span {color: #6c7a87;}
    .abl-in {width: 33.3333%;}
    .abl-in.c {display: inline-block;}
}
@media all and (min-width: 1200px) {
    .content li, .tcats li {width: 25%;}
}
@media all and (min-width: 1320px) {
    .content li, .tcats li {width: 25%;}
    .categories ul {column-count: 5; column-gap: 30px;}
    .abl-in {width: 25%;}
    .abl-in.d {display: inline-block;}
}
@media all and (min-width: 1650px) {
    .container {max-width: 1650px;}
    .content li, .tcats li {width: 20%;}
    .categories ul {column-count: 6;}
    .abl-in {width: 20%;}
    .abl-in.e {display: inline-block;}
}