body {
  margin: 0px auto;
  line-height: 1.6;
font-size: 14px;
  font-family: "Microsoft YaHei", "楷体", "Georgia", "Hiragino Sans GB", serif;
  color: #555;
background: #fbfbfb;
}

a {
  color: #0970BA;
  text-decoration: none;
}
a:hover {
  color: #1D9DEA;
}

#content {
  max-width: 1000px;
  margin: 0px auto;
  line-height: 1.6;
}
#content #con {
  margin: 10px auto;
  padding-top: 50px;
}

#content .con, #content .con_icon, #content .con_list {
  margin: 50px auto;
  padding-top: 20px;
  border-top-style: dotted;
  border-top-color: #1D9DEA;
  border-width: thin;
  text-align: center;
  color: #05406B;
}
#content .con img, #content .con_icon img, #content .con_list img {
  max-width: 100%;
  margin: 40px auto auto auto;
  border: 1px solid #d5dfe6;
}
#content .con_list {
  margin: 10px auto;
  text-align: left;
}
#content .con_icon img {
  margin: 5px;
}
#content .con_w, #content .list {
  max-width: 700px;
  margin: 20px auto 10px auto;
  padding: 30px 30px;
  border-style: dotted;
  border-color: #1D9DEA;
  border-width: thin;
}
#content .con_w img, #content .list img {
  margin: 0px auto;
}
#content .con_w div.title, #content .list div.title {
  margin-bottom: 50px;
  font-size: 16px;
}
#content .con_w .sub_title, #content .list .sub_title {
  font-size: 14px;
  color: #708090;
  padding-bottom: 15px;
  text-align: right;
  font-family: "Microsoft YaHei", "楷体", "Georgia", "Hiragino Sans GB", sans-serif;
}
#content .list {
  text-align: center;
  padding: 25px 30px;
}
#content i {
  font-family: "楷体", serif;
}
#content a {
  border-bottom: 1px dashed;
}



#sora_stand_list {
  margin-top: 10px;
  text-align: center;
}

.sora_stand {
  max-width: 800px;
  margin: 0px auto;
}
.sora_stand body {
  max-width: 100%;
}
.sora_stand img {
  max-width: 100%;
}
.sora_stand .stand {
  display: inline-block;
  vertical-align: middle;
}
.sora_stand #wenzi {
  max-width: 380px;
  padding: 30px 20px;
}

.sora_novel {
  max-width: 850px;
  margin: 20px auto;
  padding: 20px;
  background-color: #F1F5F9;
}

#sora_list {
  width: 48%;
  vertical-align: top;
  text-align: left;
  display: inline-block;

}

#sora_list a{border-bottom:none;}
#footer{
    padding:3em 0;
    line-height:1.5;
    text-align:center;
    color:#999;
}

#header{
    border-bottom:1px solid #EEE;

}

.site-name{
margin-bottom:35px;
}
#navigation {
    width: 100%;
    margin: 0px auto;
    overflow: hidden;
    background-repeat: repeat-x;
background-color:#89ACD7;
}

#menus li {
    display: inline;
    list-style: none
}

#menus li a {
    font-size:14px;
    display: block;
    color: #fbfbfb;
    height: 30px;
    line-height: 30px;
    text-decoration: none;
    float: left;
    padding: 0 15px;
float: initial;
}

#menus li a:hover {
    color: #0970BA;
background:#fbfbfb;
}

#menus li.current-menu-parent > a, #menus li.current-menu-item > a {
    height: 37px;
    line-height: 37px;
    margin: -3px 0 -4px;
    border: solid #CCC;
    font-weight: 700;
    border-width: 1px 1px 0;
    position: relative
}

#menus li ul.sub-menu li a, ul.sub-menu li.current-menu-item > a {
    padding: 0 !important;
}
.mynav ul {
    margin: 0;
    padding: 0 8px;
    list-style: none
}

.mynav li {
    float: left;
    line-height: 21px;
    padding: 0;
    vertical-align: middle
}

.mynav li a:hover {
    color: #0970BA;
    text-decoration: none
}

.menu-btn a {
    color: white;
}

.menu-btn {
    height: 32px;
    line-height: 32px;
    padding: 0 2%;
    text-align: center;
background-color:#AFC6E3;
}

.menu-left{
    float: left;
font-size: 2.1em;
}
@media screen and (min-width: 768px) {
    .menu-btn {
        display: none;
    }

    #navigation {
        display: block !important;
    }
#navigation .nav_mobile{
display: none;
}
}

@media(max-width:768px){
.container  .con_w{
margin:5px 5px 20px 5px;
padding-left:15px;
padding-right:15px;
}
    #navbar {
        width: 100%;
    }
    #navigation {
        margin: 0px auto;
    }
.menu-menu-container{background-color:#AFC6E3;}
    #menu-menu{
        position: unset;
        display: block;
        overflow: unset;
        background: none;
        box-shadow: none;
        height: auto;
        overflow: hidden;
    }
#menu-menu li {width: 100%;}

    #header,.post-title,.post-meta{
        text-align:center;
}
.post {
margin:auto 5px;
}
.post-title{
  font-size: 16px;}
.post-content{
font-size:15px;
line-height: 1.9em; 
  }
#footer {
    padding:1.5em 0 0.5em 0;
font-size:12px;	  
    }
    }
@media(min-width:1200px){

}
.hidden{
    display:none!important;
    visibility:hidden;
}
.sr-only{
    border:0;
    height:1px;
    margin:-1px;
    overflow:hidden;
    padding:0;
    position:absolute;
    width:1px;
}
.sr-only.focusable:active,.sr-only.focusable:focus{
    clip:auto;
    height:auto;
    margin:0;
    overflow:visible;
    position:static;
    width:auto;
}
.invisible{
    visibility:hidden;
}
 .force_show { display: block; }
