@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;


	}


/*第一排*/
.ONE{
	clear:both;
	width:100%;
	height:100px;
	margin:0 auto;
	}

.ONE li{
	width:25%;
	height:100px;
	margin:0 auto;
	float:left;
	}


/*第二排*/

.TWO{
	clear:both;
	height:100px;
	margin:0 auto;
	}

/*左*/
.TWO .TWO01{
	clear:both;
	width:25%;
	height:200px;
	margin:0 auto;
	float:left;
	}

/*中*/
.TWO .TWO02{
	width:50%;
	height:200px;
	margin:0 auto;
	margin-left:25%;



	}

/*中大区块*/
.TWO .TWO02 .BOX02{
	width:99%;
	height:199px;
	margin:0 auto;
	background-color:#FFF;
	position:relative;
	padding:5px;
	}
.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;
	}

/*中大区块*/
.TWO .TWO02 .BOX03{
	width:99%;
	height:199px;
	margin:0 auto;
	background-color:#fff5c7;
	position:relative;
	
	}
_:-ms-fullscreen, :root .TWO .TWO02 .BOX03{
	margin:1px 0 0 1px;
}
/*宫位*/

.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:105%;
	height:20px;
	font-size:0.8em;
	text-align:left;
	line-height:20px;
	color:#d20808;
	}
.BOX03 .LORD02 .LT03 {
	    width: 105%;
	    height: 20px;
	    font-size: 0.8em;
	    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:0.8em;
	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:0.8em;
	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;}

/*右*/
.TWO .TWO03{
	width:25%;
	height:200px;
	margin:0 auto;
	float:right;

	}

/*区块*/

.BOX{
	width:100%;
	height:100px;
	margin:0 auto;
	}

.BOX a{
	display:block;
	width:100%;
	height:100px;
	margin:0 auto;
	position:relative;
	}

.BOX a.Y{
	display:block;
	background-color:#fff5c7;
	border-bottom:1px solid #8f1c69;
	}

/*宫位*/
.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: 90% !important;
    height: 50px;
	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:50%;
	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;

	}

@media screen and (min-width:374px){
	.BOX03 .LORD02 .LT03 ,.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;
	}

}
.YEAR_t04 {
    font-size: 1.3em;
    line-height: 1.6em;
    color: #926200;
    font-weight: bold;
}
 .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;
