/*  background-color: var(--chart-bg-color);*/
body
{
  margin: 0;
}

BaziChartDiv { /* not used !!*/
  width: 1200px;
  height: 600px;
  margin: 10px 10px 10px 10px;
}

IMG.displayed {
    /*display: block;*/
    float: right;
    margin-left: auto;
    margin-right: 20px;
    margin-top: 10px;
    vertical-align: middle;
}

.BaziChartTbl{
    margin: 10px 0px 5px 0px;
    float:left;
	width:99%;
	border-collapse: collapse;
    border-spacing:0px 0px;
    padding:0px 0px 0px 0px;
}

.tdAlign{
    text-align:center;
    vertical-align:middle;
    /* background:white; */
    border: 1px solid #ddd;
	border-collapse: collapse;
	padding:0px;

}

.tdAlignNoBorder{
    text-align:center;
    vertical-align:middle;
    background:white;
    border-collapse: collapse;
}

圖表Div{
  width: 300px;
  height: 300px;
  background:#C0C0C0;
}
/* ------------ Info Box -----------------*/

.商標格子 {
  background: #FFFFFF;
  font-size:16px;
  color: black;
  line-height: 30px;

  width: 184px;
  height: 90px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.資訊格子1 {
  background: #FFFFFF;
  text-align: left;
  font:bold 26px KaiTi;
  color: mediumpurple;
  line-height: 26px;

  width: 31px;
  height: 92px;
  margin: 0px 0px 0px 0px;
}

#資訊1小題{
    font-size:16px;
    color: black;
    line-height: 20px;
}


.資訊格子2 {
  background: #FFFFFF;
  text-align: left;
  font-size:14px;
  color: #0066FF;
  line-height: 14px;

  width: 84px;
  height: 86px;
  padding: 10px 0px 0px 5px;
}



/* ------------ Table Subject -----------------*/

.主題橫幅 {
  background: #FFFFFF;
  font-size:16px;
  color: #000000;
  text-align: center;
  line-height: 26px;


	width:98%;
  height: 26px;
  margin: 0px 0px 0px 0px;
}

.生日資訊 {
  /* background: #FFFFFF; */
  font-size:16px;
  color: black;
  text-align: left;
  line-height: 26px;

	width:98%;
  height: 28px;
  margin: 0px 0px 0px 0px;
}


.命盤豎標題 {
    font-size:16px;
    color: black;
    text-align: center;
    width: 39px;
    height: 23px;
    background: #FFFFFF;
}

.命盤豎標題干支 {
  font-size:16px;
  color: black;
  text-align: center;
  width: 39px;
  height: 78px;
  background: #FFFFFF;
}

.命盤豎標題副星 {
  font-size:16px;
  color: black;
  text-align: center;
  width: 39px;
  height: 66px;
  background: #FFFFFF;
}

.命盤豎標題大運流年 {
  font-size:16px;
  color: black;
  text-align: center;
  width: 39px;
  height: 66px;
  background: #FFFFFF;
}

.命盤豎標題流月 {
  font-size:16px;
  color: black;
  text-align: center;
  width: 39px;
  height: 66px;
  background: #FFFFFF;
}

.命盤橫標題 {
  background: #FFFFFF;
  font-size:16px;
  color: black;
  text-align: center;
  line-height: 30px;
  width: 100%;
  margin: 0px 0px 0px 0px;
}

.主星格子 {
  /* background: #FFFFFF; */
  font-size:16px;
  color: black;
  text-align: center;
  line-height: 31px;

  width: 100%;
  height: 31px;
  margin: 0px 0px 0px 0px;
}

.副星格子{
  /* background: #FFFFFF; */
  font-size:16px;
  color: black;
  text-align: center;
  line-height: 20px;

  width: 100%;
  height: 62px;
  margin: 0px 0px 0px 0px;
}

.八字格子{
  /* background: #FFFFFF; */
  font:bold 26px KaiTi;
  color: black;
  text-align: center;
  line-height: 31px;

  width: 100%;
  height: 31px;
  margin: 0px 0px 0px 0px;
}

.運星格子  {
  /* background: #FFFFFF; */
  font-size:16px;
  color: black;
  text-align: center;
  line-height: 20px;

  width: 100%;
  height: 43px;
  margin: 0px 0px 0px 0px;
}

.納音格子  {
  /* background: #FFFFFF; */
  font-size:16px;
  color: black;
  text-align: center;
  line-height: 30px;

  width: 100%;
  height: 30px;
  margin: 0px 0px 0px 0px;
}

.神煞格子{
  /* background: #FFFFFF; */
  font-size:16px;
  color: black;
  vertical-align: text-top;
  /*text-align: center;*/
  line-height: 20px;

  width: 100%;
  /*height: 62px; */
  margin: 0px 0px 0px 0px;
}

.四柱格子, .藏干格子  {
  /* background: #FFFFFF; */
  font-size:16px;
  color: black;
  text-align: center;
  line-height: 30px;

  width: 100%;
  height: 30px;
  margin: 0px 0px 0px 0px;
}

.流運干支格子, .大運干支格子, .流年干支格子, .流月干支格子 {
  /* background: #FFFFFF; */
  font-size:16px;
  color: black;
  text-align: center;
  line-height: 23px;

  width: 100%;
  height: 46px;

  margin: 0px 0px 0px 0px;
}

.流月干支格子 {
  /* background: #FFFFFF; */
  font-size:16px;
  color: #0000FF;
  text-align: center;
  line-height: 23px;

  width: 100%;
  height: 46px;
  margin: 0px 0px 0px 0px;
}

.流運月格子 {
  /* background: #FFFFFF; */
  font-size:13px;
  color: black;
  text-align: center;
  line-height: 22px;

  width: 19px;
  height: 20px;
  margin: 0px 0px 0px 0px;
}


.流運年歲格子 {
  /* background: #FFFFFF; */
  font-size:13px;
  color: black;
  text-align: center;
  line-height: 22px;

  width: 100%;
  height: 20px;
  margin: 0px 0px 0px 0px;
}

.NavTab{
    zoom: 1;
    float: left;
	width:99%;
    margin: 5px 5px 5px 10px;
}

/* ************ 內容 ************** */
.經典標題 {
  font-size:16px;
  color: #000000;
  text-align: left;
  line-height: 20px;
}

.經典古文 {
  font-size:16px;
  color: black;
  text-align: left;
  line-height: 20px;
}

.流運標題 {
  font-size:16px;
  color: #000000;
  text-align: left;
  line-height: 20px;
}

.論斷單元 {
  font-size:16px;
  color: #000000;
  text-align: left;
  line-height: 20px;
  font-weight: 900;
}


.流運項目 {
  font-size:16px;
  color: #000000;
  text-align: left;
  line-height: 20px;
  font-weight: 900;
}

.論斷小結 {
  font-size:16px;
  color: #FFCC99;
  text-align: left;
  line-height: 20px;
}

.傳統論斷項目, .本命論斷項目 {
  font-size:16px;
  color: black;
  text-align: left;
  line-height: 20px;
}

TableCaptionCSS{
  font-size:16px;
  color: black;
  text-align: left;
  line-height: 20px;
  caption-side: top;
}

/* ************ 身強弱 *************** */
.身強弱標題 {
  font:bold 40px KaiTi;
  color: black;
  text-align: left;
  line-height: 40px;
  font-weight: 900;
}

/* ************ 身強弱 *************** */
.身強弱標題2 {
  font-size:16px;
  color: black;
  text-align: left;
  line-height: 20px;
  font-weight: 900;
}


/* ************ 五行字體顏色 *************** */
.五行顏色木 {color: #009900;}
.五行顏色火 {color: #CC0000;}
.五行顏色土 {color: #663300;}
.五行顏色金 {color: #FF9900;}
.五行顏色水 {color: #0066FF;}
.默認顏色 {color: #000000;}

.運限背景顏色當選 {background-color: #FFFF00;}
.運限背景顏色不當選 {background-color: #FFFFFF;}

/* Other library's CSS */
.liquidFillGaugeText { font-family: Helvetica; font-weight: bold; }


/* Testing scripts CSS */
.date-container {
	width: 340px;
	height: auto;
	/*align-content: flex-start;*/
	margin-left: 20px;
	margin-top: 10px;

}


.ymdh-container {
	//margin-left: 10px;
	width: 160px;
	height: 180px;
  	vertical-align: text-top;
	align-self: center;
	float:left;
	background-color:azure;
}



.gz-date-container {
  width: 340px;
  height: auto;
  float:left;
  /*align-content: flex-start;*/
  margin-left: 20px;
  margin-top: 10px;

}

.gz-ymdh-container {
  //margin-left: 10px;
  width: 160px;
  height: 180px;
    vertical-align: text-top;
  align-self: center;
  float:left;
  background-color:azure;
}

.ds-分析內容 {
    width: 750px;
}