@import url(../images/font-awesome.min.css);
body{ background-color:#fff; font-size:16px;}
.clr{ clear:both;}
.p-relative{ position:relative;}
.p-absolute{ position:absolute;}
.p-fixed{ position:fixed;}
.affix{ top:1rem; }


.bd-pageheader{ padding:2rem .9375rem; background:url(../images/rule.svg) left top no-repeat; color:#aaa; position:relative; margin-bottom: 3rem;}
.bd-pageheader:before{ content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url(../images/banner-1.jpg); background-size:cover; z-index: -1; }
.bd-pageheader .container{ position:relative; z-index:2; }
.bd-pageheader h1{ color:#fff; font-size:2rem;}


.bd-main{ padding-bottom:20rem;}

.bd-sidebar{ overflow-y:auto; }
.bd-sidebar .nav a{ color: #999; padding:4px 16px;}
.bd-sidebar .nav a:hover{padding-left:14px; border-left:2px solid #563d7c; background:#fff; color: #563d7c; }
.bd-sidebar .nav a:focus{ background:#fff }
.bd-sidebar .nav>li{ margin-bottom:8px; }
.bd-sidebar .nav li.active>a{ padding-left:13px; border-left:3px solid #563d7c; color: #563d7c;}
.bd-sidebar .nav .h4{ font-weight: bold; }
.bd-sidebar .nav .nav li{ margin-top: 8px; }
.bd-sidebar .nav .nav a{ padding:4px 28px; font-size:14px;}
.bd-sidebar .nav .nav a:hover{ padding-left:27px; border-left:1px solid #563d7c; }
.bd-sidebar .nav .nav li.active>a{ padding-left:26px; border-left:2px solid #563d7c; background: #eee;}


.bd-content .content-item-title{ padding:4rem 0; margin:0; text-align:center;}
.bd-content .content-item-title p{ font-size:.8rem; margin:.8rem 0; color:#999;}
.bd-content .content-item{ margin-bottom:4rem;}
.bd-content .content-item h1{ font-size:3rem; margin-bottom:1rem;background:#fafafa; padding:16px;}
.bd-content .content-item h1 .tips{ font-size:.8rem; color:#999; margin-left:.5rem;}
.bd-content .content-list{ padding:8px;}
.bd-content .content-list hr{ border-color:#f3f3f3;}
.bd-content .content-list .has-popover,
.bd-content .content-list a{ display:inline-block; width:23%; margin:0 2% 0 0; float: left; padding:12px; min-height:72px; position: relative;}
.bd-content .content-list a.link-hot:before,
.bd-content .content-list a.link-new:before{ -webkit-transform:scale(0.73);  display: block; width: 40px; height:40px; line-height: 38px; text-align: center; font-size: 12px; color: #fff; position: absolute; right: -10px; top: -10px; }
.bd-content .content-list a.link-new:before{content:"N"; background: url(../images/new.svg) no-repeat center; background-size: 100%;}
.bd-content .content-list a.link-hot:before{content:"H"; background: url(../images/hot.svg) no-repeat center; background-size: 100%;}
.bd-content .content-list img.ico{ vertical-align: middle; height:16px; width:16px; margin-right:4px; margin-top:-4px;}
.bd-content .content-list span.text{ vertical-align:middle; }
.bd-content .content-list i.icon{color:#e8e8e8;}
.bd-content .content-list .info{ color:#aaa; font-size:.8em; margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis }
.bd-content .content-list a:hover{ text-decoration:none; background-color:#f7fdff; color:#d44950;}
.bd-content .content-list a:visited,
.bd-content .content-list a:focus,
.bd-content .content-list a:active{ text-decoration:none!important;}
.bd-content .content-item.noInfo .content-list a,
.bd-content .content-item.noInfo .has-popover{ min-height:48px;}
.bd-content .content-list .has-popover{ position:relative; color:#aaa}
.bd-content .content-list .has-popover .popover{ display:none;  position:absolute; bottom:100%; left:0; top:auto; height:auto; width:250px;}
.bd-content .content-list .has-popover .popover a{ display:block; float:none; width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bd-content .content-list .has-popover:hover{ background-color:#f7fdff; color:#d44950; }
.bd-content .content-list .has-popover:hover .popover{ display:block;}
.bd-content .content-list .has-popover:hover .fa-caret-down:before{ content:"\f0d9"}

.bd-footer{
	padding:2rem; background:#fafafa; color:#aaa; font-size:.8rem;
}
@media (min-width: 34em){
	.navbar-static-top .nav-item{ margin-right:2rem;}
	.bd-pageheader {
	    padding-top: 6rem;
	    padding-bottom: 4rem;
	    text-align: left;
	}
}
@media (min-width: 48em){
	.bd-pageheader h1 {
	    font-size: 3rem;
	}
}