/* ====== 阿狸子响应式 - 前台+后台共用 ====== */

/* ---- 基础重置 ---- */
body, #MainPage {
  min-width: 320px !important;
  overflow-x: hidden;
}
img { max-width: 100%; height: auto; }

/* 前台容器自适应 */
.mainwidth, .wrap {
  width: 100% !important;
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 10px;
  box-sizing: border-box;
}

/* 后台容器 */
#MainPage { min-width: auto !important; }
.layout-main { min-width: auto !important; overflow: auto; }
.layout-sidebar { float: none !important; width: 100% !important; margin-right: 0; margin-bottom: 10px; }

/* ====== 平板/手机 (<=768px) ====== */
@media (max-width: 768px) {
  /* 导航 */
  .nav, #Nav { float: none !important; text-align: center; overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; }
  .nav li, #Nav li { float: none !important; display: inline-block; }
  .nav li a, #Nav li a { width: auto !important; padding: 6px 8px; font-size: 13px; }

  /* 头部 */
  .headtop .place { float: none !important; width: 100% !important; text-align: center; }
  .headtop .topright { float: none !important; text-align: center; margin: 5px 0; }
  .search_form { width: 90% !important; margin: 0 auto; }
  .search_input { width: 70% !important; }

  /* Logo */
  .logobox { position: relative !important; left: auto !important; margin: 10px auto !important; width: auto !important; max-width: 200px; height: auto !important; top: auto !important; }
  .logobox .logo img { max-width: 180px; max-height: 60px; }

  /* Banner */
  .flexslider, .newflexslider, .newbanner { max-width: 100%; overflow: hidden; }
  .flexslider .slides img, .newflexslider .newslides img { width: 100%; height: auto; }

  /* 产品列表 */
  .indprolist li, .prolist li { width: 48% !important; margin: 1% !important; float: left; }
  .indprolist .img, .indprolist .img a { width: 100% !important; height: auto !important; }
  .indprolist .img a img, .prolist li img { width: 100% !important; height: auto !important; }

  /* 分类页 */
  .promenu .cake a { display: inline-block; padding: 5px 8px; font-size: 13px; }

  /* 详情页 */
  .alizi-detail .detail-left { float: none !important; width: 100% !important; margin-bottom: 15px; }
  .alizi-detail .detail-right { float: none !important; width: 100% !important; }

  /* 订单表单 */
  .orderonline { width: 100% !important; padding: 0 5px; box-sizing: border-box; }
  .onlineitem { float: none !important; width: 100% !important; }
  .onlineitem .w12, .onlineitem .w2, .onlineaddr .w3, .onlineaddr .w4 { width: 100% !important; float: none; }
  .deliverysel { float: none !important; width: 100% !important; margin-top: 10px; }
  .deliverysel .time { width: 85% !important; box-sizing: border-box; }
  .onlineaddr textarea { width: 100% !important; box-sizing: border-box; }
  .orderonline .store .newListSelected, .orderonline .store .selectedTxt { width: 140px !important; }

  /* 后台面板 */
  .layout-sidebar { float: none !important; width: 100% !important; margin-right: 0; margin-bottom: 10px; }
  .layout-main { float: none !important; width: 100% !important; }
  #MainBody { display: block !important; }

  /* 后台表格横向滚动 */
  table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; max-width: 100%; }

  /* 后台弹窗 */
  .ui-dialog { width: 95% !important; left: 2.5% !important; }
  .ui-schedule { width: 100% !important; }

  /* 后台头部 */
  #Header { text-align: center; }
  #Logo { float: none !important; margin: 5px auto; display: inline-block; }
  #Toolbar { float: none !important; text-align: center; }
  #Toolbar li { display: inline-block; float: none; }
  #Nav { float: none !important; }
  #Nav li a { padding: 6px 10px; font-size: 13px; }

  /* 后台首页 */
  .overview-head h2 { font-size: 1em !important; }

  /* 按钮 */
  .btn_1, .btn_2 { width: auto !important; padding: 0 15px; height: 36px; line-height: 36px; }

  /* 标题 */
  h1 { font-size: 1.3em !important; }
  h2 { font-size: 1.15em !important; }

  /* 页脚 */
  .footer { text-align: center; padding: 15px 10px; }
  .footer .foot_left, .footer .foot_right { float: none !important; display: block; text-align: center; }

  /* 结果页 */
  .result .order { padding: 10px !important; }

  /* 文章 */
  .article-content img { max-width: 100% !important; height: auto !important; }

  /* 后台表单 */
  .wrap { width: 100% !important; max-width: 100% !important; }

  /* 后台登录 */
  .w-980 { width: 100% !important; }
  .login-area { width: 100% !important; padding: 20px 10px; box-sizing: border-box; }
  .login-box { position: relative !important; width: 100% !important; max-width: 400px; margin: 0 auto; }
  .pass-text-input { width: 100% !important; box-sizing: border-box; }

  /* 顶部工具栏 */
  #ToolbarUserMsgBar .layer_topmenu_list { width: 160px !important; }
}

/* ====== 小屏手机 (<=480px) ====== */
@media (max-width: 480px) {
  .mainwidth, .wrap { padding: 0 5px; }
  .indprolist li, .prolist li { width: 100% !important; margin: 5px 0 !important; }
  .nav li a, #Nav li a { font-size: 12px; padding: 4px 6px; }
  .booking-now { font-size: 13px; padding: 5px 10px; }
  #Header #Logo img { height: 25px; }
}