@import url("reset.css");
* {
    -webkit-box-sizing: border-box;
    -webkit-text-size-adjust: none;
    text-decoration: none;
    font-family: Arial, Helvetica, "微軟正黑體", sans-serif;
}

.ZIWEI_C_t01 {
    font-size: 1em;
    line-height: 1.6em;
    color: #333;
    font-weight: bold;
}

.ZIWEI_C_t02 {
    font-size: 1.2em;
    line-height: 1.6em;
    color: #333;
    font-weight: bold;
}

.ZIWEI_C_t03 {
    font-size: 1em;
    line-height: 1.6em;
    color: #6f25a7;
    font-weight: bold;
}

.ZIWEI_C_t04 {
    font-size: 0.8em;
    line-height: 1.6em;
    color: #008ad9;
    font-weight: bold;
}

.ZIWEI_C_t04:link {
    font-size: 0.8em;
    line-height: 1.6em;
    color: #008ad9;
    font-weight: bold;
}

.ZIWEI_C_t05 {
    font-size: 0.8em;
    line-height: 1.6em;
    color: #333;
}

.ZIWEI_C {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.ZIWEI_C .TOP {
    width: 100%;
    height: 45px;
    text-align: left;
    color: #FFF;
    font-size: 1.2em;
    line-height: 45px;
    font-weight: bold;
    text-indent: 10px;
    position: relative;
}

.ZIWEI_C .TOP .XX {
    width: 35px;
    height: 45px;
    float: right;
    margin-right: 5px;
}

.ZIWEI_C .TOP .XX a {
    display: block;
    width: 35px;
    height: 45px;
    font-size: 1.2em;
    color: #FFF;
    text-decoration: none;
}

.ZIWEI_C .COM {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    padding: 10px;
}

.CHART {
    width: 100%;
    height: 401px;
    margin: 0 auto;
    background-color: #f0d8e8;
    border: 1px solid #8f1c69;
    margin-top: 10px;
    margin: 0 auto;
}


/*第一排*/

.CHART .ONE {
    clear: both;
    width: 100%;
    height: 100px;
    margin: 0 auto;
}

.CHART .ONE li {
    width: 25%;
    height: 100px;
    margin: 0 auto;
    float: left;
}


/*第二排*/

.CHART .TWO {
    clear: both;
    height: 100px;
    margin: 0 auto;
}


/*左*/

.CHART .TWO .TWO01 {
    clear: both;
    width: 25%;
    height: 200px;
    margin: 0 auto;
    float: left;
}


/*中*/

.CHART .TWO .TWO02 {
    width: 50%;
    height: 200px;
    margin: 0 auto;
    margin-left: 25%;
}


/*中大區塊*/

.CHART .TWO .TWO02 .BOX02 {
    width: 99%;
    height: 199px;
    margin: 0 auto;
    background-color: #FFF;
    position: relative;
    padding: 5px;
}

.CHART .BOX02 .LOGO {
    margin: 0 auto;
    width: 120px;
    height: 40px;
    background-size: 120px 40px;
    background-repeat: no-repeat;
    background-image: url(../images/logo02.png);
    margin-top: 10px;
    margin-bottom: 5px;
}


/*中大區塊*/

.CHART .TWO .TWO02 .BOX03 {
    width: 99%;
    height: 199px;
    margin: 0 auto;
    background-color: #fff5c7;
    position: relative;
}


/*宮位*/

.CHART .BOX03 .PAL02 {
    width: 40px;
    height: 20px;
    position: absolute;
    background-color: #a86db1;
    left: -1px;
    bottom: 0px;
    color: #FFF;
    font-size: 0.9em;
    text-align: center;
    line-height: 20px;
}


/*主星*/

.CHART .BOX03 .LORD02 {
    width: 40%;
    height: 40px;
    position: absolute;
    left: 2px;
    top: 1px;
}

.CHART .BOX03 .LORD02 .LT02 {
    width: 100%;
    height: 20px;
    font-size: 0.8em;
    text-align: left;
    line-height: 20px;
    color: #d20808;
}

.CHART .BOX03 .LORD02 .LT03 {
    width: 100%;
    height: 20px;
    font-size: 0.8em;
    text-align: left;
    line-height: 20px;
    color: #333;
}

.CHART .BOX03 .LORD03 {
    width: 40%;
    height: 40px;
    position: absolute;
    left: 2px;
    top: 40px;
}

.CHART .BOX03 .LORD03 .LT03 {
    width: 100%;
    height: 20px;
    font-size: 0.8em;
    text-align: left;
    line-height: 20px;
    color: #333;
}

.CHART .BOX03 .LORD04 {
    width: 20%;
    height: 40px;
    position: absolute;
    right: 2px;
    top: 1px;
}

.CHART .BOX03 .LORD04 .LT04 {
    width: 100%;
    height: 20px;
    font-size: 0.8em;
    text-align: right;
    line-height: 20px;
    color: #771979;
}

.CHART .BOX03 .LORD05 {
    width: 40%;
    height: 40px;
    position: absolute;
    right: 22%;
    top: 1px;
}

.CHART .BOX03 .LORD05 .LT05 {
    width: 100%;
    height: 20px;
    font-size: 0.8em;
    text-align: center;
    line-height: 20px;
    color: #333;
}

.CHART .BOX03 .LORD06 {
    width: 20%;
    height: 40px;
    position: absolute;
    left: 2px;
    top: 90px;
}

.CHART .BOX03 .LORD06 .LT06 {
    width: 100%;
    height: 20px;
    font-size: 0.8em;
    text-align: left;
    line-height: 20px;
    color: #d18f02;
}

.CHART .BOX03 .LORD07 {
    width: 54%;
    height: 60px;
    position: absolute;
    left: 25%;
    top: 90px;
}

.CHART .BOX03 .LORD07 .LT07 {
    width: 100%;
    height: 20px;
    font-size: 0.7em;
    text-align: center;
    line-height: 20px;
    color: #333;
}

.CHART .BOX03 .LORD07 .LT07_2 {
    width: 100%;
    height: 20px;
    font-size: 0.8em;
    text-align: center;
    line-height: 20px;
    color: #333;
    font-weight: bold;
}

.CHART .BOX03 .LORD08 {
    width: 20%;
    height: 40px;
    position: absolute;
    right: 2px;
    top: 90px;
}

.CHART .BOX03 .LORD08 .LT08 {
    width: 100%;
    height: 20px;
    font-size: 0.8em;
    text-align: right;
    line-height: 20px;
    color: #e2000b;
}


/*流年流月流日*/

.CHART .BOX03 .STATUS02 {
    width: 75%;
    height: 40px;
    position: absolute;
    right: 0px;
    bottom: 1px;
}

.CHART .BOX03 .STATUS02 .ST02 {
    width: 33.333333333333%;
    height: 20px;
    font-size: 0.8em;
    text-align: right;
    line-height: 20px;
    color: #9b5800;
    float: left;
}

.CHART .BOX03 .STATUS02 .ST02_Y {
    width: 20%;
    height: 20px;
    font-size: 0.8em;
    text-align: right;
    line-height: 20px;
    color: #007f3a;
}


/*年份*/

.CHART .BOX03 .YEAR02 {
    width: 33%;
    height: 20px;
    position: absolute;
    right: 2px;
    bottom: 1px;
    color: #007f3a;
    font-size: 0.8em;
    text-align: right;
    line-height: 20px;
}


/*右*/

.CHART .TWO .TWO03 {
    width: 25%;
    height: 200px;
    margin: 0 auto;
    float: right;
}


/*區塊*/

.CHART .BOX {
    width: 100%;
    height: 100px;
    margin: 0 auto;
}

.CHART .BOX a {
    display: block;
    width: 100%;
    height: 100px;
    margin: 0 auto;
    position: relative;
}

.CHART .BOX a.Y {
    display: block;
    background-color: #fff5c7;
    border-bottom: 1px solid #8f1c69;
}


/*宮位*/

.CHART .BOX .PAL {
    width: 40px;
    height: 20px;
    position: absolute;
    background-color: #a86db1;
    left: 0px;
    bottom: 0px;
    color: #FFF;
    font-size: 0.9em;
    text-align: center;
    line-height: 20px;
}


/*主星*/

.CHART .BOX .LORD {
    width: 60%;
    height: 40px;
    position: absolute;
    left: 2px;
    top: 1px;
}

.CHART .BOX .LORD .LT01 {
    width: 100%;
    height: 20px;
    font-size: 0.9em;
    text-align: left;
    line-height: 20px;
    color: #333;
}


/*年份*/

.CHART .BOX .YEAR {
    width: 50%;
    height: 20px;
    position: absolute;
    right: 2px;
    bottom: 1px;
    color: #007f3a;
    font-size: 0.9em;
    text-align: right;
    line-height: 20px;
}


/*流年流月流日*/

.CHART .BOX .STATUS {
    width: 50%;
    height: 60px;
    position: absolute;
    right: 2px;
    bottom: 20px;
}

.CHART .BOX .STATUS .ST01 {
    width: 100%;
    height: 20px;
    font-size: 0.9em;
    text-align: right;
    line-height: 20px;
    color: #9b5800;
}

.CHART .BTCHAR03 a {
    display: block;
    width: 100%;
    height: 30px;
    color: #000;
    text-align: center;
    line-height: 30px;
    font-size: 1em;
    background: -moz-linear-gradient( top, #ffffff 0%, #cbcbcb);
    background: -webkit-gradient( linear, left top, left bottom, from(#ffffff), to(#cbcbcb));
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #848484;
}
/*
@media screen and (min-width:374px) {
    .CHART .BOX03 .LORD02 .LT03,
    .CHART .BOX03 .PAL02,
    .CHART .BOX03 .LORD02 .LT02,
    .CHART .BOX03 .LORD03 .LT03,
    .CHART .BOX03 .LORD04 .LT04,
    .CHART .BOX03 .LORD05 .LT05,
    .CHART .BOX03 .LORD06 .LT06,
    .CHART .BOX03 .LORD07 .LT07,
    .CHART .BOX03 .LORD07 .LT07_2,
    .CHART .BOX03 .LORD08 .LT08,
    .CHART .BOX03 .STATUS02 .ST02,
    .CHART .BOX03 .STATUS02 .ST02_Y,
    .CHART .BOX03 .YEAR02,
    .CHART .BOX .PAL,
    .CHART .BOX .LORD .LT01,
    .CHART .BOX .YEAR,
    .CHART .BOX .STATUS .ST01,
    .CHART .ZIWEI_C_t05 {
        font-size: 0.9em;
    }
}*/