/*
 *更改默认字体
 */
html,body,button, input, select, textarea,h1 ,h2, h3, h4, h5, h6 { font-family: Microsoft YaHei,'微软雅黑' , Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;}

/*留出顶部导航高度*/
body {
  padding-top: 48px;
}

/*表格强制换行*/
td{word-break: break-all; word-wrap: break-word;}

.panel-body img{
	max-width: 100%;
}

/* 顶部导航整体背景色 */
.navbar-inverse {
    border: 1;
    border-color: #E7E7E7; /*边线颜色*/
    background-color:#FFF;  /*顶部底色*/
}

/* LOGO部分背景色和字体颜色*/
.navbar-inverse .navbar-brand {
    color: #666;
}

/* LOGO 部分hover时背景色和字体颜色*/
.navbar-inverse .navbar-brand:hover, 
.navbar-inverse .navbar-brand:focus {
    color: #000;
    /*background-color: transparent;*/
}

/* 普通菜单项的颜色和背景  */
.navbar-inverse .navbar-nav>li>a {
	color: #666;
	font-weight: bold;
}

/* 普通菜单项hover时的字体颜色和背景  */
.navbar-inverse .navbar-nav>li>a:hover, 
.navbar-inverse .navbar-nav>li>a:focus {
	color: #000;
	background-color: #EEE;
}

/* 顶部导航当前选中菜单项的字体颜色和背景  */
.navbar-inverse .navbar-nav>.active>a, 
.navbar-inverse .navbar-nav>.active>a:hover, 
.navbar-inverse .navbar-nav>.active>a:focus {
	color: #000;
	background-color:#E7E7E7;    
    /*font-weight:bold;*/

}
/*切换时颜色*/
.navbar-toggle{
	background-color: #666;
}

/*左侧边栏*/
.sidebar {
  background-color: #F5F5F5;
}
/*大屏幕下固定左侧边栏*/
@media (min-width: 768px) {
  .sidebar {
    position: fixed;
    top: 48px;
    bottom: 0;
    left: 0;
    z-index: 999;
    display: block;
    padding: 20px;
    overflow-x: hidden;
    overflow-y: auto; /*内容足够多的时候显示滚动条 */

  }
}

/*左侧边栏边框间隔*/
.nav-sidebar {
  margin-right: -21px;  /*20px padding + 1px border */
  margin-left: -20px;
}


.nav-sidebar > li > a {
  padding-right: 20px;
  padding-left: 20px;
}

/*左侧边栏间隔线条*/
.nav-sidebar li{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E7E7E7;
}
/*左侧菜单栏a链接字体颜色*/
.nav-sidebar a{
	color: #666;
}
.nav-sidebar a:hover{
	color: #000;
	cursor: pointer;
}

/*左侧边栏当前选项默认颜色*/
.nav-sidebar > .active,
.nav-sidebar > .active > a,
.nav-sidebar > .active > a:hover,
.nav-sidebar > .active > a:focus {
  color: #000;
  background-color: #FFF;
}


/*大屏幕下左侧边栏当前选项背景默认为白色*/
@media (min-width: 768px) {
.nav-sidebar > .active,
.nav-sidebar > .active > a,
.nav-sidebar > .active > a:hover,
.nav-sidebar > .active > a:focus {
  color: #000;
  background-color: #FFF;
 }
}

/*导航当前选项字体加粗*/
.nav > li.active{
    font-weight:bold;
}

/*左侧导航间隔栏*/
.nav-hr{
	line-height: 24px;
	font-weight: bold;
	color: #666;
	background-color: #CCC;
	padding: 2px 2px 2px 5px;
}


/*
 * 中间主体内容
 */
.main {
  padding: 20px;
}
@media (min-width: 768px) {
  .main {
    padding-right: 40px;
    padding-left: 40px;
  }
}
/*
 *主体标题
 */
.main .page-header {
	margin-top: 0;
}


/*地区和服务分类的下一级的隶属*/
.cate-1{
	display: block;
	width: 50px;
	height: 24px;
	text-align: right;
}
.cate-2{
	display: block;
	width: 100px;
	height: 24px;
	text-align: right;
}
.cate-3{
	display: block;
	width: 150px;
	height: 24px;
	text-align: right;
}

/*日期输入框*/
.data-input{
	height: 32px;
	width: 150px;
	border: 1px solid #999;
	margin-right: 10px;
	font-size: 14px;
	line-height: 32px;
}



/*登录表单的动画效果*/
#login-action{
animation: login .5s;
-moz-animation: login .5s;	/* Firefox */
-webkit-animation: login .5s;	/* Safari 和 Chrome */
-o-animation: login .5s;	/* Opera */

/*animation-fill-mode: forwards;*/ /* 停住在最后的动作 */
}

/*缩放动作*/
@keyframes login
{	
	from {
		transform:scale(0);	
	}
	to {
		transform:scale(1);	
	}
}
@-webkit-keyframes login{ /*Safari and Chrome*/
	
	from {
		transform:scale(0);	
	}
	to {
		transform:scale(1);	
	}	
}

/*手机图作背景*/
.admin-bg-phone{
	background-image: url(../img/iphone0.png);
	width: 170px;
	margin-left: 30px;
	padding-top: 60px;
	text-align: center;
	background-repeat: no-repeat;
	padding-bottom:50px ;
}

.admin-bg-phone img{
	margin-left: auto;
	margin-right: auto;
	margin-bottom:60px ;
	width: 143px;
	height: 237px;	
	display: block;	
}


.admin-bg-phone:hover{
	background-image: url(../img/iphone1.png);
	cursor :pointer;
}
.admin-bg-phone.active{
	background-image: url(../img/iphone1.png);
}