@import url("reset.css");

#it217 * {
-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: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#cbcbcb);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#ffffff),
		to(#cbcbcb)); */
    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:100%;
	height:401px;
	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:100px;
	margin:0 auto;
	box-sizing:border-box;
	}

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


/*第二排*/

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

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

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



	}

/*中大區塊*/
#CHART_YEAR .TWO .TWO02 .BOX02{
	width:99.5%;
	height:199px;
	/* 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:200px;
	margin:0 auto;
	float:right;

	}


/*區塊*/

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

#CHART_YEAR .BOX a{
	display:block;
	width:100%;
	height:99.7px;
	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:19px;
	position:absolute;
	background-color:#a86db1;
	left:5%;
	right:5%;
	bottom:1%;
	color:#FFF;
	font-size:1em;
	text-align:center;
	line-height:19px;}

#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%;
	}
#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;
	}

.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: 100%;
    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: -moz-linear-gradient(
        top,
        #ffffff 0%,
        #cbcbcb);
    background: -webkit-gradient(
        linear, left top, left bottom,
        from(#ffffff),
        to(#cbcbcb)); */
    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:98px;
    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:54%;
    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){
   .MOBILE .BOX03 .LORD02 .LT03,
   .MOBILE .BOX03 .PAL02, 
   .MOBILE .BOX03 .LORD02 .LT02,
   .MOBILE .BOX03 .LORD03 .LT03, 
   .MOBILE .BOX03 .LORD04 .LT04, 
   .MOBILE .BOX03 .LORD05 .LT05, 
   .MOBILE .BOX03 .LORD06 .LT06, 
   .MOBILE .BOX03 .LORD07 .LT07, 
   .MOBILE .BOX03 .LORD07 .LT07_2, 
   .MOBILE .BOX03 .LORD08 .LT08, 
   .MOBILE .BOX03 .STATUS02 .ST02, 
   .MOBILE .BOX03 .STATUS02 .ST02_Y, 
   .MOBILE .BOX03 .YEAR02, 
   .MOBILE .BOX .PAL, 
   .MOBILE .BOX .LORD .LT01, 
   .MOBILE .BOX .YEAR, 
   .MOBILE .BOX .STATUS .ST01, 
   .MOBILE .ZIWEI_C_t05{
		font-size:0.8em;
	}
   
   .PC .BOX03 .LORD02 .LT03,
   .PC .BOX03 .PAL02, 
   .PC .BOX03 .LORD02 .LT02,
   .PC .BOX03 .LORD03 .LT03, 
   .PC .BOX03 .LORD04 .LT04, 
   .PC .BOX03 .LORD05 .LT05, 
   .PC .BOX03 .LORD06 .LT06, 
   .PC .BOX03 .LORD07 .LT07, 
   .PC .BOX03 .LORD07 .LT07_2, 
   .PC .BOX03 .LORD08 .LT08, 
   .PC .BOX03 .STATUS02 .ST02, 
   .PC .BOX03 .STATUS02 .ST02_Y, 
   .PC .BOX03 .YEAR02, 
   .PC .BOX .PAL, 
   .PC .BOX .LORD .LT01, 
   .PC .BOX .YEAR, 
   .PC .BOX .STATUS .ST01, 
   .PC .ZIWEI_C_t05{
        font-size:0.8em;
    }
}*/