/* =========================================================
   style2.css —— quickhr.cn 站点 header / footer 样式子集
   精准提取自 quickhr.cn 的 .files/quickhr_styles2.css 与
   .files/bootstrap-mini.css，仅保留 header/footer 实际用到的规则，
   未整份复制（原 bootstrap-mini.css 约 124KB）。
   说明：原站 footer 用到的 .w-100 / .text-lg-start /
   .text-decoration-none 在站点原 CSS 中并未定义，此处补为
   Bootstrap 标准行为以保证渲染一致。
   ========================================================= */

/* ---------- 块级与列表重置（header/footer 依赖） ---------- */
header,main,menu,nav,section,summary{display:block}
ol,ul{margin-top:0;margin-bottom:10px}
.nav{padding-left:0;margin-bottom:0;list-style:none}
.nav>li>a{padding:10px 15px}
.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#eee}

/* ---------- 站点顶部导航 header（固定吸顶白底） ---------- */
/* 用 :not(.hero) 作用域，避免影响正文内 header.hero 标题块 */
header:not(.hero){
  margin-bottom:0!important;
  background-color:#fff;
  position:fixed;right:0;left:0;top:0;z-index:9999;
  min-height:70px;
}
header:not(.hero):after{content:"";display:block;clear:both}
.navbar{min-height:70px}
.navbar-brand{float:left;height:50px;padding:15px;font-size:18px;line-height:20px}
.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}
.navbar-brand>img{display:block;max-height:42px}
.navbar-default .navbar-brand{padding:0}
#menuTop ul{margin:12px 0 0;padding:0}
#menuTop .main-menu{display:block;margin-right:13px}
#menuTop li{padding-left:10px;border-width:0 0 1px}
#menuTop .main-menu a,#menuTop li{position:relative;display:block;color:#333}
#menuTop a{padding:9px 15px 9px;transition:all .125s ease-in-out;-webkit-transition:all .125s ease-in-out}
#menuTop li.active a{border:1px solid #de5b27;border-radius:30px}
#menuTop a:hover{background-color:#fff;color:#de5b27}
#menuTop .main-menu>li{float:left;border:0;height:57px}
.float-left{float:left}
.float-right{float:right}

/* ---------- 站点底部 footer ---------- */
footer{background:#1f1f1f;padding:25px 0 0;color:#c8c7c7}
footer h3{font-size:14px;position:relative;margin-bottom:20px}
.bg-primary{background-color:#4232c2!important}
.bg-secondary{background-color:#6266ea!important}
.pt-2{padding-top:.5rem!important}
.pt-4{padding-top:1.5rem!important}
.py-3{padding-top:1rem!important;padding-bottom:1rem!important}
.w-100{width:100%}
.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
@media (min-width:992px){.container{width:970px}}
@media (min-width:1200px){.container{width:1170px}}
.row{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}
.row:after,.row:before{display:table;content:" "}
.row:after{clear:both}
.col-lg-4{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:33.33333%;padding-right:15px;padding-left:15px}
.text-center{text-align:center!important}
.text-light{color:#f6f9fe!important}
a.text-light{color:#f6f9fe!important}
.light-300{font-family:'Open Sans',sans-serif!important;font-weight:300}
.text-decoration-none{text-decoration:none!important}
img{vertical-align:middle}

/* ---------- 小屏适配（对齐原站桌面优先布局） ---------- */
@media (max-width:991px){
  .col-lg-4{width:100%}
  #menuTop .main-menu{float:none;margin-right:0}
  #menuTop .main-menu>li{float:none;height:auto}
}

/* ---------- 顶部导航下拉菜单（知识库） ---------- */
#menuTop .main-menu li.has-dropdown{position:relative}
#menuTop .dropdown{
  display:none;position:absolute;top:100%;right:0;margin:6px 0 0;padding:6px 0;
  min-width:212px;background:#fff;border:1px solid #eee;border-radius:10px;
  box-shadow:0 8px 24px rgba(0,0,0,.12);z-index:10000;list-style:none
}
#menuTop .dropdown.open{display:block}
#menuTop .dropdown li{padding-left:0;border:0}
#menuTop .dropdown a{display:block;padding:10px 16px;color:#333;font-size:14px;white-space:nowrap;text-decoration:none}
#menuTop .dropdown a:hover{background:#f6f9ff;color:#de5b27}
#menuTop .dropdown .dropdown-divider{height:0;margin:6px 0;border-top:1px solid #eee;cursor:default}
#menuTop .dropdown .dropdown-divider:hover{background:transparent}
