/* Add here all your css styles (customizations) */
.g-bg-custom-opacity-0_2, .g-bg-black-opacity-0_3 {
    background: rgba(245, 242, 234, 0.7);
}
.g-bg-white-opacity-0_3--after::after, .g-bg-white-opacity-0_3--before::before {
    background-color: rgba(255, 255, 255, 0.7) !important;
}
.u-header__section--dark .navbar-nav:not([class*="u-main-nav-v"]) .nav-link, .u-header__section--dark--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link, .u-header__section--primary .navbar-nav:not([class*="u-main-nav-v"]) .nav-link, .u-header__section--primary--shift.js-header-change-moment .navbar-nav:not([class*="u-main-nav-v"]) .nav-link {
    color: #6a889d;
}
.logo-text{
    font-size:2em;
    color:#666 !important;
}
body, p, .g-color-blue {
    color: #405261 !important;
}
p {
    line-height: 2em;
}
#analysis-nav li {
    height: 48px;
    display: flex;
    align-items: center;
    gap: calc(.25rem * 3);
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
}
    #analysis-nav li.active {
        border-left: solid 2px #63778a;
        background: rgba(100, 120, 140, 0.1);
    }
.u-btn-outline-blue {
    border: solid 1px #405261;
}
.g-bg-brown-opacity-0_3 {
    background: linear-gradient(rgb(245, 242, 234) 0%, rgb(232, 229, 220) 40%, rgb(245, 242, 234) 100%);
}
.g-bg-brown-opacity-0_5 {
    background: linear-gradient(rgb(232, 229, 220) 0%, rgb(245, 242, 234) 50%, rgb(232, 229, 220) 100%);
}
.g-bg-blue, input[type="radio"]:checked + .g-bg-blue--checked {
    background: #9cbcd0 !important;
}
.g-bg-pink {
    background: #eecfcf !important;
}
.line-height-2em{
    line-height:2em
}
.mt-6{
    margin-top:3em;
}
.u-shadow-v21 {
    box-shadow: 0px 8px 40px rgba(0, 0, 0, 0.09) !important;
}
form label {
    letter-spacing: 0.1em
}
.bar-wood {
    background-color: #188118;
}
.color-wood {
    color: #188118 !important;
}

.bar-fire {
    background-color: #c22414;
}

.color-fire {
    color: #c22414 !important;
}
.bar-earch {
    background-color: #72440f;
}

.color-earch {
    color: #72440f !important;
}

.bar-gold {
    background-color: #f9c300;
}

.color-gold {
    color: #f9c300 !important;
}
.bar-water {
    background-color: #1a679d;
}

.color-water {
    color: #1a679d !important;
}

.wuxingRadioDot {
    display: flex;
    gap: .3rem !important;
    align-items: center !important;
    margin-right:1em;
    font-size:1em;
    margin-bottom:1em;
}

.blurTxt {
    filter: blur(4px);
    user-select: none;
}

.lock-gradient {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /*background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 60%, rgba(255, 255, 255, 1) 100%);*/
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-bottom: 3rem;
}

.bazhiZone {
    background: #fafafa;
    border-radius: 4px;
    /* height: auto; */
    /* align-items: center; */
    /* min-height: 300px; */
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.bazhiZoneBadge {
    background: #e1e1e1;
    color: #6b92b7;
    display: inline-block;
    padding: 5px;
    font-size: 0.8em;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.bazhiZoneWord {
    font-size: 35px;
    font-weight: 500;
    color: #333;
    font-family: "DFKai-SB", "BiauKai", "ΌΠ·’Ει", serif;
}


.col12-5 {
    width: 12.5%;
    text-align: center;
    float: left;
}

.col7-29 {
    width: 7.29%;
    text-align: center;
    float: left;
    font-size: 11pt;
    font-weight: bold;
}

.col8-75 {
    width: 8.75%;
    text-align: center;
    float: left;
    font-size: 11pt;
    font-weight: bold;
}

.sm-font {
    font-size: 8pt;
    font-weight: bold;
    color: #333;
}

.big-font {
    font-size: 16pt;
    font-weight: bold;
}

.bazhiDiv div {
    height: 55px;
    line-height: 50px;
}

.bazhiDiv {
    clear: both;
}

.grayBack {
    background: #ebebeb;
}

.f-fire {
    color: #ed503d;
}

.f-gold {
    color: #ff8b13;
}

.f-wood {
    color: #289511;
}

.f-water {
    color: #233cab;
}

.f-earth {
    color: #8f462e;
}

.shishenOut {
    position: relative;
}

.shishenIn {
    position: absolute;
    font-size: 8px;
    line-height: 13px;
    margin-top: 9px;
    margin-left: 2px;
    color: #444;
}

.justify-center {
    justify-content: center;
}
.items-center {
    align-items: center;
}
.text-xl {
    font-size: 1.25rem;
    line-height: calc(1.75/1.25);
}
.flex-shrink-0, .shrink-0 {
    flex-shrink: 0;
}
.w-10 {
    width: calc(.25rem * 10);
}
.h-10 {
    height: calc(.25rem * 10);
}
.flex {
    display: flex;
}
.px-7 {
    padding-inline: calc(.25rem * 7);
}
.py-5 {
    padding-block: calc(.25rem * 5);
}