#memCanvas {
    width: 100%;
    height: 100%;
}

#fightMain {
    position: absolute;
    z-index: 1000;
    left: 50%;
    top: 53px;
    transform: translate(-50%, 0);
}
#fightCanvas {
    z-index: 1000;
}
.mem_border {
    border: 45px solid transparent;
    padding: 0px;
    border-image: url('../images/common-block2-cor.png') 45 round;
    width: calc(100% - 90px);
    height: calc(100% - 90px);
    position: absolute;
    pointer-events: none;
}

.mem_uzor {
    border: 45px solid transparent;
    padding: 0px;
    .border-image: url('../images/mem_uzor.png') 45 round;
    width: calc(100% - 90px);
    height: calc(100% - 90px);
    position: absolute;
    pointer-events: none;
}

.mem_container {
    position: absolute;
    text-align: center;
    width: 100%;
    height: 100%;
}

.mem_background {
    margin: 10 10 10 10;
    position: absolute;
	background-image: url('../images/mem_bg.png');
    background-color: #312119;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
}

.mem_button {
    background-image: url('../images/mem_button.png');
    width: 178px;
    height: 27px;
    cursor: pointer;
    margin: 0 auto;
    display: inline-block;
}

.mem_button div {
    padding: 11px;
    font-weight: bold;
    text-align: center;
}

.mem_button_red div {
    color: #FFE4AA;
}

.mem_button_red:hover {
    background-position: 0 -36px;
}

.mem_button_white {
    background-position: 0 -72px;
}

.mem_button_white div {
    color: #8C0000;
}

.mem_button_white:hover {
    background-position: 0 -108px;
}

.mem_header_block {
    height: 21px;
    display: inline-block;
    width: 96%;
}

.mem_header_container {
    width: calc(50% - 355px);
    display: inline-block;
    float: right;
}
.mem_header_block .mem_header_container:first-child {
    float: left!important;
}

.mem_header {
    width: 166px;
    margin: 0 auto;
    display: inline-block;
    font-weight: bold;
    background-position-y: 1px;
    background-repeat: no-repeat;
}

.mem_header #label_top {
    color: #A30000;
	margin-top: 2px;
}

.mem_header #label_bottom {
    color: #FF0000;
    padding-top: 2px;
}

.mem_header #label_title {
    padding-top: 8px;
}

.mem_header_grey {
    background-image: url('../images/mem_line_grey.png');
}

.mem_header_grey #label_title {
    color: #f9dfa9;
}

.mem_header_green {
    background-image: url('../images/mem_line_green.png');
}

.mem_header_green #label_title {
    color: #f9dfa9;
}

.mem_pers_list #label_title {
    color: #f9dfa9;
    font-weight: bold;
    padding-top: 6px;
    text-align: center;
}

.mem_input {
    position: absolute;
    text-align: center;
    width: 100%;
    bottom: 0;
}

.mem_input div {
    background-image: url('../images/mem_input.png');
    width: 208px;
    height: 41px;
    margin: 0 auto;
    display: inline-block;
}

.mem_input input {
    width: 155px;
    margin-top: 10px;
    text-align: center;
    border: none;
    background: none;
    outline: none;
    font-size: 12px;
}

.mem_hint {
    position: fixed;
    left: 0;
    top: 0;
    max-width: 350px;
    padding: 6px 8px 7px;
    background: #f8e5a8;
    border: 1px solid #e3b360;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0px 3px 3px 1px rgba(41, 13, 5, 0.4);
    -webkit-box-shadow: 0px 3px 3px 1px rgba(41, 13, 5, 0.4);
    box-shadow: 0px 3px 3px 1px rgba(41, 13, 5, 0.4);
    color: #955C4A !important;
    line-height: normal;
    z-index: 9999;
}

.mem_pers_list {
    margin-top: 5px;
    width: 95%;
    display: inline-block;
    overflow-x: hidden;
    overflow-y: auto;
    overflow-y: overlay;
    min-height: 462px;
}

.mem_pers_list_container {
    width: calc(50% - 370px);
    display: inline-block;
    vertical-align: top;
    float: right;
	height: 100%
}

.mem_pers_list_container .common_tbl_fus_c {
    text-align: center;
    vertical-align: top;
}

.mem_pers_list_container:first-child {
    float: left;
}

.mem_pers_view {
    width: 100%;
    margin: auto;
    font-weight: bold;
    padding-bottom: 4px;
    white-space: nowrap;
    margin-left: -17px;
    margin-right: -17px;
    display: inline-table;
}

.mem_pers_view div {
    font-size: 12px;
    display: inline-block;
}

.mem_pers_view img {
    padding: 0 2px 0 2px;
}

.mem_pers_view_button {
    cursor: pointer;
}

.mem_pers_view_selected {
    border: 1px solid #c1aa89;
    background-color: #ffecd4;
}

.mem_bar_back {
    margin-top: 1px;
    width: 80px;
    height: 2px;
    text-align: left;
    background-color: #999999;
}

.mem_bar_hp {
    height: 2px;
    background-color: #a30000;
}

.mem_bar_mp {
    height: 2px;
    background-color: #00437c;
}

.mem_effects_container {
    white-space: normal;
    width: 100%;
    text-align: left;
}

.mem_effect_item {
    margin: 4px 2px 0 2px;
}

.mem_effect_item span {
    color: black;
    font-size: 10;
    font-weight: normal;
    vertical-align: top;
}

.mem_effect_item img{
    width: 15px;
    height: 15px;
}