html,body{padding:0;margin:0;background:#DCEDFD;}
body,button, input, select, textarea,h1 ,h2, h3, h4, h5, h6 { font-family:  Lucida Sans Unicode, sans-serif;}
ul{padding:0;margin:0;}
li{list-style:none;}
.pr{position:relative;}
.oh{overflow:hidden;}
.mg10 {margin:10px 0;}
.navbar{border-radius:0px}
#header
{
	background: #061f3e;
	box-shadow: 0 1px 2px rgba(22,27,130,.2);
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	line-height: 40px;
	height: 40px;
	padding: 0 0px;
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	z-index:9999;
}
#hamburger
{
	 
	display: block;
	width: 70px;
	height: 40px;
	outline:none;blr:expression(this.onFocus=this.blur());
 
}
#header .navbar {
     border-radius: 0px;
     border-width: 0px;
     min-height:40px;
     height:40px;
     margin-bottom:0px;

}

#header  .navbar-nav li a {
    padding-top:10px; padding-bottom:10px;
   
}
#header .navbar-collapse {
    background: #061f3e;
	box-shadow: 0 1px 2px rgba(22,27,130,.2);
    margin-top:-15px;
    width:100%;
}
#header .navbar-toggle
{
    margin-right:30px;
    margin-bottom:0px;
    padding:5px;
}
 #hamburger
{
	box-sizing: border-box;
	z-index: 4;
}
#hamburger:before,
#hamburger:after,
#hamburger span
{
	background: #fff;
	content: '';
	display: block;
	width: 30px;
	height: 3px;
	position: absolute;
	left: 20px;
}
#hamburger:before
{
	top: 10px;
}
#hamburger span
{
	top: 18px;
}
#hamburger:after
{
	top: 26px;
}

/* Hamburger animation */
#hamburger:before,
#hamburger:after,
#hamburger span
{
	-webkit-transition: none 0.5s ease 0.5s;
	transition: none 0.5s ease 0.5s;

	-webkit-transition-property: transform, top, bottom, left, opacity;
	transition-property: transform, top, bottom, left, opacity;
}
html.mm-opening #hamburger:before,
html.mm-opening #hamburger:after
{
	top: 20px;	
}
html.mm-opening #hamburger span
{
	left: -50px;
	opacity: 0;
}
html.mm-opening #hamburger:before
{
	transform: rotate( 45deg );
}
html.mm-opening #hamburger:after
{
	transform: rotate( -45deg );
}
#mm-blocker
{
	/*background: rgba( 91, 197, 255, 0 );*/
	background: rgba( 0, 0, 0, 0 );
	 
}
.mm-opening #mm-blocker
{
	/*background: rgba( 91, 197, 255, 0.5 );*/
	background: rgba( 0, 0, 0, 0.2 );
	transition: background 1s ease 0.3s;
 
}

.bloglist
{
}
.bloglist li
{
background-color:#FFFFFF;
border-radius: 5px;
padding:5px 10px;
margin-bottom:10px;
box-shadow:0 2px 3px rgba(0,0,0,.1);
}
.bloglist li h4 a
{
color:#000000;
font-size:20px;
}
.bloglist li h6
{
color:#AAAAAA;
}
.bloglist li h5
{
color:#81819F;
line-height:150%;
}
.bloglist li h5 a
{
    color:#81819F;
}
.searchbox .btn{ margin-right:10px; margin-top:10px;}

.userpanel {
	background-color: #FFFFFF;
	border-radius: 5px;
	padding: 5px 10px;
	margin-bottom: 10px;
	box-shadow: 0 2px 3px rgba(0,0,0,.1);
}



.box-shadow {
  height: 55px;
  box-shadow: 0px 3px 15px #888888;

}
.bar-nav {
  top: 0;
  font-size:2.2rem
}

.bar {
  position:fixed;
  right: 0;
  left: 0;
  z-index: 10;
  height: 5rem;
  padding-right: .5rem;
  padding-left: .5rem;
  background-color: #f7f7f8;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.bar .button-nav.pull-left {
  margin-left: -.25rem;
}
.bar .button.pull-left {
  margin-right: .5rem;
}
.bar .button-link {
  top: 0;
  padding: 0;
  font-size: 2rem;

  height: 4rem;
  color: #0894ec;
  border: 0;
}
.bar .button {
  position: relative;
  top: .35rem;
  z-index: 20;
  margin-top: 0;
  font-weight: 400;
}
.button {
  border: 1px solid #0894ec;
  color: #0894ec;
  text-decoration: none;
  text-align: center;
  display: block;
  border-radius: .25rem;
  line-height: 1.25rem;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background: 0 0;
  padding: 0 .5rem;
  margin: 0;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
  height: 1.35rem;
  white-space: nowrap;
  position: relative;
  text-overflow: ellipsis;
  font-size: .7rem;
  font-family: inherit;
  cursor: pointer;
}
.pull-left {
  float: left;
}


.bar .button .icon {
font-size: 2rem;

}
.bar .icon {
  position: relative;
  z-index: 20;
  padding: 1.5rem .5rem;
  font-size: 1rem;
  line-height: 1.2rem;
}
@font-face{font-family:iconfont-sm;src:url(//at.alicdn.com/t/font_1433401008_2229297.woff) format('woff'),url(//at.alicdn.com/t/font_1433401008_2229297.ttf) format('truetype'),url(//at.alicdn.com/t/font_1433401008_2229297.svg#iconfont) format('svg')}
.icon {
  font-family: iconfont-sm !important;
  font-style: normal;
  display: inline-block;
  vertical-align: middle;
  background-size: 100% auto;
  background-position: center;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: .2px;
  -moz-osx-font-smoothing: grayscale;
}

.icon-left::before {
  content: "\e614";
}





.card-header {
  border-radius: .1rem .1rem 0 0;
  font-size: .85rem;
}
.card-footer, .card-header {
  min-height: 2.2rem;
  position: relative;
  padding: .5rem .75rem;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.card-content-inner {
  padding: .75rem;
  position: relative;
}