/* ===================================
   官网世界 - 移动端响应式适配
   =================================== */

/* 平板 (小于980px) */
@media screen and (max-width: 979px) {
  #header_in, #wrapper, #footer_in {
    width: auto !important;
    margin: 0 15px !important;
  }
  #content {
    width: auto !important;
    float: none !important;
    max-width: 100% !important;
  }
  #sidebar {
    width: auto !important;
    float: none !important;
    margin-top: 25px;
    max-width: 100% !important;
  }
  #searchbox {
    width: auto !important;
    max-width: 100% !important;
  }
}

/* 手机 (小于768px) */
@media screen and (max-width: 767px) {
  body, #main, #wrapper, #content, #sidebar, #header, #footer {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }
  #header_in, #wrapper, #footer_in {
    width: auto !important;
    margin: 0 8px !important;
  }
  #content {
    width: 100% !important;
    float: none !important;
    max-width: 100% !important;
  }
  #sidebar {
    width: 100% !important;
    float: none !important;
    margin: 20px 0 0 0 !important;
    max-width: 100% !important;
  }
  #wrapper {
    padding: 10px 0 !important;
  }

  /* ---- 头部 ---- */
  .logo {
    float: none !important;
    text-align: center;
    padding-top: 5px !important;
  }
  #header .blog-title {
    width: auto !important;
    float: none !important;
    padding: 0 !important;
  }
  #header .blog-title a {
    font-size: 24px !important;
  }
  #header p.blog-description {
    font-size: 12px !important;
    text-align: center;
  }
  .header_right {
    float: none !important;
    text-align: center;
    padding: 5px 0;
  }
  .myform input[name=q] {
    width: 200px !important;
  }

  /* ---- 搜索框 ---- */
  #searchbox {
    width: 100% !important;
    margin-bottom: 15px !important;
  }
  .searchbox_bottom {
    height: auto !important;
    padding: 8px 0;
  }
  .searchbox_bottom table {
    margin: 0 auto;
  }
  #searchbox h3 {
    font-size: 14px !important;
    text-align: center;
  }
  .wiki_statistics {
    text-align: center;
  }
  .wiki_statistics .title,
  .wiki_statistics .status {
    float: none !important;
    display: inline-block;
    padding: 4px 6px !important;
    font-size: 13px !important;
  }

  /* ---- 首页tab ---- */
  .tab-home-btn {
    padding: 5px 10px !important;
    font-size: 12px !important;
  }

  /* ---- 首页文章列表 ---- */
  .feature-box {
    padding: 8px 0 !important;
    margin-bottom: 12px !important;
  }
  .subheading {
    font-size: 15px !important;
  }
  .subheading a {
    font-size: 15px !important;
  }
  #content p.post_info span {
    float: none !important;
    display: inline-block;
    margin-right: 6px !important;
    font-size: 11px !important;
  }

  /* ========== 文章详情页 ========== */
  .breadcrumb {
    font-size: 11px !important;
    word-break: break-all;
    white-space: normal !important;
  }
  .single_post h1.head {
    font-size: 18px !important;
    line-height: 1.3 !important;
  }
  #content .article_tools {
    float: none !important;
    width: auto !important;
    padding: 10px !important;
    margin: 10px 0 !important;
    clear: both !important;
  }
  .posts {
    font-size: 15px !important;
    line-height: 1.7 !important;
    overflow: visible !important;
    height: auto !important;
  }
  .single_post p, .single_post li {
    font-size: 14px !important;
    line-height: 1.7 !important;
    word-break: break-word;
  }
  .single_post ul {
    padding-left: 18px;
  }
  .single_post blockquote {
    margin: 8px 0 !important;
    padding: 6px 10px !important;
  }
  .single_post a[href^="http"] {
    word-break: break-all !important;
    font-size: 13px !important;
  }

  /* ---- 相关推荐 ---- */
  .realated_post h3 {
    font-size: 15px !important;
  }
  .realated_postlist li {
    width: 100% !important;
    float: none !important;
    margin-bottom: 5px !important;
  }
  .realated_postlist li h3 a {
    font-size: 14px !important;
  }

  /* ---- 分页 ---- */
  #page-nav {
    padding: 10px 0 !important;
    text-align: center;
  }
  #page-nav ul li a {
    padding: 3px 7px !important;
    font-size: 12px !important;
  }

  /* ---- 侧边栏 ---- */
  #sidebar h3 {
    font-size: 15px !important;
  }
  #sidebar .categorylist li a {
    font-size: 13px !important;
    padding: 5px 8px !important;
  }

  /* ---- 底部 ---- */
  #footer {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
  }
  #footer_in p {
    float: none !important;
    font-size: 11px !important;
    text-align: center;
  }
  #footer_in .fr {
    float: none !important;
  }

  /* ---- 广告位 ---- */
  div[style*="background-color:#005faf"] {
    font-size: 11px !important;
    height: 25px !important;
    line-height: 25px !important;
  }
}