/*  标题背景居中 */
   div.center {
       text-align: center;
	   
   }

   /* 浅色模式 */
   @media (prefers-color-scheme: light) {

       p.content,
       .title,
       tr td,
       tr th,
       a {
           color: #05100C;
       }

   }

   /* 深色模式 */
   @media (prefers-color-scheme: dark) {

       body {
           background-color: #05100C;
       }


       p.content,
       .title,
       tr td,
       tr th,
       a {
           color: #F1F1F1;
       }
   }

   /* 标题 */
   .title {
       font-size: 22px;
       /*background-color: #BFF4BC;*/
       display: inline-block;
       padding: 0 10px;
       font-family: "PingFang SC";
       font-weight: 800;
	   text-align= center;
       /*color: #090C0B; */

   }

   /* 文字内容 */
   p.content {
       font-size: 18px;
       text-indent: 2em;
       font-weight: 400;
       /* color: #05100C; */
       font-family: "PingFang SC";
       text-align: left;
	   
   }

   /* 图片居中 */
   img {
       display: block;
       margin: auto;
       width: 80%;
   }

   ul {
       list-style: none;
   }



   table,
   th,
   td {
       border: 2px gray solid;
       border-collapse: collapse;
       padding: 2px;
   }

   /* 标题  */

 th {
       font-size: 18px;
       /* text-indent: 2em; */
       font-weight: 400;
       /* color: #05100C; */
       font-family: "PingFang SC";
       text-align: left;
       padding: 8px;
	   
   }


   a {

       text-decoration: none;

   }

   div.text_content {
       width: 100%;
	   text-align= center;
   }
   div.mybox{
   position: absolute;
   overflow:hidden;
   border-radius:0px 0px 0px 0px;
   background-color: rgba(255, 255, 255, 0.7);
   height: 63%;
   width: 100%;
   margin:0px auto 0;
   white-space:nowrap;
   text-align= center;
   /*内容太多出现滚动条*/
   overflow:auto;
   }

   table.tableText {
       width: 100rem;
	   height: 63%;
   }
   table.table {
       width: 30%;
   	   
   }
   p.title{
    font-size: 16px;
    font-weight: bold;
   }
   /*表格内字体大小*/
   p.aaa {
   	   font-size: 16px;
	     
   }