div#block-header-block { background: #14264e; } #content{ min-height:500px; } .block { margin-bottom: 0; } .region-top-second .block,.region-footer-first .block{ min-height:270px; } .header-container.inner { height: 130px; } .header-row { height: 120px; } #header-top { z-index: 1; position: relative; padding: 0; top: 40px; background: #14264e; } .header-bg-base a { color: #fff; position: relative; z-index: 4; } .header-container.header-top.inner { top: -20px; } .header-right .links { display: flex; padding: 0; margin: 0; color:rgba(255,255,255,0.6); } .header-right .links a{ color:rgba(255,255,255,0.6); font-size:16px; } .header-right .links a:hover,.header-right .links span:hover{ color:rgba(255,255,255,1); } .header-right .links span{ margin-right:10px; } .header-right .links span.link-guide:before{ content:"\e64d"; font-size:16px; padding-right:5px; font-family:"iconfont"; } .header-right .links span.link-search:before{ content:"\e6b0"; font-size:16px; padding-right:5px; font-family:"iconfont"; } .header-right .links span.link-booking:before{ content:"\e652"; font-size:16px; padding-right:5px; font-family:"iconfont"; } @media only screen and (max-width: 991px){ #header-top { position: relative; padding: 0; top: 20px; background: none; width: 70%; padding: 0 0 0 10px; } .header-right { float: none !important; } #header-btns { background: none; } .header-container.header-top.inner { top: -10px; } } /* .menu.nav-menu ul.dropdown-menu>li>a, .menu.nav-menu .dropdown .dropdown-menu>li>a{ text-align: left; font-size: 14px; } .menu.nav-menuul .dropdown-menu, .menu.nav-menu .dropdown .dropdown-menu{ min-width: 160px; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,.15); border-radius: 0 0 4px 4px; border-top: 0; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175); }*/ .menu.nav-menu ul.dropdown-menu>li>a,.menu.nav-menu .dropdown .dropdown-menu>li>a{padding-left:25px;} .main-menu-nav-primary .inner.inside-c-tb .main-menu-1-1 .menu.nav-menu>.menu-item, #main-menu .inner.inside-c-tb .main-menu-1-1 .menu.nav-menu>li.menu-item{ text-align: center; padding-left: 1.8%; padding-right: 1.8%; } .menu.nav-menu ul.dropdown-menu>li>a, .menu.nav-menu .dropdown .dropdown-menu>li>a{ text-align: left; font-size: 14px; } .menu.nav-menuul .dropdown-menu, .menu.nav-menu .dropdown .dropdown-menu{ min-width: 160px; -webkit-background-clip: padding-box; background-clip: padding-box; border-radius: 0 0 4px 4px; -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175); border-top: 3px solid #FFF; background-color:rgba(37, 65,149,0.8); } .main-menu-1-1 .nav-menu .level-menu .menu-item { border-top: 1px solid rgba(255,255,255,0.3); } .main-menu-1-1 .nav-menu .level-menu .active-item.active:not(.expanded) a,.main-menu-1-1 .nav-menu .level-menu .menu-item a:hover { background-color: rgba(37,65,149,0.6); } .main-menu-1-1 .nav-menu>.menu-item.active .menu-toggle a, .main-menu-1-1 .nav-menu>.menu-item:hover .menu-toggle a, .main-menu-1-1 .nav-menu>.menu-item:focus .menu-toggle a锛?main-menu-1-1 .nav-menu .menu-item:hover a:hover,.main-menu-1-1 .nav-menu .menu-item:hover a, .main-menu-1-1 .nav-menu>.menu-item.active a { color: #FFF ; } /*.main-menu-1-1 .nav-menu .menu-item:hover ul a{ color:#333; }*/ .main-menu-1-1 .nav-menu>.menu-item.active, .main-menu-1-1 .nav-menu>.menu-item:hover, .main-menu-1-1 .nav-menu>.menu-item:focus { background: none } .title-inner h2{ color:#14264e; font-size:24px; font-weight:bold; margin-bottom:20px; } .page-node-type-page .article-title { margin-bottom: 20px; } /******** banner ******/ div#block-aboutbg,div#block-pybg { background-image: url(../../about-bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; width: 100%; } div#block-newsbg { background-image: url(../../sssenews.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; width: 100%; } div#block-dangbg { background-image: url(../../dang-bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; width: 100%; } div#block-researchbg { background-image: url(../../research-bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; width: 100%; } div#block-guidebg { background-image: url(../../rules-bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; width: 100%; } div#block-studentbg { background-image: url(../../student-bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; width: 100%; } div#block-ghbg { background-image: url(../../gh-bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; width: 100%; } div#block-teacherbg { background-image: url(../../teacher-bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; width: 100%; } div#block-rcbg { background-image: url(../../rc-bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; width: 100%; } .banner{ padding-top:120px; padding-bottom:120px; background-color:rgba(0,0,0,0.5); position:relative; } .banner.articlebanner{ font-size:0 !important; background-image: url(../../newsbg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; width: 100%; } .banner h4{ font-size:30px; color:#FFF; margin-bottom:20px; } .banner h5{ font-size:24px; color:#FFF; } /****** about page *****/ .introduction { background: #14264e; color: #FFF; } .introduction p.text { color: #FFF; font-size: 15px; padding: 30px 30px 20px 20px; margin: 0; } .aboutpage{ padding-bottom:30px; } .aboutpage h1 { text-align: center; padding: 40px; font-weight: 600; } .introduction-leader{ background-image: url(../../aboutleaderbg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; width: 100%; padding:50px 0; text-align:center; } .tableblock{ padding:20px 40px; background:#FFF; display:inline-block; vertical-align:middle; } p.moreline{ text-align: right; padding-top: 10px; padding-right: 40px; } p.moreline a.more { display: inline-block; background: #C29749; color: #FFF; padding: 5px 20px; font-size: 12px; } table.leadertable{ font-size:16px; } table.leadertable td{ padding:15px 20px; } td.tborder{ border-right:1px solid rgba(0,0,0,0.5); } td.tbackground{ background:#E7EBF6; } /*****lists *****/ @media only screen and (min-width: 768px){ .event-list.event-list-4 .list-content .event-content .event-left .event-time { padding: 10px 15px; background-color: #254195; color: #FFF; } .dlist .event-list.event-list-4 .list-content .event-content .event-right .event-title { -webkit-line-clamp: 3; } } .field.field-name.field-type-string.field-label-hidden.field-item { padding-right: 14px; padding-left: 14px; padding-top: 7px; padding-bottom: 7px; max-width: 1200px; color: #14264e; font-size: 24px; font-weight: bold; margin-bottom: 30px; position: relative; } .event-list.event-list-4 .list-content .event-content .event-right h3.event-title { font-size:16px; margin-bottom:8px; } .dlist .event-list.event-list-4 .list-content .event-content .event-right h3.event-title{ line-height:150%; margin-bottom:0; font-size: 15px; } .event-list.event-list-4 .list-content .event-content .event-right { padding: 10px 20px; display: table-cell; vertical-align: top; } .event-list.event-list-4 .list-content { border-bottom: 1px solid #eee; padding-bottom: 12px; } .event-list.event-list-4 p { color:#999; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .event-list.event-list-4 ul { display: flex; flex-wrap: wrap; } .dlist,.event-list{ margin-bottom:30px; overflow: hidden !important; } /*****page taxonomy ******/ .page-taxonomy .list-3.inside-b, .row.table.table-full .list-3.inside-b { padding-left: 0; } .page-taxonomy .list-3.list-3-1 .list-content .list-item.list-item-line a p { font-size: 16px; overflow: inherit; text-overflow: inherit !important; white-space: inherit !important; } .page-taxonomy .list-3.list-3-1 .list-item .date { color: #999; font-size: 14px; } .page-taxonomy .list-3.list-3-1 li.list-item.list-item-line { padding: 12px 10px !important; } /************** leadership ********/ .leadership .leader h3 span { font-size: 14px; font-weight: 400; padding-left: 15px; color: #999; } .leadership .leader h3 { padding: 10px 0 15px; font-weight: 600; color: #254195; font-size: 24px; } .leadership .leader { padding: 30px; margin-bottom: 20px; box-shadow: 1px 1px 6px #f2f2f2; } .text999{ color:#999; }