@charset "UTF-8";
.markdown-body {
  margin:20px;
  padding:20px;
  background:#FFF;
}
.codes{
  padding-left:20px;
}
.codes a{
  text-decoration:none;
  padding:2px 10px;
}
.codes a:hover, .codes a.active{
  background:#000;
  color:#fff;
  text-decoration:none;
  -webkit-border-top-right-radius:3px;
  -moz-border-radius-topright:3px;
  border-top-right-radius:3px;
  -webkit-border-top-left-radius:3px;
  -moz-border-radius-topleft:3px;
  border-top-left-radius:3px;
}

a:-webkit-any-link {
    cursor: pointer;
    text-decoration: none;
}

#yueli{
  display:block;
  padding:0;
  width:100%;
  list-style:none;
}
#yueli li{
  border-radius: 2px;
  position:relative;
  display:block;
  float:left;
  width:14.08571%;
  height:58px;
  margin:0;
  padding:0;
  text-align:center;
  cursor:default;
  font-size:16px;
  overflow:hidden;
  background:#F8F8F8;
  margin:0.1%;
}
#yueli li.week{
  height:30px;
  line-height:30px;
  background:#1abc9c;
  color:#fff;
}
#yueli b{
  font-size:12px;
  font-weight:normal;
  color:#888;
}
#yueli i{
  display:block;
  font-size:11px;
  font-style:normal;
  color:#00d2b1;
}
#yueli p{
  margin:0;
  font-style:normal;
  position:absolute;
  right:0;
  top:0;
  text-align:center;

}
#yueli p u{
  margin-bottom:2px;
  display:block;
  font-size:10px;
  font-style:normal;
  text-decoration:none;
  background:#00d2b1;
  color:#FFF;
  padding:0 3px;
}
#yueli li>u{
  color: red;
  font-size: 11px;
  list-style:none;
  text-decoration:none;
}

.page-numbers, .pagination {
    margin: 30px;
}

@media(min-width:860px) {
  .m_calendar{
    width: 860px;
    float: left;
    text-align: center;
    background-color: #Fff;
    border-radius: 3px;
    margin-bottom: 10px;
  }
  .c_calendar{
    width: 860px;
    float: left;
    text-align: center;
    margin-bottom: 10px;
    background-color: #Fff;
    padding: 5px;
  }
  .bar{
    text-align:center;
    height:30px;
    line-height:30px;
  }
  .bar span{
    margin:0 30px;
  }
  .bar>a{
    font-size: 14px;
    font-weight: bold;
  }
  .content {
      width: 860px;
      float: left;
      transition: all .3s ease-out 0s;
  }
  .m_calendar h2 {
      padding-bottom: 0.3em;
      font-size: 1.5em;
      border-bottom: 1px solid #eaecef;
  }
  #yueli li>i>a{
    font-size: 14px;
    font-weight: bold;
  }
}


@media(max-width:860px) {
  .m_calendar{
    width: 100%;
    padding: 5px;
    float: left;
    text-align: center;
    background-color: #Fff;
    border-radius: 3px;
    margin-bottom: 10px;
  }
  .c_calendar{
    width: 100%;
    float: left;
    text-align: center;
    margin-bottom: 10px;
    background-color: #fff;
  }
  .bar{
    text-align:center;
    height:30px;
    line-height:30px;
  }
  .bar span{
    margin:0 30px;
  }
  .bar>a{
    font-size: 14px;
    font-weight: bold;
  }
  .content {
      width: 100%;
      float: left;
      transition: all .3s ease-out 0s;
  }
  .m_calendar h2 {
      padding-bottom: 0.3em;
      font-size: 1.5em;
      border-bottom: 1px solid #eaecef;
  }
  #yueli li>i>a{
    font-size: 14px;
    font-weight: bold;
  }
}