@font-face {
    font-display: swap;
    font-family: Inter;
    font-style: normal;
    font-weight: 400;
    src: url(/fonts/Inter-Regular.woff2) format("woff2"), url(/fonts/Inter-Regular.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    src: url(/fonts/Inter-Medium.woff2) format("woff2"), url(/fonts/Inter-Medium.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    src: url(/fonts/Inter-SemiBold.woff2) format("woff2"), url(/fonts/Inter-SemiBold.woff) format("woff")
}

* {
    margin: 0;
    padding: 0;
}

body {
    font-size: 110%;
    line-height: 110%;
    color: #a0a0a0;
    background-color: #181d24;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    font-family: Inter, Arial, sans-serif;
}

header {
    height: 110px;
    border-bottom: 1px solid #4a4847;
    flex-wrap: nowrap;
    margin-bottom: 50px;
}

.h_box {
    height: 110px;
    margin: 0 auto;
    display: flex;
    padding: 0 40px;
}

.logo_box {
    height: 100%;
    flex-basis: 10%;
    display: flex;
    align-self: center;
    justify-content: center;
}

.head_logo {
    width: 240px;
    height: 60px;
    background-image: url(/dark_web/img/logo.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    align-self: center;
}

.head_menu_box {
    height: 100%;
    flex-basis: 65%;
    display: flex;
}

.user_box {
    height: 100%;
    flex-basis: 25%;
    display: flex;
    justify-content: right;
    align-self: center;
}

.button, button, .input_submit {
    border: none;
    padding: 0;
    overflow: visible;
    font: inherit;
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    -webkit-appearance: none;

    display: block;
    color: #fff;
    font-family: NanumGothic, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 12px;
    border-radius: 4px;
    align-self: center;
    justify-content: space-between;
    width: 182px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #ac835d;
    text-decoration: none;
    margin: 0 auto 10px auto;
}

.button:hover, button:hover, .input_submit:hover {
    background-color: #bf9671;
    cursor: pointer;
}

.button:disabled, button:disabled, .input_submit:disabled {
    background-color: #777;
    cursor: default;
}

.reg {
    margin-right: 5px;
}

.login {
}

.head_menu_box ul {
    height: 110px;
    display: flex;
}

.head_menu_box li {
    display: block;
    width: 150px;
    height: 110px;
    color: #fff;
    line-height: 110px;
    text-align: center;
    text-transform: uppercase;
    font-size: 90%;
}

.head_menu_box a {
    text-decoration: none;
    color: #fff;
    display: block;
    width: 100%;
    height: 100%;
}

.head_menu_box a:hover {
    color: #ca9d75;
}

.menu_head_el {
    height: 45px;
    text-align: center;
}

#menu_head_show_menu {
}

#menu_head_show_menu:hover {
    cursor: pointer;
}

.submenu {
    width: 210px;
    display: none;
    position: absolute;
    margin-left: -30px;
    z-index: 100;
}

.submenu_el {
    width: 210px;
    height: 60px;
    background: #181d24;
    display: none;
}

.submenu_el a {
    line-height: 60px;
}

.menu_head_el:hover > .submenu > .submenu_el a:hover {
    color: #efc377;
}

.menu_head_el:hover > .submenu {
    display: block;
}

#menu_head_last {
    display: none;
}

a.full {
    display: block;
    width: 100%;
    height: 100%;
}

footer {
    margin-top: 60px;
    border-top: 1px solid #4a4847;
    font-size: 80%;
    color: #a0a0a0;
}

.f_box {
    max-width: 1230px;
    margin: 60px auto 0 auto;
    display: flex;
}

.f_row_f, .f_row_l {
    width: 25%;
    height: 300px;
}

.row {
    max-width: 1230px;
    margin: 20px auto 0 auto;
}

.f_icon {
    width: 18px;
    height: 18px;
    vertical-align: middle;
}

.f_title {
    text-transform: uppercase;
    color: #fff;
    padding-bottom: 20px;
}

h1 {
    margin: 10px 0 30px 0;
    font-size: 150%;
    font-weight: 100;
}

h2 {
    font-size: 130%;
    line-height: 130%;
    font-weight: 100;
    margin: 10px 0 20px 0;
}

b {
    color: #c36425;
    font-weight: 100;
}

strong {
    color: #e3bd7c;
    font-weight: 100;
}

.content_main_box p {
    padding-bottom: 10px;
}

footer a {
    color: #a0a0a0;
    text-decoration: none;
}

footer a:hover {
    color: #ca9d75;
    text-decoration: underline;
}

a {
    color: #5176d5;
}

a:hover {
    color: #ac835d;
}

.lnuf, .lnu {
    text-decoration: none;
}

.center {
    text-align: center;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

.hidden {
    display: none;
}

table {
    border-collapse: collapse;
    text-align: center;
    width: 100%;
}

th {
    border: 1px solid #555;
    background: #ddd;
    font-family: 'Open Sans', sans-serif;
    font-size: 100%;
    color: #333;
    padding: 4px;
}

td {
    border: 1px solid #555;
    font-family: 'Open Sans', sans-serif;
    font-size: 100%;
    padding: 4px;
}

td.avatar {
    width: 60px;
    height: 60px;
    background-size: cover;
}

.zero_margin {
    margin: 0;
}

.content_box {
    padding: 0;
    margin: 30px 0;
}

.content_box_c {
    overflow: auto;
    padding-bottom: 10px;
}

.rating_name {
    font-family: arial, sans-serif;
    color: #d6b885;
    text-decoration: none;
}

.rating_name:hover {
    text-decoration: underline;
}

.rating_icon {
    font-size: 200%;
    line-height: 200%;
}

.table_td_ava {
    width: 80px;
    height: 80px;
    background-size: cover;
    background-position: center;
}

.table_t_icon {
    width: 80px;
    height: 120px;
    background-size: cover;
    background-position: center;
}

#element_description {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    z-index: 10000;
}

ul {
    margin: 0 0 20px 20px;
}

/* Search style start */

#search {
    display: flex;
    margin-top: 40px;
}

.menu_search {
    display: flex;
    height: 45px;
    padding-top: 23px;
}

.search_i {
    padding: 4px;
    background-color: #101319;
    border: 1px solid #4a4847;
    box-shadow: 0 0 7px rgb(0 0 0 / 60%) inset;
    font-family: Arial, sans-serif;
    margin: 0;
    font-size: 90%;
    width: 0;
    height: 18px;
    border-radius: 3px;
    opacity: 0;
}

.search_i:focus {
    outline: none;
}

.search_i_active {
    width: 200px;
    opacity: 1;
    transition: width 0.6s;
}

.search_b {
    width: 24px;
    height: 24px;
    margin-left: 8px;
    background-image: url(/dark_web/img/search.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.6;
}

.search_b:hover {
    cursor: pointer;
    opacity: 1;
}

.search_box {
    width: 5px;
    height: 45px;
    z-index: 1000;
}

#search_r {
    margin-top: 35px;
}

.search_row {
    width: 400px;
    font-size: 120%;
    vertical-align: middle;
    padding: 6px;
    background-color: #101319;
    border: 1px solid #4a4847;
}

.search_row a {
    text-decoration: none;
    color: #5176d5;
}

/* Search style end */

/* Select text style start */

.select_text_box {
    width: 90%;
    background: #101319;
    border-radius: 20px;
    margin: 30px auto 0 auto;
    border: 1px solid #4a4847;
}

.select_text_row {
    padding: 20px 20px 0 20px;
}

.select_text_header {
    text-align: center;
    font-size: 160%;
    line-height: 120%;
}

.select_text_box p {
    padding-bottom: 20px;
}

/* Select text style end */

/* Colors start */

.red {
    color: #cd0b0b;
}

.dark_red {
    color: #bd1b09;
}

.light_green {
    color: #00c400;
}

.green {
    color: #249922;
}

.dark_green {
    color: #147309;
}

.yellow {
    color: #efc377;
}

.orange {
    color: #ff7f50;
}

.rich_yellow {
    color: #ffa500;
}

.blue {
    color: #657bdd;
}

.dark_blue {
    color: #3854cd;
}

.grey {
    color: #aaa;
}

.golden {
    color: #c18443;
}

.flesh_color {
    color: #edd9b6;
}

.azure {
    color: #59bce5;
}

.violet {
    color: #cb4ccd;
}

.pale_violet {
    color: #c869d9;
}

.pale_green {
    color: #73e77e;
}

textarea, .input {
    display: block;
    font-weight: 400;
    letter-spacing: 0;
    padding: 18px;
    line-height: 140%;
    color: #a0a0a0;
    background-color: #101319;
    border: 1px solid #4a4847;
    border-radius: 4px;
    width: 90%;
    margin: 0 auto 30px auto;
    outline: none;
}

/* Colors end */

/* Fond sizes start */

.small {
    font-size: 90%;
}

.vert_small {
    font-size: 60%;
}

.big {
    font-size: 110%;
}

.very_big {
    font-size: 120%;
}

/* Fond sizes end */

/* Post filters style start */

.post_filters {
    font-size: 80%;
    color: #777;
    padding: 0 0 50px 0;
}

.post_filters a {
    text-decoration: none;
}

.post_filters a:hover {
    text-decoration: underline;
}

/* Post filters style end */

/* Post list style start */

.news_preview {
}

.news_bottom_line {
    height: 40px;
}

.news_preview_box {
}

.news_preview_box h2 {
    padding: 5px 0 0 0;
    margin-bottom: 20px;
}

.news_preview_box p {
    padding: 0 0 10px 0;
}

/* Don't add padding - it break updatePostPreview() */
.news_preview_content {
    position: relative;
    overflow: hidden;
    max-height: 900px;
}

.news_preview_c_b {
    position: relative;
    display: none;
    height: 76px;
    margin-top: -76px;
    text-align: center;
    color: #a9624d;
    font-size: 160%;
    line-height: 76px;
    /* todo добавить постепенное исчезание */
}

.news_preview_c_b:hover {
    cursor: pointer;
    color: #c9925d;
}

.news_a_line {
    border-bottom: 1px solid #4a4847;
    margin: 0 0 10px 0;
}

a.news_link {
    color: #ac835d;
    text-decoration: none;
}

a.news_link:hover {
    color: #5176d5;
}

.com_tl {
    text-decoration: none;
    color: #ac835d;
}

.com_tl:hover {
    color: #5176d5;
}

.news_sl {
    width: 150px;
    margin-top: 5px;
    border-bottom: 1px solid #333;
}

.news_rs {
    font-size: 110%;
    line-height: 110%;
    color: #a9825d;
}

.pl_f_box {
    display: flex;
}

.pl_f_l {
    display: flex;
    min-height: 30px;
    width: 400px;
    align-items: center;
    font-size: 80%;
}

.pl_f_r {
    display: flex;
    align-items: center;
    min-height: 30px;
    width: 100%;
    flex-wrap: wrap;
    justify-content: right;
}

.pl_f_tags {
    display: flex;
    min-height: 30px;
    justify-content: right;
    padding: 0 10px;
}

.pl_f_com {
    display: flex;
    align-items: center;
    min-height: 30px;
    justify-content: right;
    white-space: nowrap;
    font-size: 80%;
}

.pl_f_date {
}

.tag_box {
    display: flex;
    align-items: center;
    text-align: center;
    text-transform: uppercase;
    font-size: 70%;
    flex-direction: row-reverse;
    word-break: break-all;
}

.tag_box p {
    padding: 0;
}

.tag_box a {
    padding: 4px;
    border-radius: 4px;
    background: #231005;
    margin: 0 6px;
    text-decoration: none;
}

.tag_box img {
    width: 94%;
    margin: 5px;
    border: 1px solid #333;
}

.tag_box img:hover {
    border: 1px solid #5176d5;
}

.post_el {
    text-decoration: none;
    color: #5176d5;
}

.post_el:hover {
    color: #cd0b0b;
}

/* Post list style end */

/* Post style start */

.content_post_main {
    min-height: 130px;
}

.post_main_review {
    padding: 10px 0 20px 15px;
    font-size: 120%;
    line-height: 120%;
    color: #a9825d;
}

.post_rating_box {
    float: right;
    margin: 0 0 0 30px;
    padding: 0 10px;
    border: 1px solid #4a4847;
    border-radius: 4px;
}

.post_rating_box_list {
    width: 24px;
    float: right;
    margin: 0 0 10px 10px;
    padding: 0 5px;
    border: 1px solid #382c22;
    border-radius: 4px;
}

#post_rating_up {
    height: 20px;
    text-align: center;
    font-size: 70%;
    line-height: 20px;
}

#post_rating_up:hover {
    color: #282;
    cursor: pointer;
}

#post_rating_down {
    height: 20px;
    text-align: center;
    font-size: 70%;
    line-height: 20px;
}

#post_rating_down:hover {
    color: #822;
    cursor: pointer;
}

#post_rating_value {
    height: 30px;
    text-align: center;
    font-size: 110%;
    line-height: 30px;
}

.post_author_name {
    color: #d6b885;
}

.post_author_name:hover {
    color: #5176d5;
}

.post_author_lvl {
    font-size: 70%;
    padding: 2px 4px;
    border-radius: 20%;
    color: #000;
    background: #ff7f50;
}

div.i_box {
    margin: 20px 0;
    text-align: center;
}

img.i_img {
    max-width: 100%;
    max-height: 100%;
    border: 0;
}

.post_a_line {
    border-bottom: 1px solid #4a4847;
    margin: 20px 0;
}

.post_f_box {
    display: flex;
}

.post_f_l {
    display: flex;
    width: 30%;
}

.post_f_r {
    display: flex;
    width: 70%;
    justify-content: right;
    flex-wrap: wrap;
    align-items: center;
    font-size: 70%;
}

.post_f_ava_box {
    width: 60px;
    display: flex;
    justify-content: center;
}

.post_f_ava {
    width: 60px;
    height: 60px;
    border: 1px solid #333;
    background-position: center;
    background-size: cover;
}

.post_f_user {
    width: 100%;
    font-size: 90%;
    line-height: 140%;
    padding-left: 10px;
}

.post_f_tag {
    margin-left: 10px;
    word-break: break-all;
    text-transform: uppercase;
}

.post_f_tag a {
    padding: 4px;
    border-radius: 4px;
    background: #101319;
    border: 1px solid #4a4847;
    margin: 0 6px;
    text-decoration: none;
}

.defaultRatingColor {
}

.positiveRatingColor {
    color: #249922;
}

.negativeRatingColor {
    color: #cd0b0b;
}

.c_icon_small {
    width: 90px;
    height: 120px;
    background-size: cover;
    background-position: center;
    border: 1px solid #333;
}

.cm0 {
    padding-left: 0;
}

.cm1 {
    padding-left: 30px;
}

.cm2 {
    padding-left: 60px;
}

.cm3 {
    padding-left: 90px;
}

.cm4 {
    padding-left: 120px;
}

.cm5 {
    padding-left: 150px;
}

.monster_box {
    padding-left: 15px;
}

.zone_box {
    padding: 0 0 0 10px;
    float: right;
}

table.zone, table.monster {
    border: 1px solid #825018;
    border-collapse: collapse;
    background: #1d110c;
}

table.zone td, table.monster td {
    border: 1px solid #825018;
    text-align: center;
    padding: 3px;
}

table.zone p {
    font-size: 100%;
    color: #d2a456;
    padding: 2px;
}

table.zone a, table.monster a {
    text-decoration: none;
}

table.zone a:hover, table.monster a:hover {
    text-decoration: underline;
}

.zone_image {
    width: 270px;
}

.zone_image_map {
    width: 180px;
}

.itemtable {
    margin-top: 15px;
    width: 94%;
    text-align: center;
    border-top: 1px solid #986329;
    background: #1d110c;
    border-collapse: collapse;
    font-size: 80%;
}

.itemp1 {
    padding: 2px !important;
    color: #986329;
    text-align: center;
    font-weight: 700;
}

.itemp2 {
    padding: 2px !important;
    color: #986329;
    text-align: right;
}

.itemp3 {
    padding: 2px !important;
    color: #986329;
    text-align: left;
}

.itema {
    text-decoration: none;
    color: #d59751;
}

.itema:hover {
    text-decoration: underline;
    color: #5176d5;
}

.itemspan {
    font-weight: 700;
    color: #ae421d;
}

.d3_class_conent {
    display: inline-block;
    width: 122px;
    height: 236px;
    margin-left: 2%;
    margin-right: 2%;
    margin-top: 15px;
}

.class_bord {
    width: 116px;
    height: 216px;
    background: url('/new_diz/images/newdiz/classes_border.png');
}

.class_bord_a {
    font-size: 90%;
    color: #d2a456;
    text-decoration: none;
}

.class_bord_a:hover {
    color: #e2b15f;
    text-decoration: underline;
}

.d3d_a {
    opacity: 1.0;
    -moz-opacity: 1.0;
    filter: alpha(opacity=100);
}

.d3d_a:hover {
    opacity: 0.9;
    -moz-opacity: 0.9;
    filter: alpha(opacity=90);
}

.table_main {
    border: 1px solid #825018;
    border-collapse: collapse;
    background: #1d110c;
}

.table_main td {
    border: 1px solid #825018;
}

.table_main p {
    padding: 2px !important;
    margin: 0 !important;
}

.list_link, .a_set {
    font-size: 100%;
    color: #c58d5b;
    text-decoration: none;
}

.list_link:hover, .a_set:hover {
    text-decoration: underline;
}

a.itesa {
    color: #c38339;
    text-decoration: none;
}

a.itesa:hover {
    color: #5176d5;
    text-decoration: underline;
}

.img_item {
    border: 1px solid #a9825d;
    margin: 4px;
}

.post_notice_box {
    flex-basis: 100%;
    border: 1px solid #444;
    display: flex;
    flex-direction: column;
    padding: 20px;
    margin: 20px 0;
}

.post_notice_box_title {
    margin-bottom: 20px;
    font-size: 110%;
}

.post_notice_box_content {
    font-style: italic;
}

/* Post style end */

/* Auth info style start */

#auth_box {
    width: 100%;
    height: 100%;
    display: flex;
}

#auth_box_m {
    display: none;
    width: 70px;
    height: 110px;
    align-items: center;
}

.auth_ava_m {
    width: 70px;
    height: 70px;
    background-size: cover;
    border-radius: 100%;
}

.auth_box_menu {
    width: 200px;
    height: 200px;
    background: #181d24;
    display: none;
    position: absolute;
    margin-left: -120px;
    margin-top: 310px;
    z-index: 100;
}

.auth_box_n {
    padding: 10px 0;
}

.auth_box_menu .auth_button_box {
    height: auto;
    margin: 10px 0;
}

#auth_box_m:hover > .auth_box_menu {
    display: block;
}

.auth_l {
    min-width: 200px;
    margin-right: 10px;
}

.auth_r {
    flex-basis: 50%;
}

.auth_user {
    height: 84px;
    display: flex;
}

.auth_ava {
    width: 84px;
    min-width: 84px;
    height: 100%;
    background-size: cover;
}

.auth_name {
    padding: 30px 10px;
}

.auth_name span {
    font-size: 70%;
    padding: 2px 4px;
    border-radius: 20%;
    color: #000;
    background: #ff7f50;
}

.auth_name_link {
    color: #d6b885;
    text-decoration: none;
}

.auth_name_link:hover {
    color: #5176d5;
}

.auth_button_box {
    height: 33.33%;
    display: flex;
    justify-content: center;
}

.exp_box {
    height: 12px;
}

.exp_background {
    width: 100%;
    min-height: 12px;
    background: #de983d;
}

.exp_fill {
    min-height: 12px;
    margin-top: -12px;
    background: #e3bd7c;
}

.exp_text {
    width: 100%;
    min-height: 12px;
    margin-top: -12px;
    text-align: center;
    color: #915609;
    font-size: 65%;
    line-height: 12px;
}

.energy_box {
}

.energy_background {
    width: 100%;
    height: 12px;
    background: #227ba9;
}

.energy_fill {
    height: 12px;
    background: #44abe0;
    margin-top: -12px;
}

.energy_text {
    width: 100%;
    min-height: 12px;
    margin-top: -12px;
    text-align: center;
    color: #0b425f;
    font-size: 65%;
    line-height: 12px;
}

.energy_background {
    width: 100%;
    height: 12px;
    background: #227ba9;
}

.energy_fill {
    height: 12px;
    background: #44abe0;
    margin-top: -12px;
}

.residue_background {
    width: 100%;
    height: 2px;
    background: #d47403;
}

.residue_fill {
    height: 2px;
    background: #e3c5a3;
    margin-top: -2px;
}

.auth_b {
    display: block;
    color: #fff;
    font-family: NanumGothic, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 12px;
    border-radius: 4px;
    align-self: center;
    justify-content: space-between;
    width: 182px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: #ac835d;
    text-decoration: none;
}

.auth_b:hover {
    background-color: #bf9671;
    color: #fff;
}

/* Auth info style end */

/* Community page style start */

div.c_box {
    display: flex;
    margin-bottom: 30px;
}

div.c_l {
    width: 150px;
}

div.c_icon {
    width: 150px;
    height: 150px;
    background-size: cover;
    background-position: center;
    border: 1px solid #333;
}

div.c_content {
    padding-left: 20px;
    width: 100%;
}

div.c_content a {
    text-decoration: none;
}

div.c_content a:hover {
    text-decoration: underline;
}

div.c_r {
    width: 150px;
    height: 150px;
    text-align: center;
    font-size: 120%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

div.c_r div {
    margin: 15px 0;
    font-size: 90%;
}

div.c_r span {
    border: none;
    padding: 0;
    overflow: visible;
    font: inherit;
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    -webkit-appearance: none;

    display: block;
    color: #fff;
    font-family: NanumGothic, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 12px;
    border-radius: 4px;
    align-self: center;
    justify-content: space-between;
    width: 182px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-color: #ac835d;
    text-decoration: none;
    margin: 0 auto 10px auto;
}

div.c_r span:hover {
    background-color: #bf9671;
    cursor: pointer;
}

.c_head {
    color: #ac835d;
    text-decoration: none;
}

.c_head:hover {
    color: #5176d5;
}

span.c_link {
    font-size: 80%;
    line-height: 100%;
}

.c_hr {
    margin: 0 auto 20px auto;
    width: 80%;
    border-bottom: 1px solid #333;
}

.c_menu_box {
    padding: 0 10px 30px 10px;
    display: flex;
    justify-content: center;
    text-align: center;
}

.c_menu_box ul {
    padding: 0;
    display: flex;
}

.c_menu_box li {
    list-style-position: inside;
    margin: 0;
    padding: 0 10px;
}

.c_menu_box p {
    color: #ccc;
    padding: 0;
}

.c_menu_box a {
    color: #ac835d;
}

.c_menu_box a:hover {
    color: #5176d5;
}

.c_menu_box span {
    padding: 0 7px;
}

.link_topics {
}

.link_topics h2 {
}

.link_topics p {
}

.profile_topic_row b {
    font-size: 120%;
    color: #a00;
}

.profile_topic_row b:hover {
    color: #f00;
    cursor: pointer;
}

.topic_status {
    padding: 3px;
    font-size: 80%;
    border-radius: 3px;
    color: #ccc;
}

#comment_content {
}

#community_create_desc::-webkit-scrollbar-track, .comment_content::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #221912;
}

#community_create_desc::-webkit-scrollbar, .comment_content::-webkit-scrollbar {
    width: 12px;
    background-color: #58432e;
}

#community_create_desc::-webkit-scrollbar-thumb, .comment_content::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #58432e;
}

.remove_pc {
    color: #a11;
}

.remove_pc:hover {
    cursor: pointer;
    color: #f11;
}

/* Community page style end */

/* Comment style start */

#no_comment_rvd {
    color: #666;
}

.row_com {
}

#comment_box {
    margin: 0 auto 30px auto;
    padding: 5px 0 0 0;
}

.comment_form_box {
    padding: 0 0 20px 0;
}

.comment_reply_box {
    padding: 10px;
}

.comment_form_box form, .comment_reply_box form {
    margin: 0 auto;
}

.cm_comment textarea {
    width: 90%;
    min-height: 90px;
    max-height: 700px;
    resize: vertical;


    display: block;
    font-weight: 400;
    letter-spacing: 0;
    padding: 18px;
    line-height: 140%;
    color: #a0a0a0;
    background-color: #101319;
    border: 1px solid #4a4847;
    border-radius: 4px;
    margin: 0 auto 30px auto;
}

.comment_reply_box textarea {
    margin: 0 auto 10px auto;
}

.comment_form_box textarea:focus, .comment_reply_box textarea:focus {
    outline: 0;
}

.comment_form_box input, .comment_reply_box input {
    display: block;
    margin: 0 auto;
}

.comment_reply_box input {
    margin: 0;
}

.cm_con {
}

.cm_bias {
    margin-bottom: 10px;
    display: flex;
}

.cm_con_left {
    width: 90px;
    border-bottom: 1px dotted #4a4847;
    overflow: hidden;
}

.cm_com_ava_box {
    width: 130px;
}

.cm_con_cent {
    flex-grow: 1;
    border-bottom: 1px dotted #4a4847;
}

.cm_con_f {
    width: 100%;
    clear: both;
}

.cm_ava {
    width: 80px;
    height: 80px;
    background-size: cover;
    background-position: center;
    border: 1px solid #333;
}

.cm_rt_up {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 30px;
    color: #796252;
}

.cm_rt_up:hover {
    color: green;
    cursor: pointer;
}

.cm_rt_down {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 30px;
    color: #796252;
}

.cm_rt_def {
    width: 50px;
    height: 50px;
}

.cm_rt_down:hover {
    color: red;
    cursor: pointer;
}

.cm_rt {
    width: 50px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 20px;
}

.cm_date {
    width: 100%;
    font-size: 12px;
    padding-left: 15px;
    color: #666;
    text-align: left;
}

.cm_comment {
    min-height: 50px;
    width: 100%;
    text-align: left;
    font-size: 90%;
    padding: 10px 0 15px 15px;
    line-height: 125%;
    word-break: break-word;
}

.cm_reply {
    padding: 0 15px 4px 15px;
    color: #ac835d;
    user-select: none;
    display: flex;
    font-size: 80%;
}

.cm_reply span:hover {
    cursor: pointer;
    text-decoration: underline;
}

.cm_author {
    padding: 10px 0 5px 0;
    font-size: 80%;
}

.cm_author_a {
    color: #d6b885;
    text-decoration: none;
    display: inline-block;
    max-width: 108px;
    overflow: hidden;
}

.cm_author_a:hover {
    color: #5176d5;
}

.cm_author_guest {
    color: #a9825d;
    text-decoration: none;
    display: inline-block;
    max-width: 100px;
    overflow: hidden;
}

.cm_level {
    display: inline-block;
    overflow: hidden;
    font-size: 70%;
    padding: 0 4px;
    border-radius: 20%;
    color: #000;
    background: #ff7f50;
}

.cm_class {
    font-size: 90%;
    color: #e6885a;
}

.cm_start {
    width: 100%;
    height: 51px;
}

.cm_start_c {
    width: 100%;
    height: 51px;
}

.cm_start_l {
    width: 100%;
    height: 51px;
}

.cm_start_r {
    width: 100%;
    height: 51px;
}

.cm_start_t {
    font-size: 110%;
    float: left;
}

.cm_con_right {
    position: relative;
    float: right;
    border: 1px solid #4a4847;
    border-radius: 4px;
}

.cm_rating_value {
    height: 30px;
    text-align: center;
    font-size: 90%;
    line-height: 30px;
    padding: 0 10px;
}

.cm_rating_up {
    height: 20px;
    text-align: center;
    font-size: 70%;
    line-height: 20px;
}

.cm_rating_up:hover {
    color: #282;
    cursor: pointer;
}

.cm_rating_down {
    height: 20px;
    text-align: center;
    font-size: 70%;
    line-height: 20px;
}

.cm_rating_down:hover {
    color: #822;
    cursor: pointer;
}

.ml20 {
    margin-left: 20px;
}

#comment_content::-webkit-scrollbar-track, .comment_content::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #333;
    background-color: #333;
}

#comment_content::-webkit-scrollbar, .comment_content::-webkit-scrollbar {
    width: 12px;
    background-color: #4a4847;
}

#comment_content::-webkit-scrollbar-thumb, .comment_content::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px #4a4847;
    background-color: #4a4847;
}

#create_comment_button {
    margin: 0 auto;
}

/* Comment style end */

/* Change password page style start [new style for registration page] */

.form_row {
    display: flex;
}

.form_left {
    width: 35%;
}

.form_right {
    width: 35%;
}

.form_left p, .form_right p {
    line-height: 65px;
    padding: 0;
}

.form_left {
    text-align: right;
}

.form_right {
    text-align: left;
}

.form_center {
    width: 30%;
    text-align: center;
    line-height: 40px;
}

.form_center input {
    font-size: 110%;
}

/* Change password page style end */

/* Create post/topic/community style start */

.post_create_box {
    padding: 0 30px;
}

.post_create_box p {
    padding: 0;
}

#post_create_title, #community_create_name, #community_create_slug, #community_create_desc, #topic_create_name,
#topic_create_description, #topic_create_developer, #topic_create_released_at, #topic_create_screenshots,
#community_link_topic, #blacklist_account_name {
    display: block;
    margin: 0 auto 20px auto;
    width: 80%;
    background: none;
    box-shadow: none;
    border: 1px dashed #444;
    font-size: 150%;
    text-align: center;
    font-weight: 100;
    line-height: 140%;
    padding: 10px 0;
    color: #a0a0a0;
}

#post_create_title_error {
    text-align: center;
    font-size: 120%;
    color: #cd0b0b;
    margin: -5px;
}

#post_create_title:focus, .post_create_h2:focus, #community_create_name:focus, #community_create_slug:focus,
#community_create_desc:focus, #topic_create_name, #topic_create_description, #topic_create_developer,
#community_link_topic, #blacklist_account_name {
    outline: none;
}

.post_create_h2 {
    display: block;
    border: none;
    background: none;
    box-shadow: none;
    font-size: 124%;
    line-height: 120%;
    color: #b9b982;
    text-align: left;
    padding: 5px 0;
    font-weight: 100;
}

#create_post_button_message, #create_comment_button_message, #create_community_button_message {
    text-align: center;
    color: #922;
}

.post_upload_box {
    width: 200px;
    height: 15px;
    background: #555;
    margin: 0 auto;
    border-radius: 4px;
}

.post_button_create, .community_button_create, .topic_button_create {
    text-align: center;
    margin: 40px 0 10px 0;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.post_button_create span, .post_button_create a {
    margin: 0 10px;
}

.post_button_create {
    flex-direction: row;
}

#post_add_content_box {
    margin: 50px 0 20px 0;
    display: flex;
    justify-content: center;
}

#post_add_content_box div, #post_add_content_box label, #post_add_content_box span {
    border: none;
    padding: 0;
    overflow: visible;
    font: inherit;
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    -webkit-appearance: none;
    display: block;
    color: #fff;
    font-family: NanumGothic, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 12px;
    border-radius: 4px;
    align-self: center;
    justify-content: space-between;
    width: 142px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: #ac835d;
    text-decoration: none;
}

#post_add_content_box div:hover, #post_add_content_box span:hover {
    text-decoration: underline;
    cursor: pointer;
}

#post_add_content_box div:not(:first-child), #post_add_content_box label:not(:first-child) {
    margin-left: 20px;
}

.post_delete_b {
    float: right;
    width: 30px;
    height: 40px;
    font-size: 150%;
    text-align: center;
    line-height: 40px;
}

.post_delete_b:hover {
    cursor: pointer;
    color: red;
}

.post_n_r {
    margin: 10px 0;
    padding: 10px 0;
    border: 1px dashed #444;
}

.post_n_b {
    min-height: 10px;
    display: flex;
    position: relative;
    align-content: stretch;
}

.post_n_b_l {
    width: 30px;
    min-height: 10px;
    display: flex;
    align-items: center;
}

.post_n_b_r {
    display: flex;
    min-height: 10px;
    width: 30px;
    align-items: center;
    justify-content: center;
    font-size: 200%;
}

.post_n_b_r:hover {
    cursor: pointer;
    color: red;
}

.post_n_b_t {
    flex: 1;
    min-height: 10px;

    /* Стили аналогичны p */
    font-size: 100%;
    line-height: 120%;
    overflow: hidden;
    padding: 0 0 10px 0;
    margin: 0;
}

.post_n_b_t:focus {
    outline: none;
}

.post_n_b_n {
    flex: 1;
    min-height: 10px;

    /* Стили аналогичны p */
    font-size: 100%;
    line-height: 120%;
    overflow: hidden;
    padding: 5px;
    margin: 0;
    border: 1px dashed #444;
    font-style: italic;
}

.post_n_b_n:focus {
    outline: none;
}

.post_n_b_c {
    flex: 1;
    min-height: 10px;
    color: #abb2bf;
    background: #282c34;

    /* Стили аналогичны p */
    font-size: 100%;
    line-height: 140%;
    overflow: hidden;
    padding: 3px 5px;
    margin: 0;
}

.post_n_b_c:focus {
    outline: none;
}

.post_n_b_img {
    flex: 1;
    min-height: 20px;
    text-align: center;
}

.video_row {
    padding: 0;
}

.video_bg {
    width: 100%;
    padding-bottom: 56.25%;
}

.video_info {
    width: 100%;
    padding-bottom: 56.25%;
    margin-top: -56.25%;
}

.video_play_box {
    width: 100%;
    padding-bottom: 56.25%;
    margin-top: -56.25%;

    background-image: url('/img/video_play.png');
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.4;
}

.video_play_box:hover {
    cursor: pointer;
    opacity: 0.7;
}

.video_play {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 120px;
    height: 120px;
    margin-left: -60px;
    background-image: url('/img/video_play.png');
    background-size: cover;
    opacity: 0.4;
}

.add_tag_title {
    margin-top: 40px;
}

#add_tag {
    border: 1px dashed #444;
    outline: none;
    padding: 10px 30px;
    font-size: 120%;
}

#added_tags {
    display: flex;
    margin: 10px 0;
}

#added_tags div {
    color: #5176d5;
    padding: 2px 10px;
    background: #101319;
    border-radius: 10px;
    font-size: 80%;
    margin-right: 10px;
    border: 1px solid #4a4847;
    text-transform: uppercase;
}

#added_tags span {
    font-size: 130%;
    color: #a11;
}

#added_tags span:hover {
    cursor: pointer;
    color: #f11;
}

.content_main_box .post_c_t {
    font-size: 140%;
    padding-bottom: 40px;
}

#community_create_name, #community_link_topic, #blacklist_account_name {
    width: 96%;
    font-size: 140%;
    text-align: left;
    padding: 0 8px;
    margin: 0;
}

#blacklist_account_name {
    height: 38px;
}

#community_create_slug {
    width: 96%;
    font-size: 125%;
    text-align: left;
    padding: 0 8px;
    margin: 0;
}

#community_create_desc {
    width: 96%;
    font-size: 120%;
    line-height: 125%;
    margin: 0;
    text-align: left;
    padding: 8px;
    min-height: 74px;
    resize: vertical;
}

#community_create_icon, .community_icon_hidden {
    width: 150px;
    height: 150px;
    background-color: #111;
    font-size: 90%;
    line-height: 125%;
    background-size: cover;
    background-position: center;
    border: 1px dashed #444;
    text-align: center;
}

#community_create_icon label:hover {
    text-decoration: underline;
    cursor: pointer;
}

.community_icon_hidden, .topic_icon_hidden {
    display: table-cell;
    opacity: 0;
    font-size: 100%;
    line-height: 100%;
    vertical-align: inherit;
    text-shadow: #000 0 0 10px;
}

.topic_icon_hidden {
    width: 230px;
    height: 300px;
}

.community_icon_hidden:hover, .topic_icon_hidden:hover {
    opacity: 1;
}

#community_create_name_error, #community_create_slug_error {
    margin: 0 0 20px 0;
    color: #cd0b0b;
    font-size: 120%;
    line-height: 120%;
}

#community_create_desc_error {
    color: #cd0b0b;
}

.community_create_h, .topic_create_h {
    line-height: 120%;
}

.topic_create_h label:hover {
    text-decoration: underline;
    cursor: pointer;
}

.community_create_help_box {
    width: 200px;
}

#community_create_help_name {
    height: 40px;
    margin-top: 24px;
    margin-bottom: 40px;
    font-size: 90%;
    line-height: 40px;
    padding: 0 5px;
}

#community_create_help_slug {
    height: 31px;
    margin-bottom: 40px;
    font-size: 90%;
    line-height: 31px;
    padding: 0 5px;
}

#community_create_help_desc {
    height: 31px;
    margin-bottom: 20px;
    font-size: 90%;
    line-height: 31px;
    padding: 0 5px;
}

#topic_create_name {
    width: 96%;
    font-size: 160%;
    text-align: left;
    padding: 0 8px;
    margin: 0;
}

#topic_create_description {
    width: 96%;
    font-size: 120%;
    line-height: 125%;
    margin: 0;
    text-align: left;
    padding: 8px;
    min-height: 74px;
    resize: vertical;
}

#topic_create_developer, #topic_create_screenshots {
    width: 96%;
    font-size: 120%;
    line-height: 125%;
    margin: 0;
    text-align: left;
    padding: 8px;
}

#topic_create_screenshots {
    width: 100%;
    min-height: 60px;
    margin-bottom: 20px;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

#topic_create_screenshots div {
    margin-bottom: 8px;
}

#topic_create_screenshots img {
    max-width: 185px;
    max-height: 150px;
    margin: 0 5px 5px 0;
}

#topic_create_screenshots span {
    font-size: 170%;
    color: #cd0b0b;
    user-select: none;
}

#topic_create_screenshots span:hover {
    cursor: pointer;
    color: #fd1b1b;
}

.topic_create_box {
    width: 100%;
    padding: 0 0 0 30px;
    font-size: 90%;
}

#topic_create_name_error, #topic_create_description_error, #topic_create_developer_error {
    margin: 0 0 20px 0;
    color: #cd0b0b;
    font-size: 120%;
    line-height: 120%;
}

#topic_create_help_name {
    width: 220px;
    height: 33px;
    margin-top: 20px;
    margin-bottom: 45px;
    line-height: 33px;
    padding: 0 5px;
}

#topic_create_help_desc {
    width: 220px;
    height: 31px;
    margin-bottom: 100px;
    line-height: 31px;
    padding: 0 5px;
}

#topic_create_help_developer {
    width: 220px;
    height: 31px;
    margin-bottom: 45px;
    line-height: 31px;
    padding: 0 5px;
}

#topic_load_icon {
    background-size: cover;
    background-position: center;
    background-color: #111;
    text-align: center;
    border: 1px dashed #444;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#topic_load_icon label:hover {
    text-decoration: underline;
    cursor: pointer;
}

.topic_create_box input {
    color: #a0a0a0;
}

#topic_create_platforms, #topic_create_tags {
    min-height: 30px;
}

#topic_all_platforms, #topic_create_platforms {
    line-height: 120%;
    user-select: none;
}

#topic_create_tags, #topic_all_tags {
    user-select: none;
}

#topic_create_platforms, #topic_create_tags {
    border-bottom: 1px dashed #444;
    margin-bottom: 10px;
}

#topic_all_platforms span:hover, #topic_create_platforms span:hover {
    cursor: pointer;
    background: #332015;
}

#topic_create_tags span:hover, #topic_all_tags span:hover {
    cursor: pointer;
    background: #332015;
}

#topic_create_released_at {
    width: 200px;
    margin: 0 0 20px 0;
    min-height: 37px;
    font-size: 160%;
    color: #a0a0a0;
}

.check_box {
    padding: 30px 0 0 0;
    line-height: 130%;
    text-align: center;
}

#topic_create_description::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #221912;
}

#topic_create_description::-webkit-scrollbar {
    width: 12px;
    background-color: #58432e;
}

#topic_create_description::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #58432e;
}

.pre {
    width: 100%; display: flex;
}

/* Create post/topic/community style end */

/* hr style start */

.line_box {
    width: 100%;
}

.line_row {
    width: 90%;
    margin: 30px auto;
    height: 5px;
}

.line_left {
    float: left;
    width: 150px;
    height: 5px;
    border-bottom: 1px solid #4a4847;
}

.line_right {
    float: right;
    width: 150px;
    height: 5px;
    border-bottom: 1px solid #4a4847;
}

.line_center {
    height: 5px;
    margin: 0 150px;
    border-bottom: 1px solid #4a4847;
}

/* hr style end */

/* Search page style start */

.t_review_p {
    padding: 10px 10px 10px 15px;
    display: block;
}

.t_review_a {
    font-size: 160%;
    vertical-align: middle;
    text-decoration: none;
    color: #ac835d;
}

.t_review_a:hover {
    color: #5176d5;
}

/* Search page style end */

/* Profile style page start */

.pr_info_box {
    display: flex;
    padding: 0 30px;
}

.pr_ava_box {
    width: 16%;
    min-width: 200px;
    min-height: 100px;
    padding-left: 20px;
}

.pr_info {
    width: 45%;
    min-height: 100px;
}

.pr_stats {
    width: 45%;
    min-height: 100px;
    display: flex;
    margin-right: 20px;
}

.pr_stats_l {
    width: 100%;
}

.pr_stats_r {
    width: 50%;
}

.pr_ava_table {
    text-align: left;
    table-layout: fixed;
    border: 0;
}

.pr_ava {
    width: 170px;
    height: 200px;
    background-size: cover;
}

.pr_char_sum {
    text-align: center;
    padding-bottom: 10px;
}

.pr_char_box {
    display: inline-block;
    margin-right: 40px;
    width: 150px;
}

a.pr_char_link {
    text-decoration: none;
}

.pr_char_ava {
    width: 106px;
    height: 106px;
    border-radius: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.pr_char_lvl {
    background: #a49084;
    padding: 1px 6px;
    border-radius: 100%;
    color: #58290c;
}

.pr_char_race {
    font-size: 90%;
    color: #e05a26;
}

.pr_title_b {
    display: flex;
    justify-content: center;
}

.pr_title_r {
    height: 60px;
    text-align: right;
}

.pr_title {
    line-height: 60px;
    font-size: 300%;
    text-transform: uppercase;
    font-family: Times New Roman, sans-serif;
    color: #d6b885;
    font-weight: 100;
    margin: 0 5px 0 0;
    padding: 0;
}

.pr_group {
    line-height: 60px;
    font-size: 140%;
    border-radius: 3px;
    vertical-align: middle;
    margin: 0 0 0 5px;
    padding: 5px;
    color: #ccc;
    background: #851d1d;
}

.pr_group_s {
    line-height: 25px;
    font-size: 90%;
    border-radius: 3px;
    vertical-align: middle;
    padding: 3px;
    color: #ccc;
    background: #851d1d;
}

.pr_title_upper {
    font-size: 130%;
}

.pr_h2 {
    margin-top: 60px;
    text-align: center;
    font-size: 200%;
}

.pr_level {
    text-align: center;
    font-size: 140% !important;
    margin-top: 5px !important;
}

.pr_level_t {
    text-transform: uppercase !important;
    font-size: 70% !important;
}

.pr_stats_table {
    width: 100%;
}

.pr_stats_table td {
    border: none;
}

.pr_logout_form {
    padding: 0 30px;
}

.pr_stats_td_l {
    text-align: left;
    padding: 3px;
}

.pr_stats_td_r {
    text-align: right;
    padding: 3px;
}

.pr_stats_td_i {
    width: 40px;
    padding: 0 0 0 10px;
}

.pr_stats_td_s {
    text-align: center;
    font-size: 130%;
    padding: 3px;
}

.pr_stats_i {
    width: 34px;
    height: 34px;
}

.pr_stat_str {
    color: #e74b1b;
}

.pr_stat_dex {
    color: #16a73f;
}

.pr_stat_int {
    color: #a72dc1;
}

.pr_stat_end {
    color: #d01c1c;
}

.pr_stat_char {
    color: #8e66a3;
}

.pr_stat_energy {
    color: #0da9a7;
}

.pr_stat_luck {
    color: #d97a26;
}

.pr_stat_will {
    color: #527dd5;
}

.pr_stat_perc {
    color: #e8d394;
}

.pr_info_base {
    width: 100%;
    font-family: arial, sans-serif;
    line-height: 125%;
}

.pr_info_base dl {
    overflow: hidden;
    padding: 0 30px;
}

.pr_info_base dt {
    float: left;
    max-width: 100%;
    margin-right: 5px;
}

.pr_info_base dd {
    float: right;
    text-align: right;
    max-width: 100%;
}

.add_stat_img:hover {
    cursor: pointer;
}

.pbg01, .pbg02, .pbg03, .pbg04, .pbg05, .pbg06, .pbg07, .pbg08 {
    width: 95%;
    height: 64px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.pbg01 {
    background: url('/inferno/images/pbg01.jpg') center no-repeat;
}

.pbg02 {
    background: url('/inferno/images/pbg02.jpg') center no-repeat;
}

.pbg03 {
    background: url('/inferno/images/pbg03.jpg') center no-repeat;
}

.pbg03 {
    background: url('/inferno/images/pbg03.jpg') center no-repeat;
}

.pbg04 {
    background: url('/inferno/images/pbg04.jpg') center no-repeat;
}

.pbg05 {
    background: url('/inferno/images/pbg05.jpg') center no-repeat;
}

.pbg06 {
    background: url('/inferno/images/pbg06.jpg') center no-repeat;
}

.pbg07 {
    background: url('/inferno/images/pbg07.jpg') center no-repeat;
}

.pbg08 {
    background: url('/inferno/images/pbg08.jpg') center no-repeat;
}

.profile_life1, .profile_life2, .profile_life3, .profile_life4, .profile_life_info_text {
    width: 100%;
    height: 64px;
}

.profile_life1 {
    background: url('/inferno/images/bdlayers1.png');
}

.profile_life2 {
    background: url('/inferno/images/bdlayers2.png') left no-repeat;
}

.profile_life3 {
    background: url('/inferno/images/bdlayers_left2.png') left no-repeat;
}

.profile_life4 {
    background: url('/inferno/images/bdlayers_right2.png') right no-repeat;
}

.profile_life_info_text {
    background: url('/inferno/images/profile_info.png') left no-repeat;
}

.profile_life_characters {
    width: 100%;
    height: 64px;
    background: url('/inferno/images/profile_character.png') left no-repeat;
}

.profile_chars_container {
    padding: 0 50px;
    margin-top: -18px;
}

.profile_char_container {
    width: 121px;
    height: 138px;
    margin: 0 auto;
}

.profile_char_ava_cont {
    padding: 38px 8px 8px 8px;
}

.profile_char_ava_border {
    width: 121px;
    height: 138px;
    margin: -108px auto 0 auto;
    background: url('/inferno/images/ava_border.png') no-repeat;
    background-size: contain;
}

.profile_char_desc {
    width: 150px;
    height: 50px;
    margin: 0 auto;
}

.profile_char_desc p {
    padding: 0;
    text-align: center;
}

.profile_char_hp_bar {
    width: 100%;
    height: 10px;
    background: #833;
    border-radius: 3px;
}

.profile_char_hp_bar p {
    text-align: center;
    color: #c1c1c1;
    font-size: 10px;
    font-family: Verdana, sans-serif;
}

.cr_parent {
    font-size: 140%;
    padding: 20px 30px 10px 30px;
}

.cr_parent a {
    text-decoration: none;
}

.cr_parent a:hover {
    text-decoration: underline;
}

.profile_follow_box {
    padding: 10px 20px;
    font-size: 110%;
    color: #796252;
    display: flex;
}

.profile_topic_box {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    padding-top: 10px;
}

.profile_topic_row {
    width: 150px;
    height: 220px;
    margin-right: 10px;
}

.profile_topic_row span {
    margin: 1px 0;
}

.profile_topic_row span:hover {
    margin: 0;
    border: 1px solid #5176d5;
}

.profile_topic_row a:hover {
    text-decoration: none;
}

.profile_topic_icon {
    display: inline-block;
    width: 148px;
    height: 180px;
    background-position: center;
    background-size: cover;
}

.w50 {
    width: 50%;
}

.w100 {
    width: 100%;
}

p.p_upload {
    padding: 10px 0 5px 0;
    font-size: 100%;
}

p.p_exit {
    padding: 0 0 0 30px;
    font-size: 100%;
}

.setting_box {
    position: relative;
    top: 10px;
    left: 40px;
}

/* Profile style page end */

/* Upload style start */

.pr_upload_box {
    width: 200px;
    height: 15px;
    background-color: #101319;
    border: 1px solid #4a4847;
    margin: 0 0 20px 0;
    border-radius: 4px;
}

.pr_upload {
    height: 15px;
    background: #262;
    border-radius: 4px;
}

.pr_upload_limit {
    height: 15px;
    background: #822;
    border-radius: 4px;
}

.pr_upload_text {
    width: 100%;
    height: 15px;
    margin-top: -15px;
    text-align: center;
    color: #aaa;
    font-size: 75%;
    line-height: 15px;
}

.pr_upload_input {
    display: none;
}

/* Upload style end */

/* Pagination style start */

.pagination {
    margin-top: 30px;
    text-align: center;
    font-size: 100%;
}

.pagination span {
    display: inline-block;
    text-decoration: none;
    border: 1px solid #111;
    background: #333;
    color: #fff;
    padding: 6px 12px;
    border-radius: 3px;
    font: 100% arial, helvetica, sans-serif;
}

.pagination a {
    display: inline-block;
    text-decoration: none;
    padding: 6px 12px;
    cursor: pointer;
    background-color: #ac835d;
    color: #fff;
    border: none;
    border-radius: 3px;
    font: 100% arial, helvetica, sans-serif;
}

.pagination a:hover {
    background-color: #bf9671;
}

.pagination span.link {
    display: inline-block;
    text-decoration: none;
    border: 1px solid #1a120d;
    padding: 6px 12px;
    cursor: pointer;
    background: url(/inferno/images/row3.jpg) repeat-x scroll center top #1a120d;
    color: #d2a456;
    border-radius: 3px;
    box-shadow: 0 1px 0 0 #6c4930 inset, 0 2px 3px rgb(0 0 0 / 20%);
    font: 100% arial, helvetica, sans-serif;
}

.pagination span.link:hover {
    background: url(/inferno/images/row.jpg) repeat-x scroll center top #1a120d;
    color: #a71d2a;
    cursor: pointer;
}

/* Pagination style end */

/* Achievements style start */

.pr_achvs {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.pr_achv {

}

/* Achievements style end */

/* Item style start */

.common_item_color {
    color: #b5b5b5;
}

.magic_item_color {
    color: #a0cfff;
}

.enchanted_item_color {
    color: #a9ffea;
}

.rare_item_color {
    color: #fff0a9;
}

.mystic_item_color {
    color: #ffc1a9;
}

.legendary_item_color {
    color: #eab933;
}

.epic_item_color {
    color: #a3ea33;
}

.artifact_item_color {
    color: #33eab0;
}

.relic_item_color {
    color: #b742e8;
}

.icon_shadow_0 {
    /*-webkit-box-shadow: inset 0 0 35px 5px rgba(181,181,181,0.4);*/
    /*box-shadow: inset 0 0 35px 5px rgba(181,181,181,0.4);*/
}

.icon_shadow_1 {
    -webkit-box-shadow: inset 0 0 35px 0 rgba(160, 207, 255, 0.4);
    box-shadow: inset 0 0 35px 0 rgba(160, 207, 255, 0.4);
}

.icon_shadow_2 {
    -webkit-box-shadow: inset 0 0 35px 0 rgba(169, 255, 234, 0.4);
    box-shadow: inset 0 0 35px 0 rgba(169, 255, 234, 0.4);
}

.icon_shadow_3 {
    -webkit-box-shadow: inset 0 0 35px 0 rgba(255, 240, 169, 0.4);
    box-shadow: inset 0 0 35px 0 rgba(255, 240, 169, 0.4);
}

.icon_shadow_4 {
    -webkit-box-shadow: inset 0 0 35px 0 rgba(255, 193, 169, 0.4);
    box-shadow: inset 0 0 35px 0 rgba(255, 193, 169, 0.4);
}

.icon_shadow_5 {
    -webkit-box-shadow: inset 0 0 35px 0 rgba(234, 185, 51, 0.4);
    box-shadow: inset 0 0 35px 0 rgba(234, 185, 51, 0.4);
}

.icon_shadow_6 {
    -webkit-box-shadow: inset 0 0 35px 0 rgba(163, 234, 51, 0.4);
    box-shadow: inset 0 0 35px 0 rgba(163, 234, 51, 0.4);
}

.icon_shadow_7 {
    -webkit-box-shadow: inset 0 0 35px 0 rgba(51, 234, 176, 0.4);
    box-shadow: inset 0 0 35px 0 rgba(51, 234, 176, 0.4);
}

.icon_shadow_8 {
    -webkit-box-shadow: inset 0 0 35px 0 rgba(183, 66, 232, 0.4);
    box-shadow: inset 0 0 35px 0 rgba(183, 66, 232, 0.4);
}

.item_d_icon {
    width: 100%;
    height: 100%;
    background-size: cover;
}

.item_d_icon_c {
    margin: 50px auto 20px auto;
    width: 60px;
    height: 60px;
    border: 1px solid #9c6c47;
    border-radius: 3px;
}

.item_d_cont {
    margin: -18px auto 0 auto;
}

.item_d_body {
    width: 434px;
    background: #13100b;
}

.item_d_top {
    width: 434px;
    height: 19px;
    background: url(/inferno/images/item_d_top.png);
}

.item_d_bottom {
    width: 434px;
    height: 19px;
    background: url(/inferno/images/item_d_bottom.png);
}

.item_d_line {
    width: 434px;
    height: 2px;
    background: url(/inferno/images/item_d_line.png);
    margin: 5px 0;
}

p.item_d_name {
    font-size: 22px;
    font-family: Arial, sans-serif;
    text-align: center;
    padding: 5px;
    margin: 0;
    line-height: 100%;
}

p.item_d_price {
    font-size: 18px;
    font-family: Arial, sans-serif;
    text-align: center;
    padding: 12px;
    margin: 0;
    line-height: 100%;
}

p.item_d_type {
    font-size: 14px;
    font-family: Arial, sans-serif;
    text-align: center;
    padding: 2px 0 6px 0;
    color: #87704c;
    margin: 0;
    line-height: 100%;
}

.item_d_pl {
    width: 75%;
    height: 26px;
    float: left;
}

.item_d_w {
    width: 100%;
    height: 26px;
}

.item_d_pl p, .item_d_w p {
    padding: 4px 0 4px 15px;
    font-family: Arial, sans-serif;
    font-size: 135%;
    text-align: left;
    color: #887962;
}

.item_d_cn {
    text-align: center;
    padding: 10px;
    font-size: 120%;
}

.item_d_pr {
    height: 26px;
    margin-left: 75%;
}

.item_d_pr p {
    padding: 4px 15px 4px 0;
    font-family: Arial, sans-serif;
    font-size: 135%;
    text-align: right;
    color: #887962;
}

p.item_d_m {
    font-size: 18px;
    font-family: Arial, sans-serif;
    text-align: center;
    color: #3c6fa8;
    padding: 4px;
    margin: 0;
    line-height: 100%;
}

p.item_d_r {
    font-size: 18px;
    font-family: Arial, sans-serif;
    text-align: center;
    color: #d39e00;
    padding: 4px;
    margin: 0;
    line-height: 100%;
}

.item_d_bl {
    width: 50%;
    height: 40px;
    float: left;
}

.item_d_bl p {
    padding: 4px 0 4px 15px;
    font-family: Arial, sans-serif;
    font-size: 14px;
    text-align: left;
    color: #887962;
}

.item_d_br {
    height: 40px;
    margin-left: 50%;
}

.item_d_br p {
    padding: 4px 15px 4px 0;
    font-family: Arial, sans-serif;
    font-size: 14px;
    text-align: right;
    color: #887962;
}


.item_description_hidden {
    display: none;
}

.item_description_visible {
    display: block;
    position: absolute;
    transform: translateX(-40%);
    z-index: 10;
}

.in_section_item {
    width: 94%;
    padding-top: 94%;
    margin: -98% 0 0 2%;
    border: 1px solid #9c6c47;
    border-radius: 3px;
    background: #1e1915;
    background-size: cover;
}

.in_item_no_equip {
    border: 1px solid #a22;
}

.item_menu_hidden {
    display: none;
}

.item_menu_visible {
    position: absolute;
    display: block;
    z-index: 1;
    transform: translateX(-20%);
    width: 120px;
    min-width: 150px;
    height: auto;
    background-color: #1a1410;
    padding: 0;
    border: 1px solid #65513d;
    font-family: arial, sans-serif;
    font-size: 15px;
    color: #a9825d;
    box-shadow: 0 0 4px #000;
}

.item_menu_visible ul {
    padding: 0;
    margin: 0;
}

.item_menu_visible li {
    color: #dcb26a;
    list-style: none;
    display: list-item;
    text-align: -webkit-match-parent;
    background: #1e1915 url(/inferno/images/row6.jpg) repeat-x top left;
    border-bottom: 1px solid #43372d;
    padding: 5px;
    margin: 0;
}

.item_menu_visible li:hover {
    color: #f0c377;
    background: #5b4737;
    cursor: pointer;
}

/* Item style end */

/* Pop-up message style start */

.notification_bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(1, 1, 1, 0.6);
    z-index: 1000;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.notification_box {
    width: 90%;
    max-width: 500px;
    min-height: 100px;
    background-color: #101319;
    border: 1px solid #4a4847;
}

.notification_box p {
    padding: 10px;
    text-align: center;
}

.notification_box h3 {
    color: #d8be91;
    padding: 8px 10px 9px;
    font-size: 16px;
    font-weight: 300;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    border-bottom: 1px solid #422c1e;
    font-family: arial, sans-serif;
}

.notification_close {
    font-size: 300%;
    color: #822;
}

.notification_close:hover {
    cursor: pointer;
    color: #a22;
}

/* Pop-up message style start */

/* About page style start */

.about_box {
    display: flex;
}

.about_box p {
    padding-bottom: 20px;
}

.about_photo {
    width: 400px;
    height: 400px;
    background-image: url(/dark_web/img/photo.jpg);
    background-size: cover;
}

.about_text {
    padding-left: 30px;
}

/* About page style end */

/* Topic list style start */

.game_box {
    min-height: 100px;
    margin-bottom: 50px;
    display: flex;
}

.game_l {
    width: 16%;
    min-width: 150px;
}

.game_r {
    width: 84%;
}

.game_icon {
    width: 140px;
    height: 180px;
    margin: 0 auto;
    background-size: cover;
    background-position: center;
    border: 1px solid #333;
}

a.game_link {
    font-size: 120%;
    text-decoration: none;
    color: #ac835d;
}

a.game_link:hover {
    color: #5176d5;
}

.game_desc {
    margin: 10px 0;
}

.game_info {
    margin: 10px 0 0 0;
}

.game_hr {
    width: 50%;
    border-bottom: 1px solid #333;
}

.game_box p {
    padding: 0;
    font-size: 90%;
}

/* Topic list style end */

/* Topic page style start */

.g_box {
}

.g_row {
    display: flex;
}

.g_t {
    border-spacing: 0;
    border-collapse: collapse;
    width: 250px;
    margin: 0 auto;
}

.g_icon {
    width: 230px;
    height: 300px;
    background-size: cover;
    background-position: center;
}

.g_title {
    text-align: left;
    padding: 0 0 20px 0;
    margin: 0;
}

.g_hr {
    width: 80%;
    margin: 0 0 10px 15px;
    border-bottom: 1px solid #333;
}

.g_image_box {

}

.g_image_box p {
    padding: 5px 0;
}

.g_image_box img {
    height: 140px;
    margin: 3px 9px 3px 0;
    border: 1px solid #333;
}

.g_image_box img:hover {
    border: 1px solid #c38339;
}

.t_platform, .t_tag, .t_tag_m, .t_tag_list {
    background-color: #101319;
    border: 1px solid #4a4847;
    padding: 3px;
    border-radius: 4px;
    margin: 0 6px 6px 0;
    display: inline-block;
}

.t_platform {
    background-color: #122305;
}

.t_tag_list {
    background: #101319;
}

.t_fact {
    width: 260px;
    padding-top: 20px;
    font-size: 90%;
}

.t_fact p {
    padding: 0 0 10px 0;
}

.t_se_also {
    display: flex;
}

.t_se_also_row {
    width: 50%;
}

.t_se_also_row p {
}

.t_review_p {
    padding: 10px 10px 10px 15px;
    display: block;
}

.t_review_a {
    font-size: 160%;
    vertical-align: middle;
    text-decoration: none;
    color: #a9825d;
}

.t_com_icon {
    width: 80px;
    height: 80px;
    background-size: cover;
    background-position: center;
    border: 1px solid #333;
}

.t_tag_info {
    padding: 0 0 0 10px;
}

.t_tag_info p {
    font-size: 110%;
    color: #796252;
    text-align: center;
}

.t_tag_m {
    background: #241d17;
}

.t_com_box {
    min-height: 100px;
    margin: 10px 0;
    padding: 0;
    display: flex;
}

.t_com_box p {
    padding: 0;
    font-size: 90%;
}

#t_like_box {
    float: right;
    padding-top: 10px;
}

.t_icon_reload {
    line-height: 110%;
    padding: 10px;
    text-align: center;
}

.t_icon_reload label:hover {
    text-decoration: underline;
    cursor: pointer;
}

/* Topic page style end */

/* Community list style start */

.com_box {
    min-height: 100px;
    margin-bottom: 20px;
    padding: 0 30px;
    display: flex;
}

.com_box p {
    padding: 0;
    font-size: 90%;
}

.com_l {
    width: 20%;
    min-width: 210px;
}

.com_l_tiny {
    width: 90px;
}

.com_r {
    width: 80%;
    padding: 0;
}

.com_icon {
    width: 180px;
    height: 180px;
    margin: 0 auto;
    background-size: cover;
    background-position: center;
    border: 1px solid #333;
}

a.com_link {
    text-decoration: none;
}

.com_desc {
    margin: 10px 0;
}

.com_info {
    margin: 10px 0 0 0;
}

.com_hr {
    width: 50%;
    border-bottom: 1px solid #333;
}

/* Community list style end */

/* Notice page style start */

.notice_box {
    margin: 10px 0;
    border: 1px solid #4a4847;
    border-radius: 5px;
    display: flex;
    -webkit-box-shadow: 0 3px 5px 0 rgb(0 0 0 / 75%);
    -moz-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.75);
    box-shadow: 0 3px 5px 0 rgb(0 0 0 / 75%);
}

.notice_box p {
    padding: 5px;
    margin: 0;
}

.notice_info, .notice_warning, .notice_success {
    width: 15%;
    min-width: 80px;
    text-align: center;
    border-radius: 5px 0 0 5px;
}

.notice_date_info, .notice_date_warning, .notice_date_success {
    width: 25%;
    min-width: 80px;
    text-align: center;
    border-radius: 0 5px 5px 0;
}

.notice_info {
    border-right: 1px solid #4a4847;
}

.notice_warning {
    background-color: #631b1b;
    border-color: #b33131;
    color: #fff;
}

.notice_success {
    background-color: #2d5505;
    border-color: #7dc736;
    color: #fff;
}

.notice_date_info {
    border-left: 1px solid #4a4847;
}

.notice_date_warning {
    background-color: #631b1b;
    border-color: #b33131;
    color: #fff;
}

.notice_date_success {
    background-color: #2d5505;
    border-color: #7dc736;
    color: #fff;
}

.notice_message_info, .notice_message_warning, .notice_message_success {
    width: 60%;
}

.notice_message_warning {
    background: #8b2626;
    color: #fff;
    border-color: #8b2626;
}

.notice_message_success {
    background: #38630e;
    color: #fff;
    border-color: #649f2b;
}

/* Notice page style end */

/* Pop-up notice style start */

.up_notice_box {
    position: absolute;
    width: 100%;
    max-width: 500px;
    top: 110px;
    right: 0;
    z-index: 1000;
    padding: 10px;
    font-size: 80%;
}

.up_notice_row {
    background: #222;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #4a4847;
    border-radius: 5px;
    display: flex;
    -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.75);
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.75);
}

.up_notice_row_l {
    width: 96%;
    font-size: 120%;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    color: #a0a0a0;
}

.up_notice_row_r {
    width: 4%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.up_notice_row_r span {
    font-size: 200%;
    line-height: 50%;
    color: #a11;
}

.up_notice_row_r span:hover {
    color: #f11;
    cursor: pointer;
}

#up_open_notice {
    float: right;
    width: 35px;
    height: 35px;
    background-image: url(/dark_web/img/notice.png);
    background-size: cover;
    opacity: 0.8;
}

#up_open_notice:hover {
    opacity: 1;
    cursor: pointer;
}

#up_notice_content {
    display: none;
}

#up_open_notice p {
    padding: 20px 0 0 20px;
}

#up_open_notice span {
    color: #fff;
    padding: 2px 6px;
    background: #ac835d;
    border-radius: 100%;
    font-size: 80%;
}

.up_notice_car {
    padding: 10px 15px;
}

.up_notice_car p {
    text-align: right;
    font-size: 50%;
    font-family: 'Open Sans', sans-serif;
}

.up_notice_car span {
    font-size: 250%;
    line-height: 50%;
    color: #f11;
}

.up_notice_car span:hover {
    color: #f11;
    cursor: pointer;
    text-decoration: underline;
}

/* Pop-up notice style end */

/* Highlight code style start */

code.hljs {
    display: block;
    overflow-x: auto;
    padding: 3px 5px;
    margin: 20px 0;
}

.hljs {
    color: #abb2bf;
    background: #282c34;
}

.hljs-comment,
.hljs-quote {
    color: #609755;
    font-style: italic;
}

.hljs-doctag,
.hljs-keyword,
.hljs-formula {
    color: #c678dd;
}

.hljs-section,
.hljs-name,
.hljs-selector-tag,
.hljs-deletion,
.hljs-subst {
    color: #e06c75;
}

.hljs-literal {
    color: #56b6c2;
}

.hljs-string,
.hljs-regexp,
.hljs-addition,
.hljs-attribute,
.hljs-meta .hljs-string {
    color: #98c379;
}

.hljs-attr,
.hljs-variable,
.hljs-template-variable,
.hljs-type,
.hljs-selector-class,
.hljs-selector-attr,
.hljs-selector-pseudo,
.hljs-number {
    color: #d19a66;
}

.hljs-symbol,
.hljs-bullet,
.hljs-link,
.hljs-meta,
.hljs-selector-id,
.hljs-title {
    color: #61aeee;
}

.hljs-built_in,
.hljs-title.class_,
.hljs-class .hljs-title {
    color: #e6c07b;
}

.hljs-emphasis {
    font-style: italic;
}

.hljs-strong {
    font-weight: bold;
}

.hljs-link {
    text-decoration: underline;
}

/* Highlight code style end */

@media screen and (max-width: 1250px) {

    .content {
        padding: 0 10px;
    }

}

@media screen and (max-width: 700px) {

    .head_logo {
        width: 60px;
        height: 60px;
        background-image: url(/dark_web/img/logo_s.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        align-self: center;
    }

    .h_box {
        padding: 0 10px;
    }

    .head_menu_box {
        justify-content: center;
    }

    .up_notice_box {
        max-width: 350px;
    }

    .f_row_f {
        width: 50%;
        padding: 0 0 0 10px;
        height: 200px;
    }

    .f_row_l {
        width: 0;
        height: 200px;
    }
}