table {
    font-family: verdana,arial,sans-serif;
    font-size:11px;
    color:#333333;
    border-width: 1px;
    border-color: #999999;
    border-collapse: collapse;
}

table th {
    background-color:#c3dde0;
    border-width: 1px;
    padding: 8px;
    border-style: solid;
    border-color: #a9c6c9;
	text-align: center;
}

table tr {
    background-color:#d4e3e5;
}

table td {
    border-width: 1px;
    padding: 8px;
    border-style: solid;
    border-color: #a9c6c9;
}

table td.left {
	text-align: left;
}

table td.right {
	text-align: right;
}

table td.center {
	text-align: center;
}

iframe {
	border: 0px;
	width: 100%;
	min-height: 500px;
	max-height: 1000px;
}

input {
	border: 0px;
	width: 100%;
	height: 25px;
}

textarea {
	border: 0px;
	width: 100%;
	height: 50px;
}

#qa_left { grid-column: 1; }
#qa_right { grid-column: 2; }
#qa_top { grid-column: 1 / span 2; overflow:auto; }
#qa_bottom { grid-column: 1 / span 2; }
#qa_wrapper { 
  display: grid; 
  grid-template-rows: 350px 150px;
  grid-template-columns: 50% 50%; 
} 

#preview {
  border: 1px solid #ddd;
  background-color: #ddd;
  height: 90%;
  opacity: .6;
}

#preview:empty::before {
  display: block;
  text-align: center;
  font-size: 40px;
  line-height: 270px;
  content: "在此处粘贴图片";
}

#log {
  border: 1px solid #ddd;
  background-color: #ddd;
  content: '预览区';
  display: block;
  text-align: center;
  height: 10%;	
}

#gallery {
  width:100%;
  height:150px;
  position:relative;
  overflow:hidden;
}

#gallery ul {
  list-style:none; 
  padding: 0; 
  margin: 0; 
  width:100%
}

#gallery ul li {
  float:left;
  width:20%;
  height:150px;
}