/*
НАЧАЛО: Карта Ци Мэнь на Гридсах
*/
.QMDJ_Chart {
    display: grid;
    align-self: flex-start;
    grid-auto-flow: column dense;
    grid-template-columns: 2.5em 1fr 1fr 1fr 2.5em;
    grid-template-rows: 2.5em 1fr 1fr 1fr 2.5em;
    gap: 0em 0em;
    grid-template-areas:
    "SE Snake S Goat SW"
    "Dragon Chart Chart Chart Monkey"
    "E Chart Chart Chart W"
    "Tiger Chart Chart Chart Dog"
    "NE Ox N Pig NW";
    justify-items: stretch;

    flex: 1;
    min-height: 39em;
    overflow: hidden;
    border-radius: var(--border-radius-xl);

    background-image: conic-gradient( from 270deg at 50% 50%,
        var(--color-QMDJ_SE) 0% 25%,
        var(--color-QMDJ_SW) 25% 50%,
        var(--color-QMDJ_NW) 50% 75%,
        var(--color-QMDJ_NE) 75% 100% );
}

.Smart .QMDJ_Chart {
    grid-template-columns: 1.3em 1fr 1fr 1fr 1.3em;
    grid-template-rows: 1.3em 1fr 1fr 1fr 1.3em;
    min-height: min-content;
}

.QMDJ_Chart > *:not(.Chart) {
    display: inline-flex;
    box-sizing: border-box;
    gap: 0.6em;

    justify-content: center;
    align-content: center;
    padding: 0.1em;
}

.QMDJ_Chart .Chart {
    grid-area: Chart;
    position: relative;

    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    gap: 1px 1px;
    grid-template-areas:
    "Castle4 Castle9 Castle2"
    "Castle3 Castle5 Castle7"
    "Castle8 Castle1 Castle6";

    border: var(--border-style-Dark);
    background-color: var(--color-Beige-Light);
    border-radius: var(--border-radius-lg);
    align-items: unset;

    margin: 0;
    /*
    box-shadow: 0 0 1em rgba(48, 64, 80, 0.4);
    */
    z-index: 1;
    }

.QMDJ_Chart .Dragon,
.QMDJ_Chart .Monkey,
.QMDJ_Chart .Rabbit,
.QMDJ_Chart .Rooster,
.QMDJ_Chart .Tiger,
.QMDJ_Chart .Dog {
    flex-direction: column-reverse;
    padding-top: 2.8em;
}

.QMDJ_Chart.NoHours .Dragon,
.QMDJ_Chart.NoHours .Monkey,
.QMDJ_Chart.NoHours .Rabbit,
.QMDJ_Chart.NoHours .Rooster,
.QMDJ_Chart.NoHours .Tiger,
.QMDJ_Chart.NoHours .Dog {
    padding-top: unset;
}

.QMDJ_Chart.NoHours .Animal .Name {
    display: none;
}

.QMDJ_Chart .Dragon .Animal .Name,
.QMDJ_Chart .Monkey .Animal .Name,
.QMDJ_Chart .Rabbit .Animal .Name,
.QMDJ_Chart .Rooster .Animal .Name,
.QMDJ_Chart .Tiger .Animal .Name,
.QMDJ_Chart .Dog .Animal .Name {
    overflow:none;
    text-overflow: none;

    transform: rotate(-90deg) translateX(4.2em);
    transform-origin: center;
    position: absolute;
    min-width: 6em;
}

.Chart .QMDJ_Castle {

}

.Chart .QMDJ_Castle:hover {
    cursor: pointer;
    box-shadow: var(--box-shadow-Blue-Hover-inset_Enhanced);
    z-index: 1;
}

.Chart .Castle4 {
    border-top-left-radius: var(--border-radius-md);
}
.Chart .Castle2 {
    border-top-right-radius: var(--border-radius-md);
}
.Chart .Castle8 {
    border-bottom-left-radius: var(--border-radius-md);
}
.Chart .Castle6 {
    border-bottom-right-radius: var(--border-radius-md);
}


.QMDJ_Chart .QMDJ_Castle,
.QMDJ_Chart .Castle5 {
    background-color: rgba(255, 255, 255, 1);
}

.QMDJ_Chart .Animal .Details,
.QMDJ_Chart .Direction,
.QMDJ_Chart .Animal {
    display: inline-flex;
}

.QMDJ_Chart .Direction {
    align-items: center;
}

.QMDJ_Chart .NE .Direction,
.QMDJ_Chart .SE .Direction {
    margin-right: -0.3em;
}

.QMDJ_Chart .NW .Direction,
.QMDJ_Chart .SW .Direction {
    margin-left: -0.3em;
}

.QMDJ_Chart > * .Direction .Title {
    font-size: 1.3em;
    line-height: inherit;
}

.Smart .QMDJ_Chart > * .Direction .Title {
    font-size: 0.7em;
}

.QMDJ_Chart .Animal,
.QMDJ_Chart .Direction {
    justify-content: center;
    color: #fff;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.2);
}

.QMDJ_Chart .Animal {
    flex-wrap: wrap;
    align-content: center;
    max-width: 100%;
    box-sizing: border-box;
    gap: 0.2em;
    position: relative;
}

.QMDJ_Chart .Direction,
.QMDJ_Chart .Animal .Hieroglyph,
.QMDJ_Chart .Animal .Name {
    display: inline-flex;
    line-height: 1.1em;
}


.QMDJ_Chart .Animal .Hieroglyph {
    justify-content: center;
    align-items: center;
    font-size: 1.5em;
}

.Smart .QMDJ_Chart .Animal .Hieroglyph {
    font-size: 0.9em;
}

.QMDJ_Chart .Animal .Name {
    flex-direction: column;
    justify-content: center;
    flex: 1 auto;

    max-width: 100%;
    font-size: 0.9em;
    line-height: 0.8em;
    text-overflow: ellipsis;
    opacity: 0.9;
    margin-bottom: -0.3em;
}

.QMDJ_Chart .Animal .Name time {
    font-size: 0.85em;
    color: #fff;
    opacity: 0.85;
    margin-bottom: -0.2em;
}

.QMDJ_Chart .SE { grid-area: SE;
    background-color: var(--color-QMDJ_SE);
    }

.QMDJ_Chart .Snake { grid-area: Snake;
    background-color: var(--color-QMDJ_SE);
    }

.QMDJ_Chart .S { grid-area: S;
    background-color: var(--color-QMDJ_S);
    }

.QMDJ_Chart .Goat { grid-area: Goat;
    background-color: var(--color-QMDJ_SW);
    }

.QMDJ_Chart .SW { grid-area: SW;
    background-color: var(--color-QMDJ_SW);
    }

.QMDJ_Chart .Monkey { grid-area: Monkey;
    background-color: var(--color-QMDJ_SW);
    }

.QMDJ_Chart .W { grid-area: W;
    background-color: var(--color-QMDJ_W);
    }

.QMDJ_Chart .Dog { grid-area: Dog;
    background-color: var(--color-QMDJ_NW);
    }

.QMDJ_Chart .NE { grid-area: NE;
    background-color: var(--color-QMDJ_NE);
    }

.QMDJ_Chart .Pig { grid-area: Pig;
    background-color: var(--color-QMDJ_NW);
    }

.QMDJ_Chart .N { grid-area: N;
    background-color: var(--color-QMDJ_N);
    }

.QMDJ_Chart .Ox { grid-area: Ox;
    background-color: var(--color-QMDJ_NE);
    }

.QMDJ_Chart .NW { grid-area: NW;
    background-color: var(--color-QMDJ_NW);
    }

.QMDJ_Chart .Tiger { grid-area: Tiger;
    background-color: var(--color-QMDJ_NE);
    }

.QMDJ_Chart .E { grid-area: E;
    background-color: var(--color-QMDJ_E);
    }

.QMDJ_Chart .Dragon { grid-area: Dragon;
    background-color: var(--color-QMDJ_SE);
    }

.QMDJ_Chart.Classic,
.QMDJ_Chart.Classic .SE,
.QMDJ_Chart.Classic .Snake,
.QMDJ_Chart.Classic .S,
.QMDJ_Chart.Classic .Goat,
.QMDJ_Chart.Classic .SW,
.QMDJ_Chart.Classic .Monkey,
.QMDJ_Chart.Classic .W,
.QMDJ_Chart.Classic .Dog,
.QMDJ_Chart.Classic .NE,
.QMDJ_Chart.Classic .Pig,
.QMDJ_Chart.Classic .N,
.QMDJ_Chart.Classic .Ox,
.QMDJ_Chart.Classic .NW,
.QMDJ_Chart.Classic .Tiger,
.QMDJ_Chart.Classic .E,
.QMDJ_Chart.Classic .Dragon {
    background-image: none;
    background-color: var(--color-Beige);
    cursor: default;
}

.QMDJ_Chart .QMDJ_Castle,
.QMDJ_Chart .Castle5 {
    box-sizing: border-box;

    text-shadow: 1px 1px rgba(255, 255, 255, 0.6);
}

.QMDJ_Chart .Castle5 {
    padding: 0 0 0.2em 0;
}

.QMDJ_Chart .QMDJ_Castle {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: min-content 1fr 1fr min-content;
    gap: 0 0;
    grid-auto-flow: row;
    grid-template-areas:
        "CastleDetails_T CastleDetails_T CastleDetails_T"
        "Ghost Gate HPillar_Top"
        "Star . HPillar_Down"
        "CastleDetails_B CastleDetails_B CastleDetails_B";

    padding: 0.3em 0 0.2em 0;
    box-sizing: border-box;

    text-shadow: 1px 1px rgba(255, 255, 255, 0.6);
}

.Smart .QMDJ_Chart .QMDJ_Castle {
    padding: 0.15em 0;
}

.QMDJ_Chart .Castle5 {
    display: grid;
    gap: 0.2em;
    grid-template-rows: 1fr min-content;
}

.QMDJ_Chart .Castle5 .CastleDetails_T,
.QMDJ_Chart .Castle5 .CastleDetails_B {
    display: flex;
}

.QMDJ_Chart .Castle5 .CastleDetails_T {
    flex-direction: column;
    text-align: center;
    justify-content: center;
    gap: 0.4em;
}

.Smart .QMDJ_Chart .Castle5 .CastleDetails_T {
     gap: 0.2em;
}

.QMDJ_Chart .Castle5 .Five {
    padding: 0.3em 0.6em;
}

.QMDJ_Chart .Castle5 .CastleDetails_T .Chart_Type {
    font-size: 1.6em;
    color: var(--color-Beige-Dark);
    line-height: 1em;
    padding-top: 0.2em;
}

.Smart .QMDJ_Chart .Castle5 .CastleDetails_T .Chart_Type {
    font-size: 1.1em;
}

.QMDJ_Chart .Castle5 .CastleDetails_T .Chart_Time,
.QMDJ_Chart .Castle5 .CastleDetails_T .Chart_System {
    color: var(--color-Beige);
    line-height: 1.1em;
}

.QMDJ_Chart .Castle5 .CastleDetails_T > .Chart_System {
    font-size: 0.9em;
}

.Smart .QMDJ_Chart .Castle5 .CastleDetails_T .Chart_Time,
.Smart .QMDJ_Chart .Castle5 .CastleDetails_T .Chart_System {
    font-size: 0.75em;
}

.QMDJ_Chart .Castle5 .CastleDetails_T .Chart_System .positive,
.QMDJ_Chart .Castle5 .CastleDetails_T .Chart_System .negative {
    white-space: nowrap;
}

.QMDJ_Chart .Castle5 .CastleDetails_T .Chart_System .negative {
    font-weight: bold;
}

/*
.QMDJ_Chart .Castle5 .CastleDetails_T .Chart_Time + .Chart_System {
    margin-top: 0.4em;
}
*/

.QMDJ_Chart .Castle5 .CastleDetails_B {
    justify-content: flex-end;
}

.QMDJ_Chart .Castle5 .Castle_Item,
.QMDJ_Chart .QMDJ_Castle .Castle_Item {
    display: inline-flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    gap: 0.1em;
    position: relative;
    padding: 0.2em 0.3em;
    border-radius: var(--border-radius-xs);
}

.Smart .QMDJ_Chart .Castle5 .Castle_Item,
.Smart .QMDJ_Chart .QMDJ_Castle .Castle_Item {
    padding: 0.1em 0.1em;
}

.QMDJ_Chart .Castle5 .Castle_Item .Jia,
.QMDJ_Chart .QMDJ_Castle .Castle_Item .Jia,
.QMDJ_Chart .Castle5 .Castle_Item .NS_Center,
.QMDJ_Chart .QMDJ_Castle .Castle_Item .NS_Center {
    display: inline-flex;
    align-items: flex-start;
    right: 0.1em;
    position: absolute;
}

/*.QMDJ_Chart .Castle5 .Castle_Item .Jia,
.QMDJ_Chart .QMDJ_Castle .Castle_Item .Jia {
    top: 0;
}

.QMDJ_Chart .Castle5 .Castle_Item .NS_Center,
.QMDJ_Chart .QMDJ_Castle .Castle_Item .NS_Center {
    top: 1em;
}*/

.QMDJ_Chart .Castle5 .Castle_Item .Hieroglyph,
.QMDJ_Chart .QMDJ_Castle .Castle_Item .Hieroglyph {
    line-height: 1em;
    font-size: 2em;
}

.Smart .QMDJ_Chart .Castle5 .Castle_Item .Hieroglyph,
.Smart .QMDJ_Chart .QMDJ_Castle .Castle_Item .Hieroglyph {
    font-size: 1.3em;
}

.QMDJ_Chart .Castle5 .Castle_Item .Name,
.QMDJ_Chart .QMDJ_Castle .Castle_Item .Name,
.QMDJ_Chart .QMDJ_Castle .Castle_Item .QMDJ_HSubN {
    font-size: 0.85em;
    line-height: 0.95em;
    text-align: center;
    color: var(--color-Beige-Dark);
    width: unset;
    flex: 1;
}

.Castle5 .Five,
.QMDJ_Castle .Five {
    grid-area: Five;
    display: inline-flex;
    align-items: center;
    line-height: 1em;
    font-size: 1.2em;
    gap: 0.2em;
    }

.Smart .Castle5 .Five,
.Smart .QMDJ_Castle .Five {
    font-size: 0.8em;
}

.Castle5 .Five,
.QMDJ_Castle .Five,
.Castle5 .Five .Month,
.Castle5 .Five .Year,
.QMDJ_Castle .Five .Month,
.QMDJ_Castle .Five .Year {
    color: var(--color-Red);
    line-height: inherit;
}

.Castle5 .Five.Year,
.Castle5 .Five .Year,
.QMDJ_Castle .Five.Year,
.QMDJ_Castle .Five .Year {
    font-weight: bold;
}

.QMDJ_Castle .Raiting {
    grid-area: Raiting;
    grid-area: Raiting;
    display: inline-flex;
    align-items: center;
    gap: 0.15em;
    justify-content: flex-end;
    font-size: 1em;
    padding-bottom: 0.3em;
    }

.Smart .QMDJ_Castle .Raiting {
    padding-bottom: 0.1em;
}

.QMDJ_Castle .Raiting img,
.QMDJ_Castle .Raiting svg {
    width: 1em;
    height: 1em;
}

.Smart .QMDJ_Castle .Raiting img,
.Smart .QMDJ_Castle .Raiting svg {
    width: 0.6em;
    height: 0.6em;
}

.QMDJ_Castle .Ghost { grid-area: Ghost; }

.QMDJ_Castle .Gate { grid-area: Gate; }

.QMDJ_Castle .HPillar_Top { grid-area: HPillar_Top; }

.QMDJ_Castle .Star { grid-area: Star; }

.QMDJ_Castle .HPillar_Down { grid-area: HPillar_Down; }

.QMDJ_Castle .CastleDetails_T { grid-area: CastleDetails_T;
    }
.QMDJ_Castle .CastleDetails_B { grid-area: CastleDetails_B;
    }

.QMDJ_Castle .CastleDetails_T,
.QMDJ_Castle .CastleDetails_B {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 0.6em;
    padding-right: 0.6em;
    gap: 0.2em;
}

.Smart .QMDJ_Castle .CastleDetails_T,
.Smart .QMDJ_Castle .CastleDetails_B {
    padding-left: 0.3em;
    padding-right: 0.3em;
}

.QMDJ_Castle .CastleDetails_T {
    padding-bottom: 0.2em;
}

.QMDJ_Castle .CastleDetails_B {
    padding-top: 0.2em;
}

.QMDJ_Castle .CastleDetails_B .CastleName,
.QMDJ_Castle .CastleDetails_B .Ghost_and_Demons {
    display: inline-flex;
}
.QMDJ_Castle .CastleDetails_B .CastleName {
    font-size: 0.9em;
    line-height: 1em;
    color: var(--color-Beige-Dark);
}

.Smart .QMDJ_Castle .CastleDetails_B .CastleName {
    font-size: 0.75em;
}

.QMDJ_Castle .CastleDetails_B .Ghost_and_Demons {
    font-size: 1.2em;
    gap: 0.2em;
    flex: 1;
    justify-content: flex-end;
}

.Smart .QMDJ_Castle .CastleDetails_B .Ghost_and_Demons {
    font-size: 1.0em;
}

.QMDJ_Castle .Trigrams {
    display: inline-flex;
}

.QMDJ_Castle .CastleDetails_B svg.Trigrams,
.QMDJ_Castle .CastleDetails_B .Trigrams svg,
.QMDJ_Castle .CastleDetails_B .Ghost_and_Demons svg {
    line-height: 1em;
    width: 1em;
    min-width: 1em;
    height: 1em;
}

.QMDJ_Castle .CastleDetails_B .Ghost_and_Demons svg {
    color: var(--color-Beige-Dark);
}

.QMDJ_Castle .CastleDetails_B svg.Trigrams,
.QMDJ_Castle .CastleDetails_B .Trigrams svg {
    font-size: 1.2em;
}

.Smart .QMDJ_Castle .CastleDetails_B svg.Trigrams,
.Smart .QMDJ_Castle .CastleDetails_B .Trigrams svg {
    font-size: 1em;
}

.QMDJ_Castle.Castle4 .CastleDetails_B svg.Trigrams,
.QMDJ_Castle.Castle4 .CastleDetails_B .Trigrams svg {
    color: var(--color-QMDJ_SE);
}
.QMDJ_Castle.Castle9 .CastleDetails_B svg.Trigrams,
.QMDJ_Castle.Castle9 .CastleDetails_B .Trigrams svg {
    color: var(--color-QMDJ_S);
}
.QMDJ_Castle.Castle2 .CastleDetails_B svg.Trigrams,
.QMDJ_Castle.Castle2 .CastleDetails_B .Trigrams svg {
    color: var(--color-QMDJ_SW);
}
.QMDJ_Castle.Castle3 .CastleDetails_B svg.Trigrams,
.QMDJ_Castle.Castle3 .CastleDetails_B .Trigrams svg {
    color: var(--color-QMDJ_E);
}
.QMDJ_Castle.Castle7 .CastleDetails_B svg.Trigrams,
.QMDJ_Castle.Castle7 .CastleDetails_B .Trigrams svg {
    color: var(--color-QMDJ_W);
}
.QMDJ_Castle.Castle8 .CastleDetails_B svg.Trigrams,
.QMDJ_Castle.Castle8 .CastleDetails_B .Trigrams svg {
    color: var(--color-QMDJ_NE);
}
.QMDJ_Castle.Castle1 .CastleDetails_B svg.Trigrams,
.QMDJ_Castle.Castle1 .CastleDetails_B .Trigrams svg {
    color: var(--color-QMDJ_N);
}
.QMDJ_Castle.Castle6 .CastleDetails_B svg.Trigrams,
.QMDJ_Castle.Castle6 .CastleDetails_B .Trigrams svg {
    color: var(--color-QMDJ_NW);
}

.QMDJ_Chart .Castle1 { grid-area: Castle1; }
.QMDJ_Chart .Castle2 { grid-area: Castle2; }
.QMDJ_Chart .Castle3 { grid-area: Castle3; }
.QMDJ_Chart .Castle4 { grid-area: Castle4; }
.QMDJ_Chart .Castle5 { grid-area: Castle5; }
.QMDJ_Chart .Castle6 { grid-area: Castle6; }
.QMDJ_Chart .Castle7 { grid-area: Castle7; }
.QMDJ_Chart .Castle8 { grid-area: Castle8; }
.QMDJ_Chart .Castle9 { grid-area: Castle9; }


.QMDJ_Chart .QMDJ_Castle.JoeyYap {
    grid-template-areas:
        "CastleDetails_T CastleDetails_T CastleDetails_T"
        "HPillar_Top Star Ghost"
        "HPillar_Down Gate . "
        "CastleDetails_B CastleDetails_B CastleDetails_B";
}

.QMDJ_Chart .Castle5.JoeyYap .Castle_Item .Jia,
.QMDJ_Chart .QMDJ_Castle.JoeyYap .Castle_Item .Jia,
.QMDJ_Chart .Castle5.JoeyYap .Castle_Item .NS_Center,
.QMDJ_Chart .QMDJ_Castle.JoeyYap .Castle_Item .NS_Center {
    right: unset;
    left: 0em;
}


.QMDJ_Chart .QMDJ_Castle.Hess {
    display: grid;
    grid-template-columns: 1fr 4.2em;
    grid-template-rows: min-content 1fr 1fr 1fr min-content;
    gap: 0px 0px;
    grid-auto-flow: row dense;
    grid-template-areas:
        "CastleDetails_T CastleDetails_T"
        "Ghost Pillars"
        "Star Pillars"
        "Gate Pillars"
        "CastleDetails_B CastleDetails_B";
}

.QMDJ_Chart .QMDJ_Castle.Hess .Pillars .Castle_Item .Name {
    font-size: 0.8em;
}

.QMDJ_Castle.Hess .Ghost,
.QMDJ_Castle.Hess .Gate,
.QMDJ_Castle.Hess .Star {
    justify-content: center;
    color: var(--color-Beige-Dark);
    flex-direction: row;
    gap: 0.2em;
    justify-content: flex-start;
    overflow: clip;
    /*
    padding: 0.0em 0 0 0.4em;
    */
}

.QMDJ_Castle.Hess .Ghost .Name,
.QMDJ_Castle.Hess .Gate .Name,
.QMDJ_Castle.Hess .Star .Name {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 1.1em;
    text-align: left;
    -webkit-hyphenate-character: auto;
    -webkit-hyphens: auto;
    -moz-hyphens:auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.QMDJ_Castle.Hess .Castle_Item .Bird {
    font-size: 1.2em;
    margin-left: 0.1em;
    color: var(Earth);
    overflow: clip;
}

.QMDJ_Castle.Hess .Ghost .Hieroglyph,
.QMDJ_Castle.Hess .Gate .Hieroglyph,
.QMDJ_Castle.Hess .Star .Hieroglyph {
    font-size: 1.4em;
}

.QMDJ_Castle.Hess .HPillar_Top,
.QMDJ_Castle.Hess .HPillar_Down {
    /*
    min-width: 3.2em;
    */
    padding-right: 1em;
}

.QMDJ_Castle.Hess .Pillars {
    display: flex;
    flex-direction: column;
    gap: 0.2em;
    grid-area: Pillars;
    justify-content: center;
}

.QMDJ_Castle.Hess .Ghost { grid-area: Ghost;
    }

.QMDJ_Castle.Hess .HPillar_Top { grid-area: HPillar_Top; }

.QMDJ_Castle.Hess .HPillar_Down { grid-area: HPillar_Down; }

.QMDJ_Castle.Hess .Star { grid-area: Star; }

.QMDJ_Castle.Hess .Gate { grid-area: Gate;
    font-weight: bold;
}

.QMDJ_Castle.Hess .CastleName { grid-area: CastleName; }

/*
НАЧАЛО: Карта Ци Мэнь на Гридсах
*/


/* Класс для цимень калькулятора Большая карта */
/* ------------------------------------------ */

.StarsHourExtra {
	font-weight: bold;
}

.QMDJCalc {
    overflow: hidden;
    border-radius:var(--border-radius-norm);

    align-self: flex-start;
}

.wrapper_main_calc .QMDJCalc {
    font-size: 1.05em;
}

.QMDJCalcChengeDateL, .QMDJCalcChengeDateR, .QMDJCalcChengeDate {
	color: #fffcf8;
	text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;

	line-height: 0.5em;
	width: 50%;
	padding: 0.2em 0;
	margin: 0;
	border: var(--border-thin) solid #dfd8d0;
    box-sizing: border-box;

    background-image:         linear-gradient(180deg, #908070, #706050);
}

.QMDJCalcChengeDateL +.QMDJCalcChengeDateR {
    margin-left: -1px;
} 

.QMDJCalcChengeDateL, .QMDJCalcChengeDateR, .QMDJCalcChengeDate {
	font-size: 1.2em;}

.QMDJCalcChengeDateL:visited, .QMDJCalcChengeDateR:visited, .QMDJCalcChengeDate:visited {
	color: #fffcf8;
}

.QMDJCalcChengeDateL:hover, .QMDJCalcChengeDateR:hover, .QMDJCalcChengeDate:hover {
	color:#ffffff;
    text-shadow: #fffcf8 0 0 0.3em;
    box-shadow: 0 0 0.3em #50c2ff;

    background-image: linear-gradient(180deg, #50c2ff, #0062df);
    z-index: 100;
    }

.QMDJCalcChengeDateL {
    border-radius:var(--border-radius-cells) 0 0 var(--border-radius-cells);
	border-right: var(--border-thin) solid #fffcf8;

}
.QMDJCalcChengeDateR {
    border-radius:0 var(--border-radius-cells) var(--border-radius-cells) 0;
	border-left: var(--border-thin) solid #fffcf8;
}

.QMDJCalcChengeDateL, .QMDJCalcChengeDateR {
    vertical-align: middle;
    position: relative;}

.QMDJCalcChengeDateL:before, .QMDJCalcChengeDateR:before {
   content: "";
   display: inline-block;
   border: solid transparent;
   width: 0;
   height: 0;
	}

.QMDJCalcChengeDateL:before {
		border-right-color: rgb(255, 255, 255);
		border-width: 0.55em 1em 0.55em 0;
		margin-right: 0.2em;}

.QMDJCalcChengeDateR:before {
		border-left-color: rgb(255, 255, 255);
		border-width: 0.55em 0 0.55em 1em;
		margin-left: 0.2em;}

.QMDJCalcChengeDate {
    border-radius:5px;
}

.QMDJCalcRate {
	width: 0.8em;
	height: inherit;
	line-height: 1em;
	margin-bottom: 0.3em;
}

.ui-dialog-content .QMDJCalcRate { margin-bottom: -0.1em;
	width: 1em; }

.QMDJ_CRR {
	letter-spacing: -0.1em;
    max-width: 6.8em;
    overflow: hidden;
    white-space: nowrap;
}

.QMDJFStars {
    font-size: 1.0em;
	line-height: 0.9em;
    margin-top: -0.3em;
    color: #f00000;
}

.CyMenMapMicro tbody > tr:first-of-type > td:first-of-type .CyMenMapMicroSub {
    border-top-left-radius: 0.3em;
}
.CyMenMapMicro tbody > tr:first-of-type > td:last-of-type .CyMenMapMicroSub {
    border-top-right-radius: 0.3em;
}

.CyMenMapMicro tbody > tr:last-of-type > td:first-of-type .CyMenMapMicroSub {
    border-bottom-left-radius: 0.3em;
}
.CyMenMapMicro tbody > tr:last-of-type > td:last-of-type .CyMenMapMicroSub {
    border-bottom-right-radius: 0.3em;
}


.CyMenMapMicroSub div .QMDJFStars { margin-top: 0; }

.CyMenMapMicroSub div .QMDJFStars,
.CyMenMapMicroSub div .QMDJ_CRR {
	display: flex;
	
	min-height: 0.8em;}
	
.CyMenMapMicroSub div .QMDJ_CRR {
	justify-content: flex-end;
    }

.QMDJFStars font, .QMDJFStars strong, .QMDJFStars span,
.CyMenMapMicroSub .QMDJFStars span {
	line-height: 0.8em;
	margin-right: 0.2em;
}

.QMDJCalcInYan {
	display: inline-block;
	font-size: 1.3em;
    line-height: 1em;
}

.QMDJCalcGostDemon {
	font-size: 1em;
	vertical-align: middle;
}
.QMDJCalcStars {
	font-size: 1.1em;
	vertical-align: middle;
}

.QMDJCalcDirection {
	font-size: 0.8em;
	color: #fffcf8;
    font-weight: bold;
    list-style-type: lower-roman;
    text-decoration: none;
    text-shadow: -1px -1px 0 var(--color-Beige-Dark);
	vertical-align: middle;
}

.QMDJCalcStolpy {
	font-size: 1.0em;
	vertical-align: middle;
	/*font-weight: bold;*/
}

.QMDJCalcGenMap {
    border: 1px solid #fff;
    border-collapse: collapse;
    margin: -1px;
    font-size: 1em;
    text-shadow: 1px 1px rgba(255, 255, 255, 0.6);
}

.QMDJCalcGenMapBorder {
	color: #fffcf8;
	border-collapse: collapse;
	margin:-1px;
	background-color: var(--color-Beige);
	font-size: 1em;
}

.QMDJCalcGenMapBorder td {
	vertical-align: middle;
	text-align: center;
}

/*
.QMDJCalcGenMapBorderSize { height: 2.2em;}
*/
.QMDJCalcGenMapBorder > tbody > tr:first-of-type > td,
.QMDJCalcGenMapBorder > tbody > tr:last-of-type > td {
    height: 2.2em;
}


.QMDJCalcGenMapBorder > tbody > tr:not(:first-of-type):not(:last-of-type) > td:first-of-type,
.QMDJCalcGenMapBorder > tbody > tr:not(:first-of-type):not(:last-of-type) > td:last-of-type {
    height: 9em;
}

.QMDJCalcGenMapBorder > tbody > tr > td:first-of-type,
.QMDJCalcGenMapBorder > tbody > tr > td:last-of-type {
     width:2.2em;
     min-width:2.2em;
}

.QMDJCalcTrignam {
    font-size: 0.7em;
    font-weight: bold;
    /*padding-left: 0.4em;*/
}

.QMDJCalcGenMap td, .QMDJCalcGenMap th {
	border: 1px soid #DFD8D0;
	padding:0px 0px;
	margin: 0px;
	vertical-align: middle;
	line-height: 1em;
	cursor: pointer;}

.QMDJCalcGenMapCastle, {
	font-size: 1em;
	border: 1px solid #ffffff;
}

.QMDJCalcGenMapCastleCenter {
	font-size: 1em;
}

.QMDJCalcGenMapCastleCenter, .QMDJCalcGenMapCastleCenter td {
	cursor: default;
}

.QMDJCalcGenMapCastle .sup, .QMDJCalcGenMapCastleCenter .sup,
.QMDJCalcGenMapCastle .sub, .QMDJCalcGenMapCastleCenter .sub {
    position: absolute;
    display: inline-block;
    font-size: 0.8em;
    }

.QMDJCalcGenMapCastle .sup, .QMDJCalcGenMapCastleCenter .sup {right: -0.1em; top: -0.2em;}
.QMDJCalcGenMapCastle .sub, .QMDJCalcGenMapCastleCenter .sub {right: -0.1em; top: 0.7em;}

.QMDJCalcGenMapCastleCenter .AddInfo {
	font-size: 0.8em;
	line-height: 1.1em;
	margin-top: 0.1em; }

.QMDJCastle5 .QMDJ_HSubN,
.QMDJCalcGenMapCastle .QMDJ_HSubN {
	font-size: 0.75em;
	line-height: 1em;
	display: inline-block;
	/*
    width: 3em;
    */
}

.QMDJCalcGenMapCastle td, .QMDJCalcGenMapCastleCenter td { border: none;
padding: 0.3em 0.1em 0.2em;
text-align: center;
font-size: 1em;
/*color: #222222;*/
color: #706050;
line-height: 1em;
vertical-align: middle;
position: relative;}

.QMDJCalcGenMapCastle td .QMDJ_HSubN,
.QMDJCalcGenMapCastleCenter td .QMDJ_HSubN {
	min-height: 2.2em;
}


.QMDJCalcGenMapCastle tr:first-child td div,
.QMDJCalcGenMapCastle tr:last-child td div {
	line-height: inherit;
}

.QMDJCalcGenMapCastle tr:first-child td {
	line-height: 1em;
	padding: 0.15em 0.4em 0.0em;
	text-align: left;
	height: 1.1em;
}

.QMDJCalcGenMapCastle tr:last-child td {
	line-height: 1em;
	padding: 0.1em 0.4em 0.1em;
	text-align: left;
	height: 1.2em;
}

/*
.QMDJCalcGenMapCastle:hover {
	cursor: pointer;
    background-color: var(--color-Beige-hover);
	border: 1px solid var(--color-Blue-hover);
}

*/

.QMDJCastle:hover,
.QMDJCastle1:hover,.QMDJCastle2:hover,.QMDJCastle3:hover,.QMDJCastle4:hover,.QMDJCastle6:hover,.QMDJCastle7:hover,.QMDJCastle8:hover,.QMDJCastle9:hover {
    cursor: pointer;
    box-shadow: 0 0 0 1px var(--color-Blue-hover) inset, 0 0 0.4em 0.1em var(--color-Blue-hover-shadow) inset;
}

.MicPT {margin-top:0.4em!important;}
.MicPR {margin-right:2px!important;}
.MicPB {margin-bottom:0.4em!important;}
.MicPL {margin-left:3px!important;}

/* ---------------------------------------------- */
/* Конец класса цимень калькулятора Большая карта*/


/* Калькулятор Ци Мэнь блок основной карты
Вместо #cimencart используем QMDJ */

.QMDJ {
    display: flex;
    justify-content: space-between;
    padding: 0 1.15em 0.45em;
    gap: 1.8em;
    flex-wrap: wrap;
}

.QMDJ .BaziChart {
    align-items: flex-start;
    flex: 0;
}

.QMDJ .QMDJCalc {
    flex: 0 auto;
}

.QMDJ #QMDJMap {
    font-size: 1.2em;
}

.TableMap.QMDJBZDayMapW {
    font-size: 0.9em;
}

.QMDJBZDayMapW td {
    width: 6.5em;
    min-width: 6.5em;
}

.QMDJCalc_H {
    font-size: 1.6em;
    line-height: 1em;
}

#BZDayMap .QMDJCalc_H {
    font-size: 2.3em;
}

.QMDJCalc_H {
    margin-bottom: 0;
    display: inline-block;
}

img.CalendHex {
    width: 3.0em;
    margin: 0.2em;
}

svg.CalendHex {
    color: var(--color-Beige-Dark);
    width: 1.8em;
    min-width: 1.8em;
    height: 1.3em;
    min-height: 1.3em;
    font-size: 2em;
}

.QMDJDescr {
    display: flex;
    margin: 1em 0 0 0;
    flex-direction: column;

    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}

.QMDJDescr .FormSubBlock {
    margin: 0 0.2em;
}

.QMDJDescr .FormBlock {
    margin: 0 0.2em;
}

/* ============================================================== */


/* Класс для цимень калькулятора Маленькая карта */

/* ------------------------- */
/*Начало Микро карты Ци мень*/

.CyMenTableBorder {
    border: var(--border-thin) solid #706050;

    margin: 0.9em 0.4em 0.4em 0.4em;
    display: inline-block;
    overflow: hidden;

    border-radius:0.4em;
}

.ML_TD .CyMenTableBorder { margin: 0; }
.QimenDunjia > .CyMenTableBorder {margin: 0.4em;}

.CyMenMapMicro {
    border: var(--border-thin) solid #fff !important;
    border-collapse: collapse;
    margin: -1px;}

.CyMenMapMicro td, .CyMenMapMicro th {
	border: var(--border-thin) solid rgba(144, 128, 112, 0.6)!important;
	padding: 0;
	margin: 0;
	vertical-align: middle!important;
	line-height: 1em!important;
	cursor: pointer;
    }


.CyMenMapMicroSub {
    margin: 0;
    width: 5.7em;
    table-layout: fixed;
    }

.CyMenMapMicroSub .Details {
    font-size: 0.9em;
}

.CymenMicroInYan {
	color: #706050;
	font-weight: bold;
    }

.CyMenMapMicroSub .Details .QMDJ_Syestem,
.CyMenMapMicroSub .Details .CymenMicroInYan {
    line-height: 1.2em;
}

.CyMenMapMicroSub .Details .QMDJ_Syestem {
    font-size: 0.9em;
    color: var(--color-Beige);
}

.KartaBadZi .CyMenMapMicroSub td {
    border-radius: unset;
}

.CyMenMapMicroSub th, .CyMenMapMicroSub td {
    width: auto;
}


.CyMenMapEmpty {
    background: #E5DFD8;
}

#qmdjCurSys { color: var(--color-Beige-Dark); }

.Emptyness:not(.hour),
.QMDJ_Empty, .CyMenMapEmpty {
    background-color: var(--color-Emptyness);
}

.QMDJ_Chart .QMDJ_Castle.QMDJ_Empty {
    background-color: var(--color-Emptyness_RGB);
}

.ui-dialog .LiveCastleClass {
    font-weight: bold;
    margin-bottom: 0.4em;
    font-size: 1.2em;
}

.ui-dialog .LiveCastleClass:before {
    content: "❤️";
}

#QMDJMap .LiveCastleClass {
    box-shadow: 0 0 0 var(--border-med) rgba(0, 185, 0, 1) inset, 0 0 0.3em 0.2em rgba(0, 185, 0, 0.4) inset;
}

.QMDJ_Castle .Emptyness,
.Emptyness.Day,
.Emptyness.day,
.Emptyness.Month,
.Emptyness.month,
.Emptyness.Year,
.Emptyness.year,
.Emptyness.Hour,
.Emptyness.hour {
    display: none;
    border-radius: 50%;
    padding: 0.2em;
    width: 1em;
    min-width: 1em;
    height: 1em;
    font-size: 1.2em;
    box-sizing: border-box;
    margin: 0em 0.2em;

    align-content: center;
}

p .Emptyness.Day,
p .Emptyness.day,
p .Emptyness.Month,
p .Emptyness.month,
p .Emptyness.Year,
p .Emptyness.year,
p .Emptyness.Hour,
p .Emptyness.hour {
    margin-left: 0;
}

.Emptyness svg {
    width: 100%;
    height: 100%;
    margin-top: -0.03em;
}

.QMDJCalcGenMapBorder .Emptyness.hour svg,
.QMDJCalcGenMapBorder .Emptyness.Hour svg {
    margin-top: -0.02em;
}

.Emptyness.Hour,
.QMDJ_Castle .Emptyness.Hour,
.Emptyness.hour,
.QMDJ_Castle .Emptyness.hour {
    display: inline-flex;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 1) inset;
    color:rgba(0,0,0,0.9);

}

.QMDJ_Castle .Emptyness,
.Emptyness.Day,
.Emptyness.day,
.Emptyness.Month,
.Emptyness.month,
.Emptyness.Year,
.Emptyness.year {
    display: inline-flex;
    box-shadow: 0 0 0.7em 0.1em rgba(0, 0, 0, 0.9) inset;

}

.QMDJ_Castle .Emptyness,
.Emptyness.Day svg,
.Emptyness.day svg,
.Emptyness.Month svg,
.Emptyness.month svg,
.Emptyness.Year svg,
.Emptyness.year svg {
    color: #fff;
}
/*
.QMDJ_Empty, .CyMenMapEmpty {
	background: none repeat scroll 0 0 rgba(122, 96, 60, 0.2);
}
*/

.CyMenMapMainGate {
    outline: 1px solid #706050 !important;
}

.CyMenMapMainStar {
    outline: 1px solid #706050 !important;
}
.CyMenMapMicroSub td, .CyMenMapMicroSub th { border: none!important; padding: 0px; vertical-align: inherit;}

.CyMenMapMicroSub td { border: none!important;
    vertical-align: inherit!important;
    text-align: center;
    color: #222222;
    line-height: 1em;}

.CyMenMapMicroSub td,
.CyMenMapMicroSub tbody td {
  font-size: 1em;
}

.CyMenMapMicroSub font {
	 display: inline-block;
	display: block;
	overflow: hidden;
	//height: 0%;

	vertical-align: inherit;

    font-size: 1em;
    line-height: 1.1em;
    padding: 1px;
    margin: 0.2em 0 0 0;

	border-radius:0.3em;

	text-align: left;
    }


.DirectionsAndFS .CyMenMapMicroSub font { margin: 0.2em 0 0.1em 0; }

.DirectionsAndFS .CyMenMapMicroSub sup,
.DirectionsAndFS .CyMenMapMicroSub sub { display: none;}

.DirectionsAndFS .CyMenMapMicroSub .svgH { padding: 0.2em 0.1em; }

.QMDJCastleDivFlex div { display: flex;
	line-height: 1em;}

.QMDJ_MStar, .QMDJ_MGate { outline: 1px solid #706050; }

.Glow, .QMDJGlow {
	box-shadow: 0 0 0.5em -0.2em #0082ff inset;
}


.imgMicro00 {height: 19px; width: 19px;}

.KartaBadZi tbody .Sel {/*background-color: #fcf8f0;*/
    /* background-color: #faf6ed;
        border-color: #0082ff;
    */
    box-shadow: 0 0 0 var(--border-med) #0082FF, 0 0 0.3em 0.2em rgba(0, 130, 255, 0.2);}

.CyMenMapMicroSub:hover {
    box-shadow: 0 0 0 var(--border-med) #0082ff inset;}

.CyMenMapMicro tbody > tr:nth-of-type(2) > td:nth-of-type(2) > .CyMenMapMicroSub:hover {
    box-shadow: none;
	background-color: transparent!important;
	border-color: transparent!important;
}

.CyMenMapMicro tbody > tr:nth-of-type(2) > td:nth-of-type(2) > .CyMenMapMicroSub td:hover,
.CyMenMapMicro tbody > tr:nth-of-type(2) > td:nth-of-type(2) > .CyMenMapMicroSub:hover,
.CyMenMapMicro tbody > tr:nth-of-type(2) > td:nth-of-type(2) {
    cursor: default;
}

.QMDJ_Chart .QMDJ_Castle.Sel,
.QMDJCalcGenMap .CurSelT {
    box-shadow: 0 0 0 var(--border-med) #0082FF inset, 0 0 0.3em 0.2em rgba(0, 130, 255, 0.2) inset;
	cursor: pointer;
    }

.QMDJ_Chart .QMDJ_Castle.Sel:hover,
.QMDJCalcGenMap .CurSelT:hover {
    box-shadow: 0 0 0 var(--border-med) #0082ff inset, 0 0 0.3em 0.2em rgba(0, 130, 255, 0.2) inset;
	cursor: pointer;
    }

.CyMenMapMicroSub .svgH {
	padding:0.2em 0.1em;
	width: 1.6em; height: 1.6em;}

	
.CyMenMapMicroSub tr:first-child .svgH,
.CyMenMapMicroSub tr.DNone+tr .svgH {padding-top: 0.6em; }

.CyMenMapMicroSub tr:last-child .svgH {padding-bottom: 0.2em; }
.CyMenMapMicroSub tr.DNone~tr:last-child .svgH { padding-bottom: 0.6em; }

.CyMenMapMicroSub .QMDJ_CRR+tr .svgH {padding-top: 0.2em; }

.CyMenMapMicroSub tr td:first-of-type .svgH { padding-left: 0.1em; }
.CyMenMapMicroSub tr td:last-of-type .svgH { padding-right: 0.1em; }


.CyMenMapMicroSub .QMDJCalcRate {
    margin: 0 0 0 0.1em;
}

.CyMenMapMicroSub .QMDJCalcTrignam {
    font-size: 0.7em;
    font-weight: bold;
    padding-left: 0.4em;
	 color: #706050; }
	 
.ui-dialog-content .QMDJCalcRate {
    margin-bottom: -0.1em;
    width: 1em;
}
.CyMenMapMicroSub .QMDJ_CRR td,
.CyMenMapMicroSub div.QMDJ_CRR {
	font-size: 0.8em;
	line-height: 0.9em;
	padding: 0.1em;
	text-align: right;

    overflow: hidden;}

.CyMenMapMicroSub div .QMDJ_CRR,
.CyMenMapMicroSub div .QMDJFStars {
    margin-top: 0.1em;
	-webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;}

.CyMenMapMicroSub div .QMDJ_CRR {
    padding-right: 0.3em;
    padding-bottom: 0.3em; }
.CyMenMapMicroSub div .QMDJFStars { padding-left: 0.2em; }


/*.CyMenMapMicroSub div.QMDJ_CRR  {
	font-size: 0.95em;
	line-height: 0.7em;
	padding: 0 0.2em 0 0;}*/
	
/* Конец класса цимень калькулятора Маленькая карта*/



.СollisDirectB, .CollisDirectB {
	border: var(--border-thin) solid #e00000!important;
	box-shadow: 0 0 0.2em #e00000, 0 0 0.3em rgba(224, 0, 0, 0.5) inset;
}

.Сollis, .Collis {
background-color: var(--color-Beige-Medium);
}


/* Стили для ячеек и таблиц*/
.TDBL {
	border: var(--border-thin) solid #dfd8d0;
}

.TDBN {
	 border: var(--border-thin) solid #706050;
}

.TableMap {
border: var(--border-thin) solid #dfd8d0;

border-radius:var(--border-radius-table);

line-height: 1em;}

.TableMap td, .TableMap th {
    border-radius:var(--border-radius-cells);

    text-align: center;
    position: relative;
	cursor: pointer;
}

.TableMap tbody td, .TableMap tbody th {
    color: #706050;
    font-weight: normal;
    position: relative;
    line-height: 0.95em;
    padding: 0.3em;
}

.TableMap tbody th {
	border: var(--border-thin) solid #706050;}

.TableMap tbody td {
	border: var(--border-thin) solid #dfd8d0;
}

.TableMap thead td, .TableMap thead th {
    font-weight: bold;
    text-shadow: -1px -1px 0 #706050;
    text-transform: uppercase;
    vertical-align: middle;
    line-height: 0.95em;
}

.TableMap thead td a, .TableMap thead th a {
    text-decoration: none;
}

.TableMap thead td {
}
.TableMap thead th {
    padding: 0.3em;
	background-color: #908070;
    color: #fffcf8;
    list-style-type: lower-roman;
	border: var(--border-thin) solid #706050;
}

.TableMap thead td:hover {}


.TableMap thead .Sel {
	background-color: #708090;
}
.TableMap thead :not(.noPr) .SelB {
	background-color: var(--color-Blue-hover);
	text-shadow: -1px -1px 0 #0062cf;
}

.TableMap tbody .Sel {
	border-color: var(--color-Blue-hover);
}
.TableMap tbody .SelB {
	border-color: var(--color-Blue-hover);
}

/* Конец стилей для ячеек и таблиц*/





/* =============================================== */
/* Когда телефон в режиме портрет */
@media screen
    and (max-width: 750px)
    and (max-aspect-ratio: 3 / 4)
    and (orientation: portrait) {
    .Orient {color: red;}
    .Mobile {display: none;}


    .wrapper_main_calccimen .Settings_Main .FormBlock .label {
        width: 4em;
    }

    .QMDJ {
        flex-wrap: wrap;
        padding: 0 0.4em 0.45em;
        justify-content: center;
        gap: 1em;
    }

    .QMDJ .BaziChart {
        display: flex;
        flex: 1;
    }


    .QMDJ .QMDJ_Chart {
        grid-template-columns: 2em 1fr 1fr 1fr 2em;
        grid-template-rows: 2em 1fr 1fr 1fr 2em;
    }

    .QMDJ .QMDJ_Chart {
        flex: 1 auto;
    }

    .QMDJ_Chart > * .Direction .Title {
        font-size: 1em;
    }

    .QMDJ_Chart .Animal .Hieroglyph {
        font-size: 1.3em;
    }

    .Smart .QMDJ_Chart .Animal .Hieroglyph {
        font-size: 1.2em;
    }

    .Smart .QMDJ_Chart > * .Direction .Title {
        font-size: 0.7em;
    }

    .QMDJ_Chart .Dragon,
    .QMDJ_Chart .Monkey,
    .QMDJ_Chart .Rabbit,
    .QMDJ_Chart .Rooster,
    .QMDJ_Chart .Tiger,
    .QMDJ_Chart .Dog {
        padding-top: 2.6em;
    }

    .QMDJ_Chart.NoHours .Dragon,
    .QMDJ_Chart.NoHours .Monkey,
    .QMDJ_Chart.NoHours .Rabbit,
    .QMDJ_Chart.NoHours .Rooster,
    .QMDJ_Chart.NoHours .Tiger,
    .QMDJ_Chart.NoHours .Dog {
        padding-top: unset;
    }

    .QMDJ_Chart .QMDJ_Castle {
        padding: 0.2em 0 0.1em 0;
    }

    .QMDJ_Chart .QMDJ_Castle.Hess {
        grid-template-columns: 1fr 4em;
    }
    .QMDJ_Castle.Hess .Pillars {
        gap: unset;
    }

    .QMDJ_Chart .Castle5 .Castle_Item,
    .QMDJ_Chart .QMDJ_Castle .Castle_Item {
        padding: 0.1em 0.2em 0.1em 0.2em;
    }

    .QMDJ_Chart .Castle5 .Castle_Item .Hieroglyph,
    .QMDJ_Chart .QMDJ_Castle .Castle_Item .Hieroglyph {
        font-size: 1.8em;
    }
    .QMDJ_Chart .Castle5 .Castle_Item .Jia,
    .QMDJ_Chart .QMDJ_Castle .Castle_Item .Jia,
    .QMDJ_Chart .QMDJ_Castle .Castle_Item .NS_Center {
        right: 0;
        font-size: 0.95em;
    }

    .QMDJ_Chart .QMDJ_Castle .Castle_Item .Name {
        font-size: 0.85em;
    }

    .QMDJ_Castle .Raiting {
        padding-bottom: 0.1em;
    }

    .QMDJ_Castle.Hess .Ghost .Name,
    .QMDJ_Castle.Hess .Gate .Name,
    .QMDJ_Castle.Hess .Star .Name {
        font-size: 0.9em;
    }

    .QMDJ_Castle.Hess .Castle_Item .Bird {
        font-size: 1em;
        margin-left: -0.2em;
    }

    .QMDJ .QMDJCalc {
        align-self: center;
        margin-top: 0.8em;
        font-size: 1em;
    }

    .QMDJ #QMDJMap {
		font-size: 0.85em;
        /*font-size: 0.7rem;
        font-size: 2.7vw;*/
        text-size-adjust: none;
        -moz-text-size-adjust: none;
        -webkit-text-size-adjust: none;
        -ms-text-size-adjust: none;
    }

    #QMDJMap .QimenDunjia { margin-top: 0; }

    .QMDJCalcTrignam {
		font-size: 1em;
	}

    .QMDJ_GD img { height: 1.3em!important;}

    .QMDJ .BZ_Gen_H {
        font-size: 3.2em;
    }

    .wrapper_main_calccimen .Settings_Main .Coordinates {
    /*
        margin-left: 4.5em;
    */
    }

	.TableMap {
		font-size: 1em;
		display: inline-block;
		border-spacing: 0.1em;
	}
	.TableMap tbody td,
	.TableMap thead td,
	.TableMap tbody th,
	.TableMap thead th
		{border-width: var(--border-thin);}

	.TableMap tbody td {
        font-size: 0.7em;
	}
	.TableMap thead td, .TableMap thead th {
        font-size: 0.8em;
	}

	.QMDJCalc_H {
		font-size: 1.8em;
		margin-bottom: 0;
	}

	.TableMap tbody td, .TableMap tbody th {
        padding: 0.4em 0.2em;
    }

    .QMDJDescr {
		display: inline-block;
		font-size: 1.1em;
    	margin: 0em 0 0.5em 0.6em;
    	vertical-align: top;
    	line-height: 0.9em;
	}
}