@import url("reset.css");

#it224 *{
-webkit-text-size-adjust:none;
text-decoration:none;
font-family:Arial, Helvetica, "微软正黑体", sans-serif;}

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

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

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

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

#CHART_YEAR .ZIWEI_C_t05{
	font-size:0.8em;
	line-height:1.6em;
	color:#333;
	}
#CHART_YEAR .ZIWEI_C_t06{/*中间使用者文字*/
	font-size:1.5em;
	line-height:1.6em;
	color:#dc5015;
	font-weight:bold;}
#CHART_YEAR .ZIWEI_C_t07{/*中间使用者文字*/
	font-size:1.2em;
	line-height:1.6em;
	color:#5f22b3;
	font-weight:bold;}

/*按纽*/

#CHART_YEAR .CHART_BT{/*中间使用者按钮*/
	display:block;
	width:100%;
	height:30px;
	margin:0 auto;
	}
  #CHART_YEAR .CHART_BT a{
    display:block;
    width:100%;
    height:30px;
    color:#000;
    text-align:center;
    line-height:30px;
    font-size:1em;
      background: #ffffff; /* Old browsers */
      background: -moz-linear-gradient(top, #ffffff 0%, #cbcbcb 100%); /* FF3.6-15 */
      background: -webkit-linear-gradient(top, #ffffff 0%,#cbcbcb 100%); /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, #ffffff 0%,#cbcbcb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cbcbcb',GradientType=0 ); /* IE6-9 */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border:1px solid #848484;
    }

  #CHART_YEAR{
    width:95%;
    height:482px;/*401*/
    margin:0 auto;
    background-color:#e9e1d2;
    border:1px solid #b09866;
    margin-top:10px;
    margin:0 auto;
    box-sizing:border-box;
    }

#CHART_YEAR .BOX a.G{
	display:block;
	background-color:#fff5c7;
	border-bottom:1px solid #b09866;
	}


/*第一排*/
#CHART_YEAR .ONE{
	clear:both;
	width:100%;
	height:120px;
	margin:0 auto;
	box-sizing:border-box;
	}

#CHART_YEAR .ONE li{
	width:25%;
	height:120px;
	margin:0 auto;
	float:left;
	}

/*第二排*/

#CHART_YEAR .TWO{
	clear:both;
	height:120px;
	margin:0 auto;
	}

/*左*/
#CHART_YEAR .TWO .TWO01{
	clear:both;
	width:25%;
	height:240px;
	margin:0 auto;
	float:left;
	}

/*中*/
#CHART_YEAR .TWO .TWO02{
	width:50%;
	height:240px;
	margin:0 auto;
	margin-left:25%;
	}

/*中大区块*/
#CHART_YEAR .TWO .TWO02 .BOX02{
	width:99.51%;
	height:239px;
	/* margin:0 auto; */
	background-color:#FFF;
	position:relative;
	padding:5px;
	box-sizing:border-box;
	}

#CHART_YEAR .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_YEAR .TWO .TWO03{
	width:25%;
	height:240px;
	margin:0 auto;
	float:right;
	}


/*区块*/

#CHART_YEAR .BOX{
	width:100%;
	height:120px;
	margin:0 auto;
	box-sizing:border-box;
	}

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

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

/*宫位*/
#CHART_YEAR .BOX .TIME{
	width:90%;
	height:25px;
	position:absolute;
	background-color:#a86db1;
	left:5%;
	right:5%;
	bottom:5%;
	color:#FFF;
	font-size:1em;
	text-align:center;
	line-height:25px;}

#CHART_YEAR .BOX .TIME02{
	background-color:#e9e1d2;
	color:#a86db1;
	border:1px solid #a86db1;}


/*主星*/
.CHART_YEAR .BOX .LORD{
	width:90%;
	height:50px;
	position:absolute;
	left:5%;
	top:3%;/*3*/
	}
#CHART_YEAR .BOX .LORD .LT01{
	width:100%;
	height:25px;
	font-size:1em;
	text-align:left;
	line-height:25px;
	color:#333;
	}

#CHART_YEAR .L_ICON{
	display:inline-block;
	width:25px;
	height:25px;
	background-size:25px 25px;
	margin-bottom:-8px;
	margin-left:3px;
	text-indent:-999px;}



/*流年流月流日*/
#CHART_YEAR .BOX .STATUS{
	width:50%;
	height:60px;
	position:absolute;
	right:2px;
	bottom:20px;
	}

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

/* @media screen and (min-width:374px){
	.BOX03 .PAL02, .BOX03 .LORD02 .LT02, .BOX03 .LORD03 .LT03, .BOX03 .LORD04 .LT04, .BOX03 .LORD05 .LT05, .BOX03 .LORD06 .LT06, .BOX03 .LORD07 .LT07, .BOX03 .LORD07 .LT07_2, .BOX03 .LORD08 .LT08, .BOX03 .STATUS02 .ST02, .BOX03 .STATUS02 .ST02_Y, .BOX03 .YEAR02, .BOX .PAL, .BOX .LORD .LT01, .BOX .YEAR, .BOX .STATUS .ST01, .ZIWEI_C_t05{
		font-size:1em;
	}

} */
.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;}



.BOX .LORD{
  width:40%;
  height:40px;
  position:absolute;
  left:2px;
  top:1px;
  }
.BOX .LORD .LT01{
  width:100%;
  height:20px;
  font-size:0.9em;
  text-align:left;
  line-height:20px;
  color:#d20808;

  }


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



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

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

  }
#CHART {
  width: 95%;
  height: 401px;
  margin: 0 auto;
  background-color: #f0d8e8;
  border: 1px solid #8f1c69;
  margin-top: 10px;
  margin: 0 auto;
}
#CHART .ZIWEI_C_t01{
  font-size:1.1em;
  line-height:1.6em;
  color:#333;
  font-weight:bold;}

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

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

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

#CHART .ZIWEI_C_t05{
  font-size:0.8em;
  line-height:1.6em;
  color:#333;
  }
#CHART .ZIWEI_C_t06{/*中间使用者文字*/
  font-size:1.5em;
  line-height:1.6em;
  color:#dc5015;
  font-weight:bold;}
#CHART .ZIWEI_C_t07{/*中间使用者文字*/
  font-size:1.2em;
  line-height:1.6em;
  color:#5f22b3;
  font-weight:bold;}

/*按纽*/

#CHART .CHART_BT{/*中间使用者按钮*/
  display:block;
  width:100%;
  height:30px;
  margin:0 auto;
  }
#CHART .CHART_BT a{
  display:block;
  width:100%;
  height:30px;
  color:#000;
  text-align:center;
  line-height:30px;
  font-size:1em;
  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #cbcbcb 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ffffff 0%,#cbcbcb 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffffff 0%,#cbcbcb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cbcbcb',GradientType=0 ); /* IE6-9 */
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border:1px solid #848484;
  }

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


/*第一排*/
#CHART .ONE{
    clear:both;
    width:100%;
    height:100px;
    margin:0 auto;
    box-sizing:border-box;
    }

#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.5%;
    height:199px;
    /* margin:0 auto; */
    background-color:#FFF;
    position:relative;
    padding:5px;
    box-sizing:border-box;
    }

#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 .TWO03{
    width:25%;
    height:200px;
    margin:0 auto;
    float:right;

    }


/*区块*/

#CHART .BOX{
    width:100%;
    height:100px;
    margin:0 auto;
    box-sizing:border-box;
    }

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

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

/*宫位*/
#CHART .BOX .TIME{
    width:90%;
    height:25px;
    position:absolute;
    background-color:#a86db1;
    left:5%;
    right:5%;
    bottom:5%;
    color:#FFF;
    font-size:1em;
    text-align:center;
    line-height:25px;}

#CHART .BOX .TIME02{
    background-color:#e9e1d2;
    color:#a86db1;
    border:1px solid #a86db1;}
.TWO .TWO02 .BOX03{
    width:99.5%;
    height:199px;
    /* margin:0 auto; */
    background-color:#fff5c7;
    position:relative;
    }



.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;}



.BOX03 .LORD02{
    width:40%;
    height:40px;
    position:absolute;
    left:2px;
    top:1px;
    }
.BOX03 .LORD02 .LT02{
    width:100%;
    height:20px;
    font-size:1em;
    text-align:left;
    line-height:20px;
    color:#d20808;
    }
.BOX03 .LORD02 .LT03 {
        width: 100%;
        height: 20px;
        font-size: 1em;
        text-align: left;
        line-height: 20px;
        color: #333;
        }
.BOX03 .LORD03{
    width:40%;
    height:40px;
    position:absolute;
    left:2px;
    top:40px;
    }
.BOX03 .LORD03 .LT03{
    width:100%;
    height:20px;
    font-size:1em;
    text-align:left;
    line-height:20px;
    color:#333;
    }

.BOX03 .LORD04{
    width:20%;
    height:40px;
    position:absolute;
    right:2px;
    top:1px;
    }
.BOX03 .LORD04 .LT04{
    width:100%;
    height:20px;
    font-size:1em;
    text-align:right;
    line-height:20px;
    color:#771979;
    }

.BOX03 .LORD05{
    width:40%;
    height:40px;
    position:absolute;
    right:22%;
    top:1px;
    }
.BOX03 .LORD05 .LT05{
    width:100%;
    height:20px;
    font-size:0.8em;
    text-align:center;
    line-height:20px;
    color:#333;
    }

.BOX03 .LORD06{
    width:20%;
    height:40px;
    position:absolute;
    left:2px;
    top:90px;
    }
.BOX03 .LORD06 .LT06{
    width:100%;
    height:20px;
    font-size:0.8em;
    text-align:left;
    line-height:20px;
    color:#d18f02;
    }

.BOX03 .LORD07{
    width:50%;
    height:60px;
    position:absolute;
    left:25%;
    top:90px;
    }
.BOX03 .LORD07 .LT07{
    width:100%;
    height:20px;
    font-size:0.8em;
    text-align:center;
    line-height:20px;
    color:#333;
    }

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

.BOX03 .LORD08{
    width:20%;
    height:40px;
    position:absolute;
    right:2px;
    top:90px;
    }
.BOX03 .LORD08 .LT08{
    width:100%;
    height:20px;
    font-size:0.8em;
    text-align:right;
    line-height:20px;
    color:#e2000b;
    }


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

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

    }

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

    }


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

@media screen and (min-width:374px){
  .BOX03 .PAL02, .BOX03 .LORD02 .LT02, .BOX03 .LORD03 .LT03, .BOX03 .LORD04 .LT04, .BOX03 .LORD05 .LT05, .BOX03 .LORD06 .LT06, .BOX03 .LORD07 .LT07, .BOX03 .LORD07 .LT07_2, .BOX03 .LORD08 .LT08, .BOX03 .STATUS02 .ST02, .BOX03 .STATUS02 .ST02_Y, .BOX03 .YEAR02, .BOX .PAL, .BOX .LORD .LT01, .BOX .YEAR, .BOX .STATUS .ST01, .ZIWEI_C_t05{
    font-size:1em;
  }

}
@media only screen and (max-width: 480px) {
  #CHART .BOX a {
    height: 100px;
  }
}