#look_side{
  float:left;
  border:solid;
}
#ttbody{
	overflow:scroll;
        width:100%;
text-orientation: mixed; 
	height:70%;
  border:1px solid;
}
.title{
	font-weight:bold;
	font-size:300%;
}
.subtitle{
	font-weight:bold;
	font-size:150%;
}
#pre{
	float:left;
}
#next{
	float:right;
}
#center{
	text-align:center;
}
.title{
  border-left:solid 5px orange;
  border-bottom:solid 1px;
  padding-bottom:0;
  margin-bottom:0;

  font-weight:bold;
  font-size:300%;

  width:100%;
}

.subtitle{
	font-weight:bold;
	font-size:150%;
}
#pre{
	float:left;
}
#next{
	float:right;
}
#center{
	text-align:center;
}
.setdate{
	
}

.genreLBL{
  position:relative;
  //float:left;
  //width:5ex;
  //clear:both;
  z-index:9;
}
#infoDate{
  float:left;
  margin-right:1ex;
}

.genreDATA{
  z-index:9;
  position:absolute;
  height:1.5ex;
  bottom:0;
  left:15%;

}
.genre{
  width:80%;
  position:relative;
  clear:both;
}

.trset{
  display: flex;
  align-items: stretch;
  padding-bottom: 0.2em;
}
.tdset{
  width:15%;
  margin-right:0.2em;
  background: aqua;
}
.tdval{
}
.clr{
  clear: both;
}
.tdfull{
  width:100%;
  margin-right:0.2em;
  background: aqua;
  text-align: center;
}

.send{
  border:1px solid;
  border-radius: 5px;
  background-color: green;
  padding: 5px;
  margin-left:10px;
  text-align: center;
  color: white;
}
.baseinfo{
  display: flex;
}
.menuBody{
}
.menu{
  float:left;
}
hr{
  clear:both;
}