body { padding: 10px 25px;margin: 0;background-image:url('../img/star.png');background-repeat:repeat;}
.ziwei{ display: grid;border:4px darkgray groove; padding:1px; height:90%;
	grid-template-columns: repeat(4,25%);
	grid-template-rows: repeat(4,25%);}
.ziwei,.zwDivHeader{ width:60%; }
@media only screen and (max-width:1024px){
.ziwei,.zwDivHeader{ width:100%; } body{padding-bottom: 20px;}}
.zwDivCenter{ grid-column-start: 2; grid-column-end: 4; grid-row-start: 2; grid-row-end: 4; }
.ziwei>div { border:1px solid #B7B7B7;margin:1px;position:relative;font-size:1em;}
.zwDivHeader,.zwDivHeader h2{ margin:10px 0; position:relative;}
.zwDivHeader>div{top:0;right:0;}
.zwDivHeader div { margin-bottom:5px; padding:5px; background-color:#CCFFCC;}
.zwDivHeader input[type=button],select,input[type=radio]:first-of-type{margin-left:15px;}
.zwDivCenter{position:relative;border:1px solid #B7B7B7;margin:1px;font-weight: bold;}
.zwDivCenter div{text-align:left;margin:10px;}
.zwDivCenter .zwcopy{bottom:0;right:0;font-size:1em;font-weight: normal;}
.StarA,.StarB,.StarC,.MangA,.MangB,.MangC,.MangY10,.MangY1,.zwcopy,.zwDivHeader>div{position:absolute;}
.starDiv{border:0px solid blue;margin:5px;}
.StarA{top:0;color:blue;}
.StarA span{color:Fuchsia;}
.Star4 {margin-top:8px;}
.Star4 span{color:#8000FF;font-weight:normal;}
.StarB{color:Red;top:0;}
.StarC{text-align: right;top:75px;right:0;width:100%;}
.StarA,.StarC{text-align: right;}
.StarAll{display:none;}
.MangB{width:100%;font-weight:bold;}
.MangC{color:blue;}
.MangA,.MangB,.MangC{bottom:0;}
.MangY10,.MangY1{width:100%; height:1.5em;font-size:0.8em;}
.MangY10,.MangY1,.MangB{text-align: center;}
.MangY10{bottom:3.2em;color:purple;}
.MangY1{bottom:1.8em;color:navy;}
.zwStarRight,.MangC{right:0;}
.zwStarLeft,.MangA{left:0;}