@charset "UTF-8";
/*
	background: $header_bg; border-bottom: 4px solid $header_bc;
	width: 100%; min-height: 30px; position: fixed; z-index: 2; 
	display: flex; flex-flow: row nowrap; justify-content: space-between; 
*/
@font-face {
  font-family: Roboto;
  font-weight: normal;
  font-style: normal;
  src: url(/css/fonts/RobotoRegular.ttf);
}
@font-face {
  font-family: Roboto;
  font-weight: bold;
  font-style: normal;
  src: url(/css/fonts/RobotoBold.ttf);
}
@font-face {
  font-family: Roboto;
  font-weight: normal;
  font-style: italic;
  src: url(/css/fonts/RobotoItalic.ttf);
}
@font-face {
  font-family: Roboto;
  font-weight: bold;
  font-style: italic;
  src: url(/css/fonts/RobotoBoldItalic.ttf);
}
@font-face {
  font-family: RobotoBlack;
  font-weight: normal;
  font-style: normal;
  src: url(/css/fonts/RobotoBlack.ttf);
}
@font-face {
  font-family: RobotoBlack;
  font-weight: normal;
  font-style: italic;
  src: url(/css/fonts/RobotoBlackItalic.ttf);
}
@font-face {
  font-family: Verdana;
  font-weight: normal;
  font-style: normal;
  src: url(/css/fonts/VerdanaRegular.ttf);
}
@font-face {
  font-family: Verdana;
  font-weight: bold;
  font-style: normal;
  src: url(/css/fonts/VerdanaBold.ttf);
}
@font-face {
  font-family: Verdana;
  font-weight: normal;
  font-style: italic;
  src: url(/css/fonts/VerdanaItalic.ttf);
}
@font-face {
  font-family: Verdana;
  font-weight: bold;
  font-style: italic;
  src: url(/css/fonts/VerdanaBoldItalic.ttf);
}
@font-face {
  font-family: Tahoma;
  font-weight: normal;
  font-style: normal;
  src: url(/css/fonts/TahomaRegular.ttf);
}
@font-face {
  font-family: Tahoma;
  font-weight: bold;
  font-style: normal;
  src: url(/css/fonts/TahomaBold.ttf);
}
@font-face {
  font-family: sans-serif;
  font-weight: normal;
  font-style: normal;
  src: url(/css/fonts/SansSerifRegular.ttf);
}
@font-face {
  font-family: "Comic Sans MS";
  font-weight: normal;
  font-style: normal;
  src: url(/css/fonts/ComicSansMSRegular.ttf);
}
@font-face {
  font-family: "Anime Ace v02";
  font-weight: normal;
  font-style: normal;
  src: url(/css/fonts/AnimeAce02Regular.ttf);
}
@font-face {
  font-family: Mistral;
  src: url(/css/fonts/MistralRegular.ttf);
}
/*GAME - BUTTON, SELECT, TEXTAREA*/
/*GAME - BUTTON, SELECT, TEXTAREA*/
/*GAME - TABLES*/
/*382312*/
/*GAME - TABLES*/
/*GAME - OTHER*/
/*O = opacity*/
/*CH = color of hover*/
/*GAME - OTHER*/
/*GAME - IMG*/
/*BCH = border color of hover*/
/*GAME - IMG*/
/*GAME - HEADER*/
/*BC = border-color*/
/*BGF = background of focus*/
/*TS = text-shadow*/
/*CH = color of hover*/
/*BSC = box shadow color*/
/*BGH = background of hover*/
/*GAME - HEADER*/
/*GAME  -UH_MENU*/
/*GAME - UH_MENU*/
/*GAME - SLOTS*/
/*GAME - SLOTS*/
/*GAME - PL*/
/*GAME - PL*/
/*GAME - IN*/
/*GAME - IN*/
/*GAME - MAP*/
/*GAME - MAP*/
/*GAME - QUEST*/
/*GAME - QUEST*/
/*GAME - PROF*/
/*GAME - PROF*/
/*GAME - COMBAT*/
/*GAME - COMBAT*/
/*CHAT*/
/*CHAT*/
/*INFO*/
/*INFO*/
/*TITLE*/
/*TITLE*/
/*MOBILE*/
/*MOBILE*/
/*SPRITES*/
.gift {
  background-image: url(/img/list_gifts.png);
  background-size: 600%;
  width: 50px;
  height: 50px;
  border-radius: 20%;
  margin: 3px 8px;
  cursor: pointer;
  box-shadow: inset 0px 0px 0px 1px #60564b;
}
.gift.bp-1_1_1 {
  background-position: -50px -50px;
}
.gift.bp-1_1_2 {
  background-position: -100px 0;
}
.gift.bp-1_2_1 {
  background-position: -100px -50px;
}
.gift.bp-1_2_2 {
  background-position: 0 -100px;
}
.gift.bp-1_2_3 {
  background-position: -50px -100px;
}
.gift.bp-1_3_1 {
  background-position: -100px -100px;
}
.gift.bp-1_3_2 {
  background-position: -150px 0;
}
.gift.bp-1_4_1 {
  background-position: -150px -50px;
}
.gift.bp-1_4_2 {
  background-position: -150px -100px;
}
.gift.bp-1_4_3 {
  background-position: 0 -150px;
}
.gift.bp-1_5_1 {
  background-position: -50px -150px;
}
.gift.bp-1_5_2 {
  background-position: 0 0;
}
.gift.bp-1_5_3 {
  background-position: -150px -150px;
}
.gift.bp-1_6_1 {
  background-position: -200px 0;
}
.gift.bp-1_6_2 {
  background-position: -200px -50px;
}
.gift.bp-1_6_3 {
  background-position: -200px -100px;
}
.gift.bp-1_7_1 {
  background-position: -200px -150px;
}
.gift.bp-1_7_2 {
  background-position: 0 -200px;
}
.gift.bp-1_7_3 {
  background-position: -50px -200px;
}
.gift.bp-1_8_3 {
  background-position: -100px -200px;
}
.gift.bp-1_8_2 {
  background-position: -150px -200px;
}
.gift.bp-1_8_1 {
  background-position: -200px -200px;
}
.gift.bp-1_9_1 {
  background-position: -250px 0;
}
.gift.bp-1_9_2 {
  background-position: -250px -50px;
}
.gift.bp-1_9_3 {
  background-position: -250px -100px;
}
.gift.bp-1_10_1 {
  background-position: -50px 0px;
}
.gift.bp-1_10_2 {
  background-position: -100px -150px;
}
.gift.bp-1_10_3 {
  background-position: 0 -50px;
}
.gift.bp-1_11_1 {
  background-position: -100px -100px;
}
.gift.bp-1_11_2 {
  background-position: -150px 0;
}
.specials {
  background-image: url(/img/list_specials.png);
  background-size: 400%;
  width: 50px;
  height: 50px;
  border-radius: 20%;
  margin: 3px 5px;
  cursor: pointer;
  box-shadow: inset 0px 0px 0px 1px #60564b;
}
.specials.bp-11 {
  background-position: -50px 0px;
}
.specials.bp-12 {
  background-position: -50px -100px;
}
.specials.bp-13 {
  background-position: 0px -50px;
}
.specials.bp-14 {
  background-position: -50px -50px;
}
.specials.bp-15 {
  background-position: -100px 0px;
}
.specials.bp-21 {
  background-position: -100px -50px;
}
.specials.bp-22 {
  background-position: 0px 0px;
}
.specials.bp-23 {
  background-position: -100px -100px;
}
.specials.bp-24 {
  background-position: -150px 0px;
}
.specials.bp-25 {
  background-position: -150px -50px;
}
.specials.bp-26 {
  background-position: -150px -100px;
}
.specials.bp-27 {
  background-position: 0px -150px;
}
.specials.bp-28 {
  background-position: -50px -150px;
}
.specials.bp-29 {
  background-position: -100px -150px;
}
.specials.bp-210 {
  background-position: 0px -100px;
}

.rank {
  background-image: url(/img/list_rank.png);
  background-size: 400%;
  width: 55px;
  height: 55px;
  cursor: pointer;
  display: inline-block;
  position: relative;
}
.rank.bp-1 {
  background-position: -165px -55px;
}
.rank.bp-2 {
  background-position: -165px -55px;
}
.rank.bp-3 {
  background-position: -110px -110px;
}
.rank.bp-4 {
  background-position: -110px -110px;
}
.rank.bp-5 {
  background-position: -110px -110px;
}
.rank.bp-6 {
  background-position: -55px 0px;
}
.rank.bp-7 {
  background-position: -55px 0px;
}
.rank.bp-8 {
  background-position: -55px 0px;
}
.rank.bp-9 {
  background-position: -55px 0px;
}
.rank.bp-10 {
  background-position: -55px -55px;
}
.rank.bp-11 {
  background-position: -110px 0px;
}
.rank.bp-12 {
  background-position: -110px -55px;
}
.rank.bp-13 {
  background-position: 0px 0px;
}
.rank.bp-14 {
  background-position: 0px -55px;
}
.rank.bp-15 {
  background-position: -165px -110px;
}
.rank.bp-16 {
  background-position: 0px -110px;
}

.border_corner {
  background-image: url(/img/map/border_corner.png);
  background-repeat: no-repeat;
  position: absolute;
  background-size: 300%;
}
.border_corner.bp-1 {
  background-position: -73px -91px;
  width: 73px;
  height: 66px;
}
.border_corner.bp-2 {
  background-position: -146px -91px;
  width: 73px;
  height: 66px;
}
.border_corner.bp-3 {
  background-position: -146px 0px;
  width: 73px;
  height: 69px;
}
.border_corner.bp-4 {
  background-position: 0px -91px;
  width: 73px;
  height: 69px;
}
.border_corner.bp-5 {
  background-position: 0px 0px;
  width: 73px;
  height: 91px;
}
.border_corner.bp-6 {
  background-position: -73px 0px;
  width: 73px;
  height: 91px;
}

.border_vert {
  background-image: url(/img/map/border_vert.png);
  position: absolute;
  background-size: 200% auto;
}
.border_vert.bp-1 {
  background-position: 0px 0px;
  width: 24px;
  height: 119px;
}
.border_vert.bp-2 {
  background-position: -24px 0px;
  width: 24px;
  height: 119px;
}

.border_hor {
  background-image: url(/img/map/border_hor.png);
  position: absolute;
  background-size: auto 200%;
}
.border_hor.bp-1 {
  background-position: 0px 0px;
  width: 120px;
  height: 23px;
}
.border_hor.bp-2 {
  background-position: 0px -23px;
  width: 120px;
  height: 23px;
}

/*SPRITES*/
body {
  font: normal 13px Roboto;
  background: #f1f1f1;
  margin: 0px;
  padding: 0px;
  line-height: 17px;
}

form {
  display: inline-block;
  margin: 0;
  padding: 0;
}

table, input {
  font: 1em Roboto;
  margin: 0;
  padding: 0;
}

table th, table td {
  padding: 1px;
  line-height: 18px;
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

a {
  color: inherit;
  text-decoration: none;
}

q {
  quotes: "«" "»";
}

big {
  font-size: 1.4em;
  position: relative;
  top: 2px;
  line-height: 15px;
}

img {
  display: inline-block;
  border: none;
}

[data-center] {
  display: flex;
  align-items: center;
}

[data-center2] {
  display: flex;
  justify-content: center;
}

[data-line] {
  display: inline-block;
}

.hidden {
  display: none !important;
}

::-webkit-input-placeholder {
  color: #000;
}

::-moz-placeholder {
  color: #000;
}

:-moz-placeholder {
  color: #000;
}

:-ms-input-placeholder {
  color: #000;
}

/* UI */
.tooltip {
  color: #000;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid #c8c8c8 !important;
  border-radius: 1px;
  padding: 2px 10px 3px;
  line-height: 17px;
}

/* UI */
/*GAME - DATA*/
#game_data, .mobile #show_menu {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: flex-start;
  position: relative;
}

#menu {
  width: 100%;
  max-width: 776px;
  margin: 0 3px 3px 0;
  box-sizing: border-box;
}

/*GAME - DATA*/
/*GAME - BUTTON, SELECT, TEXTAREA*/
input[type=submit], input[type=button], input[type=text], input[type=password], input[type=number], select, textarea {
  font-size: 1em;
  font-family: Roboto;
  border-radius: 2px;
  height: 25px;
  margin: 1px;
  min-width: 33px !important;
}

input[type=submit], input[type=button] {
  color: #fff;
  font-weight: normal;
  background: #60564b;
  border: 1px solid #60564b;
  cursor: pointer;
  padding: 0px 8px;
  box-sizing: border-box;
}

input[type=text], input[type=password], input[type=number], textarea {
  font-weight: normal;
  background: #f8f8f8;
  border: 1px solid #a9a198;
  padding: 0px 4px;
  box-sizing: border-box;
}

textarea {
  height: auto;
}

select {
  color: #292929;
  font-weight: normal;
  padding: 0px 8px;
  box-sizing: border-box;
  background: #f8f8f8;
  border: 1px solid #a9a198;
}

.txt1 {
  width: 42px;
  text-align: center !important;
}

.txt2 {
  width: 30px;
  text-align: center !important;
}

.input_red {
  background: #b73103 !important;
  border-color: #b73103 !important;
}

.input_green {
  background: #20b75d !important;
  border-color: #20b75d !important;
}

/*GAME - BUTTON, SELECT, TEXTAREA*/
/*GAME - TABLES*/
.bg1, #msg_menu div:hover, #msg_menu a:hover, #bot_menu [data-class=ttl], #msg_menu [data-class=ttl], .ttl1 {
  background: #60564b !important;
  color: #fff;
}

.bg2, .tbl2 .info, .tbl12 .info, .tbl10 .info, .tbl7 .info, .tbl6 .info, .tbl4 .info, .tbl3 .info {
  background: #89827a !important;
  color: #fff;
  font: bold 0.9em sans-serif;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}

.bg3, .l_select {
  background: #ededed !important;
  color: #000 !important;
  text-shadow: none !important;
}

.bg4 {
  background: #f6f6f6 !important;
  color: #000 !important;
  text-shadow: none !important;
}

.bg5 {
  background: #787169 !important;
}

.border1 {
  border: 1px solid #b9b9b9;
}

.tbl_r_top {
  border-top-left-radius: 2px !important;
  border-top-right-radius: 2px !important;
}
.tbl_r_top tr:first-child td:first-child, .tbl_r_top tr:first-child th:first-child {
  border-radius: 2px 0 0 0 !important;
}
.tbl_r_top tr:first-child td:last-child, .tbl_r_top tr:first-child th:last-child {
  border-radius: 0 2px 0 0 !important;
}

.tbl_r_bottom {
  border-bottom-left-radius: 2px !important;
  border-bottom-right-radius: 2px !important;
}
.tbl_r_bottom tr:last-child td:first-child, .tbl_r_bottom tr:last-child th:first-child {
  border-radius: 0 0 0 2px !important;
}
.tbl_r_bottom tr:last-child td:last-child, .tbl_r_bottom tr:last-child th:last-child {
  border-radius: 0 0 2px 0 !important;
}

.tbl0 {
  border-spacing: 0px;
}

.tbl0 > tbody > tr > td {
  padding: 0px !important;
}

.tbl1 { /* Таблица для слотов. */
  background: #fff;
  border: 1px solid #b9b9b9;
  border-radius: 1px;
  padding: 2px;
  border-spacing: 1px;
}
.tbl1 th {
  color: #fff;
  font-weight: normal;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  background: #60564b;
  line-height: 16px;
}
.tbl1 td {
  padding: 1px 0px;
  line-height: 16px;
}

.tbl2, .tbl12, .tbl10, .tbl7, .tbl6, .tbl4, .tbl3 { /* Основная таблица в игре. Например, используется везде в меню PL. */
  background: #f2ede9;
  border: 1px solid #b9b9b9;
  border-radius: 1px;
  box-shadow: inset 0px 0px 0px 1px #fff;
  width: 100%;
  border-spacing: 1px;
}
.tbl2 td, .tbl12 td, .tbl10 td, .tbl7 td, .tbl6 td, .tbl4 td, .tbl3 td {
  background: #fff;
  padding: 1px 10px;
}
.tbl2 th, .tbl12 th, .tbl10 th, .tbl7 th, .tbl6 th, .tbl4 th, .tbl3 th {
  color: #fff;
  font-weight: normal;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  background: #60564b;
  padding: 1px 10px;
}
.tbl2 .info, .tbl12 .info, .tbl10 .info, .tbl7 .info, .tbl6 .info, .tbl4 .info, .tbl3 .info {
  border-radius: 1px;
  padding: 3px;
  text-align: center;
}

.tbl3 { /* Аналог таблицы tbl2, но не имеет вертикальных перегородок. Например, используется в эффектах PL. */
  border-spacing: 0px;
  padding: 0px 1px;
}
.tbl3 td, .tbl3 th {
  border-top: 1px solid #f2ede9;
}
.tbl3 th {
  font-weight: normal;
  border-left: 1px solid #fff;
}
.tbl3 th:first-child {
  border-left: none;
}

.tbl4 {
  background: #b9b9b9;
  border: none;
  box-shadow: none;
}

.tbl5 { /* Таблица для checkbox. Например, установка прав игрока в клане, выбор приватности, чатов в настройках. */
  border: 2px solid #dddddd;
  border-top-width: 1px;
  border-spacing: 0px;
}
.tbl5 td, .tbl5 th {
  border-top: 1px solid #dddddd;
  background: #f6f6f6;
}

.tbl6 { /* Аналог основной таблицы для всплывающего меню. Например, таблицы способностей, настроек, миссий, почты. */
  background: #c8c8c8;
  border: 1px solid #3d352f;
  box-shadow: inset 0 0 0 1px #c8c8c8;
}

.tbl7 { /* Аналог основной таблицы для всплывающего меню. Например, таблица передачи валюты. */
  border: 1px solid #3d352f;
}

.tbl8 { /* Таблица с информацией. С dotted обводной. */
  background: #f8f8f8;
  border: 1px dotted #4d3522;
  border-radius: 2px;
  padding: 5px;
}
.tbl8 td {
  padding: 0;
}
.tbl8 th {
  color: #fff;
  font-weight: normal;
  background: #60564b;
  padding: 2px 15px;
}

.tbl9 { /* История аукциона. */
  text-align: center;
  border-spacing: 0px;
}
.tbl9 td {
  background: #fff;
  border-bottom: 1px solid #c8c8c8;
  padding: 4px 0;
}
.tbl9 th {
  font-weight: normal;
  background: #ededed;
  border-top: 1px solid #c8c8c8;
  border-bottom: 1px solid #c8c8c8;
  padding: 2px;
}
.tbl9 .th7 {
  color: #242424;
  padding: 0 0 2px 10px !important;
}

.tbl10 { /* Аналог основной таблицы, но линии четче. Например, таблицы рангов, геномам. */
  background: #c8c8c8;
}

.tbl11 {
  background: #c8c8c8;
  border-spacing: 1px;
}
.tbl11 td {
  background: #f6f6f6;
}
.tbl11 th {
  font-weight: normal;
  background: #dedede;
}

.tbl12 { /* Таблица лога боя. */
  padding: 1px;
  border-spacing: 0px;
}
.tbl12 td[data-step=odd] {
  background: #fff;
}
.tbl12 td[data-step=even] {
  background: #f5f5f5;
}

/*GAME - TABLES*/
/*GAME - DIV*/
.div1, #bot_menu, #msg_menu, .div4, .div3, .div2 { /* Используется для исключений. Например, "У вас пока нет подарков". */
  background: #fff;
  border: 1px solid #b9b9b9;
  border-radius: 1px;
  width: 100%;
  padding: 20px 10px;
  text-align: center;
  display: inline-block;
  box-sizing: border-box;
}

.div2 { /* Используется для кнопок. Например, для панели сортировки в лавке. Особенность - padding: 2px! 10px; и margin: -1 0 0 0; */
  border-radius: 0px;
  min-height: 20px;
  line-height: 15px;
  padding: 2px 10px;
  margin-top: -1px;
}

.div3 { /* Используется, как контейнер для всплывающих меню. Например, в способах оплаты. Особенность - border-radius: 3px; */
  border-color: #3d352f;
  box-shadow: inset 0 0 0 1px #c8c8c8;
  border-radius: 2px;
  width: auto;
  height: auto;
  padding: 4px 4px 0px;
  text-align: left;
  display: inline-block;
}

.div4 { /* Используется, как контейнер в зданиях. Например, в банке. Особенность - padding: 5px! 10px; и margin: -1 0 0 0; */
  border-radius: 0px;
  padding: 5px 10px;
  margin-top: -1px;
  text-align: left;
}

.div_r_top {
  border-radius: 3px 3px 0 0 !important;
}

.div_r_bottom {
  border-radius: 0 0 3px 3px !important;
}

.div_r_top2 {
  border-radius: 2px 2px 0 0 !important;
}

.div_r_bottom2 {
  border-radius: 0 0 2px 2px !important;
}

/*GAME - DIV*/
/*GAME - IMG*/
.img_rank {
  background: #dadada;
  border: 1px solid #484545;
  box-shadow: inset 0 0 10px 0 #c6c6c6;
  border-radius: 2px;
  height: 59px;
  width: 59px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.img_abil {
  width: 50px;
  height: 50px;
  display: inline-block;
}

.img_pres {
  background: #f6f3ef;
  border: 8px solid #e4e0dc;
  border-radius: 8px;
  padding: 3px;
  margin: 8px 14px;
  cursor: pointer;
}

.img_icon {
  background: #d9d9d9;
  border: 1px solid #e4e0dc;
  cursor: pointer;
  margin: 5px;
}

.img_icon:hover, .info_about a.img_icon:hover {
  box-shadow: 0px 0px 0px 1px #b9b9b9;
}

.img_cafe { /*****/
  background: #f6f3ef;
  border: 1px solid #d8d4d0;
  box-shadow: inset 0 0 0 1px #f3efef, inset 0 0 10px 0 #e9e4e4;
  border-radius: 2px;
  margin: 3px 0 0 0;
  padding: 1px 3px;
}

.img_captcha {
  border: 1px solid #a9a9a9;
  margin: 0px;
  border-radius: 2px;
  cursor: pointer;
}

.img_roulette {
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.6);
  border-radius: 2px;
  filter: brightness(106%);
  opacity: 0.94;
}

.img_smile {
  height: 25px;
  margin: 1px;
  cursor: pointer;
  vertical-align: -6px;
  display: inline-block;
}

img[src="/img/info2.svg"] {
  height: 14px !important;
}

img[src="/img/privat.svg"] {
  height: 15px !important;
}

/*GAME - IMG*/
/*GAME - OTHER*/
.ttl1 {
  padding: 2px;
  text-align: center;
}

.ttl2 {
  color: #292929;
}

.lnk1 {
  color: #000;
  cursor: pointer;
}

.lnk1:hover, .info_about a.lnk1:hover {
  text-decoration: underline;
}

.lnk2 {
  text-decoration: underline;
}

.lnk2:hover, .info_about a.lnk2:hover {
  color: #5f0000;
}

.lnk3 {
  color: #292929;
  cursor: pointer;
}

.lnk3:hover, .info_about a.lnk3:hover {
  text-decoration: underline;
}

.lnk4 {
  cursor: pointer;
}

.lnk4:hover, .info_about a.lnk4:hover {
  text-decoration: underline;
}

.lnk5 {
  cursor: pointer;
}

.lnk5:hover, .info_about a.lnk5:hover {
  color: #5f0000;
  text-decoration: underline;
}

.lnk6, .info_about a:hover, .info_about .lnk_list a:hover, .info_about a {
  color: #055ba3;
  cursor: pointer;
}

.lnk6:hover, .info_about a:hover, .info_about .lnk_list a:hover {
  text-decoration: underline;
}

.lnk7, .info_about .lnk_list a:hover, .info_about .lnk_list a {
  color: #055ba3;
}

.lnk7:hover, .info_about .lnk_list a:hover, .info_about a.lnk7:hover {
  color: #ae0000;
  text-decoration: underline;
}

#show_menu, .show_hidden {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 48;
  display: none;
  justify-content: center;
  align-items: center;
}

.show_menu_bg {
  background: #000;
  opacity: 0.8;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 49;
}

.show_menu_data {
  border-radius: 3px;
  max-width: 806px;
  width: 100%;
  height: auto;
  padding: 5px;
  z-index: 50;
  box-sizing: content-box;
}

#show_act {
  color: #292929;
  font-weight: bold;
  font-family: Arial;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid #382312;
  border-radius: 2px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.7);
  cursor: pointer;
  width: 300px;
  padding: 5px 10px;
  text-align: center;
  position: absolute;
  top: 25px;
  right: calc(50% - 150px);
  z-index: 50;
  display: none;
}

.pay_qiwi, .pay_ik, .pay_direct {
  width: 650px !important;
  line-height: 18px !important;
}

#show_msg {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 100;
}
#show_msg .msg {
  color: #fff;
  font: bold 1em Arial;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  opacity: 0.99;
  cursor: pointer;
  border-radius: 4px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
  width: 230px;
  padding: 11px 20px;
  margin: 10px;
  text-align: left;
  display: none;
}
#show_msg .good {
  background: rgba(11, 105, 33, 0.85);
}
#show_msg .bad {
  background: rgba(185, 49, 49, 0.85);
}

#show_prop {
  color: #000000;
  background: rgba(255, 255, 255, 0.9);
  border-radius: 2px;
  padding: 3px;
  position: absolute;
  z-index: 100;
  display: none;
}

img[data-show-img] {
  border: 1px solid #b9b9b9;
  cursor: pointer;
  margin: 7px;
  padding: 1px;
}

#show_img {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 59;
  display: flex;
  align-items: center;
  justify-content: center;
}
#show_img img {
  border-radius: 3px;
  padding: 6px;
  position: relative;
  z-index: 60;
}

.page_up {
  background: #e6e6e6;
  border: 1px solid #b3b3b3;
  box-shadow: 0px 1px 5px 1px #b3b3b3;
  opacity: 0.25;
  cursor: pointer;
  width: 60px;
  height: 100%;
  text-align: center;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 1;
}

.page_up:hover, .info_about a.page_up:hover {
  opacity: 0.5;
}

.drag_me {
  cursor: move;
}

@media all and (max-width: 1275px) {
  .page_up {
    display: none;
  }
}
/*GAME - OTHER*/
/*GAME - HEADER*/
.header {
  background: #453e36;
  border-bottom: 4px solid #76c36e;
  width: 100%;
  min-height: 36px;
  position: relative;
  z-index: 10;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
}
.header div {
  display: flex;
}
.header.mode_icon > div:nth-child(2) > div {
  padding: 0 15px;
}
.header.mode_icon > div:nth-child(2) > div p {
  display: none !important;
}
.header.mode_icon > div:nth-child(2) > div img {
  display: block !important;
}
.header > div:nth-child(1) { /* Ник, HP, CP, Ниндзя */
  margin-left: 13px;
  justify-content: center;
  align-items: center;
}
.header > div:nth-child(1) .ninja {
  margin-right: 12px;
  align-self: center;
}
.header > div:nth-child(1) .ninja img {
  height: 36px;
  cursor: pointer;
}
.header > div:nth-child(1) .nick_pnt {
  font-size: 1em;
  text-shadow: 0 0 1px #000, 0 0 1px #000;
  justify-content: center;
  align-items: center;
}
.header > div:nth-child(1) .nick_pnt .nick {
  color: rgba(250, 250, 250, 0.99);
  font-family: RobotoBlack;
}
.header > div:nth-child(1) .nick_pnt .lvl {
  color: #939393;
  margin: 0 2px 0 4px;
}
.header > div:nth-child(1) .nick_pnt .link img {
  height: 15px;
}
.header > div:nth-child(2) { /* Кнопки */
  margin-left: 15px;
  min-height: inherit;
  justify-content: flex-start;
}
.header > div:nth-child(2) > div {
  background: #584f45;
  border-left: 1px solid #382312;
  cursor: pointer;
  padding: 0 10px;
}
.header > div:nth-child(2) > div p {
  color: #fff;
  font-size: 1em;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  margin: auto;
}
.header > div:nth-child(2) > div img {
  height: 24px;
  display: none;
}
.header > div:nth-child(2) > div#last {
  padding: 0px;
}
.header > div:nth-child(3) { /* Валюта и масса */
  color: #fff;
  font-size: 0.9em;
  font-family: RobotoBlack; /*text-shadow: $header_curmas_ts;*/
  justify-content: center;
  align-items: center;
  margin: 0 5px;
}
.header > div:nth-child(3) > div {
  margin: 0 4px 0 0;
}
.header > div:nth-child(3) img {
  height: 17px;
  margin: 0 3px;
  cursor: pointer;
}
.header > div:nth-child(4) { /* Здания, почта, настройки, поиск, FAQ, выход */
  flex-wrap: wrap;
  align-items: center;
  margin: 0 5px;
}
.header > div:nth-child(4) img {
  height: 28px;
  margin: 0 2px;
  cursor: pointer;
}

.hp_cp {
  margin: 0 0 0 15px;
  flex-direction: column;
}

.hp, .cp {
  position: relative;
  width: 220px;
  height: 13px;
}

.hp > div, .cp > div {
  border-radius: 7px;
  cursor: pointer;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#hp, #cp {
  color: #fff;
  font: bold 0.8em Verdana;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

.hp {
  margin-bottom: 3px;
}

.hp .empty {
  background: radial-gradient(1px 60% at 0% 50%, rgba(0, 0, 0, 0.3), transparent), radial-gradient(1px 60% at 100% 50%, rgba(0, 0, 0, 0.3), transparent), linear-gradient(#b78080, #db8383, #b78080);
}

.cp .empty {
  background: radial-gradient(1px 60% at 0% 50%, rgba(0, 0, 0, 0.3), transparent), radial-gradient(1px 60% at 100% 50%, rgba(0, 0, 0, 0.3), transparent), linear-gradient(#7c9bc0, #85aede, #7c9bc0);
}

.hp .filled {
  background: radial-gradient(1px 60% at 0% 50%, rgba(0, 0, 0, 0.3), transparent), radial-gradient(1px 60% at 100% 50%, rgba(0, 0, 0, 0.3), transparent), linear-gradient(#841212, #bb4949, #841212);
}

.cp .filled {
  background: radial-gradient(1px 60% at 0% 50%, rgba(0, 0, 0, 0.3), transparent), radial-gradient(1px 60% at 100% 50%, rgba(0, 0, 0, 0.3), transparent), linear-gradient(#00327f, #005abb, #00327f);
}

ul[id^=main_menu_] {
  background: #60564b;
  border-width: 1px 1px 0px 1px;
  border-style: solid;
  border-color: #453e36;
  border-radius: 0px;
  box-shadow: 0px 2px 10px 0px #60564b;
  cursor: pointer;
  color: #fafafa;
  font-size: 1em;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  display: none;
  position: absolute !important;
  z-index: 46 !important;
}
ul[id^=main_menu_] li {
  border-bottom: 1px solid #453e36;
  padding: 2px 20px;
}
ul[id^=main_menu_] li:hover {
  color: #252525;
  background: #fafafa;
  text-shadow: none;
}

.main_but_focus, [id^=main_but]:hover, .info_about a[id^=main_but]:hover {
  background: #6d665e !important;
}

ul[id^=extra_menu_] {
  background: #fff;
  border-width: 1px;
  border-style: solid;
  border-color: #453e36;
  border-radius: 3px;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.3);
  cursor: pointer;
  color: #252525;
  font-size: 1em;
  margin: 7px 0 0 -10px;
  padding: 3px 0;
  line-height: 15px;
  display: none;
  position: absolute !important;
  z-index: 46 !important;
}
ul[id^=extra_menu_] li {
  padding: 3px 20px;
}
ul[id^=extra_menu_] li:not(.title):not(.search):hover {
  color: #252525;
  background: #edecec;
  text-shadow: none;
}
ul[id^=extra_menu_] li.title {
  color: #fff;
  font-weight: normal;
  background: #60564b;
  text-align: center;
  margin: 2px;
  padding: 2px;
}
ul[id^=extra_menu_] li.search {
  font-weight: bold;
  text-align: center;
  margin: 2px;
  padding: 1px 5px;
}
ul[id^=extra_menu_] li.search img {
  height: 23px;
}

.extra_menu_arrow {
  display: none;
  position: absolute;
  z-index: 47;
  margin: 8px 0 0 -10px;
}

.extra_menu_arrow:before {
  content: "";
  border: 5px solid transparent;
  border-bottom: 5px solid #453e36;
  position: absolute;
  left: 16px;
  top: -10px;
}

.extra_menu_arrow:after {
  content: "";
  border: 4px solid transparent;
  border-bottom: 4px solid #fff;
  position: absolute;
  left: 17px;
  top: -8px;
}

@media all and (max-width: 1405px) {
  .header {
    min-height: 40px;
  }
  .header > div:nth-child(1) .ninja img {
    height: 40px;
  }
  .header > div:nth-child(1) .nick_pnt {
    font-size: 1em;
    flex-direction: column;
    justify-content: space-around;
  }
  .header > div:nth-child(1) .nick_pnt .hp, .header > div:nth-child(1) .nick_pnt .cp {
    width: 85px;
    height: 15px;
  }
  .header > div:nth-child(1) .nick_pnt .link img {
    height: 13px;
  }
  .header > div:nth-child(1) #hp, .header > div:nth-child(1) #cp {
    font-size: 0.75em;
  }
  .header > div:nth-child(1) .hp_cp {
    margin: 2px 0 0 0;
    flex-direction: row;
  }
  .header > div:nth-child(1) .hp > div {
    border-radius: 6px 0 0 6px;
  }
  .header > div:nth-child(1) .cp > div {
    border-radius: 0 6px 6px 0;
  }
}
@media all and (max-width: 1200px) {
  .game_bg1 {
    display: none;
  }
}
@media all and (max-width: 1155px) {
  .header > div:nth-child(2) > div p {
    display: none;
  }
  .header > div:nth-child(2) > div img {
    display: block;
  }
  .header > div:nth-child(4) img {
    height: 19;
  }
}
@media all and (max-width: 960px) {
  .header > div:nth-child(2) > div {
    padding: 0 7px;
  }
}
@media all and (max-width: 910px) {
  .header {
    min-height: 63px;
  }
  .header > div:nth-child(1) .ninja img {
    height: 63px;
  }
  .header > div:nth-child(3) {
    flex-direction: column;
  }
  .header > div:nth-child(3) > div {
    margin: 1px 0 1px 0;
  }
}
/*GAME - HEADER*/
/*GAME  -UH_MENU*/
#under_header {
  background: #453e36;
  width: 100%;
  height: 23px;
  position: static;
  margin-bottom: 3px;
  position: relative;
  z-index: 9;
  display: flex;
  justify-content: center;
}

#uh_menu {
  line-height: 23px;
  display: flex;
  justify-content: center;
  align-items: stretch;
}
#uh_menu li {
  color: #fff;
  font-size: 1em;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  background: #584f45;
  border-left: 1px solid #382312;
  cursor: pointer;
  padding: 0 7px;
  box-sizing: border-box;
}
#uh_menu > li:last-child {
  border-right: 1px solid #382312;
}

.uh_but_focus {
  background: linear-gradient(to bottom, #76c36e 0%, #57ac4e 80%) !important;
  text-shadow: 0 0 5px #337b16 !important;
}

/*GAME - UH_MENU*/
/*GAME - SLOTS*/
#slot_basic_menu {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-wrap: nowrap;
}

#l_slots img, #r_slots img, .img_item {
  background: #c1c1c1;
  border-width: 1px;
  border-style: solid;
  border-color: #c6c6c6 #484545 #484545 #c6c6c6;
  display: inline-block;
}

.icon {
  background: #e3e0e0;
  box-shadow: inset 0px 1px 0px 0px #d5d5d5, inset 0px -1px 0px 0px #d5d5d5;
  height: 315px;
}

.stat_mf_exp {
  min-width: 220px;
  max-width: 250px;
}

.stat_exp {
  background: #e5e5e5;
  border: 1px solid #494949;
  box-shadow: 0px 1px 2px 0px #6e6e6e;
  width: 100%;
  height: 9px;
  box-sizing: border-box;
  display: flex;
}
.stat_exp div {
  height: 100%;
}
.stat_exp div:nth-child(1) {
  background: linear-gradient(to right, #919191, #919191);
}
.stat_exp div:nth-child(2) {
  background: #bbbaba;
}

.stat_skill {
  background: #e5e5e5;
  border: 1px solid #494949;
  box-shadow: 0px 1px 2px 0px #6e6e6e;
  width: 100%;
  height: 9px;
  box-sizing: border-box;
  display: flex;
}
.stat_skill div {
  height: 100%;
}
.stat_skill div:nth-child(1) {
  background: linear-gradient(to right, #919191, #919191);
}
.stat_skill div:nth-child(2) {
  background: #e5e5e5;
}

.stat_com {
  background: #f5b5b2;
  border: 1px solid #66130e;
  box-shadow: 0px 1px 2px 0px #6e6e6e;
  width: 100%;
  height: 9px;
  box-sizing: border-box;
  display: flex;
}
.stat_com div {
  height: 100%;
}
.stat_com div:nth-child(1) {
  background: linear-gradient(to right, #cd423b, #cd423b);
}
.stat_com div:nth-child(2) {
  background: #e46e68;
}

.stat_prof {
  background: #b2eeaa;
  border: 1px solid #519248;
  box-shadow: 0px 1px 2px 0px #65d956;
  width: 100%;
  height: 9px;
  box-sizing: border-box;
  display: flex;
}
.stat_prof div {
  height: 100%;
}
.stat_prof div:nth-child(1) {
  background: linear-gradient(to right, #5fbc55, #5fbc55);
}
.stat_prof div:nth-child(2) {
  background: #b2eeaa;
}

.stat_cond11 {
  background: #c7c7c7;
  border: 0px solid #5fbc55;
  box-shadow: none;
  width: 100%;
  height: 3px;
  box-sizing: border-box;
  display: flex;
}
.stat_cond11 div {
  height: 100%;
}
.stat_cond11 div:nth-child(1) {
  background: linear-gradient(to right, #5fbc55, #5fbc55);
}
.stat_cond11 div:nth-child(2) {
  background: none;
}

.stat_cond12 {
  background: #c7c7c7;
  border: 0px solid #5fbc55;
  box-shadow: none;
  width: 100%;
  height: 3px;
  box-sizing: border-box;
  display: flex;
}
.stat_cond12 div {
  height: 100%;
}
.stat_cond12 div:nth-child(1) {
  background: linear-gradient(to right, #d7b028, #d7b028);
}
.stat_cond12 div:nth-child(2) {
  background: none;
}

.stat_cond13 {
  background: #c7c7c7;
  border: 0px solid #5fbc55;
  box-shadow: none;
  width: 100%;
  height: 3px;
  box-sizing: border-box;
  display: flex;
}
.stat_cond13 div {
  height: 100%;
}
.stat_cond13 div:nth-child(1) {
  background: linear-gradient(to right, #dc4f24, #dc4f24);
}
.stat_cond13 div:nth-child(2) {
  background: none;
}

.stat_cond21 {
  background: #c7c7c7;
  border: 0px solid #5fbc55;
  box-shadow: none;
  width: 100%;
  height: 2px;
  box-sizing: border-box;
  display: flex;
}
.stat_cond21 div {
  height: 100%;
}
.stat_cond21 div:nth-child(1) {
  background: linear-gradient(to right, #5fbc55, #5fbc55);
}
.stat_cond21 div:nth-child(2) {
  background: none;
}

.stat_cond22 {
  background: #c7c7c7;
  border: 0px solid #5fbc55;
  box-shadow: none;
  width: 100%;
  height: 2px;
  box-sizing: border-box;
  display: flex;
}
.stat_cond22 div {
  height: 100%;
}
.stat_cond22 div:nth-child(1) {
  background: linear-gradient(to right, #d7b028, #d7b028);
}
.stat_cond22 div:nth-child(2) {
  background: none;
}

.stat_cond23 {
  background: #c7c7c7;
  border: 0px solid #5fbc55;
  box-shadow: none;
  width: 100%;
  height: 2px;
  box-sizing: border-box;
  display: flex;
}
.stat_cond23 div {
  height: 100%;
}
.stat_cond23 div:nth-child(1) {
  background: linear-gradient(to right, #dc4f24, #dc4f24);
}
.stat_cond23 div:nth-child(2) {
  background: none;
}

/*GAME - SLOTS*/
/*GAME - MENU*/
.param_input {
  font-weight: normal;
  background: #f2c847 !important;
  border: none !important;
  border-radius: 2px !important;
  height: auto !important;
  max-width: 40px !important;
  margin: 0px !important;
  padding: 0 3px !important;
  box-sizing: border-box !important;
  text-align: center !important;
}

.plus_min {
  color: #8d0002;
  display: inline-block;
  font-weight: bold;
  cursor: pointer;
}

[id^=stat_b_] {
  color: #a60000;
}

[id^=skill_s_] {
  color: #156823;
  font-family: Arial;
  font-weight: bold;
}

.gift_list td:nth-child(2n), .special_list td {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.gift_list .img, .special_list .img {
  width: 41px;
  height: 41px;
  display: inline-block;
  border-radius: 50%;
  cursor: pointer;
}

.gift_list .img {
  background: #000 url(/img/list_gift.png);
  margin: 1px 8px;
}

.special_list .img {
  background: #000 url(/img/list_special.png);
  margin: 1px 3px;
}

#tech_menu {
  width: 100%;
  border-spacing: 0px;
  border-radius: 1px 1px 0 0;
  position: relative;
  z-index: 1;
}
#tech_menu td {
  color: #fff;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  background: #584f45;
  border-left: 1px solid #382312;
  cursor: pointer;
  padding: 2px 0;
  text-align: center;
  box-sizing: border-box;
}
#tech_menu td:first-child {
  border-radius: 1px 0 0 0;
  border-left: none;
}
#tech_menu td:last-child {
  border-radius: 0 1px 0 0;
}

.tech_but_focus {
  background: #6d665e !important;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5) !important;
}

.tech_list .req {
  background: #f6f6f6;
  border: 1px solid #b9b9b9;
  border-radius: 0 0 0 2px;
  width: 120px;
  padding: 2px 10px;
  position: absolute;
  top: -3px;
  right: -11px;
}
.tech_list .name {
  font-size: 1em;
  font-weight: bold;
}
.tech_list table {
  border-spacing: 0px;
}
.tech_list table td {
  padding: 0px;
}

.license {
  float: left;
  margin: 3px 10px 3px 0px;
}

.lic_len {
  color: #006C00;
  font-weight: bold;
}

.eff_empty {
  text-align: center;
  padding: 20px 0 !important;
}

.com_stat_cell {
  padding: 3px 0 3px 15px !important;
}

.present {
  display: flex;
  flex-flow: row wrap;
  justify-content: left;
  align-items: center;
  align-content: space-around;
}

#isort_menu {
  background: #b9b9b9;
  border: none;
  border-radius: 1px 1px 0px 0px;
  box-shadow: inset 0px 0px 0px 1px #b9b9b9;
  padding: 0px;
}
#isort_menu img {
  height: 31px;
}
#isort_menu td {
  background: #f6f6f6;
  border-radius: 0px;
  cursor: pointer;
  padding: 3px 1px !important;
  text-align: center;
}

.isort_but_focus {
  border-bottom: 2px solid #76c36e;
}

#inv, #item_list {
  margin: -1px 0 0 0;
}
#inv table .bg3, #inv table .l_select, #item_list table .bg3, #item_list table .l_select {
  padding: 0px 10px;
}

#inv .empty {
  text-align: center;
  margin: 20px;
}

.item_min_area {
  border: 1px solid #c8c8c8;
  width: auto;
  height: auto;
  margin: 2px;
  padding: 0px;
  border-radius: 1px;
  position: relative;
  display: inline-block;
}
.item_min_area [data-prop] {
  background: #e8e8e8;
  border: 1px solid #c8c8c8;
  cursor: pointer;
  width: 71px;
  height: 90px;
  margin: -1px;
  align-items: center;
  display: flex;
  justify-content: center;
}
.item_min_area > div:nth-child(3) {
  font-size: 0.9em;
  background: #f6f6f6;
  padding: 1px 5px;
  display: flex;
  justify-content: space-between;
}

#item_wear {
  position: absolute;
  width: calc(100% - 1px);
  height: calc(100% - 1px);
  z-index: -1;
}

.item_drop_active {
  border: 1px solid #d48200;
  box-shadow: inset 0px 0px 20px 0px #d48200;
  box-shadow: 0px 0px 3px 0px #d48200;
  background: rgba(212, 130, 0, 0.1);
  z-index: 3;
}

.item_drop_hover {
  border: 1px solid #58b300;
  box-shadow: inset 0px 0px 20px 0px #58b300;
  box-shadow: 0px 0px 3px 0px #58b300;
  background: rgba(88, 179, 0, 0.1);
  z-index: 3;
}

.menu_hidden {
  border-bottom: none;
  border-radius: 2px 2px 0 0;
  width: 100%;
  margin-bottom: -2px;
  padding: 2px 10px;
  text-align: left;
  position: relative;
  z-index: 1;
  left: 0px;
}

.menu_shadow {
  box-shadow: 0px -3px 0px 0px #f1f1f1 !important;
}

img.title {
  height: 25px !important;
}

img.input {
  height: 22px !important;
}

.gen_focus {
  background: #f4f4f4 !important;
}

#quest_list, #quest_dialog {
  width: 550px !important;
  font-size: 1em !important;
}

@media all and (max-width: 980px) {
  #isort_menu img:not([data-nomedia]) {
    height: 22px;
  }
}
@media all and (max-width: 880px) {
  #isort_menu img:not([data-nomedia]) {
    height: 15px;
  }
}
@media all and (max-width: 1040px) {
  #gift_special .img {
    margin: 1px 2px !important;
  }
  #gift_special > table:nth-child(1), #gift_special > table:nth-child(2) {
    width: 240px !important;
  }
  #gift_special > table:nth-child(1) td, #gift_special > table:nth-child(2) td {
    padding: 1px 5px;
  }
}
/*GAME - MENU*/
/*GAME - QUEST*/
.quest_img {
  box-shadow: inset 0 0 10px 0 #c8c8c8, inset 0px 0px 0px 1px rgba(0, 0, 0, 0.2) !important;
}

.quest_char {
  box-shadow: inset 0px 1px 0px 0px rgba(0, 0, 0, 0.2) !important;
}

/*GAME - QUEST*/
/*GAME - PROF*/
.res_obtain, .kage_img, .inst_check, .quest_img {
  background: linear-gradient(#f6f6f6, #ededed);
  box-shadow: inset 0 0 10px 0 #c8c8c8, inset 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  margin: 2px 2px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.res_but, .kage_char, .inst_but, .quest_char {
  font: 0.9em Verdana;
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.2), inset 0px 1px 0px 1px rgba(255, 255, 255, 0.8);
  border-radius: 0 0 2px 2px;
  width: 100%;
  margin: 0;
  padding: 4px 0;
  text-align: center;
  box-sizing: border-box;
}

#res_captcha {
  background: #ebebeb;
  border-radius: 0px 0px 3px 3px;
  width: 100%;
  box-sizing: border-box;
}

#res_list {
  width: auto;
  min-width: 206px;
  max-width: 292px;
  padding: 0px;
}

.inst_focus {
  border-radius: 2px;
  box-shadow: inset 0 0 0 1px #9b9898, 0 0 5px 0 #b0adad !important;
} /*******/
/*GAME - PROF*/
/*GAME - MAP*/
#city_bg {
  background: #f4ddb6;
  border: 1px solid #885f1d;
  width: calc(100% + 10px);
  height: 40px;
  position: absolute;
  top: calc(100% + 10px);
  left: -5px;
  z-index: -1;
}

#city_text {
  font-size: 0.97em;
  line-height: 18px !important;
  width: 100%;
  position: absolute;
  top: calc(100% + 15px);
  left: 0px;
  z-index: 1;
}

#city_char {
  width: 80px;
  height: 270px;
  position: absolute;
  top: calc(100% - 88px);
  left: calc(100% + 27px);
  z-index: 3;
}

#city_text a {
  color: #4b330d;
}

#city_text a:hover {
  text-decoration: underline;
}

#map_menu {
  position: absolute;
  left: 20px;
  top: 15px;
  z-index: 3;
}

.map_menu {
  color: #4a310b;
  font: bold 13px Tahoma;
  background: #e1b299 url(/img/map/map_menu_bg.png);
  border: 2px solid #5c4014;
  border-radius: 4px;
  width: auto;
  padding: 3px 11px;
  text-align: left;
}
.map_menu input[type=text], .map_menu input[type=number], .map_menu select {
  color: #462f1b;
  background: #f3c993;
  border: 1px solid #8c630f;
  width: 150px;
}
.map_menu input[type=button] {
  background: linear-gradient(#6a5033, #6a5033);
  border: 1px solid #6a5033;
  padding: 0px 10px !important;
}

#stamina {
  margin-top: -1px;
}

.stamina {
  margin: 0 0 5px 0;
}

.stamina > div {
  color: #fff;
  font: bolder 0.9em Verdana;
  border-radius: 2px;
  text-shadow: 0px 0px 1px #000;
  box-shadow: 0px 1px 0px 0px #560e00;
  cursor: pointer;
  width: 140px;
  height: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  --bg1: #b11d00;
  --bg2: #df482a;
}

#bot_menu, #msg_menu {
  width: auto;
  padding: 1px;
  display: none;
}
#bot_menu div, #msg_menu div, #bot_menu a, #msg_menu a {
  height: 15px;
  line-height: 15px;
  padding: 2px 10px;
  text-align: left;
  display: block;
  cursor: pointer;
}
#bot_menu [data-class=lnk]:hover, #msg_menu [data-class=lnk]:hover {
  color: #252525;
  background: #edecec;
}

.notice_box_1 {
  color: #fff;
  font-size: 0.85em;
  background: #654419;
  box-shadow: 0px 0px 2px 0px #654419;
  border-radius: 2px;
  cursor: pointer;
  margin: 0 10px 0 0;
  padding: 2px 5px;
  text-align: center;
  display: inline-block;
}

.notice_box_2 {
  color: #fff;
  font-size: 0.85em;
  background: #166086;
  box-shadow: 0px 0px 2px 0px #166086;
  border-radius: 2px;
  cursor: pointer;
  margin: 0 10px 0 0;
  padding: 2px 5px;
  text-align: center;
  display: inline-block;
}

.notice_box_3 {
  color: #fff;
  font-size: 0.85em;
  background: #1b7d22;
  box-shadow: 0px 0px 2px 0px #1b7d22;
  border-radius: 2px;
  cursor: pointer;
  margin: 0 10px 0 0;
  padding: 2px 5px;
  text-align: center;
  display: inline-block;
}

.notice_box_4 {
  color: #fff;
  font-size: 0.85em;
  background: #872f17;
  box-shadow: 0px 0px 2px 0px #872f17;
  border-radius: 2px;
  cursor: pointer;
  margin: 0 10px 0 0;
  padding: 2px 5px;
  text-align: center;
  display: inline-block;
}

.map_cell_access {
  background: 0px 0px url(/img/map/cell_access.png) no-repeat;
}

.map_cell_pl {
  background: 0px 0px url(/img/map/cell_pl.png) no-repeat;
}

.map_cell_deny {
  background: #000000;
  opacity: 0.5;
}

.map_cell_goal {
  background: 0px 0px url(/img/map/cell_goal.png) no-repeat; /*#74c33a*/
}

.map_cell_open {
  background: rgba(48, 174, 39, 0.3);
}

.map_cell_open_access {
  background: 0px 0px url(/img/map/cell_open_access.png) no-repeat;
}

.map1 {
  border-collapse: collapse;
  position: relative;
}
.map1 td {
  border: 1px solid #000;
  padding: 0px;
}
.map1 td .pic {
  position: relative;
  width: 54px;
  height: 54px;
}
.map1 td .step {
  height: 55px;
  width: 55px;
  position: absolute;
  top: 0px;
  z-index: 1;
}
.map1 td .num {
  color: #bdbdbd;
  font: bold 0.7em Verdana;
  text-shadow: 0px 0px 2px #000, 0px 0px 2px #000, 0px 0px 2px #000;
  text-align: center;
  width: 54px;
  position: absolute;
  top: 21px;
  z-index: 1;
}

.map0 {
  background: #000;
  position: relative;
  border-spacing: 0px;
}
.map0 td {
  padding: 0px;
}
.map0 td .pic {
  width: 55px;
  height: 55px;
}
.map0 td .step {
  display: none;
}
.map0 td .num {
  display: none;
}

/*GAME - MAP*/
/*GAME - BUILD*/
.build {
  max-width: 801px;
  width: 100%;
  margin: 3px 0;
  box-sizing: border-box;
  position: relative;
}

.menu {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: stretch;
  box-shadow: 0px -3px 0px 0px #f1f1f1;
}
.menu li {
  color: #fff;
  font-size: 1.03em;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  background: #584f45;
  border-left: 1px solid #382312;
  cursor: pointer;
  padding: 5px;
  text-align: center;
  flex: 1;
}
.menu > li:first-child {
  border-top-left-radius: 1px;
  border-left: none;
}
.menu > li:last-child {
  border-top-right-radius: 1px;
}

.menu_but_focus {
  background: #6d665e !important;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5) !important;
}

.pres_but_focus {
  text-decoration: underline;
}

.kage_img {
  border-radius: 1px;
  margin: 1px !important;
}

.kage_chat {
  box-shadow: inset 0 0 0 1px #c8c8c8;
  background: #f6f6f6;
  border-radius: 1px;
}

.casino_lnk {
  display: inline-block;
}
.casino_lnk a {
  font-size: 1.03em;
  display: block;
  margin: 3px 0 0 -2px;
}

.l_tbl {
  color: #292929;
}
.l_tbl td {
  cursor: pointer;
  width: 30px;
  height: 25px;
  padding: 0px;
  text-align: center;
  vertical-align: middle;
}

.smith_focus {
  border-color: #484545 !important;
}

.param input[type=text] {
  width: 30px;
  text-align: center;
}

.prof_inst {
  width: 100% !important;
}

#item_list .empty {
  padding: 20px;
  text-align: center;
}

/*GAME - BUILD*/
/*GAME - COMBAT*/
.nick_hp_cp, .nick_hp_cp_i {
  background: #e3e3e3;
  border: 1px solid #b9b9b9;
  margin-bottom: 1px;
  align-items: center;
  display: flex;
  flex-direction: column;
}
.nick_hp_cp .nick > a, .nick_hp_cp_i .nick > a {
  font-size: 1em;
  font-weight: bold;
}

.combat #hp, .combat #cp {
  position: relative;
  top: -1px;
}
.combat .ally {
  margin-left: 2px;
}
.combat .ally .nick > a {
  color: #004080;
}
.combat .enemy {
  margin-right: 2px;
}
.combat .enemy .nick > a {
  color: #007100;
}
.combat .com_param {
  display: flex;
  flex-direction: column;
  margin: 5px 0 8px;
  text-align: center;
}
.combat .com_menu {
  background: #efefef;
  height: auto;
  padding: 3px 0;
}
.combat .com_menu div[id^=menu] {
  display: flex;
  justify-content: center;
}
.combat .com_menu div[id^=menu] > span {
  display: flex;
  align-items: center;
}
.combat .com_menu #menu0 select {
  width: 225px !important;
}
.combat .com_info, .combat .com_button {
  background: #e5e5e5;
  border-top: 1px solid #b9b9b9;
  border-bottom: 1px solid #b9b9b9;
}
.combat .com_info.wait {
  padding: 8px;
  font-size: 1em;
  margin: 5px 0 8px;
}
.combat .action {
  max-width: 720px;
  width: 100%;
  margin: 0px 5px;
  align-items: center;
  display: flex;
  flex-direction: column;
}
.combat .com_txt_item {
  color: #532e0f !important;
  font-size: 1em;
  background: #efdaa2 !important;
  border: 1px solid #9b6f31 !important;
  width: 35px !important;
  text-align: center !important;
}
.combat .com_txt_cp {
  color: #122e4d !important;
  font-size: 1em;
  background: #daeafc !important;
  border: 1px solid #4a93c1 !important;
  width: 35px !important;
  text-align: center !important;
}
.combat .com_party {
  font-size: 1em;
  width: 95%;
}
.combat .com_log {
  font-size: 1em;
  width: 100%;
  border: none;
}
.combat .com_end {
  max-width: 600px !important;
  width: 100%;
}
.combat .com_end th {
  padding: 3px 0 !important;
}
.combat #combat_log {
  max-height: 410px;
  border: 1px solid #b9b9b9;
  overflow-y: auto;
  position: relative;
}
.combat #combat_stat > .tbl2, .combat #combat_stat > .tbl3, .combat #combat_stat > .tbl4, .combat #combat_stat > .tbl6, .combat #combat_stat > .tbl7, .combat #combat_stat > .tbl10, .combat #combat_stat > .tbl12 {
  width: 270px !important;
}

@media all and (max-width: 1100px) {
  .combat [name=tech_tactic] {
    width: 90px !important;
  }
  .combat [name=berserk] {
    width: 90px !important;
  }
}
@media all and (max-width: 1070px) {
  .combat .action {
    min-width: 380px;
  }
  .combat .com_menu select {
    width: 155px !important;
  }
  .combat .enemy_no {
    width: 0px !important;
  }
}
@media all and (max-width: 950px) {
  .combat #icon {
    width: 137px !important;
  }
  .combat .icon {
    box-shadow: inset 0px 1px 0px 0px #b9b9b9, inset 0px -1px 0px 0px #b9b9b9, inset 1px 0px 0px 0px #b9b9b9;
  }
  .combat .nick_hp_cp, .combat .nick_hp_cp_i {
    width: 199px !important;
  }
  .combat .slots_icon {
    width: 199px !important;
  }
  .combat .hp, .combat .cp {
    width: 180px;
  }
  .combat #l_slots {
    display: none;
  }
}
@media all and (max-width: 810px) {
  .combat #icon {
    width: 137px !important;
  }
  .combat .icon {
    border: 1px solid #b9b9b9;
    box-shadow: none;
  }
  .combat .img_items {
    border-color: #b9b9b9 #484545 #484545 #b9b9b9;
  }
  .combat .nick_hp_cp, .combat .nick_hp_cp_i {
    width: 157px !important;
  }
  .combat .slots_icon {
    width: 157px !important;
  }
  .combat .hp, .combat .cp {
    width: 150px !important;
  }
  .combat #l_slots {
    display: none;
  }
  .combat #r_slots {
    width: 22px;
  }
  .combat #r_slots > div:not([data-dif]) {
    display: none;
  }
  .combat #r_slots > div[data-dif] {
    display: block;
  }
}
/*GAME - COMBAT*/
/*CHAT*/
.chat_resize_msg_users {
  background: #f5f5f5;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.chat_resize_msg_users .resize {
  height: 4px;
}
.chat_resize_msg_users .resize > div:nth-child(1) {
  background: #bfbcb5;
  height: 2px;
}
.chat_resize_msg_users .resize > div:nth-child(2) {
  background: #eae9e5;
  height: 2px;
}
.chat_resize_msg_users .resize:not([onclick]) {
  cursor: row-resize;
}
.chat_resize_msg_users .chat_msg_users {
  height: calc(100% - 34px);
  display: flex;
}
.chat_resize_msg_users .chat_msg {
  width: calc(100% - 309px);
  position: relative;
}
.chat_resize_msg_users .chat_msg .border {
  border: 1px solid #bfbcb5;
  width: calc(100% - 4px);
  height: calc(100% - 1px);
  box-sizing: border-box;
  position: absolute;
  z-index: 1;
  top: 0px;
  left: 2px;
}
.chat_resize_msg_users .chat_msg .bg {
  background: url(/img/chat/bg_view.png) no-repeat;
  opacity: 1;
  width: 683px;
  height: 100%;
  position: absolute;
  z-index: 1;
  right: 0px;
  top: 0px;
}
.chat_resize_msg_users .chat_msg #msg {
  font-size: 1em;
  width: calc(100% - 4px);
  height: calc(100% - 5px);
  margin: 2px 0px;
  padding: 25px 8px 5px;
  box-sizing: border-box;
  position: absolute;
  z-index: 2;
  overflow-y: auto;
}
.chat_resize_msg_users .chat_msg .msg_time {
  font-size: 1em;
  border-radius: 2px;
  padding: 1px 3px 0px;
  display: inline-block;
}
.chat_resize_msg_users .chat_msg .msg_notice {
  color: #fff;
  background: #2a61b5;
  border-radius: 2px;
  margin: 1px 5px;
  padding: 1px 4px;
  display: inline-block;
}
.chat_resize_msg_users .chat_msg .msg_info {
  color: #fff;
  background: linear-gradient(to bottom, #ab330e, #ab330e);
  border-radius: 2px;
  margin: 1px 5px;
  padding: 1px 4px;
  display: inline-block;
}
.chat_resize_msg_users .chat_msg .msg_link {
  text-decoration: underline;
  cursor: pointer;
}
.chat_resize_msg_users .chat_msg [id^=ch_nick] {
  font-size: 1em;
  font-weight: bold;
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
}
.chat_resize_msg_users .chat_msg [id^=ch_nick]:hover {
  text-decoration: underline;
  display: inline-block;
}
.chat_resize_msg_users .chat_users {
  width: 368px;
}
.chat_resize_msg_users .chat_users .border {
  border: 1px solid #bfbcb5;
  width: calc(100% - 2px);
  height: calc(100% - 1px);
  border-left-width: 1px;
  box-sizing: border-box;
  position: absolute;
  z-index: 0;
  top: 0px;
  left: 0px;
}
.chat_resize_msg_users .chat_users .bg {
  background: url(/img/chat/bg_users.png) no-repeat;
  opacity: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0px;
  top: 0px;
}
.chat_resize_msg_users .chat_users .chat_menu_user {
  font-size: 1em;
  text-align: center;
  width: calc(100% - 4px);
  height: calc(100% - 5px);
  margin: 2px 0px;
  padding: 5px 8px;
  box-sizing: border-box;
  position: absolute;
  z-index: 2;
  overflow-y: auto;
}
.chat_resize_msg_users .chat_users .chat_menu_user > div:nth-child(1) img {
  height: 12px;
  cursor: pointer;
}
.chat_resize_msg_users .chat_users .user_nick {
  padding: 1px 3px;
  cursor: pointer;
}
.chat_resize_msg_users .chat_users .user_nick:hover {
  text-decoration: underline;
}
.chat_resize_msg_users .chat_panel {
  background: #453e36;
  height: 37px;
  display: flex;
  position: relative;
  z-index: 9;
}
.chat_resize_msg_users .chat_panel > div {
  height: 100%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
.chat_resize_msg_users .chat_panel > div > div:first-child {
  margin-left: 3px;
}
.chat_resize_msg_users .chat_panel > div > div:last-child {
  margin-right: 3px;
}
.chat_resize_msg_users .chat_panel > div .panel_split1 {
  background: url(/img/chat/split2.png) 0px 33px;
  width: 43px;
  height: 33px;
  margin: 0 3px;
  position: relative;
  z-index: 1;
}
.chat_resize_msg_users .chat_panel > div .panel_split2 {
  background: url(/img/chat/split2.png) 0px 0px;
  width: 43px;
  height: 33px;
  position: relative;
  z-index: 1;
}
.chat_resize_msg_users .chat_panel > div .setting {
  background: #a8a19a !important;
  width: 31px !important;
  border-right: none;
  position: relative;
}
.chat_resize_msg_users .chat_panel > div .setting::after, .chat_resize_msg_users .chat_panel > div .setting::before {
  content: "";
  position: absolute;
}
.chat_resize_msg_users .chat_panel > div .setting::before {
  right: -30px;
  top: -1px;
  border: 16px solid transparent;
  border-left: 15px solid #343434;
}
.chat_resize_msg_users .chat_panel > div .setting::after {
  right: -28px;
  top: 0px;
  border: 15px solid transparent;
  border-left: 14px solid #a8a19a;
}
.chat_resize_msg_users .chat_panel > div .setting img {
  height: 22px;
  position: relative;
  top: 4px;
  left: 3px;
}
.chat_resize_msg_users .chat_panel > div .msg_tmp {
  background: #f1f1f1;
  border: 1px solid #343434;
  border-width: 1px 0;
  border-radius: 3px;
  height: 26px;
  line-height: 26px;
  margin: 0 -15px 0 -18px;
  padding: 0 20px;
  white-space: pre;
  overflow: hidden;
  outline: none;
}
.chat_resize_msg_users .chat_panel > div .panel_but {
  background: #afa9a3;
  border-radius: 3px;
  border: 1px solid #343434;
  cursor: pointer;
  width: 32px;
  height: 30px;
  margin-left: 1px;
}
.chat_resize_msg_users .chat_panel > div .panel_but > div {
  width: 100%;
  height: 30px;
}
.chat_resize_msg_users .chat_panel > div .panel_but > div > img {
  height: 24px;
}
.chat_resize_msg_users .chat_panel > div .send {
  border-right: none;
  width: 37px;
  margin-left: -5px;
  position: relative;
}
.chat_resize_msg_users .chat_panel > div .send::after, .chat_resize_msg_users .chat_panel > div .send::before {
  content: "";
  position: absolute;
}
.chat_resize_msg_users .chat_panel > div .send::before {
  border: 16px solid transparent;
  border-right: 15px solid #343434;
  right: 35px;
  top: -1px;
}
.chat_resize_msg_users .chat_panel > div .send::after {
  border: 15px solid transparent;
  border-right: 14px solid #afa9a3;
  right: 35px;
  top: 0px;
}
.chat_resize_msg_users .chat_panel > div .send img {
  height: 18px;
}
.chat_resize_msg_users .chat_panel > div #chat_del_all img {
  height: 26px;
}
.chat_resize_msg_users .chat_panel > div #chat_chat img {
  height: 18px;
}
.chat_resize_msg_users .chat_panel > div .clock {
  width: 76px !important;
}
.chat_resize_msg_users .chat_panel > div .clock > div {
  font: bolder 15px "Comic Sans MS";
  color: #35322f;
  width: 76px;
}

#msg_menu {
  position: absolute;
  z-index: 5;
}
#msg_menu div, #msg_menu a {
  height: 15px;
  line-height: 15px;
  padding: 0 10px;
}
.chat_msg_sort {
  background: #f5f5f5;
  padding: 3px 0px 0px 9px;
  position: absolute;
  z-index: 10;
  top: 1px;
  left: 3px;
}
.chat_msg_sort .selected {
  background: #e5e5e5;
}
.chat_msg_sort .selected_prv {
  border-bottom: 1px solid #AA0002;
  box-shadow: inset 0px -1px 0px 0px #AA0002;
}
.chat_msg_sort > ul {
  background: #fafafa;
  display: flex;
}
.chat_msg_sort > ul > li {
  cursor: pointer;
  border: 1px solid #bfbcb5;
  border-right: none;
  margin: 0px;
  padding: 1px 10px;
}
.chat_msg_sort > ul > li:nth-child(2n) {
  display: none;
}
.chat_msg_sort > ul > li:nth-child(1), .chat_msg_sort > ul > li:nth-child(2) {
  border-radius: 2px 0 0 2px;
}
.chat_msg_sort > ul > li:nth-last-child(1), .chat_msg_sort > ul > li:nth-last-child(2) {
  border-right: 1px solid #bfbcb5;
  border-radius: 0 2px 2px 0;
}

#smile_win {
  background: #fff;
  border: 1px solid #b3b0ab;
  border-radius: 2px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
  position: absolute;
  right: 30px;
  bottom: 35px;
  padding: 4px 1px 4px 6px;
}
#smile_win > div {
  width: 343px;
  height: 400px;
  overflow-y: auto;
  position: relative;
}
#smile_win > div div.bg3, #smile_win > div div.l_select {
  width: 320px;
}

#smile_arrow {
  position: absolute;
  z-index: 47;
  margin: 8px 0 0 -10px;
}
#smile_arrow:before {
  content: "";
  border: 5px solid transparent;
  border-top: 5px solid #b3b0ab;
  position: absolute;
  left: -1px;
  top: -1px;
}
#smile_arrow:after {
  content: "";
  border: 4px solid transparent;
  border-top: 4px solid #fff;
  position: absolute;
  left: 0px;
  top: -1px;
}

#header_exit {
  display: block;
}

#header_chat {
  display: none;
}

#chat_chat {
  display: none;
}

@media all and (max-width: 1160px) {
  .chat_msg_sort > ul > li {
    padding: 1px 5px;
  }
}
@media all and (max-width: 1030px) {
  .chat_msg_sort > ul > li {
    padding: 1px 2px;
  }
}
@media all and (max-width: 970px) {
  .chat_msg_sort > ul > li:nth-child(1n) {
    display: none;
  }
  .chat_msg_sort > ul > li:nth-child(2n) {
    display: block;
  }
}
/*CHAT*/
/*SPEECH INPUT*/
.si-btn {
  cursor: pointer;
  user-select: none !important;
}

.si-wrapper {
  display: inline-block;
  position: relative;
}

.speech-input {
  margin: 0;
}

.si-wrapper button {
  font: 0/0 a;
  background: none;
  border: 0;
  width: 18px;
  height: 18px;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
}

.si-mic,
.si-mic:after,
.si-holder,
.si-holder:before,
.si-holder:after {
  background: #333;
  position: absolute;
}

.si-mic { /* Microphone icon */
  display: block;
  height: 25%; /* 8px / 32px */
  top: 9.375%; /* 3px / 32px */
  left: 37.5%; /* 12px / 32px */
  right: 37.5%; /* 12px / 32px */
  -webkit-border-radius: 99px 99px 0 0;
  -moz-border-radius: 99px 99px 0 0;
  border-radius: 99px 99px 0 0;
}

.si-mic:before,
.si-mic:after,
.si-holder {
  border-radius: 0 0 99px 99px;
}

.si-mic:before {
  background: #fff;
  position: absolute;
  z-index: 1;
  top: 100%; /* 8px / 8px */
  left: -25%; /* -2px / 8px */
  content: "";
  width: 150%; /* 12px / 8px */
  height: 137.5%; /* 11px / 8px */
}

.si-mic:after {
  width: 100%; /* 10px / 10px */
  height: 100%; /* 10px / 10px */
  z-index: 1;
  top: 110%; /* 11px / 10px */
  left: 0;
  content: "";
}

.si-holder {
  width: 50%; /* 16px / 32px */
  height: 40.625%; /* 13px / 32px */
  left: 25%; /* 8px / 32px */
  top: 37.5%; /* 12px / 32px */
  display: block;
}

.si-holder:after {
  width: 66.666%; /* 8px / 16px */
  height: 18.182%; /* 2px / 13px */
  bottom: -30.769%; /* -4px / 13px */
  left: 16.667%; /* 2px / 16px */
  content: "";
}

.si-holder:before {
  width: 33.333%; /* 4px / 16px */
  height: 27.273%; /* 3px / 13px */
  top: 92.308%; /* 12px / 13px */
  left: 33.333%; /* 4px / 16px */
  content: "";
}

/*SPEECH INPUT*/
/*INFO*/
.info_page {
  width: 100%;
  max-width: 801px;
  padding: 8px;
  box-sizing: border-box;
}
.info_page > .ttl:first-child {
  background: #453e36;
  border-bottom: 4px solid #76c36e;
  text-align: left;
}
.info_page > .ttl:first-child > div {
  color: #fff;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  font-size: 1em;
  background: #584f45;
  border: 1px solid #382312;
  border-width: 0px 1px 0px 1px;
  margin-left: 20px;
  padding: 4px 12px;
  display: inline-block;
}
.info_page .list {
  border-bottom: 2px solid #008000;
}

.info_menu li {
  font-size: 1em;
  width: auto;
  background: #f6f6f6;
  border-left: 4px solid #b9b9b9;
  padding: 4px 20px;
  white-space: nowrap;
}
.info_menu li[data-data] {
  cursor: pointer;
}
.info_menu li:hover {
  border-left: 4px solid #7f7f7f;
}
.info_menu li.checked {
  background: #fff;
  border-left: 4px solid #7f7f7f;
}
.info_menu li:first-child {
  border-top: 1px solid #b9b9b9;
}
.info_menu li:last-child {
  border-bottom: 1px solid #b9b9b9;
}

.info_content {
  background: #fff;
  border: 1px solid #b9b9b9;
  width: 100%;
  padding: 7px 15px;
  box-sizing: border-box;
}

.com_end th {
  padding: 3px 0 !important;
}

.nick_hp_cp_i .nick > a {
  color: #004080;
}

.info_pl .div2 {
  display: block;
}
.info_pl .img_abil {
  margin: 0px;
}
.info_pl .img_pres {
  margin: 0px 8px 5px 8px;
}
.info_pl .tbl0 td {
  vertical-align: top;
}
.info_pl .tbl1 td {
  padding: 0px;
  line-height: 15px;
}
.info_pl .info_pl_menu {
  background: #453e36;
  border-bottom: 4px solid #76c36e;
  width: 100%;
  margin: 3px 0px 1px;
  padding: 0px 18px;
  box-sizing: border-box;
  display: flex;
}
.info_pl .info_pl_menu div {
  color: #fff;
  font-size: 1em;
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  background: #584f45;
  border: 1px solid #382312;
  border-width: 0 0 0 1px;
  cursor: pointer;
  padding: 4px 9px;
}
.info_pl .info_pl_menu div:nth-last-child(1), .info_pl .info_pl_menu div:nth-last-child(2) {
  border-right-width: 1px !important;
}
.info_pl [id*=info_pl_] {
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.3);
  position: absolute;
  z-index: 1;
  display: none;
}
.info_pl .form td:not(.txt) {
  line-height: 17px;
}
.info_pl #effects .tbl1 {
  min-width: 200px;
}
.info_pl #effects .tbl1 td {
  padding: 1px 5px !important;
}
.info_pl .img_abil {
  margin: 0px 0px 5px !important;
}
.info_pl .chakra {
  margin: 7px 0 0 25px !important;
}
.info_pl #stat_b > .tbl1 {
  min-width: 200px !important;
  max-width: 200px !important;
}

.info_about h2 {
  color: #0a5494;
  font-size: 1em;
  font-weight: bold;
  margin: 0px;
  text-align: center;
}
.info_about h3 {
  color: #0a5494;
  font-size: 1em;
  font-weight: bold;
  margin: 0px 10px;
}
.info_about p {
  white-space: pre-wrap;
  margin: 0px;
}
.info_about a {
  font-weight: bold;
}
.info_about .lnk_list a {
  font-weight: normal;
  line-height: 17px;
  display: block;
}
.info_about .spoiler h3 {
  font-weight: normal;
  border-bottom: 1px solid #dbe4ec;
  padding: 7px 0px;
}
.info_about .spoiler h3:first-child {
  padding-top: 3px;
}

.info_rating.info_page {
  max-width: 750px !important;
}

.panel_help {
  width: 750px !important;
}

/*TITLE*/
.title_page {
  font-size: 1em;
}

#reg > div, #pwd > div {
  background: rgba(255, 255, 255, 0.7);
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 10;
  left: 0px;
  top: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#reg table, #pwd table {
  font-size: 1.1em;
  background: #fff;
  box-shadow: 0px 0px 30px 0 #acacac;
  display: block;
  border-spacing: 0px;
}
#reg table td, #reg table th, #pwd table td, #pwd table th {
  padding: 5px 13px;
}
#reg input[type=text], #reg input[type=password], #reg select, #pwd input[type=text], #pwd input[type=password], #pwd select {
  height: 25px;
  line-height: 25px;
  width: 150px;
}
#reg img[src*=reg_], #pwd img[src*=reg_] {
  height: 24px;
  border-radius: 3px;
  vertical-align: -7px;
  margin-right: 5px;
}
#reg input.close, #pwd input.close {
  display: none;
}

input.button_ttl {
  color: #fff;
  font-size: 1em;
  border-radius: 2px;
  height: 32px;
  padding: 7px 13px;
  margin: 0 2px 0 0;
}

input.enter {
  background: #494949;
  border: 1px solid #3b3b3b;
  text-shadow: 0px 0px 1px #000000;
}

input.reg {
  background: #951a18;
  border: 1px solid #7e110f;
  text-shadow: 0px 0px 2px #440605;
}

input.reg2 {
  background: #b92b29;
  border: 1px solid #9c1b1a;
  text-shadow: 0px 0px 2px #440605;
  height: auto !important;
  padding: 6px 12px;
}

input.common {
  height: auto !important;
  padding: 6px 12px;
}

.info_ttl {
  color: #980002;
  font-size: 0.8em;
  margin-top: 1px;
}

.info_ttl2 {
  color: #670f11;
  background: #db8283;
  border: 1px solid #9c2527;
  margin-top: 5px;
  padding: 4px;
  display: none;
}

.ulogin-buttons-container {
  width: auto !important;
}

[class*=ulogin-button-] {
  margin-right: 5px !important;
  border-radius: 2px !important;
}

[class*=ulogin-button-]:last-child {
  margin-right: 0px !important;
}

.footer {
  color: #545454;
}
.footer h1 {
  font-size: 1.1em;
  font-weight: bold;
  margin: 1px 0px 3px 0px;
}
.footer div:first-child {
  background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, #e8e8e8 20%, #e8e8e8 80%, rgba(0, 0, 0, 0) 100%);
  padding: 2px;
  margin-bottom: 10px;
}

/*TITLE*/
/*SCROLL*/
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-thumb {
  border: 3px solid #f1f1f1;
  background-clip: padding-box;
  border-radius: 9999px;
  background-color: #9f9f9f;
}

/*SCROLL*/
/*MOBILE*/
.mobile div {
  line-height: 19px !important;
}
.mobile table th, .mobile table td {
  line-height: 19px !important;
}
.mobile input[type=submit], .mobile input[type=button], .mobile input[type=text], .mobile input[type=password], .mobile input[type=number], .mobile select, .mobile textarea {
  height: 28px !important;
  min-width: 40px !important;
  margin: 5px 3px !important;
}
.mobile input[type=submit], .mobile input[type=button], .mobile input[type=text] {
  user-select: none !important;
}
.mobile input[type=number] {
  max-width: 45px !important;
  margin: auto !important;
}
.mobile textarea {
  height: auto !important;
}
.mobile img {
  user-select: none !important;
}
.mobile img.input {
  height: 23px !important;
}
.mobile img.title {
  height: 34px !important;
}
.mobile img[src*="info2.svg"] {
  height: 16px !important;
}
.mobile #show_msg .msg {
  width: 350px;
  font-size: 1.35em;
  padding: 20px 30px;
}
.mobile #show_act {
  width: 350px;
  font-size: 1.25em;
}
.mobile .tooltip {
  font-size: 1.3em !important;
  line-height: 17px !important;
}
.mobile .div2 {
  padding: 10px 10px !important;
}
.mobile .div3 {
  width: 100% !important;
}
.mobile .tbl_r_top {
  border-top-left-radius: 1px !important;
  border-top-right-radius: 1px !important;
}
.mobile .tbl_r_top tr:first-child td:first-child, .mobile .tbl_r_top tr:first-child th:first-child {
  border-radius: 1px 0 0 0 !important;
}
.mobile .tbl_r_top tr:first-child td:last-child, .mobile .tbl_r_top tr:first-child th:last-child {
  border-radius: 0 1px 0 0 !important;
}
.mobile .tbl_r_bottom {
  border-bottom-left-radius: 1px !important;
  border-bottom-right-radius: 1px !important;
}
.mobile .tbl_r_bottom tr:last-child td:first-child, .mobile .tbl_r_bottom tr:last-child th:first-child {
  border-radius: 1px 0 0 0 !important;
}
.mobile .tbl_r_bottom tr:last-child td:last-child, .mobile .tbl_r_bottom tr:last-child th:last-child {
  border-radius: 0 1px 0 0 !important;
}
.mobile .header {
  font-size: 1.15em !important;
  position: fixed !important;
}
.mobile .ninja img {
  height: 63px !important;
}
.mobile .link img {
  height: 16px !important;
}
.mobile .hp, .mobile .cp {
  font-size: 1.1em !important;
  height: 16px !important;
}
.mobile .header > div:nth-child(3) {
  flex-direction: column;
  justify-content: center !important;
}
.mobile .header > div:nth-child(3) > div {
  margin: 1px 0 !important;
}
.mobile .header > div:nth-child(4) img {
  height: 40px !important;
}
.mobile ul[id*=_menu_] {
  font-size: 1.45em !important;
  line-height: 20px !important;
  user-select: none !important;
}
.mobile .page_up {
  display: none !important;
}
.mobile .tbl1 input[type=number] {
  height: 21px !important;
}
.mobile #under_header, .mobile #slot_basic_menu, .mobile .show_menu_data, .mobile #map_menu, .mobile .build {
  font-size: 1.25em !important;
}
.mobile #under_header, .mobile #uh_menu {
  height: 25px !important;
  line-height: 25px !important;
}
.mobile #menu {
  max-width: none !important;
  width: 100% !important;
  margin: 0 1px !important;
  display: flex !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
}
.mobile #menu > div {
  width: 100%;
}
.mobile #slot_basic {
  padding: 5px 0px 2px !important;
  margin: -3px 0 0 0 !important;
  width: 100% !important;
  background: #d5d5d5 !important;
}
.mobile #slot_basic_menu {
  flex-wrap: wrap !important;
}
.mobile .stat_exp {
  height: 12px !important;
  margin: 4px 0 0 0 !important;
}
.mobile .stat_skill {
  height: 12px !important;
  margin: 10px 0 !important;
}
.mobile .stat_com {
  height: 12px !important;
  margin: 0 0 4px 0 !important;
}
.mobile .stat_prof {
  height: 12px !important;
  margin: 6px 0 !important;
}
.mobile #isort_menu img {
  height: 40px !important;
}
.mobile .isort_but_focus {
  background: linear-gradient(to top, #ebebeb, #ebebeb) !important;
}
.mobile .slot_save {
  padding: 10px 10px !important;
}
.mobile #inv td.button {
  padding: 1px 10px !important;
}
.mobile #inv td.button img {
  height: 20px !important;
  margin-left: 15px !important;
}
.mobile #inv_menu select {
  width: auto !important;
}
.mobile [name=inv_style] {
  display: none;
}
.mobile #gift_special {
  flex-wrap: no-wrap;
  width: 100% !important;
}
.mobile #gift_special > table:nth-child(1) {
  width: calc(50% - 1px) !important;
}
.mobile #gift_special > table:nth-child(2) {
  width: calc(50% - 2px) !important;
  margin: 0 0 0 3px !important;
}
.mobile .gift_list .img {
  margin: 2px 20px !important;
}
.mobile .special_list .img {
  margin: 2px 15px !important;
}
.mobile #show_menu {
  height: auto !important;
  display: none;
  z-index: auto !important;
  position: relative !important;
}
.mobile .show_menu_data {
  border-radius: 1px !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0px !important;
  padding: 3px 1px !important;
  z-index: auto !important;
}
.mobile #se_div img.title + div {
  width: calc(100% - 46px) !important;
}
.mobile #city_text {
  font-size: 1.1em !important;
  line-height: 18px !important;
}
.mobile #city_bg {
  height: 45px;
}
.mobile .map_menu {
  width: auto;
  padding: 3px 8px;
  text-align: left;
}
.mobile [data-coord] {
  user-select: none !important;
}
.mobile .select1 {
  width: 170px !important;
}
.mobile [name=nav_x], .mobile [name=nav_y] {
  width: 60px !important;
}
.mobile .stamina > div {
  font-size: 1.25em !important;
  width: calc(100% - 10px) !important;
  height: 19px !important;
}
.mobile #stamina {
  margin-top: 1px !important;
}
.mobile #res_list {
  font-size: 1.25em;
  max-width: none !important;
  width: 100% !important;
}
.mobile #res_list > div:nth-child(1) {
  justify-content: center !important;
}
.mobile .res_but, .mobile .quest_char, .mobile .inst_but, .mobile .kage_char {
  padding: 4px 8px !important;
}
.mobile #bot_menu div, .mobile #msg_menu div, .mobile #bot_menu a, .mobile #msg_menu a {
  font-size: 1.45em !important;
  height: 20px !important;
  line-height: 20px !important;
  padding: 6px !important;
}
.mobile #quest_list, .mobile #quest_dialog {
  width: 100% !important;
}
.mobile .quest_ans > div {
  margin: 10px 0 !important;
}
.mobile .build {
  width: calc(100% - 2px) !important;
  max-width: none !important;
  display: flex !important;
  flex-wrap: wrap !important;
}
.mobile .build > div, .mobile .build > table, .mobile .build > ul {
  width: calc(100% - 90px) !important;
}
.mobile .build #build_icon {
  width: auto !important;
  right: 85px !important;
}
.mobile .build .l_tbl td {
  width: 50px !important;
  height: 45px !important;
}
.mobile .build .casino_lnk a {
  margin: 1px 0 10px !important;
}
.mobile .build #arena_tbl > .div2 > div {
  margin: 0px 3px !important;
}
.mobile #header_exit {
  display: none !important;
}
.mobile #header_chat {
  display: block !important;
}
.mobile #chat_chat {
  display: block !important;
}
.mobile .chat_panel {
  height: 48px !important;
}
.mobile .panel_but {
  width: 38px !important;
  height: 36px !important;
  margin-left: 2px !important;
  border-radius: 4px !important;
}
.mobile .panel_but > div {
  width: 100% !important;
  height: 36px !important;
}
.mobile .panel_but > div > img {
  height: 28px !important;
}
.mobile .panel_but.setting, .mobile .panel_split1, .mobile .panel_split2 {
  display: none !important;
}
.mobile .panel_but.send {
  width: 55px !important;
  margin-right: 1px !important;
}
.mobile .panel_but.send::before {
  border: none !important;
}
.mobile .panel_but.send::after {
  border: none !important;
}
.mobile .panel_but.send img {
  height: 26px !important;
  margin: 0px !important;
}
.mobile #chat_del_msg, .mobile #chat_del_all, .mobile .panel_but.clock {
  display: none !important;
}
.mobile .msg_tmp {
  font-size: 1.3em !important;
  height: 34px !important;
  line-height: 34px !important;
  margin: 0px 2px 0px 5px !important;
}
.mobile .chat_users .chat_menu_user {
  font-size: 1.4em !important;
}
.mobile .chat_users .chat_menu_user > div:nth-child(1) img {
  height: 20px !important;
  margin-left: 10px !important;
}
.mobile .chat_users .user_tbl td {
  line-height: 23px !important;
}
.mobile .chat_users .user_tbl img[src*=".svg"] {
  height: 18px !important;
}
.mobile .chat_msg #msg {
  font-size: 1.3em !important;
  padding: 47px 12px 5px !important;
}
.mobile .chat_msg [id^=ch_nick] {
  user-select: none !important;
}
.mobile .chat_msg .chat_msg_sort {
  font-size: 1.4em !important;
  user-select: none !important;
  padding-right: 0px;
}
.mobile .chat_msg .chat_msg_sort li:nth-child(1n) {
  display: none;
  padding: 10px !important;
}
.mobile .chat_msg .chat_msg_sort li:nth-child(2n) {
  display: block;
}
.mobile #msg_menu div, .mobile #msg_menu a {
  font-size: 1.5em !important;
  height: 32px !important;
  line-height: 32px !important;
  padding: 0 15px !important;
}
.mobile #smile_win {
  bottom: 51px !important;
}
.mobile #smile_win > div {
  width: 500px !important;
  height: 330px !important;
  padding-right: 5px !important;
}
.mobile #smile_win > div div.bg3, .mobile #smile_win > div div.l_select {
  width: auto !important;
}
.mobile #smile_win .img_smile {
  height: 37px !important;
  margin: 4px !important;
}
.mobile .img_smile {
  height: 24px !important;
}
.mobile .info_clan, .mobile .info_item, .mobile .info_tech, .mobile .info_log, .mobile .info_pl, .mobile .info_about, .mobile .info_rating, .mobile .info_news {
  max-width: none !important;
  font-size: 1.25em !important;
}
.mobile .info_pl {
  width: 100% !important;
}
.mobile .info_pl .tbl1 td {
  padding: 1px 0px !important;
}
.mobile .info_pl .info_pl_menu {
  max-width: none;
}
.mobile .info_pl .mission, .mobile .info_pl .currency {
  height: auto !important;
  line-height: normal !important;
}
.mobile .info_pl .chakra {
  position: absolute;
  top: 10px;
  right: 10px !important;
}
.mobile .info_pl .stat_exp {
  margin: 10px 0 3px 0 !important;
}
.mobile .info_pl .stat_com {
  margin: 10px 0 3px 0 !important;
}
.mobile .info_pl .info_pl_menu div {
  padding: 12px;
}
.mobile .info_rating .tbl10 td {
  height: auto !important;
  padding: 10px 15px !important;
}
.mobile .info_menu li {
  font-size: 1.1em !important;
  padding: 8px 30px !important;
  user-select: none !important;
}
.mobile .title_page {
  font-size: 1.3em !important;
}
.mobile .title_page #content {
  max-width: none !important;
}
.mobile .title_page #auth input, .mobile .title_page #reg input, .mobile .title_page #pwd input {
  height: auto !important;
}
.mobile .title_page #reg > div, .mobile .title_page #pwd > div {
  background: none !important;
  align-items: flex-start !important;
}
.mobile .title_page #reg table, .mobile .title_page #pwd table {
  display: table !important;
  width: 100% !important;
}
.mobile .title_page #reg table td, .mobile .title_page #pwd table td {
  width: 50%;
}
.mobile .title_page #reg input[type=text], .mobile .title_page #reg input[type=password], .mobile .title_page #reg select, .mobile .title_page #pwd input[type=text], .mobile .title_page #pwd input[type=password], .mobile .title_page #pwd select {
  height: 30px !important;
  line-height: 30px !important;
  width: 100% !important;
}
.mobile .title_page #reg input.close, .mobile .title_page #pwd input.close {
  display: inline-block;
}
.mobile .title_page #news {
  width: 500px !important;
}
.mobile .title_page #rating #pl > div {
  height: 25px !important;
  line-height: 25px !important;
}
.mobile .title_page .footer div:last-child {
  display: none;
}
.mobile .title_page img[src$="like.svg"], .mobile .title_page img[src$="news.svg"], .mobile .title_page img[src$="top.svg"] {
  height: 20px !important;
  vertical-align: -5px !important;
}
.mobile .title_page img[src*="info2.svg"] {
  margin-left: 3px !important;
  vertical-align: -4px !important;
}
.mobile .title_page [class*=ulogin-button-] {
  margin-right: 10px !important;
}

.mobile.combat .com_lnk {
  display: none !important;
}
.mobile.combat .com_ref {
  display: none !important;
}
.mobile.combat .com_chat {
  display: inline-block !important;
}
.mobile.combat [name=berserk] {
  width: 120px !important;
}
.mobile.combat .nick_hp_cp, .mobile.combat .nick_hp_cp_i {
  font-size: 1.15em;
}
.mobile.combat .failed, .mobile.combat .enemy_no_exist, .mobile.combat .enemy_exist {
  font-size: 1.2em;
}
.mobile.combat .com_party, .mobile.combat .com_log, .mobile.combat .effect, .mobile.combat .cooldown {
  font-size: 1.25em !important;
}
.mobile.combat .com_end, .mobile.combat #combat_stat table {
  font-size: 1.2em !important;
}
.mobile.combat .com_party img {
  height: 16px !important;
}
.mobile.combat #combat_log {
  max-height: none !important;
  overflow-y: visible !important;
}

body.slot_basic_hide #slot_basic {
  display: none !important;
}

body.map_menu_hide #map_menu {
  display: none !important;
}
body.map_menu_hide #map_menu2 {
  display: none !important;
}
body.map_menu_hide #icon_div {
  display: none !important;
}

/*MOBILE*/
/*NO CHAT*/
.pc_nochat #header_chat {
  display: block !important;
}
.pc_nochat #chat_chat {
  display: block !important;
}

/*NO CHAT*/

/*# sourceMappingURL=game_common_1.css.map */