@font-face {
    font-family: Roboto;
    src: url("fonts/Roboto-Regular-14.ttf");
}
.dropdown:hover .dropdown-menu {
    display: block;
}


.logo-size {
    width: 160px;
    height: 160px;
}

.p-main-margin {
    padding-right: 40.5rem;
    padding-left: 40.5rem;
}

.footer-h {
    height: 110px;
}

.header-bg-color {
    background-color: #01487c;
}

.header-h {
    height: 660px;
}

.nav-bg {
    background-color: #608ad6;
}

.title-bg {
    background-color: #e6e5eb;
}

.serach-bg {
    background-color: rgba(255, 255, 255, 0.2);
}



.date-centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.date-container {
    background-image: url("/images/Upcoming--Events-datebac.png");
    width: 42px;
    height: 38px;
}

.carousel-open:checked + .carousel-item {
    position: static;
    opacity: 100;
}

.carousel-item {
    -webkit-transition: opacity 0.6s ease-out;
    transition: opacity 0.6s ease-out;
}

#carousel-1:checked ~ .control-1,
#carousel-2:checked ~ .control-2,
#carousel-3:checked ~ .control-3 {
    display: block;
}

.carousel-indicators {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 2%;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 10;
}

#carousel-1:checked ~ .control-1 ~ .carousel-indicators li:nth-child(1) .carousel-bullet,
#carousel-2:checked ~ .control-2 ~ .carousel-indicators li:nth-child(2) .carousel-bullet,
#carousel-3:checked ~ .control-3 ~ .carousel-indicators li:nth-child(3) .carousel-bullet {
    color: #2b6cb0; /*Set to match the Tailwind colour you want the active one to be */
}

.topsfont{
    color: #d3dde6;
    font-family: Arial;
    font-size:16px;
    line-height:24px;
}

.topsfont2{
    color: #dfe7f7;
    font-family: Arial;
    font-size:80px;
    line-height:24px;
    font-weight: bold;
    letter-spacing: 16px;
}
.topfontsright{
    color:#8fafc5;
    font-size:16px;
    font-family: Arial;
}

.navfont{
    color:#ffffff;
    font-size: 22px;
    letter-spacing: 3px;
    font-weight: bold;
}


.newstitlefont{
    font-family: Impact;
    letter-spacing: 1px;
    color:#103869;
    font-size:28px;
}

.newsmodule{
    width:1134px;
    height:757px;
}

.upcomingfont{
    letter-spacing: 1px;
    color:#2e3233;
    font-weight: bold;
}

.upcomingmodule{
    width:1134px;
    height:762px;
}

.upcomingtextint{
    text-indent: 32px;
}

.upcomingtitlefont{
    font-size:14px;
    color:#ffffff;
    line-height:20px;
    font-family: Arial;
}

.slideshows{
    width:1134px;
}

.bottomfont{
    font-size:14px;
    line-height:18px;
    color:#ffffff;
    letter-spacing: 1px;
    filter:alpha(opacity=80);
}

.researchmodule{
    background: #f8f8f8;
    position:relative;
    top:64px;
}


.headcontainerback{
    background-image: url("/images/BG1.png");
    background-repeat: no-repeat;
    background-position:center;
}

.newsandeventcontainerback{
    background-image: url("/images/BG2-6-5.png");
    background-repeat: no-repeat;
    background-position:center;
    height:757px;
}
.upcomingeventcontainerback{
    background-image: url("/images/BG3-6-5.png");
    background-repeat: no-repeat;
    background-position:center;
    height: 510px;
}

.div-a{
    position:absolute;
    left:50px;
    top:266px;
    width:238px;
    height:326px;
    z-index:6;
}
.div-b{
    position:absolute;
    left:166px;
    top:42px;
    width: 722px;
    height:387px;
    z-index:5;
}
.div-c{
    position:absolute;
    left:495px;
    top:358px;
    width:459px;
    height:256px;
    z-index:7;
}

.div-a-text{
    width:130px;
    height:130px;
    position:relative;
    top:-140px;
    left:210px;
    border:none;
    border-radius:3px;
}
div-a-textnew{
    width:130px;
    height:130px;
    position:relative;
    top:-140px;
    left:210px;
    border:none;
    border-radius:3px;
}
.div-b-text{
    width:230px;
    height:160px;
    position:relative;
    top:-320px;
    left:668px;
    border-radius:3px;
}
.div-c-text{
    width:130px;
    height:150px;
    position:relative;
    top:-240px;
    left:400px;
    border-radius:3px;
}

.div-a-title{
    text-align:center;
    position:relative;
    top:20px;
    font-size:22px;
    color:grey;
}
.div-a-content{
    text-align:center;
    position:relative;
    top:26px;
    font-size:18px;
    color:#b7b7b7;
    font-weight:bold;
}


.circle{
    position: absolute;
    bottom: 10px;
    width:100%;
    text-align: center;
    height: 14px;
}
.cirbox{
    display: inline-block;
    border-radius: 7px;
    font-size: 0; /*不加这一句，会使li在ul中向下偏移*/
}
.cirbox li{
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #a0a0a0;
    cursor: pointer;
    margin: 20px;
}
.cirbox .active {
    background: #7b7b7b;
}

.upcoming-left{
    position:relative;
    top:60px;
    right:46px;
    width:332px;
    height:266px;
}
.upcomint-left-div{
    height:100px;
    font-size:14px;
    color: #001b48;
    line-height:14px;
    font-family: Arial;
}

.upcoming-right{
    position:relative;
    top:60px;
    left:0px;
    width:418px;
    height:266px;
}

.upcoming-li{
    position:relative;
    left:32px;
    top:36px;
}

.yc{
    display:none;
}

.research-itemtitlefont{
    font-size:18px;
    color: #103869;
    line-height:28px;
    font-family: Arial;
    position:relative;
    left:24px;
    top:30px;
    font-weight: bold;
}

.research-itemcontentfont{
    font-size:16px;
    color: #212121;
    line-height:18px;
    font-family: Arial;
    position:relative;
    left:24px;
    top:46px;
}

.sub-titlefont{
    font-size:16px;
    font-family:Arial;
    color:#8e9b9e;
    text-align: center;
}

.sub-titlefont2{
    font-size:18px;
    font-family:Arial;
    color:#ffffff;
    text-align: center;
}

.sub-titlefont-select
{
    font-size:16px;
    font-family:Arial;
    color:#3b5c83;
    text-align: center;
}

.sub-titlefont-noselect
{
    font-size:16px;
    font-family:Arial;
    color:#8e9b9e;
    text-align: center;
}

.date-year{
    font-size:12px;
    position:relative;
    top:1px;
}
.date-month-day{
    position:relative;
    top:1px;
    font-size:12px;
}

.news-lst-title{
    font-family:Cambria;
    font-size:24px;
    font-weight: bold;
    color:#103869;
}

.news-lst-content{
    font-family:Cambria;
    font-size:18px;
    color:#212121;
    line-height:22px;
}

.researchprogress-item{
    border-bottom:5px solid #b73c2e;
}

.news-banner-text-basemap{
    background-image: url("/images/news-bannertextbasemap-6-5.png");
    background-repeat: no-repeat;
    background-position:center;
    width:555px;
    height:458px;
    position:relative;
    top:-395px;
    left:520px;
    z-index:1;
}
.news-banner-text-basemap-new{
    background-image: url("/images/news-bannertextbasemap-6-5.png");
    background-repeat: no-repeat;
    background-position:center;
    width:555px;
    height:458px;
    position:relative;
    z-index:1;
    top:110px;
    left:30px;
}

.news-banner-text-p{
    position:absolute;
    top:-40px;
    left:100px;
    color:#103869;
    font-weight: bold;
    font-family: Cambria;
    font-size:24px;
    z-index:1000;
}

.news-banner-text-p-6-5{
    position:relative;
    top:0px;
    left:0px;
    color:#103869;
    font-weight: bold;
    font-family: Cambria;
    font-size:24px;
    z-index:1000;
}

.news-banner-text-c-6-5{
    position:relative;
    top:16px;
    left:0px;
    color:#212121;
    font-weight: bold;
    font-family: Cambria;
    font-size:18px;
    line-height:22px;
    width:460px;
    height:300px;
    word-break:break-all;
    z-index:1000;
}
.news-banner-text-c{
    position:absolute;
    top:10px;
    left:100px;
    color:#212121;
    font-weight: bold;
    font-family: Cambria;
    font-size:18px;
    line-height:22px;
    width:460px;
    word-break:break-all;
    z-index:1000;
}
.news-banner-text-readstory{
    position:absolute;
    bottom:-120px;
    left:100px;
    z-index:1000;
}

.news-banner-text-readstory-6-5{
    position:relative;
    left:0px;
    z-index:1000;
    width:107px;
    height:17px;
    bottom:20px;
}


.news-banner-pic-basemap{
    background-image: url("/images/news-bannerpicbasemap-6-5.png");
    background-repeat: no-repeat;
    width:684px;
    height:491px;
    position:relative;
    left:0px;
}

.banner1{

}

.upcoming-datemonthday{
    color:#d6926f;
}

.researchprogress-textback{
    background-image:url("/images/Research--Progress-textback.png");
    width:270px;
    height:236px;
}
.research-image{
    position:relative;
    width:252px;
    bottom:-8px;
    left:8px;
}

.research-text-readstory{
    position:relative;
    bottom:-100px;
    left:24px;
    z-index:1000;
}

.professorparentdiv{
    width:780px;
    display:flex;
    flex-flow:row wrap;
    align-content:flex-start;
}
.professorchilddiv{
    box-sizing: border-box;
    background-color: white;
    flex: 0 0 25%;
}

.content-font{
    font-family: Roboto,Arial,sans-serif;
    font-size: 16px;
    word-break: normal;
    color: #333333;
    line-height:1.5em;
}


.p{
    margin-top:16px;
}