body{
   margin: 0;
}
.content{
   width: 700px;
   /*background-color: yellow;*/
   position: absolute;
   top: 90px;
   left: 50%;
   z-index: -1;
   margin-left: -350px;
   padding-bottom: 100px;

   line-height: 20px;

   font-family: SimHei,Microsoft YaHei;
}
/*.content{
   background-color: red;
}*/
.content h3{/*內文小標*/
   text-align: center;
}
.content .event_item_pic{
   width: 300px;
   position: relative;
   left: 50%;
   margin-left: -150px;
}
.content .event_title{
   font-size: 18px;
   color: green;
}
.content h4{/*置中圖表小標*/
   text-align: center;
   color: green;
}
.content table{
   width: 80%;
   position: relative;
   left: 50%;
   margin-left: -40%;
   border-collapse: collapse;
}
.content table th{
   background-color: rgb(204, 232, 229);
   text-align: center;
   padding: 15px;
   border: 1px solid rgb(175, 176, 176);
}
.content table td{
   border: 1px solid rgb(175, 176, 176);
   padding: 8px;
}
.text_red{ /*表格下方紅字專用*/
   color: red;
   text-align: center;
}
.text_blue{ /*表格下方紅字專用*/
   color: rgb(45, 12, 157);
   text-align: center;
}
.text_button{
   min-width: 100px;
   padding: 10px 20px 10px 20px;
   border-radius: 2px;
   /*background-color: rgb(204, 232, 229);*/
   display:inline-block;
   text-decoration: none;
   margin: 10px;
   color: black;

   background: -webkit-linear-gradient(rgb(204, 232, 229),rgb(159, 201, 197));
   background: -o-linear-gradient(rgb(204, 232, 229),rgb(159, 201, 197));
   background: -moz-linear-gradient(rgb(204, 232, 229),rgb(159, 201, 197));
   background: linear-gradient(rgb(204, 232, 229),rgb(159, 201, 197));

   /*border: 2px solid rgb(204, 232, 229);*/

   /*opacity: 0.8;*/
}
.text_button:hover{
   background: -webkit-linear-gradient(rgb(204, 232, 229),rgb(103, 170, 163));
   background: -o-linear-gradient(rgb(204, 232, 229),rgb(103, 170, 163));
   background: -moz-linear-gradient(rgb(204, 232, 229),rgb(103, 170, 163));
   background: linear-gradient(rgb(204, 232, 229),rgb(103, 170, 163));
}


.text_center{ /*event_award_rule_weather用到*/
   text-align: center;
}

.content img{ /*event_award_rule_weather用到*/
   width: 220px;
   position: relative;
   left: 50%;
   margin-left: -110px;
}






.prohibit_delete_window{
   position: relative;
   top: 200px;
   left: 50%;
   z-index: 10;
   display: none;
   margin-left: -100px;

   width: 200px;
   height: 100px;

   background-color: rgb(151, 195, 203);
   border-radius: 5px;
   padding-top: 20px;

   text-align: center;
}
.prohibit_delete_window a img{
   width: 10px;
   height: 10px;
   position: absolute;
   top: 10px;
   right: 10px;
}

.member_list{
   width: 200px;
   position: absolute;
   left: 50%;
   margin-left: -100px;
}

.hidden{
   visibility: hidden;
}

@media screen and (max-width: 800px){
   .content{
      width: 90%;
      position: absolute;
      left: 50%;
      z-index: -1;
      margin-left: -45%;
   }
   .content table{
      width: 100%;
      position: relative;
      left: 50%;
      margin-left: -50%;
   }
}