body{margin: 0; padding: 0; font-family: Arial; font-size: 1.6rem; background-color: white; color: #464646; overflow-x: hidden;}



h1{margin: 0; padding: 1.4rem 0; font-size: 3.0rem; font-weight: bold; color: #464646; line-height: 4rem;}



h2{margin: 0; padding: 1.2rem 0; font-size: 2.6rem; font-weight: bold; color: #464646; line-height: 4rem;}



h3{margin: 0; padding: 1.0rem 0; font-size: 1.8rem; font-weight: bold; color: #464646; line-height: 3rem;}



p{margin: 0; padding: 0.8rem 0; font-size: 1.6rem; line-height: 3rem; color: #464646;}



ul,li{margin: 0; font-size: 1.6rem; line-height: 3rem; color: #464646;}

.list-group .list-group-item{    text-align: left;    border: none;}

a:link, a:visited{color: #000000;}

a:hover{color: #0A7889;}


#navbar{



    border: 0;



    margin: 0;



    padding-top: 0rem;



    padding-bottom: 2.2rem;



}



#navbar.affix {



    position: fixed;



    top: 0;



    width: 100%;



    z-index: 10;



}



#navbar a:link, #navbar a:visited{



    color: #000000;



    font-weight: bold;



}



#navbar a:hover{



    color: #0A7889;                                                    



}



#navbar ul{



    margin-top: 2.5rem;



}



#navbar ul li{



    margin-left: 2.0rem;



}











#banner{



    padding: 0;



    position: relative;



}



.legendit-hidden{



    opacity: 0;



}











.jssorb01 {



    position: absolute;



}



.jssorb01 div, .jssorb01 div:hover, .jssorb01 .av {



    position: absolute;



    width: 1.2rem;



    height: 1.2rem;



    filter: alpha(opacity=70);



    opacity: .7;



    overflow: hidden;



    cursor: pointer;



    border: #000 0.1rem solid;



}



.jssorb01 div {



    background-color: gray;



}



.jssorb01 div:hover, .jssorb01 .av:hover {



    background-color: #d3d3d3;



}



.jssorb01 .av {



    background-color: #fff;



}



.jssorb01 .dn, .jssorb01 .dn:hover {



    background-color: #555555;



}



.jssora03l, .jssora03r {



    display: block;



    position: absolute;



    width: 5rem;



    height: 5rem;



    cursor: pointer;



    background: url('../img/banners/arrow.png') no-repeat;



    overflow: hidden;



}



.jssora03l {



    background-position: -3px -33px;



}



.jssora03r {



    background-position: -63px -33px;



}



.jssora03l:hover {



    background-position: -123px -33px;



}



.jssora03r:hover {



    background-position: -183px -33px;



}



.jssora03l.jssora03ldn {



    background-position: -243px -33px;



}



.jssora03r.jssora03rdn {



    background-position: -303px -33px;



}



.jssora03l.jssora03lds {



    background-position: -3px -33px;



    opacity: .3;



    pointer-events: none;



}



.jssora03r.jssora03rds {



    background-position: -63px -33px;



    opacity: .3;



    pointer-events: none;



}











#links{



    background-color: #232323;



    padding-top: 4rem;



}



#links a:link, #links a:visited{



    font-size: 1.4rem;



    color: #ffffff;



    background-color: #232323;



    border: 0;



    padding-top: 0.2rem;



}











#info{



    padding-top: 5rem;



    padding-bottom: 2rem;



}



#info .thumbnail{



    background-color: #FFFFFF;



    border: 0;



}



#info .thumbnail img{



    max-width: 5rem;



}



#info .thumbnail a:link, #info .thumbnail a:visited{



    color: #000000;



    font-size: 1.5rem;



}











#featured-journals{



    background: #F7F7F7;



    padding-top: 5rem;



    padding-bottom: 5rem;



}



#featured-journals h2{



    margin-bottom: 3rem;



}



#featured-journals .thumbnail{



    background-color: #F7F7F7;



    border: 0;



}



#featured-journals .thumbnail img{



    /*max-width: 25rem;*/



    box-shadow: 0.1rem 0.1rem 1rem #888888;



}



#featured-journals .thumbnail a:link, #featured-journals .thumbnail a:visited{



    color: #000000;



    font-size: 1.5rem;



}











#forthcoming_conferences{



    /*background: url('../img/forthcoming_conferences.jpg') no-repeat center;*/



    position: relative;



}



#forthcoming_conferences h2{



    position: absolute;



    color: #ffffff;



    font-size: 7.2rem;



}



#forthcoming_conferences h3{



    position: absolute;



    color: #ffffff;



    font-size: 4rem;



    line-height: 6rem;



}



#forthcoming_conferences p{



    position: absolute;



    margin-top: 6rem;



    margin-bottom: 14rem;



    color: #ffffff;



}



#forthcoming_conferences p .btn{



    color: #ffffff;



    background: #61C3BC;



    font-size: 3.1rem;



    border-radius: 1rem;



}











#latest-conferences{



    padding-top: 5rem;



    padding-bottom: 5rem;



}



#latest-conferences h2{



    margin-bottom: 3rem;



}



#published-books{

    background: #F7F7F7;

    padding-top: 5rem;

    padding-bottom: 5rem;

}



#owl-demo .item{



    margin: 3px;



}



#owl-demo .item img{



    display: block;



    width: 100%;



    height: auto;



    border: 0.1rem solid #eeeeee;



}



@media (max-width: 767px) {

    html{

        font-size: 45%;

    }



    .mycenter{

        text-align: center;

    }



    .banner1_title{

        position: absolute;

        top: 20rem;

        left: 85rem;

        color: #FFFFFF;

        font-size: 7.2rem;

        font-weight: bold;

    }



    .banner1_desc{

        position: absolute;

        top: 43rem;

        left: 82rem;

        color: #FFFFFF;

        font-size: 3.2rem;

        text-align: center;

    }



    .banner1_btn .btn{



        position: absolute;



        top: 70rem;



        left: 112rem;



        width: 44rem;



        height: 9rem;



        background-color: #B2F3A6;



        color: #363636;



        font-size: 2.7rem;



        font-weight: bold;



        padding-top: 2.5rem;



        border-radius: 4rem;



    }



    #forthcoming_conferences h2{



        top: 18rem;



        left: 115rem;



    }



    #forthcoming_conferences h3{



        top: 33rem;



        left: 100rem;



    }



    #forthcoming_conferences p{



        top: 45rem;



        left: 120rem;



    }



    #forthcoming_conferences .btn{



        position: absolute;



        top: 60rem;



        left: 112rem;



        width: 44rem;



        height: 9rem;



        background-color: #B2F3A6;



        color: #363636;



        font-size: 2.7rem;



        font-weight: bold;



        padding-top: 2.5rem;



        border-radius: 4rem;



    }







}







@media (min-width: 768px) and (max-width: 991px) {



    html{

        font-size: 43%;

    }



    #navbar ul li{

        margin-right: 0;

        margin-left: -0.7rem;

        padding-left: 0;

        padding-right: 0;

    }



    .banner1_title{

        position: absolute;

        top: 20rem;

        left: 95rem;

        color: #FFFFFF;

        font-size: 7.2rem;

        font-weight: bold;

    }



    .banner1_desc{

        position: absolute;

        top: 43rem;

        left: 92rem;

        color: #FFFFFF;

        font-size: 3.2rem;

        text-align: center;

    }



    .banner1_btn .btn{



        position: absolute;



        top: 70rem;



        left: 118rem;



        width: 44rem;



        height: 9rem;



        background-color: #B2F3A6;



        color: #363636;



        font-size: 2.7rem;



        font-weight: bold;



        padding-top: 2.5rem;



        border-radius: 4rem;



    }



    #forthcoming_conferences h2{



        top: 18rem;



        left: 115rem;



    }



    #forthcoming_conferences h3{



        top: 33rem;



        left: 100rem;



    }



    #forthcoming_conferences p{



        top: 45rem;



        left: 120rem;



    }



    #forthcoming_conferences .btn{

        position: absolute;

        top: 60rem;

        left: 110rem;

        width: 44rem;

        height: 9rem;

        background-color: #B2F3A6;



        color: #363636;



        font-size: 2.7rem;



        font-weight: bold;



        padding-top: 2.5rem;



        border-radius: 4rem;



    }



    .journal-item{



        height: 45rem;



    }



}







@media (min-width: 992px) and (max-width: 1199px) {



    html{



        font-size: 50%;



    }



    #navbar ul li{



        margin-left: 2rem;



    }



    .banner1_title{

        position: absolute;

        top: 18rem;

        left: 75rem;

        color: #FFFFFF;

        font-size: 7.2rem;

        font-weight: bold;

    }



    .banner1_desc{

        position: absolute;

        top: 38rem;

        left: 70rem;

        color: #FFFFFF;

        font-size: 3.2rem;

        text-align: center;

    }



    .banner1_btn .btn{



        position: absolute;



        top: 60rem;



        left: 98rem;



        width: 44rem;



        height: 9rem;



        background-color: #B2F3A6;



        color: #363636;



        font-size: 2.7rem;



        font-weight: bold;



        padding-top: 2.5rem;



        border-radius: 4rem;



    }



    #forthcoming_conferences h2{



        top: 15rem;



        left: 105rem;



    }



    #forthcoming_conferences h3{



        top: 27rem;



        left: 90rem;



    }



    #forthcoming_conferences p{



        top: 34rem;



        left: 110rem;



    }



    #forthcoming_conferences .btn{



        position: absolute;



        top: 50rem;



        left: 98rem;



        width: 44rem;



        height: 9rem;



        background-color: #B2F3A6;



        color: #363636;



        font-size: 2.7rem;



        font-weight: bold;



        padding-top: 2.5rem;



        border-radius: 4rem;



    }



    .journal-item{



        height: 45rem;



    }



}



@media (min-width: 1200px) {

    html{

        font-size: 62.5%;

    }

    .banner1_title{

        position: absolute;

        top: 12rem;

        left: 63rem;

        color: #FFFFFF;

        font-size: 5.2rem;

        font-weight: bold;

    }

    .banner1_desc{

        position: absolute;

        top: 26rem;

        left: 52rem;

        color: #FFFFFF;

        font-size: 3rem;

        text-align: center;

    }

    .banner1_btn .btn{

        position: absolute;

        top: 46rem;

        left: 74rem;

        width: 44rem;

        height: 9rem;

        background-color: #B2F3A6;

        color: #363636;

        font-size: 2.7rem;

        font-weight: bold;

        padding-top: 2.5rem;

        border-radius: 4rem;

    }

    #forthcoming_conferences h2{



        top: 12rem;



        left: 75rem;



    }

    #forthcoming_conferences h3{



        top: 24rem;



        left: 60rem;



    }



    #forthcoming_conferences p{



        top: 31rem;



        left: 80rem;



    }



    #forthcoming_conferences .btn{

        position: absolute;

        top: 40rem;

        left: 74rem;

        width: 44rem;

        height: 9rem;

        background-color: #B2F3A6;

        color: #363636;

        font-size: 2.7rem;

        font-weight: bold;

        padding-top: 2.5rem;

        border-radius: 4rem;

    }



    .journal-item{



        height: 38rem;



    }



}