html {
position: relative;
min-height: 100%;
}
body {
/* Margin bottom by footer height */
margin-bottom: 60px;
font-family: "Lucida Grande", "Tahoma","Arial", "Helvetica", "sans-serif";
}
.gp-ser input{ float: left;}
.gp-ser button {
background: url(../images/search_btn.png) center no-repeat;
width: 16px;
height: 16px;
border: 0px;
margin: 5px 0 0 6px;
float: left;
}
p {
text-indent:2em;
}
a{
color: #000;
}
a:hover{
color: #94070A;
text-decoration: none;
}
.margin-blank-5 {
margin: 5px;
}
.padding-left-5{
padding-left: 5px;
}
.padding-5{
padding:5px;
}
.border{
border: 1px solid #EEE;
}
.border-top{
border-top: 1px solid #EEE;
}
.border-bottom{
border-bottom: 1px solid #EEE;
}
.border-left{
border-left: 1px solid #EEE;
}
.border-right{
border-right: 1px solid #EEE;
}
.no-indent p{
text-indent:0;
}
.highlight {
padding: 9px 14px;
margin-bottom: 14px;
background-color: #f7f7f9;
border: 1px solid #e1e1e8;
border-radius: 4px;
}
.header{
margin: 0;
padding: 0;
background-color: #94070A;
}
.container{
padding:0;
}
.header .head-links{
background-color: #700005;
padding: 5px;
}
.header .head-links .nav>li>a{
position: relative;
display: block;
padding: 0 15px;
line-height: 20px;
color: #FFF;
font-size: 0.9em;
}
.head-links .nav>li>a:hover, .head-links .nav>li>a:focus{
background-color: #94070A;
}
.head-links .nav>li>a:visited{
background-color: #700005;
}
.header .head-bar{
height: 115px;
width: 100%;
background: url("../images/cloud.png") right bottom no-repeat;
}
.header .logo{
height: 115px;
background: url("../images/psy_logo.png") left center no-repeat;
}
.header .logo a{
height: 100%;
width: 500px;
display: block;
}
.navbar{
border: 0;
border-radius: 0;
margin-bottom: 0;
min-height: 40px;
text-align: center;
}
.navbar-default{
border-color: transparent;
}
.navbar-collapse{
padding-left: 0;
padding-right: 0;
}
.navbar #navbar{
text-align:center;
}
.navbar #navbar a{
font-size: 1.1em;
color: #000;
}
.navbar #navbar a:hover{
color: #94070A;
background-color: transparent;
}
.navbar #navbar li{
list-style: none;
position: relative;
}
.navbar #navbar .open>ul.sub-list{
left: 0;
}
.navbar #navbar .open>ul.sub-list>li{
width: max-content;
}
.navbar #navbar li a.sub-nav-head{
font-weight: bold;
}
.navbar .mini-nav{
/* position: absolute; */
margin-top: -1px;
padding:15px 5px;
min-height: 120px;
left:0;
width: 100%;
background: #FFF;
z-index:999;
display: none;
text-align:left;
}
.navbar .mini-nav .mini-nav-right a:hover{
background-color: transparent;
}
.navbar .mini-nav .mini-nav-right .normal-list li{
min-width:33%;
float:left;
}
.navbar .mini-nav .mini-nav-right ul.sub-list{
margin: 0;
width: 100%
}
.navbar .mini-nav .mini-nav-right ul.sub-list li:first-child{
font-weight:bold;
width: 100px;
text-align: right;
}
.navbar .open>.dropdown-menu{
min-width: 99%;
}
.navbar .open>.dropdown-menu ul.list-inline>li.title{
font-weight: bold;
font-size: 1.1em;
width: 7em;
text-align: right;
}
.content{
margin-top: 5px;
}
.content .center-block {
display: block;
margin-right: auto;
margin-left: auto;
text-align: center;
}
.content .section{
margin-left: 10px;
margin-right: 10px;
margin-bottom: 10px;
}
.content .section .breadcrumb-wrap{
padding:5px;
}
.content .section .breadcrumb{
margin:0;
padding:0;
background-color: transparent;
float:right;
}
.content .section .breadcrumb a{
color: #94070A;
}
.content .section .title{
margin-bottom: 10px;
border-bottom: 1px solid #94070A;
}
.content .section .title h2{
margin: 0;
padding: 5px;
font-size: 18px;
font-weight: bold;
color: #282828;
/* height: 36px; */
line-height: 36px;
}
/* 列表 */
.content .section .list-text{
min-height:340px;
}
.content .section .list-text p{
padding: 5px;
border-bottom: 1px solid #EEE;
}
.content .section p span.date{
display: block;
padding-left: 5px;
padding-right: 5px;
color: #94070A;
}
.content .section .list-text p a{
display: block;
padding-right: 96px;
}
.content .section .list-text p span.date{
float: right;
/*height: 100%;*/
text-align: right;
}
.content .section .post-content p{
margin-bottom: 1em;
line-height: 2em;
}
.content .section .post-content p.img{
text-indent: 0;
text-align: center;
}
.content .section .post-content p span.date{
text-align: right;
}
.pagination > li > a, .pagination > li > span{
color: #000;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
background-color: #700005;
border-color: #700005;
}
.content .section .post-content .report-content span{
font-weight: bold;
}
/* faculty */
.content .section .post-content h3.faculty-title{
padding: 0 5px 10px 5px;
font-size: 1.2em;
font-weight: bold;
}
.content .section .post-content dl.faculty-list{
padding: 0 10px;
}
.content .section .post-content dl.faculty-list dt{
display: block;
width: 160px;
text-align: left;
}
.content .section .post-content dl.faculty-list dd{
display: block;
margin-bottom: 10px;
}
.content .section .post-content dl.faculty-list dt span.name{
display: inline-block;
width: 80px;
text-align: right;
padding-right: 10px;
}
.content .section .post-content dl.faculty-list dt span.post{
display: inline-block;
}
.content .section .post-content dl.faculty-list dt.en{
min-width: 300px;
margin-right:20px;
}
.content .section .post-content dl.faculty-list dt.en span.name{
min-width: 160px;
}
.content .section .post-content .faculty-content .photo{
float: right;
padding: 0 10px;
max-width: 450px;
}
.content .section .post-content .faculty-content .photo img{
max-height:260px;
}
.content .section .post-content .faculty-content dl{
padding: 0 10px;
word-wrap: break-word;
word-break: break-all;
}
.content .section .post-content .faculty-content dt{
display: block;
width: 90px;
float: left;
}
.content .section .post-content .faculty-content dd{
display: block;
padding-left: 90px;
margin-bottom: 10px;
}
.content .section .post-content .faculty-content .tab-content{
clear: both;
}
.content .section .post-content .faculty-content .tab-pane{
padding:1em 5px;
border: 1px solid #DDD;
border-top:0;
}
.content .section .post-content .faculty-content .tab-pane#pubs p{
margin: 0;
line-height: 1.5em;
padding:10px 5px 5px 5px;
border-bottom:solid 1px #E0E0E0;
}
.content .section .post-content .faculty-content .tab-pane#pubs p:nth-child(odd){
background:#F9F9F9;
}
.content .section .post-content .faculty-content .tab-pane#pubs p:last-child{
border-bottom: 0px;
}
.content .section .post-content .faculty-content .tab-pane#pubs p:hover{
background:#F0F0F0;
}
/* 高级培训 */
.content .section .list-text .panel-heading{
height: 48px;
}
.content .section .list-text .panel-heading>h3{
width: 100%;
height: 26px;
float: left;
border-left: #ddd 5px solid;
padding: 5px 10px;
line-height: 16px;
font-weight: bold;
color: #000;
overflow: hidden;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.content .section .list-text #enroll .panel-heading>h3{
border-left: #3c763d 5px solid;
}
.content .section .list-text #course .panel-heading>h3{
border-left: #8a6d3b 5px solid;
}
.content .section .list-text #finish .panel-heading>h3{
border-left: #ccc 5px solid;
}
.content .section .list-text #enroll .panel-body a.btn{
background: #3c763d;
color:#FFF;
}
.content .section .list-text #course .panel-body a.btn{
background: #8a6d3b;
color:#FFF;
}
.content .section .list-text #finish .panel-body a.btn{
background: #ccc;
}
.content .section .list-text .panel-heading p#status{
display: none;
float: right;
}
.content .section .list-text .panel-body {
line-height: 2em;
}
.content .section .list-text .panel-body .btn-ctn{
margin: 10px;
padding-left: 42.5%;
}
.content .section .list-text .panel-body .label-title{
text-align: right;
color: #94070A;
font-weight: bold;
}
.content .section .list-text .training-list ul.nav{
margin: 10px 0;
}
.content .section .list-text .training-list>.nav-pills>li.active>a,
.content .section .list-text .training-list>.nav-pills>li.active>a:focus,
.content .section .list-text .training-list>.nav-pills>li.active>a:hover {
background-color: #94070A;
}
/* index */
.index .section{
margin-left:0;
margin-right:0;
}
.index .section .index-list-text p{
text-indent: 0;
max-height: 1.5em;
overflow: hidden;
}
.index .section .img-news{
height: 265px;
position: relative;
margin-bottom: 13px
}
.index .section .img-news .img-news-title{
position: absolute;
text-align: center;
z-index: 999;
top: 245px;
background: #fff;
opacity: 0.85;
width: 100%;
}
.index .section .img-news .img-news-pic{
background-repeat: no-repeat;
background-size: cover;
}
.footer {
position: absolute;
bottom: 0;
width: 100%;
/* Set the fixed height of the footer here */
height: 60px;
background-color: #f5f5f5;
}
/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */
.footer .container {
width: auto;
max-width: 680px;
padding: 0 15px;
}
.footer .container .text-muted {
margin: 20px 0;
}
/* 小屏幕(平板,小于等于 768px) */
@media (max-width: 767px) {
html{
min-width: 640px;
}
.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{
margin-left: 0;
margin-right: 0;
}
.navbar .mini-nav {
position: inherit;
}
.navbar .mini-nav-left{
display: none;
}
.navbar .mini-nav-right{
width:95%;
}
.navbar .open>.dropdown-menu{
float: none;
display: block;
position: relative;
}
.navbar .open>.dropdown-menu>li{
display: block;
text-align: center;
}
.navbar .open .sub-list>li{
display: block;
text-align: left;
padding-left: 30%;
}
.navbar .open>ul.sub-list>ul.list-inline{
padding-left: 29%;
}
.index{
padding-left:5px;
padding-right:5px;
}
.index .half-block{
width:100%;
}
.index .section .img-news img{
width:480px;
height:100%;
}
.index .section .img-news .img-news-pic{
height: 265px;
width: 500px;
}
}
/* 小屏幕(平板,大于等于 768px) */
@media (min-width: 768px) {
.navbar #navbar a{
font-size: 1em;
padding-left: 0;
padding-right: 0;
}
.navbar .mini-nav {
position: absolute;
}
.navbar .mini-nav-left{
display: none;
}
.navbar .mini-nav-right{
width:85%;
}
.navbar .open>.dropdown-menu>li{
padding-left: 5px;
padding-right: 5px;
text-align: center;
}
.navbar #navbar .dropdown-menu-right>li{
text-align: right;
}
.index .half-block{
width:49%;
}
.index .section .img-news img{
width:90%;
height:100%;
}
.index .section .img-news .img-news-title{
opacity: 1;
}
.index .section .img-news .img-news-pic{
height: 245px;
width: 100%;
}
}
/* 中等屏幕(桌面显示器,大于等于 992px) */
@media (min-width: 992px) {
.navbar .mini-nav-left{
width:39%;
height:100%
}
.navbar .mini-nav-right{
width:60%;
height:100%
}
.index .section .img-news .img-news-pic{
height: 265px;
width: 95%;
}
}
/* 大屏幕(大桌面显示器,大于等于 1200px) */
@media (min-width: 1200px) {
.container {
padding: 0;
width: 1200;
}
.index .section .img-news .img-news-pic{
height: 265px;
width: 90%;
}
}