* {
    margin: 0;
    padding: 0;
}

a {
    color: #c38339;
}

a:hover {
    color: #5176d5;
}

a.a_set {
    color: #00a100;
    text-decoration: none;
}

a.a_set:hover {
    color: #00c100;
    text-decoration: underline;
}

.text_set {
    color: #00c400;
}

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

body {
    color: #796252;
    font: normal 13px arial, helvetica, sans-serif;
    position: relative;
    background: #0d0c0a url(/inferno/images/dw_head.jpg) no-repeat top center;
}

h1 {
    font-family: Times New Roman, sans-serif;
    font-size: 200%;
    color: #d6b885;
    text-align: center;
    font-weight: 100;
    padding: 0 20px 30px 15px;
    line-height: 125%;
}

h2 {
    font-family: Times New Roman, sans-serif;
    font-size: 160%;
    color: #b9b982;
    text-align: left;
    padding: 30px 15px 20px 15px;
    font-weight: 100;
}

h3 {
    font-family: verdana, sans-serif;
    font-size: 125%;
    line-height: 125%;
    font-weight: 700;
    text-align: left;
    color: #ab9a63;
    padding: 15px 15px 10px 15px;
}

ul {
    list-style: none;
    padding: 10px 40px 20px 60px;
}

ol {
    padding: 0 40px 20px 60px;
}

li {
    list-style-image: url(/inferno/images/ul_image.png);
    font-family: arial, sans-serif;
    font-size: 17px;
    color: #a9825d;
    margin-top: 4px;
    margin-bottom: 4px;
    line-height: 125%;
}

abbr {
    text-decoration: none;
}

.lnu {
    text-decoration: none;
}

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

.lnuf {
    text-decoration: none;
}

.sl {
    text-decoration: none;
    color: #c38339;
    cursor: pointer;
}

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

.hidden {
    display: none;
}

.unselect {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

pre.prettyprint {
    display: inline-block;
    padding: 5px;
    margin: 0 15px;
    background: #f8f8f8;
    border: 1px solid #c9c9c9;
    font-size: 14px;
    line-height: 140%;
    overflow: auto;
}

.precont {
    overflow: auto;
    margin: 10px 30px 30px;
}

#main_box {
    max-width: 1440px;
    width: 98%;
    margin: 0 auto;
}

#menu_box {
    margin: 0 auto;
    width: 100% !important;
}

#menu_r {
    background: url('/inferno/images/menu_r.png') no-repeat top right;
    height: 105px;
    width: 87px;
    float: right !important;
    margin: 0 -10px 0 0;
    outline: 0 none;
    padding: 0
}

#menu_l {
    background: url('/inferno/images/menu_l.png') no-repeat top left;
    height: 105px;
    width: 87px;
    float: left !important;
    margin: 0 0 0 -10px;
    outline: 0 none;
    padding: 0;
}

#menu_m {
    background: url('/inferno/images/menu_m.png') repeat-x top center;
    height: 105px;
    margin: 0 40px;
}

.menu_head_box {
    display: flex;
    justify-content: space-around;
}

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

#menu_head_show_menu {
    font-size: 20px;
    font-weight: 300;
    font-family: Times New Roman, sans-serif;
    text-transform: uppercase;
    color: #edd3a6;
    text-shadow: 1px 1px 3px rgb(0, 0, 0);
    text-decoration: none;
    margin-top: 27px;
    display: block;
    height: 40px;
}

#menu_head_show_menu:hover {
    cursor: pointer;
}

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

.submenu_el {
    width: 211px;
    height: 54px;
    background: #777;
    background: url('/inferno/images/menu_show.png');
    border-left: 1px solid #755137;
    border-right: 1px solid #755137;
    display: none;
}

.submenu_el a {
    text-align: center;
    font-size: 15px;
    font-weight: 300;
    font-family: Times New Roman, sans-serif;
    text-transform: uppercase;
    color: #edd3a6;
    text-shadow: 1px 1px 3px rgb(0, 0, 0);
    text-decoration: none;
    display: block;
    padding-top: 18px;
}

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

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

#menu_head_last {
    display: none;
}

#right_view_bottom {
    width: 38px;
    height: 122px;
    background: url('/inferno/images/m-b-01.png');
    position: relative;
    top: 50px;
    left: -38px;
    display: none;
    cursor: pointer;
    z-index: 5;
}

#right_menu_content {
    background: url('/inferno/images/pagecontent_bg.jpg');
}

.head_text {
    font-size: 15px;
    font-weight: 300;
    font-family: Times New Roman, sans-serif;
    text-transform: uppercase;
    color: #edd3a6;
    text-shadow: 1px 1px 3px rgb(0, 0, 0);
    text-decoration: none;
    margin-top: 28px;
    display: block;
}

.head_text:hover {
    color: #efc377;
}

.submenu a {
    margin-top: 0;
}

.row_mc {
    margin: 0 auto;
    width: 100% !important;
    background: url('/inferno/images/contentborder_rb.png') no-repeat bottom right,
    url('/inferno/images/contentborder_rt.png') no-repeat top right,
    url('/inferno/images/contentborder_r.png') repeat-y top right,
    url('/inferno/images/contentborder_lb.png') no-repeat bottom left,
    url('/inferno/images/contentborder_lt.png') no-repeat top left,
    url('/inferno/images/contentborder_l.png') repeat-y top left;
}

.row_mc0 {
    margin: 0 22px;
    background: url('/inferno/images/pagecontent_bottom_m.png') no-repeat bottom center,
    url('/inferno/images/pagecontent_bg.jpg');

}

.row_mc1 {
    margin-top: -20px;
    background: url('/inferno/images/bglefttop2.png') left top no-repeat,
    url('/inferno/images/bgrighttop2.png') right top no-repeat,
    url('/inferno/images/bgbottomleft.png') bottom left no-repeat,
    url('/inferno/images/bgleft6.png') left repeat-y,
    url('/inferno/images/bgbottomright.gif') bottom right no-repeat,
    url('/inferno/images/bgright6.png') right repeat-y,
    url('/inferno/images/bglinetop2.png') top repeat-x,
    url('/inferno/images/bglinebottom.gif') bottom repeat-x,
    url('/inferno/images/bgcenter2.jpg');
}

.row_mc2 {
    background: url('/inferno/images/bgbottomleft.png') bottom left no-repeat,
    url('/inferno/images/bgbottomright.gif') bottom right no-repeat,
    url('/inferno/images/bgleft6.png') left repeat-y,
    url('/inferno/images/bgright6.png') right repeat-y,
    url('/inferno/images/bglinebottom.gif') bottom repeat-x,
    url('/inferno/images/bgcenter2.jpg');
}

.row_mc3 {
    width: 100%;
    height: 25px;
    margin-top: -3px;
    background: url('/inferno/images/bgbottomcenter.gif') top center no-repeat;
}

.news_top_line {
    height: 20px;
    background: url('/inferno/images/pagecontent_top_m.png') top no-repeat;
}

.mr_box {
    width: 220px;
    float: right;
    margin-top: -20px;
    z-index: 10;
}

.mr_tl {
    width: 49px;
    height: 14px;
    float: left;
    background: url('/inferno/images/mr_o.gif');
}

.mr_tr {
    width: 49px;
    height: 14px;
    float: right;
    background: url('/inferno/images/mr_o.gif') 49px top;
}

.mr_tc {
    height: 14px;
    margin: 0 49px;
    background: url('/inferno/images/mr_tc.gif');
}

.mr_bl {
    width: 49px;
    height: 16px;
    float: left;
    background: url('/inferno/images/mr_o.gif') 0 bottom;
}

.mr_br {
    width: 49px;
    height: 16px;
    float: right;
    background: url('/inferno/images/mr_o.gif') 49px bottom;
}

.mr_bc {
    height: 16px;
    margin: 0 49px;
    background: url('/inferno/images/mr_bc.gif');
}

.content_center {
    margin-right: 230px;
}

.zero_margin {
    margin: 0;
}

.content_profile_box {
    padding: 30px 0;
}

.content_main_box p, .post_main_box p, .content_profile_box p, .content_center p {
    font-family: arial, sans-serif;
    font-size: 125%;
    color: #a9825d;
    line-height: 125%;
    padding: 0 15px 10px 15px;
}

.content_main_box {
    padding: 30px 20px;
}

.profile_both, .main_both {
    width: 100%;
    clear: both;
    height: 10px;
}

.dfb {
    width: 0;
    height: 30px;
    top: 285px;
    left: 50%;
    background: #800;
    position: absolute;
}

.df {
    width: 272px;
    height: 30px;
    background: url('/inferno/images/bgtopcenter6.png');
    margin-left: -136px;
}

#footer_box {
    margin: 0 auto;
    width: 100% !important;
}

#footer_r {
    background: url('/inferno/images/footer_r.png') no-repeat top right;
    height: 22px;
    width: 71px;
    float: right !important;
}

#footer_l {
    background: url('/inferno/images/footer_l.png') no-repeat top left;
    height: 22px;
    width: 71px;
    float: left !important;
}

#footer_m {
    background: url('/inferno/images/footer_m.png') repeat-x top center;
    height: 22px;
    margin: 0 40px;
}

#new_back_to_top {
    z-index: -10;
    background: url('/inferno/images/top.png');
    width: 134px;
    height: 50px;
    margin: -15px auto 0 auto;
    opacity: 0.5;
}

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

#new_back_to_top a {
    display: block;
    width: 100%;
    height: 100%;
}

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

.mr_content {
    background: url('/inferno/images/mr_l.gif') repeat-y left,
    url('/inferno/images/mr_r.gif') repeat-y right;
    padding: 0 4px;
}

.mr_el {
    background: url('/inferno/images/menu_id3.gif');
}

.mr_el p {
    font-family: tahoma, sans-serif;
    font-size: 125%;
    line-height: 160%;
    color: #d2a456;
    padding-left: 7px;
    padding-top: 9px;
    padding-bottom: 4px;
    white-space: nowrap;
}

.mr_el a {
    color: #d2a456;
    text-decoration: none;
}

.mr_el a:hover {
    color: #d51d1d;
    text-decoration: underline;
}

.l_icon_box {
    float: left;
    width: 65px;
    margin-top: -15px;
    margin-left: -75px;
}

.l_icon {
    margin: 15px auto;
    background-position: center;
    background-size: cover;
    opacity: 0.5;
}

.l_icon:hover {
    opacity: 1;
}

.lb {
    width: 65px;
    height: 65px;
}

.lr {
    width: 65px;
    height: 40px;
}

.lt {
    width: 40px;
    height: 70px;
}

.base_box {
    padding: 0 30px;
}

.search_input {
    margin: 0;
    font-size: 140%;
    color: #d9b569;
    width: 400px;
}

.counter_box {
    width: 88px;
    height: 31px;
    margin: 50px auto 30px auto;
    opacity: 0.3;
}

.counter_box:hover {
    opacity: 1;
}

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

::-webkit-scrollbar {
    width: 12px;
    background-color: #333;
}

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

.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%;
}

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

b {
    color: #e08926;
    font-weight: 700;
}

.rating_char_ava {
    width: 90px;
    height: 90px;
    border-radius: 100%;
    background-size: cover;
    margin: 0 auto;
}

/* Header styles start */

.nw_head {
    width: 100%;
}

.nw_acc_hr {
    background: url(/inferno/images/menu_id3.gif);
    height: 4px;
}

.nw_acc_welcome {
    height: 250px;
    background-image: url(/img/avatars/game/welcome.jpg);
    background-position: center;
    background-size: cover;
}

.nw_acc_desc {
    background: url(/inferno/images/menu_id3.gif);
    padding: 10px 0;
    text-align: center;
    font-size: 110%;
    line-height: 110%;
    color: #a9825d;
}

.go_home_box {
    height: 180px;
}

.go_home {
    display: block;
    width: 100%;
    height: 100%;
}

.nw_acc_box {
    display: flex;
    height: 200px;
}

.nw_acc_w {
    width: 21px;
    height: 200px;
    padding-top: 4px;
}

.nw_acc_wc {
    width: 21px;
    height: 192px;
    display: table-cell;
    vertical-align: bottom;
}

.nw_acc_we {
    width: 21px;
    background-image: url(/inferno/images/fill_exp.jpg);
    background-repeat: no-repeat;
}

.nw_acc_wn {
    width: 21px;
    background-image: url(/inferno/images/fill_energy.jpg);
    background-repeat: no-repeat;
}

.nw_acc_wt {
    opacity: 0;
    margin-top: -110px;
    margin-left: -89px;
    width: 200px;
    height: 21px;
    transform: rotate(-90deg);
    color: #fff;
    text-align: center;
    line-height: 21px;
    text-shadow: #000 0 0 4px;
}

.nw_acc_wt:hover {
    opacity: 1;
}

.nw_acc_wg {
    margin-top: -196px;
    width: 21px;
    height: 200px;
    background-image: url(/inferno/images/glass_bar.png);
    background-repeat: no-repeat;
}

.nw_acc_ava {
    width: 170px;
    height: 200px;
    background-position: center;
    background-size: cover;
}

.nw_acc_name {
    background: url(/inferno/images/row3.jpg);
    text-align: center;
    padding: 6px 0;
    font-size: 130%;
}

.nw_acc_name a {
    color: #b9b982;
    text-decoration: none;
}

.nw_acc_name a:hover {
    color: #d51d1d;
}

.nw_acc_name span {
    background: #bf8d37;
    font-size: 70%;
    padding: 2px 6px;
    border-radius: 100%;
    color: #000;
}

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

.search_i {
    padding: 4px;
    border: 1px solid #58432e;
    background-color: #221912;
    box-shadow: 0 0 7px rgb(0 0 0 / 60%) inset;
    font-family: Arial, sans-serif;
    margin: 0;
    font-size: 110%;
    color: #edd3a6;
    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(/inferno/images/search.png);
    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;
    color: #a9825d;
    background: url(/inferno/images/pagecontent_bg.jpg);
    padding: 6px;
    border: 1px solid #58432e;
}

.search_row a {
    text-decoration: none;
}

/* Header styles end */

/* Chat style start */

#chat_box {
    display: none;
    position: fixed;
    right: 0;
    bottom: 0;
    width: 1000px;
    height: 500px;
    background: #251d16 url('/inferno/images/row4.jpg') repeat-x top left;
    flex-direction: column;
    border-radius: 10px 10px 0 0;
    -webkit-box-shadow: 0 0 5px 0 #000000;
    box-shadow: 0 0 5px 0 #000000;
    z-index: 200;
}

.chat_header {
    height: 40px;
    border-bottom: 1px solid #413326;
}

.chat_header p {
    padding: 12px 0 0 9px;
}

.chat_header span {
    cursor: pointer;
    color: #8c7234;
}

.chat_header span.active {
    color: #D2A456;
    cursor: default;
}

.chat_body {
    min-height: 100px;
    flex-grow: 1;
    display: flex;
}

.chat_footer {
    height: 100px;
    border-top: 1px solid #413326;
    display: flex;
}

.chat_footer form {
    display: flex;
    width: 100%;
}

.chat_message_box {
    width: 800px;
    overflow-y: auto;
}

.chat_online {
    width: 200px;
    overflow-y: auto;
    border-left: 1px solid #413326;
}

.chat_online h3 {
    margin: 0;
    padding: 0 0 10px 0;
    text-align: center;
}

.chat_online p {
    font-size: 120%;
    padding-bottom: 3px;
}

.chat_online a {
    text-decoration: none;
}

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

.chat_x {
    padding: 10px;
}

.chat_online p {
    color: #222;
}

.chat_message {
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
}

.chat_author_box {
    width: 40px;
    min-height: 40px;
}

.chat_ava {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background-position: center;
    background-size: cover;
}

.chat_text_box {
    flex-grow: 1;
    background: #1b150f;
    border-radius: 0 5px 5px 5px;
    padding: 5px;
    font-size: 110%;
    color: #a28764;
}

.chat_message_head p {
    padding: 5px 0;
}

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

.chat_p_date {
    float: right;
    font-size: 80%;
    color: #72532a;
}

.chat_message_body {
    display: flex;
}

.chat_arrow {
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top-color: #1b150f;
    border-bottom: 0;
    border-right: 0;
}

.chat_close {
    float: right;
    color: #5a4431;
    font-size: 35px;
    margin-right: 20px;
}

.chat_close:hover {
    color: #8c633f;
    cursor: pointer
}

.chat_send_form {
    flex-grow: 11;
}

.chat_send_form textarea {
    width: 96%;
    height: 50px;
    margin: 10px 10px 0 10px;
    padding: 4px;
    border: 1px solid #58432e;
    background-color: #1b150f;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.6) inset;
    border-radius: 2px;
    color: #a28764;
    font-size: 15px;
}

.chat_send_form textarea:focus, .chat_send button:focus {
    outline: none;
}

.chat_send {
    flex-grow: 1;
    min-height: 50px;
    display: flex;
    justify-content: center;
    align-content: space-between;
    align-items: center;
    flex-direction: column;
}

.chat_send button {
    text-decoration: none;
    border: 1px solid #1A120D;
    padding: 4px 10px;
    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 rgba(0, 0, 0, 0.2);
    font: 140% Verdana, sans-serif;
}

.chat_send button:hover {
    color: #EFC377;
    cursor: pointer;
}

.chat_message_box::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #16100b;
}

.chat_message_box::-webkit-scrollbar {
    width: 7px;
    background-color: #16100b;
}

.chat_message_box::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #44362a;
}

.chat_online::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #16100b;
}

.chat_online::-webkit-scrollbar {
    width: 7px;
    background-color: #16100b;
}

.chat_online::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #44362a;
}

#chat_open {
    width: 40px;
    height: 28px;
    background-color: #2c2219;
    border-radius: 4px;
    position: fixed;
    right: 5px;
    bottom: 15px;
    z-index: 2;
}

#chat_open:after {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    right: 10px;
    bottom: -10px;
    border-left: 10px solid transparent;
    border-right: 2px solid transparent;
    border-top: 10px solid #2c2219;
}

#chat_open:hover {
    cursor: pointer;
    background-color: #664d37;
}

#chat_open:hover:after {
    border-top: 10px solid #664d37;
}

#chat_error_box {
    width: 100%;
    height: 20px;
    color: #a11;
    text-align: center;
}

.chat_del_b {
    float: right;
    width: 40px;
    text-align: center;
}

.chat_del_b span {
    font-size: 200%;
    color: #711;
}

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

.chat_silence {
    color: #711;
}

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

.chat_speak {
    color: #171;
}

.chat_speak:hover {
    color: #1f1;
    cursor: pointer;
}

p.chat_form_read_only {
    text-align: center;
    color: red;
    margin: 0 auto;
    padding: 10px;
}

/* Chat style end */

.post_link {
    font-family: Times New Roman, sans-serif;
    font-size: 21px;
    color: #b9b982;
    text-align: left;
    padding: 30px;
    font-weight: 100;
    text-decoration: none;
}

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

.select_text_box {
    width: 90%;
    background: #14100c;
    border-radius: 20px;
    margin: 30px auto 0 auto;
    border: 1px solid #3d2c1c;
}

.select_text_row {
    padding: 20px;
}

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

.wiki_icon {
    width: 64px;
    height: 64px;
}

.wiki_h {
    font-size: 20px;
    font-weight: 700;
    color: #e08926 !important;
}

.live_internet_box {
    width: 88px;
    height: 31px;
    margin: 30px auto 150px auto;
    opacity: 0.3;
}

.live_internet_box:hover {
    opacity: 1;
}

input, select, textarea {
    padding: 4px;
    border: 1px solid #58432e;
    background-color: #221912;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.6) inset;
    border-radius: 2px;
    color: #a9825d;
    font-family: Arial, sans-serif;
    font-size: 100%;
}

input:focus, textarea:focus {
    outline: none;
}

.input_submit {
    text-decoration: none;
    border: 1px solid #1A120D;
    padding: 4px 10px;
    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 rgba(0, 0, 0, 0.2);
    font: 120% Verdana, sans-serif;
}

.input_submit:hover {
    cursor: pointer;
    color: #EFC377;
}

.input_submit[disabled] {
    color: #888888;
    opacity: 0.5;
    -moz-opacity: 0.5;
    filter: alpha(opacity=50);
    cursor: default;
}

.center {
    text-align: center;
}

.left {
    text-align: left;
}

.right {
    text-align: right;
}

/* 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: 35%;
    min-height: 100px;
}

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

.pr_stats_l {
    width: 50%;
}

.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 {
    text-align: center;
    font-size: 200%;
}

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

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

.pr_stats_table {
    width: 100%;
}

.pr_logout_form {
    padding: 0 30px;
}

.pr_stats_td_l {
    text-align: left;
    font-size: 125%;
    color: #a9825d;
    padding: 3px;
}

.pr_stats_td_r {
    text-align: right;
    font-size: 140%;
    color: #a9825d;
    padding: 3px;
}

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

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

.pr_upload_box {
    width: 200px;
    height: 15px;
    background: #555;
    margin: 0 0 20px 30px;
    border-radius: 4px;
    font-size: 80%;
}

.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: 100%;
    line-height: 15px;
}

.pr_upload_input {
    display: none;
}

.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;
    font-size: 125%;
    color: #a9825d;
    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;
}

.profile_both, .main_both {
    width: 100%;
    clear: both;
    height: 10px;
}

.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 30px;
    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 */

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

.form_row {
    height: 40px;
    display: flex;
}

.form_left {
    width: 35%;
    height: 40px;
}

.form_right {
    width: 35%;
    height: 40px;
}

.form_left p, .form_right p {
    font-family: Arial, sans-serif;
    font-size: 130%;
    color: #a9825d;
    line-height: 40px;
    padding: 0;
}

.form_left {
    text-align: right;
}

.form_right {
    text-align: left;
}

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

.form_center input {
    width: 90%;
}

/* Change password page style end */

/* Table border style start */

.tb01 {
    width: 10px;
    height: 10px;
    background: url('/inferno/images/tb01.png');
}

.tb02 {
    width: 29px;
    height: 10px;
    background: url('/inferno/images/tb02.png');
}

.tb03 {
    height: 10px;
    background: url('/inferno/images/tb03.png');
}

.tb04 {
    width: 29px;
    height: 10px;
    background: url('/inferno/images/tb04.png');
}

.tb05 {
    width: 10px;
    height: 10px;
    background: url('/inferno/images/tb05.png');
}

.tb06 {
    width: 10px;
    height: 29px;
    background: url('/inferno/images/tb06.png');
}

.tb07 {
    width: 10px;
    height: 29px;
    background: url('/inferno/images/tb07.png');
}

.tb08 {
    width: 10px;
    height: 100%;
    background: url('/inferno/images/tb08.png');
}

.tb09 {
    width: 10px;
    height: 100px;
    background: url('/inferno/images/tb09.png');
}

.tb10 {
    width: 10px;
    height: 29px;
    background: url('/inferno/images/tb10.png');
}

.tb11 {
    width: 10px;
    height: 29px;
    background: url('/inferno/images/tb11.png');
}

.tb12 {
    width: 10px;
    height: 10px;
    background: url('/inferno/images/tb12.png');
}

.tb13 {
    width: 29px;
    height: 10px;
    background: url('/inferno/images/tb13.png');
}

.tb14 {
    height: 10px;
    background: url('/inferno/images/tb14.png');
}

.tb15 {
    width: 29px;
    height: 10px;
    background: url('/inferno/images/tb15.png');
}

.tb16 {
    width: 10px;
    height: 10px;
    background: url('/inferno/images/tb16.png');
}

/* Table border style end */

/* Pop-up notice style start */

.up_notice_box {
    position: fixed;
    width: 100%;
    max-width: 600px;
    top: 0;
    right: 0;
    z-index: 1000;
    padding: 10px;
}

.up_notice_row {
    background: url('/inferno/images/row4.jpg') top;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #413326;
    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: #d9b569;
}

.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('/inferno/images/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: #444;
    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 */

.login_container {
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 80px auto 100px auto;
}

span.login_label {
    font-family: Arial, sans-serif;
    font-size: 130%;
    color: #a9825d;
    line-height: 130%;
    padding: 5px;
}

.login_input {
    margin: 0;
    font-size: 140%;
    color: #d9b569;
}

.login_submit {
    margin-left: 20px;
    font-size: 15px;
}

/* Notice page style start */

.notice_box {
    background: url(/inferno/images/row4.jpg) top;
    margin: 10px 30px 0 30px;
    border: 1px solid #413326;
    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 #503624;
}

.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 #503624;
}

.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 */

/* Pagination style start */

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

.pagination span {
    display: inline-block;
    text-decoration: none;
    border: 1px solid #1a120d;
    padding: 6px 12px;
    background: url(/inferno/images/row.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 a {
    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 a:hover {
    background: url(/inferno/images/row.jpg) repeat-x scroll center top #1a120d;
    color: #a71d2a;
}

.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 */

/* Old images border start */

.div1_sc_d2 {
    width: 550px;
    margin: 4px auto;
}

.div2_sc_d2 {
    width: 175px;
    display: inline-block;
}

.div3_sc_d2 {
    background: url(/new_diz/images/newdiz/img_border.jpg);
    width: 167px;
    height: 127px;
    margin-bottom: 5px;
}

.img_sc_d2 {
    margin-left: 12px;
    margin-top: 11px;
    opacity: 1.0;
    -moz-opacity: 1.0;
    filter: alpha(opacity=100);
}

.img_sc_d2:hover {
    margin-left: 12px;
    margin-top: 11px;
    opacity: 0.8;
    -moz-opacity: 0.8;
    filter: alpha(opacity=80);
}

/* Old images border end */

/* Table style start */

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

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

.content_box_c table {
    margin: 0 auto;
}

.content_box_c::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #16110c;
}

.content_box_c::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: #16110c;
}

.content_box_c::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #795a3e;
}

table.d_table {
    width: 100%;
    border: none;
    border-collapse: collapse;
}

.d_table td {
    padding: 0;
    margin: 0;
}

.d_table .btll {
    background-image: url('/inferno/images/table_top_left.png');
    background-repeat: no-repeat;
    width: 16px;
    height: 13px;
}

.d_table .btl {
    background-image: url('/inferno/images/table_top_left.png');
    background-position: -16px 0;
    background-repeat: no-repeat;
    width: 167px;
    height: 13px;
}

.d_table .btc {
    background-image: url('/inferno/images/table_top_center.png');
    background-repeat: repeat-x;
    height: 13px;
}

.d_table .btr {
    background-image: url('/inferno/images/table_top_right.png');
    background-repeat: no-repeat;
    width: 167px;
    height: 13px;
}

.d_table .btrr {
    background-image: url('/inferno/images/table_top_right.png');
    background-position: 16px 0;
    background-repeat: no-repeat;
    width: 16px;
    height: 13px;
}

.d_table .blt {
    background-image: url('/inferno/images/table_top_left.png');
    background-position: 0 -13px;
    background-repeat: no-repeat;
    width: 16px;
    height: 43px;
}

.d_table .brt {
    background-image: url('/inferno/images/table_top_right.png');
    background-position: -167px -13px;
    background-repeat: no-repeat;
    width: 16px;
    height: 43px;
}

.d_table .tl {
    background-image: url('/inferno/images/table_top_left.png');
    background-color: #18120e;
    background-position: -16px -13px;
    background-repeat: repeat-x;
    width: 16px;
    height: 43px;
}

.d_table .tr {
    background-image: url('/inferno/images/table_top_right.png');
    background-color: #18120e;
    background-position: 0 -13px;
    background-repeat: repeat-x;
    width: 16px;
    height: 43px;
}

.d_table .tc {
    background-image: url('/inferno/images/table_top_center.png');
    background-color: #17100b;
    background-position: 0 -13px;
    background-repeat: repeat-x;
    height: 43px;
    color: #ad7052;
    font-family: 'Times New Roman', sans-serif;
    font-size: 21px;
    text-align: center;
    line-height: 120%;
}

.d_table .tlborder {
    background-color: #17100b;
    background-image: url('/inferno/images/table_border_left.png');
    empty-cells: show;
    font-size: 1px;
}

.d_table .trborder {
    background-color: #17100b;
    background-image: url('/inferno/images/table_border_right.png');
    empty-cells: show;
    font-size: 1px;
}

.d_table .emptyborder {
    width: 16px;
    border: none;
    background-color: transparent;
    background-image: none;
}

.d_table .bll {
    background-image: url('/inferno/images/table_bottom_left.png');
    background-position: 0 0;
    width: 16px;
    height: 41px;
}

.d_table .bl {
    background-image: url('/inferno/images/table_bottom_left.png');
    background-position: -16px 0;
    width: 167px;
    height: 41px;
}

.d_table .bc {
    background-image: url('/inferno/images/table_bottom_center.png');
    background-repeat: repeat-x;
    height: 41px;
}

.d_table .br {
    background-image: url('/inferno/images/table_bottom_right.png');
    width: 167px;
    height: 41px;
}

.d_table .brr {
    background-image: url('/inferno/images/table_bottom_right.png');
    background-position: 16px 0;
    width: 16px;
    height: 41px;
}

.table_content {
    border: none;
    border-collapse: collapse;
    width: 100%;
}

.table_content td {
    border: #5c493c solid 1px;
    padding: 2px 1px;
    background-color: #251d17;
    background-image: url('/inferno/images/table_font.png');
    background-repeat: repeat-x;
    text-align: center;
    font-family: arial, sans-serif;
    font-size: 13px;
    color: #9f8474;
}

.table_content .header td {
    background-color: #241a13;
    background-image: url('/inferno/images/table_font_header.png');
    background-repeat: repeat-x;
    color: #9c6c47;
}

.table_content p {
    font-size: 120%;
    line-height: 120%;
    padding: 3px;
    color: #a9825d;
}

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

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

/* Table style end */

/* Character style start */

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

.cr_left_box {
    float: left;
}

.cr_right_box {
    float: right;
    text-align: right;
}

#character_stats {
    margin-bottom: 50px;
}

.p_damage {
    color: #dcd9d9;
}

.f_damage {
    color: #e0be57;
}

.w_damage {
    color: #1d7ed0;
}

.a_damage {
    color: #c4e6f4;
}

.e_damage {
    color: #cb6a1b;
}

.l_damage {
    color: #83f4eb;
}

.d_damage {
    color: #f076f4;
}

@keyframes cr_tree_link {
    0% {
        text-shadow: 0 0 0 #CE8234;
    }
    100% {
        text-shadow: 0 0 2px #CE8234;
    }
}

#cr_pvp_loading {
    width: 50px;
    display: none;
    float: right;
    margin-right: 30px;
}

#cr_pvp_icon {
    margin-right: 30px;
}

.cr_tree_link {
    position: relative;
    animation: cr_tree_link 500ms infinite linear;
    animation-direction: alternate;
}

.cr_ava_box {
    width: 121px;
    margin: 0 auto;
}

.cr_lvl {
    font-size: 120%;
    background: #a49084;
    padding: 3px 9px;
    border-radius: 100%;
    color: #58290c;
}

.cr_class {
    font-size: 150%;
}

.cr_race {
    font-size: 100%;
}

.cr_base_stats_box {
    width: 600px;
    margin: 30px auto;
}

.cr_base_stats_abbr {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

.cr_base_stats_box_l {
    float: left;
    width: 150px;
}

.cr_base_stats_box_r {
    float: right;
    width: 200px;
    text-align: center;
    padding: 10px;
}

.cr_base_stats_box_c {
    margin: 0 200px 0 150px;
    text-align: center;
    padding: 10px;
}

.cr_avg_def {
    font-size: 210%;
    color: #b38456;
}

.cr_avg_abbr {
    text-decoration: none;
}

.cr_dps {
    font-size: 210%;
    color: #b38456;
}

.cr_base_hp {
    width: 100%;
    height: 13px;
    background: #833;
    border-radius: 5px;
}

.cr_base_hp_text {
    text-align: center;
    height: 13px;
    color: #c1c1c1;
    font-family: Verdana, sans-serif;
    font-size: 12px;
    margin: -13px 0 2px 0;
    line-height: 120%;
}

.cr_base_mana {
    width: 100%;
    height: 13px;
    background: #358;
    border-radius: 5px;
}

.cr_base_mana_text {
    text-align: center;
    height: 13px;
    color: #c1c1c1;
    font-family: Verdana, sans-serif;
    font-size: 12px;
    margin: -13px 0 2px 0;
    line-height: 120%;
}

.cr_base_stam {
    width: 100%;
    height: 13px;
    background: #d1d1d1;
    border-radius: 5px;
}

.cr_base_stam_text {
    text-align: center;
    height: 13px;
    color: #555;
    font-family: Verdana, sans-serif;
    font-size: 12px;
    margin: -13px 0 2px 0;
    line-height: 120%;
}

.cr_base_horror {
    width: 100%;
    height: 13px;
    background: #9932CC;
    border-radius: 5px;
}

.cr_base_horror_text {
    text-align: center;
    height: 13px;
    color: #c1c1c1;
    font-family: Verdana, sans-serif;
    font-size: 12px;
    margin-top: -13px;
    line-height: 120%;
}

.cr_table_char_box {
    width: 100%;
    border: 0;
    border-spacing: 0;
}

.cr_o_table_equip_box {
    width: 100%;
    border: 0;
    border-spacing: 0;
}

.cr_o_table_inventory_box {
    width: 100%;
    border: 0;
    border-spacing: 0;
}

.cr_o_table_char_box {
    width: 100%;
    padding-left: 2.5%;
    padding-right: 0.5%;
    border: 0;
    border-spacing: 0;
}

/* CHEST */

.chest_icon {
    width: 128px;
    height: 128px;
    margin: 0 auto;
}

.chest_icon:hover {
    cursor: pointer;
    opacity: 0.9;
}

.chest_icon_closed {
    background: url('/img/chest_close.png') center / cover;
}

.chest_icon_open {
    background: url('/img/chest_open.png') center / cover;
}

.cr_o_table_char_chest {
    width: 100%;
    padding-left: 1.6%;
    padding-right: 0.5%;
    border: 0;
    border-spacing: 0;
}

.cr_chest_head {
    height: 11%;
    background: #0d0c0a;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.cr_chest_head_row {
    width: 15%;
    height: 50%;
    background: #161413;
    margin: 7% 2% 0 2%;
    border-radius: 10% 10% 0 0;
    text-align: center;
    padding-top: 3%;
    font-size: 130%;
    border: 1px solid #9c6c47;
}

.cr_chest_head_row:hover {
    cursor: pointer;
    color: #ac7c57;
}

.cr_chest_head_row_active {
    border-bottom: none;
    background: #2e1915;
}

.cr_chest_head_row_active:hover {
    cursor: default;
    color: #796252;
}

.cr_table_char {
    padding: 0 2px 2px 0;
}

.cr_table_stats_box {
    width: 100%;
    border: 0;
    border-spacing: 0;
}

.cr_table_stats {
    padding: 0 2px 2px 0;
}

.cr_table_inventory {
    padding: 0 2px 0 0;
}

.w_100 {
    width: 100%;
    border-spacing: 0;
}

.ch_td_p {
    width: 40%;
    padding: 4px;
    font-size: 115%;
    color: #a9825d;
    border-bottom: 1px solid #151515;
}

.ch_td_h {
    padding: 10px;
    text-align: center;
    font-size: 130%;
    color: #a9825d;
}

.ch_td_v {
    width: 10%;
    padding: 4px;
    font-size: 115%;
    text-align: right;
    color: #a9825d;
    border-bottom: 1px solid #151515;
}

.ch_damage {
    float: left;
}

.ch_damage_value {
    float: right;
}

.ch_char_info {
    text-align: center;
}

.ch_pvp_icon {
    width: 60px;
    opacity: 0.8;
}

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

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

.ch_exp_cont {
    width: 200px;
    margin: 0 auto;
}

.ch_exp_box {
    width: 100%;
    height: 12px;
    background: #444;
    border-radius: 3px;
}

.ch_exp {
    height: 12px;
    background: #888;
    border-radius: 3px;
}

.ch_exp_text_box {
    width: 100%;
    height: 13px;
    margin-top: -13px;
    color: #fff;
    text-align: center;
    font-size: 11px;
}


.ch_click {
    color: #0b60a1;
}

.ch_click:hover {
    color: #953b39;
    text-decoration: underline;
    cursor: pointer;
}

.ch_both {
    width: 100%;
    clear: both;
    height: 10px;
}

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

.ch_skill_row {
    width: 33.3%;
    min-height: 100px;
    padding-right: 30px;
}

.ch_skill_b {
    margin-top: 10px;
    height: 25px;
    border-width: 1px;
    border-style: solid;
    border-color: #58432e;
    background-color: #221912;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.6) inset;
    border-radius: 2px 2px 2px 2px;
}

.ch_skill_bv {
    height: 25px;
    width: 40%;
    background: #411;
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.6) inset;
}

.ch_skill_t {
    height: 25px;
    margin-top: -25px;
    text-align: center;
    line-height: 25px;
    color: #d9b569;
    font-size: 120%;
}

.ch_p_row {
    padding: 0 40px;
}

.ch_o_p_row {
}

.ch_p_row_c {
    width: 100%;
}

.ch_p_row_l {
    width: 121px;
    float: left;
}

.ch_p_row_r {
    margin-left: 121px;
}

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

.ch_row {
    width: 100%;
}

.ch_left {
    width: 50%;
    float: left;
}

.ch_right {
    margin-left: 50%;
}

.ch_o_left {
    width: 22.1%;
    float: left;
}

.ch_o_center {
    margin-left: 22.1%;
    margin-right: 38.95%;
}

.ch_o_right {
    width: 38.95%;
    float: right;
}

.ch_t_row {
    padding: 0 40px 0 0;
}

.ch_t_left {
    width: 42%;
    float: left;
}

.ch_t_center {
    margin-left: 42%;
    margin-right: 42%;
}

.ch_t_right {
    width: 42%;
    float: right;
}

.ch_container {
    width: 100%;
}

.ch_character {
    position: relative;
    width: 100%;
    padding-bottom: 150%;
}

.ch_equip {
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    border: 1px solid #a9825d;
}

.ch_black {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
}

.ch_black_left {
    width: 33.33%;
    height: 100%;
    float: left;
}

.ch_black_right {
    width: 33.33%;
    height: 100%;
    float: right;
}

.ch_black_center {
    height: 100%;
    margin-left: 33.33%;
    margin-right: 33.33%;
}

.ch_section {
    position: relative;
    width: 50%;
    padding-top: 50%;
    background: #1e1915;
    border: 1px solid #9c6c47;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 8px 0 #000000;
    box-shadow: 0 0 8px 0 #000000;
}

.ch_helmet {
    left: 50%;
    top: 5%;
    transform: translateX(-50%);
    background: url('/img/inventory/helmet_bg.png') center no-repeat #1e1915;
    background-size: 100% 100%;
}

.ch_armor {
    left: 50%;
    top: 10%;
    transform: translateX(-50%);
    background: url('/img/inventory/armor_bg.png') center no-repeat #1e1915;
    background-size: 100% 100%;
}

.ch_legs {
    left: 50%;
    top: 15%;
    transform: translateX(-50%);
    background: url('/img/inventory/legs_bg.png') center no-repeat #1e1915;
    background-size: 100% 100%;
}

.ch_boots {
    left: 50%;
    top: 42%;
    transform: translateX(-50%);
    background: url('/img/inventory/boots_bg.png') center no-repeat #1e1915;
    background-size: 100% 100%;
}

.ch_amulet {
    left: 70%;
    top: 15%;
    transform: translateX(-50%);
    background: url('/img/inventory/amulet_bg.png') center no-repeat #1e1915;
    background-size: 100% 100%;
}

.ch_main_hand {
    left: 70%;
    top: 35%;
    transform: translateX(-50%);
    background: url('/img/inventory/main_hand_bg.png') center no-repeat #1e1915;
    background-size: 100% 100%;
}

.ch_gloves {
    left: 45%;
    top: 62%;
    transform: translateX(-50%);
    background: url('/img/inventory/gloves_bg.png') center no-repeat #1e1915;
    background-size: 100% 100%;
}

.ch_shoulders {
    left: 30%;
    top: 15%;
    transform: translateX(-50%);
    background: url('/img/inventory/shoulders_bg.png') center no-repeat #1e1915;
    background-size: 100% 100%;
}

.ch_off_hand {
    left: 30%;
    top: 35%;
    transform: translateX(-50%);
    background: url('/img/inventory/off_hand_bg.png') center no-repeat #1e1915;
    background-size: 100% 100%;
}

.ch_ring1 {
    left: 55%;
    top: 47.7%;
    transform: translateX(-50%);
    background: url('/img/inventory/ring_bg.png') center no-repeat #1e1915;
    background-size: 100% 100%;
}

.ch_ring2 {
    left: 55%;
    top: 50.7%;
    transform: translateX(-50%);
    background: url('/img/inventory/ring_bg.png') center no-repeat #1e1915;
    background-size: 100% 100%;
}

.in_section {
    width: 16.66%;
    padding-top: 16.66%;
    float: left;
}

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

.ch_equip_item {
    width: 100%;
    padding-top: 100%;
    margin-top: -100%;
    background: #1e1915;
}

.base_scroll_v {
    overflow: auto;
}

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

.base_scroll_v::-webkit-scrollbar {
    width: 6px;
    background-color: #333;
}

.base_scroll_v::-webkit-scrollbar-thumb {
    border-radius: 6px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #666;
}

.ch_inventory {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #0d0c0a;
    border: 1px solid #a9825d;
}

.ch_inv_container {
    width: 100%;
}

.ch_inv {
    position: relative;
    width: 100%;
    padding-bottom: 150%;
}

.ch_o_inv {
    position: relative;
    width: 100%;
    padding-bottom: 275%;
}

.ch_inv_item {
    position: relative;
    width: 100%;
    padding-bottom: 150%;
    margin-top: -150%;
    border: 1px solid #a9825d;
}

.ch_inventory_c {
    position: relative;
    top: 0;
    left: 0;
    border: 1px solid #a9825d;
    background: #0d0c0a;
    padding: 1px;
}

#ch_active_b {
    margin-right: 15px;
}

/* Character style end */

/* Passive Tree style start */

#tree_container {
    width: 2976px; /* 96 * 31 */
    padding-bottom: 100%;
    background: #0d0c0a;
    margin: 0 auto;
}

.tree {
    width: 96px;
    height: 96px;
    /*padding-top: 9.09%;*/
    float: left;
    background-size: cover;
}

.grey_bg {
    background: #333;
}

.tree_ui {
    /*width: 100%;*/
    padding-top: 100%;
    /*margin: -100% 0 0 0;*/
    background-size: contain;
    background-image: url('/icon/passive/ui.png');
    background-repeat: no-repeat;
    background-position: center;
}

.tree_bg {
    /*width: 100%;*/
    /*padding-top: 100%;*/
    /*margin: -100% 0 0 0;*/
    background-size: 80% 80%;
    background-repeat: no-repeat;
    background-position: center;
}

.tree_red_bg_01 {
    background-image: url('/icon/passive/red_bg_01.png');
}

.tree_i {
    width: 100%;
    padding-top: 100%;
    margin: -100% 0 0 0;
    background-size: 40% 40%;
    background-repeat: no-repeat;
    background-position: center;
}

.tree_red_08 {
    background-image: url('/icon/passive/red_08.png');
}

.tree_center {
    background-image: url('/icon/passive/center_bg.png');
}

.tree_1 {
    background-image: url('/icon/passive/tree-1.png');
}

.tree_2 {
    background-image: url('/icon/passive/tree-2.png');
}

.tree_3 {
    background-image: url('/icon/passive/tree-3.png');
}

.tree_4 {
    background-image: url('/icon/passive/tree-4.png');
}

.tree_5 {
    background-image: url('/icon/passive/tree-5.png');
}

.tree_6 {
    background-image: url('/icon/passive/tree-6.png');
}

.tree_7 {
    background-image: url('/icon/passive/tree-7.png');
}

.tree_8 {
    background-image: url('/icon/passive/tree-8.png');
}

.tree_9 {
    background-image: url('/icon/passive/tree-9.png');
}

.tree_10 {
    background-image: url('/icon/passive/tree-10.png');
}

.tree_11 {
    background-image: url('/icon/passive/tree-11.png');
}

.tree_12 {
    background-image: url('/icon/passive/tree-12.png');
}

.tree_13 {
    background-image: url('/icon/passive/tree-13.png');
}

.tree_14 {
    background-image: url('/icon/passive/tree-14.png');
}

.tree_15 {
    background-image: url('/icon/passive/tree-15.png');
}

.inactive {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.available {
    animation: ability_available 1000ms infinite linear;
    cursor: pointer;
}

@keyframes ability_available {
    0% {filter: brightness(70%);}
    50% {filter: brightness(30%);}
    100% {filter: brightness(70%);}
}

.tree_ability_decs_hidden {
    display: none;
}

.tree_ability_decs_visible {
    display: block;
    position: absolute;
    transform: translateX(-38%);
    background: #444;
    border: 1px solid #777;
    width: 280px;
    padding: 3px;
    -webkit-box-shadow: 0 0 4px 0 #000000;
    box-shadow: 0 0 4px 0 #000000;
}

.tree_ability_decs_visible h3 {
    padding: 0 0 4px 0;
    margin: 0;
    text-align: center;
    font-size: 110%;
}

.tree_ability_decs_visible p {
    padding: 0;
    margin: 0;
    text-align: center;
    font-size: 110%;
}

.tree_ability_points {
    text-align: center;
    margin: 0;
    padding-bottom: 20px !important;
    font-size: 160% !important;
    color: #796252 !important;
}

.tree_main_cont {
    margin: -20px auto 0 auto;
    width: 100%;
}

.tree_td {
    padding: 15px;
    background: #0d0c0a;
}

.tree_child {
    width: 100%;
    margin: 0 auto;
    position: relative;
    top: -850px;
    left: -815px;
}

.tree_ability {
    display: flex;
}

.tree_a_box {
    width: 33.33%;
}

.tree_l {
    width: 33%;
    height: 320px;
    float: left;
}

.tree_r {
    width: 33%;
    height: 320px;
    float: right;
}

.tree_c {
    width: 34%;
    height: 320px;
    margin: 0 33%;
}

.tree_a_t {
    text-align: right;
    color: #aaa !important;
    font-size: 130% !important;
    padding: 4px !important;
    text-shadow: 0 0 2px #000000;
}

.tree_a_i {
    margin: 0 auto;
    width: 64px;
    height: 64px;
}

.tree_a_h {
    text-align: center;
    font-size: 140% !important;
    padding: 10px !important;
    color: #b9b982 !important;
}

.tree_a_d {
    text-align: center;
    color: #a9825d !important;
    font-size: 115% !important;
    padding: 0 10px !important;
}

.tree_a_s {
    text-align: center;
    padding: 10px !important;
    color: #a9825d !important;
    font-size: 110% !important;
}

.tree_a_next {
    font-style: italic;
    color: #9f3d1b !important;
}

.tree_iframe {
    width: 100%;
    height: 900px;
    border: 1px solid #a9825d;
}

/* Passive Tree style end */

/* Post filters style start */

.post_filters {
    margin-top: -5px;
    padding: 0 0 15px 10px;
}

.post_filters a {
    text-decoration: none;
}

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

/* Post filters 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;
}

.content_post_nowrap {
    overflow: hidden;
    word-wrap: break-word;
}

.post_rating_box {
    float: right;
    margin: 0 15px 0 30px;
    background: #251e18;
    padding: 0 10px;
    border: 1px solid #382c22;
    border-radius: 4px;
}

.post_rating_box_list {
    float: right;
    margin: 0 0 10px 10px;
    background: #251e18;
    padding: 0 10px;
    border: 1px solid #382c22;
    border-radius: 4px;
}

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

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

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

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

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

.post_author_lvl {
    font-family: Times New Roman, sans-serif;
    color: #aaa;
    background: #444;
    padding: 2px 6px;
    border-radius: 100%;
}

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

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

.post_a_line {
    border-top: 1px solid #19130f;
    border-bottom: 1px solid #3b2f25;
    margin: 20px 50px 20px 50px;
}

.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;
}

.post_f_ava_box {
    width: 120px;
    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: 120%;
    line-height: 120%;
    color: #a9825d;
}

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

.post_f_tag a {
    padding: 4px;
    border-radius: 4px;
    background: #231005;
    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-family: tahoma, sans-serif, sans-serif;
    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 {
    font-family: tahoma, sans-serif;
    padding: 2px !important;
    color: #986329;
    text-align: center;
    font-weight: 700;
}

.itemp2 {
    font-family: tahoma, sans-serif;
    padding: 2px !important;
    color: #986329;
    text-align: right;
}

.itemp3 {
    font-family: tahoma, sans-serif;
    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-family: arial, sans-serif;
    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;
}

img.d2small_item {
    max-width: 60px;
    max-height: 120px;
    margin: 4px;
}

img.d2item {
    max-width: 120px;
    max-height: 200px;
    margin: 4px;
}

.list_link, .a_set {
    font-family: arial, sans-serif;
    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;
}

ul.d2npc a, ul.d2quest a, ul.d2waypoint a {
    text-decoration: none;
}

ul.d2npc li, ul.d2quest li, ul.d2waypoint li {
    list-style-image: none;
}

ul.d2npc img, ul.d2quest img, ul.d2waypoint img {
    vertical-align: middle;
    margin-right: 10px;
}

div.monster_block {
    display: inline-block;
    width: 155px;
    height: 125px;
    margin-left: 2%;
    margin-right: 2%;
    margin-top: 15px;
    text-align: center;
}

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

/* Post style end */

/* Wiki lines start */

div.w_line_m {
    width: 95%;
    height: 64px;
    margin: 30px auto 20px auto;
}

div.w_line_n {
    width: 100%;
    height: 64px;
    background:url('/new_diz/images/newdiz/bdlayers1.png');
}

div.w_line_d {
    width: 100%;
    height: 64px;
    background:url('/new_diz/images/newdiz/bdlayers2.png') left no-repeat;
}

div.w_line_s {
    width: 100%;
    height: 64px;
}

div.w_line_u {
    width: 100%;
    height: 64px;
    background:url('/new_diz/images/newdiz/bdlayers_left2.png') left no-repeat;
}

div.w_line_r {
    width: 100%;
    height: 64px;
    background:url('/new_diz/images/newdiz/bdlayers_right2.png') right no-repeat;
}

/* Wiki lines end */

/* Images Container style start */

.image_inline_container {
    display: flex;
    flex-wrap: wrap;
    padding: 0 30px;
}

.image_inline_box {
    flex: 200px;
    text-align: center;
}

.image_inline_box img {
    max-width: 200px;;
}

.image_inline_text {
    text-align: center;
    padding: 5px 5px 10px 5px;
    font-size: 100%;
    color: #a9825d;
}

/* Images Container style end */

/* Guide styles start */

div.guide_box {
    padding: 0 30px;
    margin-bottom: 20px;
}

div.guide_container {
    border-left: #5c493c solid 1px;
    border-right: #5c493c solid 1px;
    border-bottom: #5c493c solid 1px;
    padding: 2px 1px;
    background-image: url(/new_diz/images/newdiz/table_top_center.png);
    background-position: 0 -13px;
    background-color: #17100b;
    background-repeat: repeat-x;
    text-align: center;
    font-family: arial, sans-serif;
    font-size: 13px;
    color: #9f8474;
}

div.guide_background {
    background-position: top left;
    background-repeat: no-repeat;
    background-size: 18%;
}

div.guide_assassin {
    background-image: url(/images/diablo2/assassin.png);
}

div.guide_amazon {
    background-image: url(/images/diablo2/amazon.png);
}

div.guide_druid {
    background-image: url(/images/diablo2/druid.png);
}

div.guide_paladin {
    background-image: url(/images/diablo2/paladin.png);
}

div.guide_necromancer {
    background-image: url(/images/diablo2/necromancer.png);
}

div.guide_barbarian {
    background-image: url(/images/diablo2/barbarian.png);
}

div.guide_sorcerer {
    background-image: url(/images/diablo2/sorcerer.png);
}

div.guide_general {
    background-image: url(/images/diablo2/general.png);
}

div.guide_content {
    padding: 10px 10px 5px 20%;
    text-align: left;
}

div.guide_content p {
    padding-left: 0;
    margin-bottom: 10px;
}

div.guide_content a {
    color: #b38456;
    text-decoration: none;
    border-bottom: 1px dashed #b38456;
    font-size: 140%;
    line-height: 140%;
}

div.guide_content a:hover {
    text-decoration: none;
    border-bottom: 1px solid #b38456;
}

div.guide_skill {
    height: 50px;
    width: 50px;
    background-size: cover;
    background-position: left;
    display: inline-block;
    margin-right: 7px;
}

/* Guide styles 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: #1e1915 url('/inferno/images/row5.jpg') repeat-x top left;
    border: 1px solid #d8be91;
}

.notification_box p {
    font-size: 140%;
    padding: 10px;
    text-align: center;
}

.notification_box h3 {
    background: #251d16 url('/inferno/images/row4.jpg') repeat-x top left;
    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 */

/* 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-family: Times New Roman, sans-serif;
    font-size: 180%;
    color: #d6b885;
    text-align: center;
    font-weight: 100;
    line-height: 140%;
    padding: 0;
}

#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-family: Times New Roman, sans-serif;
    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;
}

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

#post_add_content_box div, #post_add_content_box label {
    background: url('/inferno/images/row3.jpg') repeat-x scroll center top #1A120D;
    padding: 5px;
    width: 130px;
    color: #D2A456;
    font-size: 130%;
    line-height: 130%;
    text-align: center;
    border-radius: 5px;
    box-shadow: 0 1px 0 0 #6C4930 inset, 0 2px 3px rgba(0, 0, 0, 0.2);
}

#post_add_content_box span {
    display: block;
    background: #333;
    padding: 5px;
    width: 130px;
    color: #999;
    font-size: 130%;
    line-height: 130%;
    text-align: center;
    border-radius: 5px;
    box-shadow: 0 1px 0 0 #555 inset, 0 2px 3px #222;
    margin-left: 20px;
}

#post_add_content_box div:hover, label:hover {
    cursor: pointer;
    color: #c67147;
}

#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: 250%;
}

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

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

    /* Стили аналогичны p */
    font-family: arial, sans-serif;
    font-size: 120%;
    color: #a9825d;
    line-height: 115%;
    overflow: hidden;
    padding: 0 0 10px 0;
    margin: 0;
}

.post_n_b_t:focus {
    outline: none;
}

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

.post_n_b_t .linehere1 {
    margin: 5px 0 0 0;
}

.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%;
    color: #a9825d;
}

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

#added_tags div {
    color: #a9825d;
    padding: 2px 10px;
    background: #58290c;
    border-radius: 10px;
    font-size: 110%;
    margin-right: 10px;
}

#added_tags span {
    font-size: 150%;
    color: #a11;
    vertical-align: middle;
}

#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: 160%;
    text-align: left;
    padding: 0 8px;
    margin: 0;
}

#blacklist_account_name {
    height: 38px;
}

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

#community_create_desc {
    width: 96%;
    font-size: 120%;
    line-height: 125%;
    font-family: arial, sans-serif;
    color: #a9825d;
    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: 120%;
    line-height: 125%;
    background-size: cover;
    background-position: center;
    border: 1px dashed #444;
    text-align: center;
}

.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 {
    font-size: 140%;
    line-height: 140%;
}

.community_create_help_box {
    width: 200px;
}

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

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

#community_create_help_desc {
    height: 31px;
    margin-bottom: 20px;
    font-size: 125%;
    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%;
    font-family: arial, sans-serif;
    color: #a9825d;
    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%;
    font-family: arial, sans-serif;
    color: #a9825d;
    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 20px;
}

#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: 40px;
    margin-top: 24px;
    margin-bottom: 45px;
    font-size: 125%;
    line-height: 40px;
    padding: 0 5px;
}

#topic_create_help_desc {
    width: 220px;
    height: 31px;
    margin-bottom: 110px;
    font-size: 125%;
    line-height: 31px;
    padding: 0 5px;
}

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

.topic_create_box {
    padding: 0 0 0 30px;
}

#topic_load_icon {
    background-size: cover;
    background-position: center;
    background-color: #111;
    text-align: center;
    font-size: 120%;
}

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

#topic_all_platforms, #topic_create_platforms {
    font-size: 120%;
    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: #222220;
}

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

.check_box {
    padding: 30px 0 0 0;
    font-size: 130%;
    line-height: 130%;
    text-align: center;
    color: #a9825d;
}

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

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

#topic_create_description::-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;
}

#topic_create_description::-webkit-resizer, .comment_content::-webkit-resizer {
    border-right: 1px solid #78634e;
    border-bottom: 1px solid #78634e;
    border-radius: 0 0 2px 0;
    background: #221912;
}

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

/* hr style start */

.line_box {
    width: 100%;
}

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

.line_left {
    float: left;
    width: 150px;
    height: 5px;
    background: url('/inferno/images/v2line_left.png');
}

.line_right {
    float: right;
    width: 150px;
    height: 5px;
    background: url('/inferno/images/v2line_right.png');
}

.line_center {
    height: 5px;
    margin: 0 150px;
    background: url('/inferno/images/v2line_center.png');
}

/* hr style end */

/* Create post button start */

.mr_p_ci {
    display: block;
    width: 94%;
    margin: 20px auto;
    background: #262;
    border-radius: 5px;
    text-align: center;
    line-height: 70%;
    font-size: 150%;
    padding: 12px 0 10px 0;
    text-decoration: none;
    color: #ccc;
}

a.mr_p_ci:hover {
    background: #272;
    cursor: pointer;
    color: #fff;
}

span.mr_p_ci {
    background: #333;
}

/* Create post button end */

/* Post list style start */

.news_preview {
    background: url('/inferno/images/authorvleft.png') top left no-repeat,
    url('/inferno/images/authorvright.png') top right no-repeat,
    url('/inferno/images/bglinebottom.gif') top repeat-x,
    url('/inferno/images/bgbottomleft.png') bottom left no-repeat,
    url('/inferno/images/bgbottomright.gif') bottom right no-repeat,
    url('/inferno/images/bgleft6.png') left repeat-y,
    url('/inferno/images/bgright6.png') right repeat-y,
    url('/inferno/images/bglinebottom.gif') bottom repeat-x,
    url('/inferno/images/bgcenter2.jpg');
}

.news_bottom_line {
    height: 40px;
}

.news_preview_box {
    padding: 15px 30px 20px 30px;
}

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

.news_preview_box p {
    font-family: arial, sans-serif;
    font-size: 125%;
    color: #a9825d;
    line-height: 125%;
    padding: 0 0 10px 0;
    margin: 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;
    background: url('/inferno/images/bgcenter2.png') bottom repeat-x;

    text-align: center;
    color: #a9624d;
    font-size: 160%;
    line-height: 76px;
}

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

.news_a_line {
    border-top: 1px solid #19130f;
    border-bottom: 1px solid #3b2f25;
    margin: 0 0 10px 0;
}

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

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

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

.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: 125%;
}

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

.pl_f_tags {
    display: flex;
    min-height: 30px;
    width: 100%;
    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: 125%;
}

.pl_f_date {
    color: #836445;
}

.tag_box {
    display: flex;
    align-items: center;
    text-align: center;
    text-transform: uppercase;
    font-size: 100%;
    font-family: Arial, sans-serif;
    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 */

/* Comment style start */

.row_com {
    background: url('/inferno/images/bgbottomleft.png') bottom left no-repeat,
    url('/inferno/images/bgleft6.png') left repeat-y,
    url('/inferno/images/bgbottomright.gif') bottom right no-repeat,
    url('/inferno/images/bgright6.png') right repeat-y,
    url('/inferno/images/bglinebottom.gif') bottom repeat-x,
    url('/inferno/images/bgcenter2.jpg');
}

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

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

.comment_reply_box {
    padding: 10px;
}

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

.comment_form_box textarea, .comment_reply_box textarea {
    display: block;
    margin: 0 auto 30px auto;
    font-size: 120%;
    color: #a9825d;
    line-height: 125%;
    width: 100%;
    min-height: 70px;
    max-height: 700px;
    resize: vertical;
}

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

.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: 120px;
    border-bottom: 1px dotted #937150;
}

.cm_com_ava_box {
    width: 130px;
}

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

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

.cm_ava {
    width: 80px;
    height: 80px;
    margin: 0 auto;
    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: #806041;
    text-align: left;
}

.cm_comment {
    min-height: 50px;
    text-align: left;
    font-size: 120%;
    padding: 10px 0 15px 15px;
    color: #a9825d;
    line-height: 125%;
    word-break: break-word;
}

.cm_reply {
    padding: 0 15px 4px 15px;
    color: #216c0f;
    user-select: none;
    display: flex;
}

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

.cm_author {
    padding: 10px 0 5px 0;
    font-size: 115%;
    text-align: center;
}

.cm_author_a {
    font-family: arial, sans-serif;
    color: #d6b885;
    text-decoration: none;
    display: inline-block;
    max-width: 108px;
    overflow: hidden;
}

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

.cm_author_guest {
    font-family: arial, sans-serif;
    color: #a9825d;
    text-decoration: none;
    display: inline-block;
    max-width: 100px;
    overflow: hidden;
}

.cm_level {
    font-family: verdana, sans-serif;;
    color: #ee966f;
    display: inline-block;
    overflow: hidden;
}

.cm_class {
    font-family: arial, sans-serif;;
    font-size: 90%;
    color: #e6885a;
}

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

.cm_start_c {
    width: 100%;
    height: 51px;
    background: url('/inferno/images/newbgcenter4.png');
}

.cm_start_l {
    width: 100%;
    height: 51px;
    background: url('/inferno/images/newbgleft4.png') left no-repeat;
}

.cm_start_r {
    width: 100%;
    height: 51px;
    background: url('/inferno/images/newbgright4.png') right no-repeat;
}

.cm_start_t {
    font-family: arial, sans-serif;
    font-size: 17px;
    color: #d6b885;
    float: left;
    margin-top: 16px;
    margin-left: 60px;
}

.cm_con_right {
    position: relative;
    float: right;
    background: #251e18;
    border: 1px solid #382c22;
    border-radius: 4px;
}

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

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

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

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

.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 rgba(0, 0, 0, 0.3);
    background-color: #221912;
}

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

#comment_content::-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;
}

#comment_content::-webkit-resizer, .comment_content::-webkit-resizer {
    border-right: 1px solid #78634e;
    border-bottom: 1px solid #78634e;
    border-radius: 0 0 2px 0;
    background: #221912;
}

/* Comment style end */

/* Tag style on /t/slug page start */

div.t_box {
    display: flex;
    padding: 10px 30px 30px 30px;
}

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

div.t_content {
    height: 150px;
    padding-left: 20px;
}

span.t_head {
    font-family: Times New Roman, sans-serif;
    font-size: 160%;
    color: #b9b982;
}

span.t_link {
    font-size: 120%;
}

/* Tag style on /t/slug page 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;
}

/* Colors end */

.text_nam {
    color: #de6e40;
    font-size: 120%;
}

.tbc1:hover {
    background: #170202;
}

/* Fond sizes start */

.small {
    font-size: 90%;
}

.vert_small {
    font-size: 60%;
}

.big {
    font-size: 110%;
}

.very_big {
    font-size: 120%;
}

/* Fond sizes end */

/* Community list style start */

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

.com_box p {
    padding: 0;
}

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

.com_l_tiny {
    width: 20%;
    min-width: 110px;
}

.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 {
    font-size: 160%;
    text-decoration: none;
    color: #b9b982;
    font-family: Times New Roman, sans-serif;
}

a.com_link:hover {
    color: #d51d1d;
}

.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 */

/* Community page style start */

div.c_box {
    display: flex;
    padding: 10px 30px 30px 30px;
}

div.c_l {
}

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_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 {
    background: url(/inferno/images/row3.jpg) repeat-x scroll center top #1a120d;
    padding: 5px;
    width: 130px;
    color: #d2a456;
    font-size: 110%;
    line-height: 130%;
    text-align: center;
    border-radius: 5px;
    box-shadow: 0 1px 0 0 #6c4930 inset, 0 2px 3px rgb(0 0 0 / 20%);
    text-decoration: none;
}

div.c_r span:hover {
    color: #d39e00;
    cursor: pointer;
}

.c_head {
    font-family: Times New Roman, sans-serif;
    font-size: 160%;
    color: #b9b982;
    text-decoration: none;
}

span.c_link {
    font-size: 120%;
}

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

.button {
    background: url(/inferno/images/row3.jpg) repeat-x scroll center top #1a120d;
    padding: 5px;
    width: 130px;
    color: #d2a456;
    font-size: 110%;
    line-height: 130%;
    text-align: center;
    border-radius: 5px;
    box-shadow: 0 1px 0 0 #6c4930 inset, 0 2px 3px rgb(0 0 0 / 20%);
    text-decoration: none;
}

.button:hover {
    color: #d39e00;
    cursor: pointer;
}

.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: #5a3f28;
    font-size: 140%;
    padding: 0;
}

.c_menu_box a {
    color: #d6b885;
}

.c_menu_box span {
    padding: 0 7px;
}

.link_topics {
    padding: 0 30px;
}

.link_topics h2 {
    padding: 10px 0;
}

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

.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;
}

#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;
}

#community_create_desc::-webkit-resizer, .comment_content::-webkit-resizer {
    border-right: 1px solid #78634e;
    border-bottom: 1px solid #78634e;
    border-radius: 0 0 2px 0;
    background: #221912;
}

.remove_pc {
    color: #a11;
}

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

/* Community page style end */

/* Topic page style start */

.g_box {
    padding: 0 30px;
}

.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 15px;
}

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

.g_image_box {
    padding: 0 15px;
}

.g_image_box p {
    padding: 5px 0;
}

.g_image_box img {
    width: 200px;
    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: #121210;
    padding: 3px;
    border-radius: 4px;
    margin: 0 6px 6px 0;
    display: inline-block;
}

.t_platform {
    background: #231005;
}

.t_tag_list {
    background: #222;
}

.t_fact {
    width: 260px;
    padding-top: 10px;
    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 {
    font-size: 110%;
    color: #796252;
}

.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;
    margin: 0 auto;
    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;
}

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

.t_icon_reload {
    font-size: 110%;
    line-height: 110%;
    padding: 10px;
}

/* Topic page style end */

/* Topic list style start */

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

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

.game_r {
    width: 84%;
    padding: 0 20px;
}

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

a.game_link {
    font-size: 160%;
    text-decoration: none;
    color: #b9b982;
    font-family: Times New Roman, sans-serif;
}

a.game_link:hover {
    color: #d51d1d;
}

.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;
}

/* Topic list style end */

/* Creators list style start */

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

.creator_box p {
    padding: 0;
}

.creator_l {
    width: 20%;
    text-align: right;
}

.creator_l img {
    height: 90px;
}

.creator_r {
    width: 80%;
    padding: 0 20px;
}

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

a.creator_link {
    font-size: 160%;
    text-decoration: none;
    color: #b9b982;
    font-family: Times New Roman, sans-serif;
}

a.creator_link:hover {
    color: #d51d1d;
}

.creator_desc {
    margin: 10px 0;
}

/* Creators list style end */

/* Developer page style start */

.dev_box {
    display: flex;
    padding: 10px 30px;
}

.dev_return {
    padding: 10px 30px 0 20px;
}

.dev_logo {
    max-width: 300px;
    max-height: 300px;
}

/* Developer page style end */

/* Video style start */

.videocontent {
    padding: 10px 25px 35px 25px;
}

.youvideo {
    position: relative;
    padding-bottom: 56.25%;
}

.youvideo iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Video style end */

/* Achievements style start */

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

.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 */

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

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

@media screen and (max-width: 1575px) {
    .l_icon_box {
        display: none;
    }
}

/* Tournament style start */

#tournament_countdown {
    width: 164px;
    margin: 10px auto 40px auto;
}

div.tournament_con {
    margin: 30px 0;
    text-align: center;
    font-size: 120%;
    padding: 0 5px;
    line-height: 140%;
    color: #74a1ae;
}

.tournament-title {
    color: #396;
    font-weight: 100;
    font-size: 40px;
    margin: 10px 0 5px;
}

.tournament-number {
    width: 34px;
    padding: 2px;
    border-radius: 3px;
    display: inline-block;
    text-align: center;
}

.tournament-time {
    padding: 5px;
    border-radius: 3px;
    background: #222;
    display: inline-block;
    color: #d6b885;
}

.tournament-text {
    display: block;
    padding-top: 5px;
    font-size: 12px;
    color: #d6b885;
}

.tournament-message {
    display: none;
    font-size: 24px;
    font-style: italic;
}

/* Tournament style end */

/* Duel message style start */

.duel_content p {
    font-size: 105%;
    line-height: 130%;
}

.duel_content hr {
    border-color: #333;
    margin: 5px 0;
}

.duel_c {
    white-space: nowrap;
}

.duel_ava {
    width: 25px;
    height: 25px;
    border-radius: 100%;
    vertical-align: middle;
}

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

.duel_data {
    text-align: right;
    padding-right: 5px;
    color: #695242;
    font-size: 90%;
}

/* Duel message style end */

/* Temporary style start */

.item_b {
    margin: 20px 0;
}

.item_b img {
    width: 75px;
    height: 75px;
    border: 1px solid #5c3c27;
    border-radius: 3px;
    background: #0d0c0a;
    margin-bottom: 5px;
}

.ch_test_row {
    padding: 20px;
}

.ch_test_h {
    text-align: center;
    font-size: 160%;
}

.ch_test_n {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.ch_test_l {
    margin-left: 10px;
}

.ch_test_e {
    display: block;
    margin: 0 auto;
}

/* Temporary style end */

/* Mobile style */

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

    h1 {
        font-size: 170%;
        padding: 0 10px 30px 0;
    }

    .content_box {
        padding: 0;
    }

    .dfb {
        display: none;
    }

    .list_t_c {
        display: none;
    }

    h1 {
        text-align: left;
    }

    h2 {
        padding: 30px 15px 20px 0;
    }

    h3 {
        padding: 15px 15px 10px 0;
    }

    ul {
        padding: 10px 40px 20px 30px;
    }

    ol {
        padding: 10px 40px 20px 30px;
    }

    div.i_box {
        padding: 0;
    }

    .com_box {
        display: block;
        padding: 0 20px;
    }

    .com_l {
        width: 100%;
        margin-bottom: 10px;
    }

    .com_l_tiny {
        width: 100%;
        margin-bottom: 10px;
    }

    .com_r {
        width: 100%;
    }

    .com_hr {
        width: 100%;
    }

    .game_box {
        display: block;
        padding: 0 20px;
    }

    .game_l {
        width: 100%;
        margin-bottom: 10px;
    }

    .game_r {
        width: 100%;
        padding: 0;
    }

    .game_hr {
        width: 100%;
    }

    .login_container {
        margin: 20px auto 50px auto;
    }

    .login_input {
        margin: 10px 0;
    }

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

    div.c_box {
        display: block;
        padding: 10px 10px 30px 10px;
    }

    .c_l {
        display: flex;
        justify-content: center;
        margin-bottom: 10px;
    }

    div.c_content {
        padding: 0;
    }

    .g_box {
        padding: 0;
    }

    .g_row {
        display: block;
        padding: 0 10px;
    }

    .t_fact {
        font-size: 100%;
    }

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

    .content_main_box p, .post_main_box p, .content_profile_box p, .content_center p {
        padding: 0 0 10px 0;
    }

    .g_image_box {
        padding: 0;
    }

    .t_se_also {
        display: block;
        padding: 0 10px;
    }

    .t_se_also_row {
        width: 100%;
    }

    .t_com_box {
        display: block;
    }

    .search_input {
        width: 90%;
    }

    .line_row {
        width: 100%;
        margin: 0 auto;
    }

    .line_left {
        width: 100px;
    }

    .line_right {
        width: 100px;
    }

    .line_center {
        margin: 0 100px;
    }

    div.c_r {
        margin-top: 30px;
        width: 100%;
        height: auto;
    }

    .up_notice_box {
        width: auto;
        max-width: 100%;
    }

    .pr_info_box {
        flex-direction: column;
    }

    .pr_ava_box {
        width: 100%;
        display: flex;
        justify-content: center;
        margin-bottom: 20px;
        padding: 0;
    }

    .pr_info {
        width: 100%;
        margin-bottom: 20px;
    }

    .pr_info_base dl {
        padding: 0;
    }

    .pr_stats {
        width: 100%;
        flex-direction: column;
        padding: 0;
    }

    .pr_stats_l {
        width: 100%;
    }

    .pr_stats_r {
        width: 100%;
    }

    .pr_title {
        font-size: 180%;
    }

    .pr_title_b {
        flex-direction: column;
    }

    .pr_title_r {
        text-align: center;
    }

    h1.pr_title {
        text-align: center;
    }

    .pr_title_r {
        height: 45px;
    }

    .profile_follow_box {
        padding: 10px;
    }

    .profile_topic_box {
        justify-content: center;
    }

    .profile_topic_row {
        width: 100px;
        height: 150px;
    }

    .profile_topic_icon {
        width: 98px;
        height: 110px;
    }

    .cm0 {
        padding-left: 0;
    }

    .cm1 {
        padding-left: 15px;
    }

    .cm2 {
        padding-left: 30px;
    }

    .cm3 {
        padding-left: 45px;
    }

    .cm4 {
        padding-left: 60px;
    }

    .cm5 {
        padding-left: 75px;
    }

    #comment_box {
        padding: 5px 15px 0 15px;
    }

    .cm_author {
        font-size: 90%;
    }

    .cm_ava {
        width: 60px;
        height: 60px;
    }

    .cm_com_ava_box {
        width: 80px;
    }

    .cm_con_left {
        width: 80px;
    }

    .cm_comment {
        font-size: 110%;
        line-height: 110%;
    }

    .post_f_box {
        flex-direction: column;
    }

    .post_f_l {
        width: 100%;
        margin-bottom: 20px;
    }

    .post_f_r {
        width: 100%;
    }

    .post_a_line {
        margin: 20px 10px;
    }

    .post_f_ava_box {
        width: 100px;
        justify-content: left;
    }

    .dev_box {
        padding: 0;
        flex-direction: column;
    }

    .dev_logo_box {
        margin-bottom: 20px;
    }

    .dev_logo {
        width: 100%;
        max-height: 100%;
    }

    .creator_box {
        flex-direction: column;
        padding: 0 10px;
    }

    .creator_l {
        width: 100%;
        text-align: left;
        padding: 0 20px 10px 20px;
    }

    .creator_r {
        width: 100%;
        padding: 0;
    }

    .pl_f_tags {
        display: none;
    }

    .pl_f_l {
        width: 300px;
        font-size: 110%;
    }

    .pl_f_r {
        width: 50px;
    }

    .pl_f_com {
        font-size: 110%;
    }

    .zone_box {
        padding: 0;
        float: none;
        margin-bottom: 20px;
    }

    .itemtable {
        width: 100%;
    }

    .monster_box {
        padding-left: 0;
    }

    .cr_base_stats_box {
        width: 100%;
    }

    .cr_base_stats_box_l {
        flex: none;
        width: 100%;
    }

    .cr_base_stats_box_r {
        flex: none;
        width: 100%;
        padding: 0;
        margin: 20px 0;
    }

    .cr_base_stats_box_c {
        flex: none;
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .ch_o_left {
        float: none;
        width: 100%;
    }

    .ch_o_right {
        float: none;
        width: 100%;
    }

    .ch_o_center {
        float: none;
        width: 100%;
        margin: 0;
    }

    .cr_left_box {
        float: none;
    }

    .cr_right_box {
        float: none;
    }

    .ch_p_row {
        padding: 0;
    }

    .ch_left {
        float: none;
        width: 100%;
    }

    .ch_right {
        margin-left: 0;
    }

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