html {
    text-size-adjust: none!important;
    -ms-text-size-adjust: none!important;
    -webkit-text-size-adjust: none!important;
    -moz-text-size-adjust: none!important;
}

:root {color-scheme: only light;}
.arts_info  {  position: relative;  top: 0;  left: 0; overflow: hidden;}
.arts_parent_info{   font-weight: 400;   font-family: 'Arial',sans-serif; position: relative;	letter-spacing: normal;    font-size: 16px;	-moz-user-select: none;	-webkit-user-select: none; -ms-user-select: none; display:inline-block;}

.cre_mon_parent {  position: relative;  top: 0;  left: 0;  height: 50px; }
.cre_mon_parent33 {  position: relative;  top: 0;  left: 0;  height: 33px; }
.cre_mon_parent50 {  position: relative;  top: 0;  left: 0;  height: 50px; }
.cre_mon_parent100 {  position: relative;  top: 0;  left: 0;  height: 100px; }
.cre_mon_parent200 {  position: relative;  top: 0;  left: 0;  height: 200px; }
.cre_mon_parent48 {  position: relative;  top: 0;  left: 0;  height: 50px; }
.cre_mon_parent72 {  position: relative;  top: 0;  left: 0;  height: 60px; }
.cre_mon_image1 {  position: relative;  top: 0;  left: 0;}
.cre_mon_image2 {  position: absolute;  top: 0;  left: 0;}
.cre_mon_mini {  position: absolute;  top: 0;  left: 31;}
.cre_mon_mini72 {  position: absolute;  top: 1;  left: 43;}
.cre_mon_mini48 {  position: absolute;  top: 1;  left: 39;}
.slot1 {  position: absolute;  top: 0;  left: 60;}
.slot2 {  position: absolute;  top: 0;  left: 120;}
.slotbook {  position: absolute;  top: 0;  left: 180;}
.slot5 {  position: absolute;  top: 150;  left: 0;}
.slot8 {  position: absolute;  top: 0;  left: 0; }
.slot9 {  position: absolute;  top: 75;  left: 0;}
.slot3 {  position: absolute;  top: 75;  left: 60;}
.slot4 {  position: absolute;  top: 75;  left: 120;}
.slot10 {  position: absolute;  top: 75;  left: 180;}
.slot7 {  position: absolute;  top: 150;  left: 60;}
.slot6 {  position: absolute;  top: 150;  left: 120;}
.slott {  position: absolute;  top: 150;  left: 180;}
.slot11 {  position: absolute;  top: 0;  left: 180;}

.slot_size{ width: 21.74%; height: 24.393%;}
.slot1 {  position: absolute;  top: 0;  left: 26.087%;}
.slot2 {  position: absolute;  top: 0;  left: 52.174%;}
.slotbook {  position: absolute;  top: 0;  left: 78.261%;}
.slot5 {  position: absolute;  top: 73.171%;  left: 0;}
.slot8 {  position: absolute;  top: 0;  left: 0; }
.slot9 {  position: absolute;  top: 36.585%;  left: 0;}
.slot3 {  position: absolute;  top: 36.585%;  left: 26.087%;}
.slot4 {  position: absolute;  top: 36.585%;  left: 52.174%;}
.slot10 {  position: absolute;  top: 36.585%;  left: 78.261%;}
.slot7 {  position: absolute;  top: 73.171%;  left: 26.087%;}
.slot6 {  position: absolute;  top: 73.171%;  left: 52.174%;}
.slott {  display: flex; position: absolute;  top: 73.171%;  left: 78.261%;}
.slot11 {  position: absolute;  top: 0;  left: 78.261%;}

.hwm_hint_css{
    position: fixed;
    padding: 0.3em;
    background: rgba(0,0,0,.7);
    border: 1px solid #fff;
    box-shadow: 0 0 10px rgb(0 0 0 / 50%);
    font-size: 1em;
    color: #fff;
    z-index: 2000;
    overflow-x: auto;
    transition: opacity 0.5s;
    opacity: 0; 
    display: none;
    user-select: none;
    background: #ddd9cd;
	padding: .25em 1em;
    padding-bottom: .4em;
	color: #592c08;
	background-color: #d4d2c9;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow:
		inset 0 0 0 1px #ebe9e1,
		inset 0 0 0 2px rgba(89,44,8,.5),
		0 1px 5px rgba(0,0,0,.7);
}

.hwm_hint_css_visible{
    opacity: 1;
    display: block;
}
.art_mods{
    height: 20%;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    display: inline-block;
    white-space: nowrap;
    text-align: right;
    width: 100%;
}
.art_mods10p{
    height: 10%;
    bottom: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    display: inline-block;
    white-space: nowrap;
    text-align: right;
}

.art_mods img{
   width:auto;
   height:100%;
/*   float: right;*/
}
.art_mods10p img{
   width:auto;
   height:100%;
/*   float: right;*/
}
.art_rt_corner{
    height: 40%;
    top: 0;
    right: 0;
    position: absolute;
    z-index: 1;
    display: inline-block;
}
.art_rt_corner img{
   width:auto;
   height:100%;
   float: right;
}


.cre_amount_shift{	background: none;	color: #f5c140;	text-align: right;	font-size: 120%;	position: absolute;	right: 5px;	bottom: 0.05em;	font-weight: bold;	text-shadow: 0px 0px 2px #000, 0px 0px 2px #000;
	-moz-user-select: none;	-webkit-user-select: none;	-ms-user-select: none;	-webkit-font-smoothing: antialiased;	-moz-osx-font-smoothing: grayscale; pointer-events: none;}


.cre_amount{	background: none;	color: #f5c140;	text-align: right;	font-size: 120%;	position: absolute;	right: .2em;	bottom: 0em;	font-weight: bold; text-shadow: 0px 0px 3px #000, 0px 0px 3px #000, 0px 0px 3px #000, 0px 0px 3px #000; -moz-user-select: none;	-webkit-user-select: none;	-ms-user-select: none;	-webkit-font-smoothing: antialiased;	-moz-osx-font-smoothing: grayscale; pointer-events: none;}

.cre_amount72{	background: none;	color: #f5c140;	text-align: right;	font-size: 120%;	position: absolute;	right: .24em;	bottom: 0.05em;	font-weight: bold; text-shadow: 0px 0px 3px #000, 0px 0px 3px #000, 0px 0px 3px #000, 0px 0px 3px #000; -moz-user-select: none;	-webkit-user-select: none;	-ms-user-select: none;	-webkit-font-smoothing: antialiased;	-moz-osx-font-smoothing: grayscale; pointer-events: none;}

.cre_amount40{	background: none;	color: #f5c140;	text-align: right;	font-size: 80%;	position: absolute;	right: .24em;	bottom: 0.05em;	font-weight: bold; text-shadow: 0px 0px 3px #000, 0px 0px 3px #000, 0px 0px 3px #000, 0px 0px 3px #000; -moz-user-select: none;	-webkit-user-select: none;	-ms-user-select: none;	-webkit-font-smoothing: antialiased;	-moz-osx-font-smoothing: grayscale; pointer-events: none;}

.cre_amount48{	background: none;	color: #f5c140;	text-align: right;	font-size: 100%;	position: absolute;	right: .22em;	bottom: 0.025em;	font-weight: bold; text-shadow: 0px 0px 3px #000, 0px 0px 3px #000, 0px 0px 3px #000, 0px 0px 3px #000; -moz-user-select: none;	-webkit-user-select: none;	-ms-user-select: none;	-webkit-font-smoothing: antialiased;	-moz-osx-font-smoothing: grayscale; pointer-events: none;}

.cre_amount48end{	background: none;	color: #f5c140;	text-align: right;	font-size: 120%;	position: absolute;	right: .2em;	bottom: 0.05em;	font-weight: bold; text-shadow: 0px 0px 3px #000, 0px 0px 3px #000, 0px 0px 3px #000, 0px 0px 3px #000; -moz-user-select: none;	-webkit-user-select: none;	-ms-user-select: none;	-webkit-font-smoothing: antialiased;	-moz-osx-font-smoothing: grayscale; pointer-events: none;}

.cre_amount100{	background: none;	color: #f5c140;	text-align: right;	font-size: 160%;	position: absolute;	right: .3em;	bottom: 0.11em;	font-weight: bold; text-shadow: 0px 0px 3px #000, 0px 0px 3px #000, 0px 0px 3px #000, 0px 0px 3px #000; -moz-user-select: none;	-webkit-user-select: none;	-ms-user-select: none;	-webkit-font-smoothing: antialiased;	-moz-osx-font-smoothing: grayscale; pointer-events: none;}

.cre_creature{   font-weight: 400;   font-family: 'Arial',sans-serif;   width: 60px; position: relative;	letter-spacing: normal;    font-size: 16px;	-moz-user-select: none;	-webkit-user-select: none; -ms-user-select: none; display:inline-block;}

.cre_creature40{   font-weight: 400;   font-family: 'Arial',sans-serif;   width: 40px; position: relative;	letter-spacing: normal;    font-size: 16px;	-moz-user-select: none;	-webkit-user-select: none; -ms-user-select: none; display:inline-block;}

.cre_creature48{   font-weight: 400;   font-family: 'Arial',sans-serif; width: 47px; position: relative;	letter-spacing: normal;    font-size: 16px;	-moz-user-select: none;	-webkit-user-select: none; -ms-user-select: none; display:inline-block; overflow:hidden;}

.cre_creature48crop{   font-weight: 400;   font-family: 'Arial',sans-serif; width: 43px; position: relative;	letter-spacing: normal;    font-size: 16px;	-moz-user-select: none;	-webkit-user-select: none; -ms-user-select: none; display:inline-block; overflow: hidden;}


.cre_creature50x50{   font-weight: 400;   font-family: 'Arial',sans-serif;   width: 50px; position: relative;	letter-spacing: normal;    font-size: 16px;	-moz-user-select: none;	-webkit-user-select: none; -ms-user-select: none; display:inline-block;}

.cre_creature72{   font-weight: 400;   font-family: 'Arial',sans-serif; width: 72px; position: relative;	letter-spacing: normal;    font-size: 16px;	-moz-user-select: none;	-webkit-user-select: none; -ms-user-select: none; display:inline-block;}

.cre_creature100{   font-weight: 400;   font-family: 'Arial',sans-serif; width: 120px; position: relative;	letter-spacing: normal;    font-size: 16px;	-moz-user-select: none;	-webkit-user-select: none; -ms-user-select: none; display:inline-block;}

.art_durability_hidden
{
   position: absolute; 
   border-bottom-right-radius: 0.25em;
   top: 1px; 
   left: 1px;
   padding-right: 1px;
   background-color:rgba(255, 255, 255, 0.5); 
   color: black; 
   font-size: 90%;
   z-index: 2;
   webkit-user-select: none; 
   -moz-user-select: none; 
   -ms-user-select: none; 
   user-select: none; 
   pointer-events: none;
}

.t_noselect {-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}

.no_tap_color{
    user-drag: none; 
	user-select: none;
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
    -khtml-user-select: none;
    -o-user-select: none;
    -ms-user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-appearance: none;
}

.hwm_main_forum_tr1 {
   background-color: #F5F3EA;
   transition: background-color 0.3s;
}
.hwm_main_forum_tr2 {
   background-color: #FEFDF8;
   transition: background-color 0.3s;
}
.hwm_main_forum_tr1:hover {
    background-color: #dfdfdf;
}
.hwm_main_forum_tr2:hover {
    background-color: #dfdfdf;
}

.hwm_forum_topic1 {
	background-color: #e4ebec;
}
.hwm_forum_topic2 {
	background-color: #f3f6f6;
}

.hwm_forum_topic1:hover {
    background-color: #dfdfdf;
}
.hwm_forum_topic2:hover {
    background-color: #dfdfdf;
}