@media print {

    /* -----------------------------------------------------------------------


 Blueprint CSS Framework 1.0.1
 http://blueprintcss.org

   * Copyright (c) 2007-Present. See LICENSE for more info.
   * See README for instructions on how to use Blueprint.
   * For credits and origins, see AUTHORS.
   * This is a compressed file. See the sources in the 'src' directory.

----------------------------------------------------------------------- */

    /* print.css */
    body {
        font-size: 7px;
    }

    .white-box {
        box-shadow: none !important;
    }

    .site-detail .white-box {
        padding: 0px 15px 10px;
    }

    .header-logo {
        padding: 0;
    }

    .header-logo img {
        width: 80px; 
    }

    .hpanel {
        margin-bottom: 5px !important;
    }

    /*print */
    .height-header {
        height: 80px;
    }

    .top-day-master {
        height: 95px;
    }

    .animal-day-master-chin {
        font-size: 9px;
        font-family: 'Adobe Heiti Std';
    }

    .favourable-element-detail {
        padding-left: 14px;
    }

    .favourable-element-detail h5, 
    .day-master-element-desc h5 {
        font-size: 10px;
    }

    .favourable-element-detail span {
        font-family: 'Adobe Heiti Std';
    }

    #chartdiv {
        margin-top: -23%;
    }

    .botton-day-master {
        margin-top: 0px;
        height: 245px;
    }

    /**============== bazi chart ======== */
    .first-row-day {
        padding-left: 0px;
    }

    .bazi-chart-td {
        min-width: 55px;
    }

    .bazi-chart-td h5 {
        font-size: 10px;
        margin: 0;
    }

    .bazi-chart-td h5 span {
        font-size: 8px !important
    }

    .div-label {
        margin-left: -26px;
    }

    .div-label img {
        position: absolute;
        width: 14px;
        height: 52px;
        margin-left: 36px;
    }

    .text-content {
        font-size: 18px;
        position: absolute;
        margin-left: -17px;
        font-family: 'simhei';
    }

    .bazi-td-description {
        position: absolute;
        margin-top: 27px;
        margin-left: 13px;
    }

    .bazi-td-description-day {
        position: absolute;
        margin-top: 27px;
        margin-left: 24px;
    }

    .text-content-day {
        font-size: 18px;
        position: absolute;
        margin-left: -12px;
    }

    .text-content-row-2 {
        font-size: 18px;
        position: absolute;
        margin-left: -9px;
        font-family: 'simhei';
    }

    .bazi-td-description-row-2 {
        position: absolute;
        margin-top: 22px;
        margin-left: -25px;
        width: 100px;
    }

    .bazi-td-description-row-2-day {
        position: absolute;
        margin-top: 20px;
        margin-left: -28px;
        width: 100px;
    }

    .cell-content {
        padding-left: 0px;
        padding-right: 0px;
    }

    .first-row {
        padding-right: 0px;
    }

    .bazi-content-last {
        width: 50px;
    }

    .icon-text {
        margin-left: -11px;
        margin-top: 3px;
    }

    .table-botton-none>tbody>tr>td {
        padding: 3px;
    }

    .two-row {
        padding-right: 20px;
    }

    .two-row img {
        /*margin-left: -14px;*/
    }

    .col-left h4,
    .col-right h4 {
        font-size: 12px;
        margin-top: 5px;
    }

    .col-left h5,
    .col-center h5,
    .col-right h5 {
        font-size: 10px;
    }

    .col-right {
        position: absolute;
        margin-left: 48px;
    }

    .col-left {
        margin-left: -10px;
        position: absolute;
    }

    .text-element-eng {
        margin-left: -5px;
    }

    .col-right .detail-col-child {
        padding-left: 3px;
    }

    .pillar-col-right .detail-col-child,
    .col-left-lucky .detail-col-child {
        margin-top: -7px;
    }

    .col-center h3 {
        font-size: 19px;
        margin-bottom: 8px;
    }

    .col-center-detail {
        margin-bottom: 10px;
    }

    .col-center .detail-col-child {
        margin-top: 10px;
        padding-left: 5px;
    }

    .col-center .detail-col-child-one {
        padding-left: 0px;
    }

    .col-center-bazi .detail-col-child {
        margin-top: -5px !important;
    }

    .col-center {
        padding-left: 35px;
    }

    .text-sign {
        margin-left: -10px;
    }

    .detail-col {
        padding-left: 0px;
    }

    .content {
        padding: 0px;
    }

    .bazi-chart-td {
        height: 30px;
    }

    .bazi-content-last h5 {
        font-size: 8px;
    }

    .col-name {
        position: absolute;
        margin-left: -40px;
        margin-top: 27px;
        width: 100px;
    }

    .col-name-first {
        margin-left: 10px;
        margin-top: 6px;
    }

    .col-name-second {
        margin-left: 10px;
        margin-top: 8px;
    }

    .bazi-content-last-first {
        height: 64px;
    }

    .bazi-content-last-early {
        height: 64px;
    }

    .col-name-earthly {
        margin-left: -27px;
        margin-top: 26px;
        width: 75px;
    }

    .col-name-earthly-first {
        margin-left: 15px;
        margin-top: 4px;
    }

    .col-name-earthly-second {
        margin-left: 15px;
        margin-top: 8px;
    }

    .col-name-hidden {
        margin-left: -27px;
        margin-top: 0px !important;
        width: 67px;
    }

    .col-name-hidden-first {
        margin-left: 15px;
        margin-top: 0px !important;
    }

    .col-name-hidden-second {
        margin-left: 15px;
        margin-top: 8px !important;
    }

    .col-name-season {
        margin-left: -3px;
        margin-top: 13px;
    }

    .bazi-content-last-compound {
        width: 0px;
        height: 0px;
        min-height: 66px;
        height: 66px;
    }

    .col-name-compound {
        margin-left: -11px;
        margin-top: 18px;
    }

    .col-name-age {
        margin-top: 15px;
        margin-left: 5px;
    }

    .col-name-age-first {
        margin-top: 12px;
    }

    .col-name-compound-first {
        margin-left: 11px;
        margin-top: 6px;
    }

    .col-name-compound-second {
        margin-left: 11px;
        margin-top: 8px;
    }

    .col-name-natural {
        margin-left: -14px;
        margin-top: 22px;
    }

    .bazi-content-last-stage {
        height: 54px;
    }

    .bazi-content-last-row span {
        font-size: 8px;
    }

    .text-size-last-row {
        font-size: 13px;
    }

    .text-color-black {
        margin-top: 1px;
        font-size: 10px;
    }

    .season-detail {
        padding-left: 0%;
    }

    .print-cell-content {
        width: 70px;
    }

    .day-column {
        width: 85px;
    }

    /**============ header ======*/
    .logo {
        width: 80px;
    }

    .description-profile {
        padding-top: 0px;
        margin: 0px;
    }

    .description-profile ul {
        padding: 5px 0 0;
    }


    .description-text-name {
        font-size: 14px;
    }

    .description-text-age,
    .description-text-age-cn {
        font-size: 12px;
    }

    .description-text-right {
        font-size: 10px;
        position: absolute;
    }

    /**========= important information ====**/

    .important-animal-first-row {
        padding-left: 0px;
    }

    .text-noble {
        font-size: 7px;
    }

    .animal {
        width: 25px;
        margin-left: -24px;
        margin-top: 2px;
    }

    .name-animal-noble-1 {
        margin-top: 10px;
        margin-left: 6px;
        font-size: 8px;
    }

    .animal-noble-1 {
        margin-left: -8px;
    }

    .animal-information-tiger {
        margin-left: 30px;
        width: 25px;
        height: 37px;
        margin-top: 2px;
        position: absolute;
    }

    .row-detail-information {
        margin-top: 5px;
    }

    .name-animal-two {
        margin-left: 72px;
        font-size: 8px;
        margin-top: 10px;
    }

    .animal-peach {
        margin-left: -40px;
    }

    .text-name-animal-peach {
        margin-top: 10px;
        font-size: 9px;
        margin-left: 12px;
    }

    .text-name-animal-intelligence {
        font-size: 9px;
        margin-right: -30px;
    }

    .text-name-animal-sky {
        font-size: 9px;
        margin-top: 10px;
    }

    .box-important {
        height: 86px;
    }

    /**====== iportant information ===== ***/
    .icon-information-w {
        width: 21px !important;
    }

    .icon-information {
        width: 17px;
    }

    .height-direction {
        /*height: 38px;*/
    }

    .height-color {
        /*height: 22px;*/
    }

    .row-botton {
        width: 92%;
    }

    .box-important-information {
        font-size: 8px;
    }

    .title-important-info {
        padding-right: 0px;
    }

    /**======= luck pillar =========== */
    .bazi-chart-label-lucky {
        width: 19px !important;
        height: 51px !important;
    }

    .bazi-chart-god-dentites-lucky {
        /*margin-top: 5px;*/
        padding-left: 30px;
    }

    .bazi-chart-god-dentites-eng-lucky {
        padding-left: 30px;
        margin-top: 5px;
    }

    .bazi-chart-god-dentites-eng-lucky-two {
        /*padding-left: 39px;*/
        margin-top: 5px;
    }

    .luck-header-last {
        width: 0px;
    }

    .luck-header-last h5 {
        font-size: 8px;
    }

    .col-name-luck-pillar,
    .lucky-table .last-column .col-name-earthly {
        margin-left: -22px;
        margin-top: -10px !important;
        width: 100px;
    }

    .bazi-content-last-luck-top {
        height: 55px;
    }

    .col-name-hidden-lucky {
        margin-left: -23px;
        margin-top: 31px;
        width: 66px;
    }

    .col-name-hidden-first-lucky {
        margin-left: 10px;
        margin-top: 13px;
    }

    .col-name-hidden-second-lucky {
        margin-left: 10px;
        margin-top: 8px;
    }

    .lucky-deities-three {
        margin-left: -2px;
    }

    .col-left-lucky {
        margin-left: -10px;
    }

    .pillar-width {
        width: 103px;
    }

    .lucky-chart-td {
        font-size: 11px;
        font-family: MyriadPro Regular;
        padding: 2px 8px;
    }

    .star-font h4 {
        font-size: 9px;
        margin-bottom: 0px;
        margin-top: 2px;
    }

    .star-font {
        height: 0px !important;
    }

    .pillar-description-td {
        position: absolute;
        margin-top: 25px;
    }

    .pillar-cell-content {
        margin-left: 25px;
    }

    .pillar-cell-content-row-2 {
        margin-top: -3px;
    }

    .pillar-text-content {
        margin-left: -8px;
    }

    .pillar-description-row-2 {
        position: absolute;
        margin-top: 21px;
        margin-left: 22px;
    }

    .pillar-content-last {
        width: 40px;
        height: 61px;
    }

    .pillar-col-right {
        margin-left: 55px;
    }

    .pillar-col-center {
        padding-left: 38px;
    }

    .pillar-col-center h3 {
        font-size: 15px;
        margin-bottom: 11px;
    }

    .pillar-gan-eng-2 {
        padding-left: 4px;
        margin-bottom: 11px;
    }

    .pillar-text-element {
        margin-left: -3px;
    }

    .col-center .pillar-detail-col-child-center {
        margin-top: -11px;
    }

    .pillar-detail-col {
        margin-top: -8px;
    }

    .pillar-text-sign {
        margin-left: -6px;
    }

    /**===== ten deities**/
    .row-botton-bar-chart {
        width: 94%;
    }

    /****** === day master ==== */
    #chartdiv {
        width: 462px;
        margin-left: -54px;
    }

    /**=========box other=============***/
    .box-other p {
        font-size: 7px;
    }

    .box-other h4 {
        font-size: 9px;
    }

    /**======= box deities === */
    .box-deities span {
        font-size: 11px;
    }

    /***========= bar chart ========*/
    .row-bar-chart {
        margin-top: 3px;
        margin-bottom: 3px;
        height: 25px;
    }

    .box_gray {
        height: 20px;
    }

    .percent-div {
        height: 22px;
    }

    .chartdiv-middle {
        margin-top: -34% !important;
    }

    .chartdiv-top {
        margin-top: -19% !important;
    }

    .btn-export-pdf-mobile {
        display: block;
    }

    .btn-export-pdf {
        display: none;
    }

    .box-day-master {
        padding-right: 5px;
    }

    .box-bazi-chart {
        padding-left: 0px;
    }

    .bazi-content-last h5 {
        font-size: 8px;
        /* margin-top: 25px; */
    }

    .row-important-information-left {
        margin-top: 2px;
        margin-bottom: 2px;
        padding-bottom: 1px;
    }

    .hpanel {
        margin-bottom: 5px !important;
    }

    /*print */
    .height-header {
        height: 80px;
    }

    .day-master-animal {
        margin-top: 90px;
        font-size: 18px;
        margin-left: 20px;
        border-right-style: solid;
        border-right-color: #2B3393;
        border-right-width: 1px;
        width: 85px;
    }

    .day-master-element {
        font-size: 11px;
        margin-top: 85px;
    }

    .favourable-element {
        margin-top: 0px;
        /*margin-left: 20px;*/
    }

    .day-master-element-desc {
        width: 48%;
        padding-left: 0px;
        padding-right: 0px;
    }

    .content-favourable-element {
        font-size: 9px;
        padding-right: 0px;
    }

    .favourable-element-cn {
        padding-left: 5px;
    }

    .animal-day-master-chin {
        font-size: 9px;
        font-family: 'Adobe Heiti Std';
    }

    .favourable-element-detail {
        padding-left: 14px;
        width: 48%;
    }

    .favourable-element-detail span {
        font-family: 'Adobe Heiti Std';
    }

    #chartdiv {
        margin-top: -23%;
    }

    .botton-day-master {
        margin-top: 0px;
        height: 245px;
    }

    /**============== bazi chart ======== */
    .first-row-day {
        padding-left: 0px;
    }

    .bazi-chart-td {
        min-width: 60px;
    }

    .bazi-chart-td h5 {
        font-size: 10px;
        margin: 0;
    }

    .bazi-chart-td h5 span {
        font-size: 8px !important
    }

    .div-label {
        margin-left: -26px;
    }

    .div-label img {
        position: absolute;
        width: 14px;
        height: 52px;
        margin-left: 36px;
    }

    .text-content {
        font-size: 18px;
        position: absolute;
        margin-left: -17px;
        font-family: 'simhei';
    }

    .bazi-td-description {
        position: absolute;
        margin-top: 27px;
        margin-left: 13px;
    }

    .bazi-td-description-day {
        position: absolute;
        margin-top: 27px;
        margin-left: 24px;
    }

    .text-content-day {
        font-size: 18px;
        position: absolute;
        margin-left: -12px;
    }

    .text-content-row-2 {
        font-size: 18px;
        position: absolute;
        margin-left: -9px;
        font-family: 'simhei';
    }

    .bazi-td-description-row-2 {
        position: absolute;
        margin-top: 22px;
        margin-left: -25px;
        width: 100px;
    }

    .bazi-td-description-row-2-day {
        position: absolute;
        margin-top: 20px;
        margin-left: -28px;
        width: 100px;
    }

    .cell-content {
        padding-left: 0px;
        padding-right: 0px;
    }

    .first-row {
        padding-right: 0px;
    }

    .bazi-content-last {
        width: 40px;
    }

    .icon-text {
        margin-left: -11px;
        margin-top: 3px;
    }

    .table-botton-none>tbody>tr>td {
        padding: 3px;
    }

    .two-row {
        padding-right: 20px;
    }

    .two-row img {
        /*margin-left: -14px;*/
    }

    .col-left h4,
    .col-right h4 {
        font-size: 12px;
        margin-top: 5px;
    }

    .col-left h5,
    .col-center h5,
    .col-right h5 {
        font-size: 10px;
    }

    .col-right {
        position: absolute;
        margin-left: 48px;
    }

    .col-left {
        margin-left: -10px;
        position: absolute;
    }

    .text-element-eng {
        margin-left: -5px;
    }

    .col-right .detail-col-child {
        padding-left: 3px;
    }

    .pillar-col-right .detail-col-child,
    .col-left-lucky .detail-col-child {
        margin-top: -7px;
    }

    .col-center h3 {
        font-size: 19px;
        margin-bottom: 8px;
    }

    .col-center-detail {
        margin-bottom: 10px;
    }

    .col-center .detail-col-child {
        margin-top: 10px;
        padding-left: 5px;
    }

    .col-center .detail-col-child-one {
        padding-left: 0px;
    }

    .col-center-bazi .detail-col-child {
        margin-top: -5px !important;
    }

    .col-center {
        padding-left: 35px;
    }

    .text-sign {
        margin-left: -10px;
    }

    .detail-col {
        padding-left: 0px;
    }

    .bazi-chart-td {
        height: 30px;
    }

    .bazi-content-last h5 {
        font-size: 8px;
    }

    .col-name {
        position: absolute;
        margin-left: -40px;
        margin-top: 27px;
        width: 100px;
    }

    .col-name-first {
        margin-left: 10px;
        margin-top: 6px;
    }

    .col-name-second {
        margin-left: 10px;
        margin-top: 8px;
    }

    .bazi-content-last-first {
        height: 64px;
    }

    .bazi-content-last-early {
        height: 64px;
    }

    .col-name-earthly {
        margin-left: -27px;
        margin-top: 26px;
        width: 75px;
    }

    .col-name-earthly-first {
        margin-left: 15px;
        margin-top: 4px;
    }

    .col-name-earthly-second {
        margin-left: 15px;
        margin-top: 8px;
    }

    .col-name-season {
        margin-left: -3px;
        margin-top: 13px;
    }

    .bazi-content-last-compound {
        width: 0px;
        height: 0px;
        min-height: 66px;
        height: 66px;
    }

    .col-name-compound {
        margin-left: -11px;
        margin-top: 18px;
    }

    .col-name-age {
        margin-top: 15px;
        margin-left: 5px;
    }

    .col-name-compound-first {
        margin-left: 11px;
        margin-top: 6px;
    }

    .col-name-compound-second {
        margin-left: 11px;
        margin-top: 8px;
    }

    .col-name-natural {
        margin-left: -14px;
        margin-top: 22px;
    }

    .bazi-content-last-row span {
        font-size: 8px;
    }

    .text-size-last-row {
        font-size: 13px;
    }

    .text-color-black {
        margin-top: 1px;
        font-size: 10px;
    }

    .season-detail {
        padding-left: 0%;
    }

    .print-cell-content {
        width: 70px;
    }

    .day-column {
        width: 85px;
    }

    /**========= important information ====**/

    .important-animal-first-row {
        padding-left: 0px;
    }

    .text-noble {
        font-size: 7px;
    }

    .animal {
        width: 25px;
        margin-left: -24px;
        margin-top: 2px;
    }

    .name-animal-noble-1 {
        margin-top: 10px;
        margin-left: 6px;
        font-size: 8px;
    }

    .animal-noble-1 {
        margin-left: -8px;
    }

    .animal-information-tiger {
        margin-left: 30px;
        width: 25px;
        height: 37px;
        margin-top: 2px;
        position: absolute;
    }

    .row-detail-information {
        margin-top: 5px;
    }

    .name-animal-two {
        margin-left: 72px;
        font-size: 8px;
        margin-top: 10px;
    }

    .animal-peach {
        margin-left: -40px;
    }

    .text-name-animal-peach {
        margin-top: 10px;
        font-size: 9px;
        margin-left: 12px;
    }

    .text-name-animal-intelligence {
        font-size: 9px;
        margin-right: -30px;
    }

    .text-name-animal-sky {
        font-size: 9px;
        margin-top: 10px;
    }

    .box-important {
        height: 86px;
    }

    /**====== iportant information ===== ***/
    .icon-information-w {
        width: 21px !important;
    }

    .icon-information {
        width: 17px;
    }

    .row-botton {
        width: 92%;
    }

    .box-important-information {
        font-size: 8px;
    }

    .title-important-info {
        padding-right: 0px;
    }

    /**===== ten deities**/
    .row-botton-bar-chart {
        width: 94%;
    }

    /****** === day master ==== */
    #chartdiv {
        width: 462px;
        margin-left: -54px;
    }

    /**=========box other=============***/
    .box-other p {
        font-size: 7px;
    }

    .box-other h4 {
        font-size: 9px;
    }

    /**======= box deities === */
    .box-deities span {
        font-size: 11px;
    }

    /***========= bar chart ========*/
    .row-bar-chart {
        margin-top: 3px;
        margin-bottom: 3px;
        height: 25px;
    }

    .box_gray {
        height: 20px;
    }

    .percent-div {
        height: 22px;
    }

    .chartdiv-middle {
        margin-top: -34% !important;
    }

    .chartdiv-top {
        margin-top: -19% !important;
    }

    .btn-export-pdf-mobile {
        display: block;
    }

    .btn-export-pdf {
        display: none;
    }

    .box-bazi-chart {
        padding-left: 0px;
    }

    .bazi-content-last h5 {
        font-size: 8px;
        /* margin-top: 25px; */
    }

    body {
        font-size: 8px;
        /* -webkit-print-color-adjust: exact;
        print-color-adjust: exact;*/
        /*  margin-top: -25px;*/
        height: 100%;

    }

    * {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }


    .fa:before {
        color: #fff !important;
    }

    .bazi-header {
        background-color: #ffffff;
        color: #898a8c !important;
        text-align: center;
        padding: 2px 8px;
    }

    .btn-export-pdf {
        display: none;
    }

    .btn-export-pdf-mobile {
        display: none;
    }

    #header,
    #menu {
        display: none;
    }

    #wrapper {
        margin: 0px;
    }

    .top-day-master {
        height: 95px;
        width: 100%;
    }

    .hpanel {
        margin-bottom: 5px !important;
    }

    .logo-animal {
        width: 42px;
        padding-top: 0px;
        margin-bottom: 0px;
        mix-blend-mode: multiply;
        height: auto;
    }

    .day-master-animal {
        margin-top: -90px;
        font-size: 18px;
        margin-left: 20px;
        border-right-style: solid;
        border-right-color: #2B3393;
        border-right-width: 1px;
        width: 85px;
    }

    .day-master-element {
        font-size: 11px;
        margin-top: -85px;
    }

    .animal-day-master-chin {
        font-size: 9px;
        font-family: 'Adobe Heiti Std';
    }


    .favourable-element-detail {
        padding-left: 14px;
    }

    .favourable-element-detail span {
        font-family: 'Adobe Heiti Std';
    }

    .botton-day-master {
        margin-top: 0px;
        height: 216px;
    }

    /**============== bazi chart ======== */
    .first-row-day {
        padding-left: 0px;
    }

    .bazi-chart-td {
        min-width: 60px;
    }

    .bazi-chart-td h5 {
        font-size: 10px;
        margin: 0;
    }

    .bazi-chart-td h5 span {
        font-size: 8px !important
    }

    .div-label {
        margin-left: -28px;
    }

    .div-label img {
        position: absolute;
        width: 14px;
        height: 52px;
        margin-left: 36px;
    }

    .bazi-chart-god-dentites {
        /*margin-top: 5px;*/
        padding-left: 18px;
        font-size: 8px;
        /*position: absolute;*/
    }

    .bazi-chart-god-dentites-eng {
        /*margin-top: 36px;*/
        padding-left: 18px;
        /*position: absolute;*/
        font-size: 8px;
    }

    .text-content {
        font-size: 18px;
        position: absolute;
        margin-left: -17px;
        font-family: 'simhei';
    }

    .bazi-td-description {
        position: absolute;
        margin-top: 27px;
        margin-left: 11px;
    }

    .bazi-td-description-day {
        position: absolute;
        margin-top: 27px;
        margin-left: 24px;
    }

    .text-content-day {
        font-size: 18px;
        position: absolute;
        margin-left: -12px;
    }

    .text-content-row-2 {
        font-size: 18px;
        position: absolute;
        margin-left: -9px;
        font-family: 'simhei';
    }

    .bazi-td-description-row-2 {
        position: absolute;
        margin-top: 22px;
        margin-left: -25px;
        width: 100px;
    }

    .bazi-td-description-row-2-day {
        position: absolute;
        margin-top: 20px;
        margin-left: -28px;
        width: 100px;
    }

    .col-center .detail-col-child-one {
        padding-left: 0px;
    }

    .cell-content {
        padding-left: 0px;
        padding-right: 0px;
    }

    .first-row {
        padding-right: 0px;
    }

    .bazi-content-last {
        width: 40px;
    }

    .bazi-content-last-hidden {
        height: 100px !important;
    }

    .cicrl-label {
        width: 12px;
        margin-left: -13px;
    }

    .icon-text {
        margin-left: -13px;
        margin-top: 1px;
    }

    .table-botton-none>tbody>tr>td {
        padding: 3px;
    }

    .two-row {
        padding-right: 20px;
    }

    .two-row img {
        margin-left: -5px;
    }

    .col-center-detail {
        margin-bottom: 10px;
    }

    .col-left {
        /* margin-left: -19px;*/
    }

    .col-left h4,
    .col-right h4 {
        font-size: 10px;
        margin-top: 5px;
    }

    .col-left h5,
    .col-center h5,
    .col-right h5 {
        font-size: 8px;
    }

    .col-right {
        position: absolute;
        margin-left: 46px;
    }

    .col-left {
        margin-left: -7px;
        position: absolute;
    }

    .text-element-eng {
        margin-left: -5px;
    }

    .col-right .detail-col-child {
        padding-left: 3px;
    }

    .pillar-col-right .detail-col-child,
    .col-left-lucky .detail-col-child {
        margin-top: -7px;
    }

    .col-center h3 {
        font-size: 15px;
        margin-bottom: 8px;

    }

    .col-center .detail-col-child {
        margin-top: 12px;
        padding-left: 5px;
    }

    .col-center .detail-col-child-one {
        padding-left: 0px !important;
    }

    .col-center-bazi {
        padding-left: 14px;
    }

    .col-center-bazi .detail-col-child {
        margin-top: -3px !important;
        margin-left: 0px;
        width: 4px;
    }

    .col-center {
        padding-left: 30px;
    }

    .text-sign {
        margin-left: -10px;
    }

    .detail-col {
        padding-left: 0px;
    }

    .bazi-chart-td {
        height: 30px;
    }

    .bazi-content-last h5 {
        font-size: 8px;
    }

    .col-name {
        position: absolute;
        margin-left: -40px;
        margin-top: 27px;
        width: 100px;
    }

    .col-name-first {
        margin-left: 10px;
        margin-top: 6px;
    }

    .col-name-second {
        margin-left: 10px;
        margin-top: 8px;
    }

    .bazi-content-last-first {
        height: 64px;
    }

    .bazi-content-last-early {
        height: 64px;
    }

    .col-name-earthly {
        margin-left: -27px;
        margin-top: 26px;
        width: 75px;
    }

    .col-name-earthly-first {
        margin-left: 15px;
        margin-top: 4px;
    }

    .col-name-earthly-second {
        margin-left: 15px;
        margin-top: 8px;
    }

    .col-name-season {
        margin-left: -3px;
        margin-top: 13px;
    }

    .col-name-age {
        margin-top: 15px;
        margin-left: 5px;
    }

    .bazi-content-last-compound {
        width: 0px;
        height: 0px;
        smin-height: 66px;
        height: 66px;
    }

    .col-name-compound {
        margin-left: -11px;
        margin-top: 18px;
    }

    .col-name-compound-first {
        margin-left: 11px;
        margin-top: 6px;
    }

    .col-name-compound-second {
        margin-left: 11px;
        margin-top: 8px;
    }

    .col-name-natural {
        margin-left: -14px;
        margin-top: 22px;
    }

    .bazi-content-last-row span {
        font-size: 11px;
    }

    .text-size-last-row {
        font-size: 12px;
    }

    .text-color-black {
        margin-top: 1px;
        font-size: 8px !important;
    }

    .season-detail {
        padding-left: 2%;
    }

    .print-cell-content {
        width: 70px;
    }

    .day-column {
        width: 85px;
    }

    /**========= important information ====**/

    .hpanel>.box-header,
    .hpanel.panel-collapse>.panel-heading, 
    .hpanel .hbuilt{
        background-color: #A7A9AC !important;
        border-color: #A7A9AC !important;
        height: 28px;
        font-size: 17px;
        padding: 2px 10px;
    }

    .hpanel>.box-header span {
        color: #ffffff !important;
    }

    .key-information-box .hpanel>.box-header {
        background-color: #ffffff !important;
        border-color: #ffffff !important;
    }

    .key-information-box .hpanel>.box-header span {
        color: #000000 !important;
    }

    .important-animal-first-row {
        padding-left: 0px;
    }

    .text-noble {
        font-size: 7px;
    }

    .animal {
        width: 20px;
        margin-left: -24px;
        margin-top: 2px;
    }

    .name-animal-noble-1 {
        margin-top: 10px;
        margin-left: 5px;
        font-size: 8px;
    }

    .animal-noble-1 {
        margin-left: -8px;
    }

    .animal-information-tiger {
        margin-left: 28px;
        width: 20px;
        height: 30px;
        margin-top: 2px;
        position: absolute;
    }

    .row-detail-information {
        margin-top: 5px;
    }

    .name-animal-two {
        margin-left: 70px;
        font-size: 8px;
        margin-top: 10px;
    }

    .animal-peach {
        margin-left: -40px;
    }

    .text-name-animal-peach {
        margin-top: 10px !important;
        font-size: 9px;
        margin-left: 12px;
    }

    .text-name-animal {
        margin-top: 17px;
    }

    .text-name-animal-intelligence {
        font-size: 9px;
        margin-right: -30px;
        margin-top: 10px;
    }

    .text-name-animal-sky {
        font-size: 9px;
        margin-top: 10px;
    }

    .box-important {
        height: 86px;
    }

    /**====== iportant information ===== ***/
    .icon-information-w {
        width: 21px !important;
    }

    .icon-information {
        width: 17px;
    }

    .row-botton {
        width: 92%;
    }

    .box-important-information {
        font-size: 8px;
    }

    .title-important-info, 
    .content-inportant-info,
    .content-inportant-desc {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .title-important-info span, 
    .content-inportant-info span,
    .content-inportant-desc {
        font-size: 14px;
    }

    /**============== break page ***/
    .break-page {
        margin-top: 40px;
        page-break-after: always;
    }


    /**===== ten deities**/
    .row-botton-bar-chart {
        width: 94%;
    }

    .row-bar-chart {
        margin-top: 3px;
        margin-bottom: 3px;
        height: 25px;
    }

    .box_gray {
        background-color: #A7A8AA !important;
        position: absolute !important;
        height: 18px !important;
        margin-left: -14px !important;
        margin-top: 1px !important;
    }

    .percent-div {
        height: 22px;
    }

    /****** === day master ==== */

    #chartdiv {
        margin-top: -110px;
        margin-left: -65px;
        /*display: none !important;*/
    }

    .chartdiv-top {
        margin-top: -19% !important;
    }

    #chartdiv-print {
        width: 470px !important;
        margin-left: -65px;
        /*margin-top: -120px; */
        margin-top: -25%;
        /* display: block !important;*/
    }

    .top-day-master {
        color-adjust: exact !important;
        background-color: #acacac !important;
    }

    .animal-detail {
        margin-top: 10px;
        margin-left: 25px;
    }

    /**=========box other=============***/
    .box-other p {
        font-size: 9px;
    }

    .box-other {
        margin-top: 5px;
    }

    .box-other h4 {
        font-size: 10px;
    }

    /**======= box deities === */
    .box-deities span {
        font-size: 10px;
    }

    /*
    .box-deities {
       
    }*/

    .table-botton-none>thead>tr>th,
    .table-botton-none>tbody>tr>th,
    .table-botton-none>tfoot>tr>th,
    .table-botton-none>thead>tr>td,
    .table-botton-none>tbody>tr>td,
    .table-botton-none>tfoot>tr>td {
        /*border: 0.25px solid #808184 !important;*/
        border-style: solid !important;
        border-width: thin !important;
        border-color: #808184 !important;
    }

    .bazi-chart-god-dentites,
    .bazi-chart-god-dentites-eng,
    .bazi-chart-god-dentites-lucky,
    .bazi-chart-god-dentites-eng-lucky,
    .fa-star {
        color: #000000 !important;
        font-size: 8px;
    }


    /***==== footer ===*/
    .footer-row {
        padding-left: 0px;
        position: absolute;
        bottom: -350px;
    }

    .fotter-row-detail {
        background-color: #2B3393 !important;
        color: #fff !important;
        padding-left: 11px;
    }

    .chartdiv-print-middle {
        margin-top: -34% !important;
        width: 470px !important;
    }

    .height-header {
        height: 80px;
    }

    .chartdiv-print-botton {
        position: absolute;
        width: 440px !important;
        margin-top: -117px !important;
        margin-left: -61px !important;
    }

    .box-day-master {
        padding-right: 15px;
    }

    .box-bazi-chart {
        padding-left: 0px;
    }

    .gan-hour-info {
        /* position: absolute;
        padding-left: 8px;*/
        padding-top: 1px;
        /* margin-top: -15px;*/
    }

    .gan-hour-info-four {
        /*margin-top: -2px ;*/
    }

    .row-normal-height {
        height: auto;
    }

    .bazi-content-last-width {
        min-width: auto;
        max-width: auto;
    }


    .bazi-td-width {
        max-width: 110px;
        min-width: 110px;
        padding: 2px 6px 4px !important;
    }

    .bazi-td-width.corner-image-box {
        padding: 2px 3px 10px !important;
        position: static;
    }

    .corner-image-box .row-content {
        display: block;
        position: relative;
    }

    .corner-image-box .row-content .row-col-three {
        bottom: -49px;
        left: -5px;
    }

    .lucky-td-width {
        max-width: 95px !important;
        min-width: 95px !important;
    }

    .lucky-table td {
        padding: 2px 0 4px !important;
    }

    #chartdiv {
        margin-top: -30px;
    }


    .box-bazi-chart .bazi-first-row .row-col-two h3, 
    .box-bazi-chart .bazi-row-botton .row-col-two h3 {
        font-size: 18px;
    }
    
    .row-col-first, .row-col-two, .row-col-three {
        font-size: 8px;
        padding: 4px 2px !important;
    }

    .row-col-first h3,
    .row-col-two h3,
    .row-col-three h3 {
        font-size: 18px;
        margin-bottom: 0px;
        margin-top: 0px;
    }

    .row-col-first h4,
    .row-col-second h4,
    .row-col-three h4 {
        font-size: 13px;
        margin-bottom: 0px;
        margin-top: 0px;
    }

    .row-col-first h6,
    .row-col-three h6,
    .row-col-two h6 {
        margin-bottom: 3px;
        font-size: 12px;
        margin-top: 2px;
    }

    .lucky-pillar .row-col-two h3 {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .lucky-td-width .row-col-first h6,
    .lucky-td-width .row-col-three h6,
    .lucky-td-width .row-col-two h6 {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .lucky-td-width .row-col-two-one {
        padding: 0px 8px;
    }

    .lucky-pillar .row-col-two {
        padding: 0px 8px;
    }

    .lucky-td-width .text-content {
        margin-left: -23px;
    }

    .bazi-cell-content {
        padding-left: 0px;
        padding-right: 0px;
        text-align: center;
        margin-left: 0px;
    }

    .bazi-td-description .cicrl-label {
        margin-left: -22px;
    }


    .bazi-row-botton .row-col-two h6 {
        margin-top: 0px;
        font-size: 10px;
        margin-bottom: 0px;
    }

    .lucky-td-width .text-content {
        margin-left: -24px;
    }

    .lucky-td-width-last {
        /*height: 64px;*/
    }

    .bazi-first-row .row-col-first {
        padding-left: 12px;
    }

    .lucky-row-three .row-col-first {
        /*padding-left: 30px;*/
    }

    .col-name-luck-pillar-first {
        margin-top: 8px !important;
    }

    .lucky-td-width .row-col-three {
        padding: 0px 2px;
    }

    .row-col-first-special {
        padding-right: 0px;
    }

    .col-name-luck-pillar-first {
        margin-left: 0;
        margin-top: 0;
    }

    .chartdiv-middle-top-fire {
        margin-top: -28% !important;
        margin-left: -52px !important;
        /*padding-left: 100px;*/
    }

    .site-detail>.white-box {
        padding: 0 5px;
        margin: 0;
        box-shadow: none;
    }

    .site-detail.content {
        padding: 0;
    }

    .site-detail.content-width {
        max-width: 100%;
    }

    .site-detail .top-day-master .profile-box {
        /*margin-top: -20px;*/
    }

    .site-detail .bazi-td-width {
        /*padding: 8px 0;*/
        max-width: 90px;
    }

    .print-highlight {
        background-color: rgb(244, 206, 199);
    }

    .last-column .col-name-earthly {
        margin-left: -27px;
        margin-top: 16px;
    }

    .row {
        margin: 0px;
    }

    .row [class*=col-] {
        padding: 0px;
    }

    /* ==== New Print Medea Style Here ==== */

    .site-detail .white-box>.row {
        margin: 0px;
        width: 100%;
    }

    .box-day-master {
        width: 45%
    }

    .box-bazi-chart {
        width: 55%;
    }

    .top-day-master.bg-transparent,
    .box-day-master .hpanel .hbuilt.panel-heading {
        background-color: transparent !important;
    }

    .box-day-master .hpanel .hbuilt.panel-heading {
        color: #000000 !important
    }

    .bazi-td-width.corner-image-box {
        padding-bottom: 8px !important;
    }

    .box-bazi-chart .panel-body.box-body.box-important-information {
        margin-bottom: 0px;
    }

    .table-botton-none>thead>tr>th,
    .table-botton-none>tbody>tr>th,
    .table-botton-none>tfoot>tr>th,
    .table-botton-none>thead>tr>td,
    .table-botton-none>tbody>tr>td,
    .table-botton-none>tfoot>tr>td {
        padding: 0px 4px;
    }

    .m-t-15.col-xs-12.col-md-12.col-sm-12.col-lg-12 {
        margin: 0;
    }

    .tag-box>span{
        color: #ffffff !important;
    }

    .panel-body.box-body.box-important-information {
        margin-bottom: 0px;
    }

    .top-day-master .row {
        width: 100%;
        margin: 0;
    }

    .top-day-master .row .col-xs-4 {
        width: 20% !important;
        padding: 15px 8px !important;
    }

    .top-day-master .profile-box {
        width: 80%;
        float: left;
        padding-left: 0px;
        padding-top: 20px;
    }

    .m-t-15.col-xs-12.col-md-12.col-sm-12.col-lg-12 {
        margin-top: 0px !important
    }

    .row-col-two.tag-box {
        width: 78px;
        padding: 2px;
    }

    .panel-heading.hbuilt.box-header.pink-bg.pink-border {
        background-color: #f4cec7 !important;
    }

    .panel-heading.hbuilt.box-header.pink-bg.pink-border .text-maroon {
        color: #ba0c2f !important;
    }

    .row-description {
        width: 100%;
    }

    div#donutchart {
        margin-top: -10px;
    }

    .panel-body.box-body.box-important-information.border-none {
        margin-top: 8px !important;
    }

    .key-information-box .row-important-information-left {
        margin: 1px 0;
    }
    .key-information-box .col-xs-4 {
        padding-bottom: 0px;
    }

    .row-description .padding-bottom-14 {
        padding-bottom: 10px !important;
    }

    .day-column {
        background-color: #cd163f !important;
    }
}

@page {
    /* You can only change the size, margins, orphans, widows and page breaks here */
    /* Paper size and page orientation */
    size: A4 portrait;
    margin-left: 0cm;
    margin-top: 0.5cm;
    margin-right: 0cm;
    margin-bottom: 0cm;
}

.colon {
    float: none
}

.content-favourable-element {
    min-width: 10px
}

.day-master-element-desc,
.favourable-element-detail {
    display: inline-block
}

.hide-in-print {
    display: none;
}