/*
	shcc
*/







.myheaderstyle {
  /* 避免小屏幕时太大 */
  /*background-color: #428bca;*/
  /* 使用其logo中的蓝色值 */
  background-color: #0772ba;    
  color: #FFF;
  border-top:0px; 
  border-bottom:0px;  
}


.myheaderstyle .navbar-header {
    /* 让 header 部分和菜单部分有点间隔。不能设置这个值，否则小屏幕时，影响到右侧的按钮与屏幕边 */
    padding-right:0px;
}

.myheaderstyle .navbar-brand {
    color: #FFF;
    font-family: "Arial Black";
}
.myheaderstyle .navbar-brand:hover,
.myheaderstyle .navbar-brand:focus {
    color: #CCC;
    background-color: transparent;
}



.myheaderstyle .navbar-brand:hover,
.myheaderstyle .navbar-brand:focus {
    color: #CCC;
    background-color: transparent;
}

.myheaderstyle .navbar-brand-img {
    /* brand 里的logo图片, padding 等设置放在 header里，大屏幕和小屏幕不一样 */
    width:50px;
    height:50px;
    margin-top:0px;
}
.myheaderstyle .navbar-brand-text {
    /* brand 里的文字, padding 等设置放在 header里，大屏幕和小屏幕不一样 */
    color: #FFF;
    font-size: 18px;
    display:inline-block; 
    vertical-align:middle;
}
.myheaderstyle .navbar-brand-text:hover,
.myheaderstyle .navbar-brand-text:focus {
    color: #CCC;
    text-decoration: none;
    background-color: transparent;
}







.myheaderstyle .navbar-brand-with-img {
    color: #000;
    font-family: "Arial Black";
    /* 有logo图片 */
    padding-top:10px; 
    padding-bottom:10px; 
    padding-left:0px;    
}
.myheaderstyle .navbar-brand-with-img:hover,
.myheaderstyle .navbar-brand-with-img:focus {
    color: #428bca;
    background-color: transparent;
}




.myheaderstyle .navbar-text {
    color: #FFF;
}


.myheaderstyle .navbar-nav > li > a {
    color: #FFF;
}
.myheaderstyle .navbar-nav > li > a:hover,
.myheaderstyle .navbar-nav > li > a:focus {
    color: #CCC;
    background-color: transparent;
}
.myheaderstyle .navbar-nav > .active > a,
.myheaderstyle .navbar-nav > .active > a:hover,
.myheaderstyle .navbar-nav > .active > a:focus {
    color: #CCC;
    background-color: transparent;
}



.myheaderstyle .navbar-toggle {
    border-color: #FFF;     /* 小屏幕时，下拉菜单按钮，边框颜色 */
    margin: 4px 3px;      /* 按钮上下边距，左右边距 */
}
.myheaderstyle .navbar-toggle:hover,
.myheaderstyle .navbar-toggle:focus {
  color: #000;        /* 悬停时的文字颜色 */
    background-color: #FFF;   /* 悬停时的背景颜色 */
}



.myheaderstyle .navbar-form .form-control {
    background-color: #EEE;     /* 搜索框背景颜色 */
}


.myheaderstyle .navbar-nav > .open > a,
.myheaderstyle .navbar-nav > .open > a:hover,
.myheaderstyle .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: transparent;    /* 下拉菜单展开时，一级菜单项的背景颜色 */
}