/*research - member*/
.page-research_highlights{
    background-image:url(../image/mobile/bg/about_500x600.png) ,url(../image/p4.png);
    background-size: cover;
    background-repeat: no-repeat;
    height: 100vh;
    width: 100vw;
    overflow: auto;
	position: fixed;
}

.rh-list_block{
    position:absolute;
    top: 22.5vh;
    left: 26vw;
    width: 50vw;
    height: 50vh;
}
.rh-info_block{
    position: absolute;
    top: 30vh;
    left: 20.5vw;
    width: 70vw;
    height: 25vh;
    display: none;
    border: solid 0px green;
    text-align:left;
}
.rh-cross_block{
    position: absolute;
    top: 47vh;
    left: 47vw;
    width: 604px;
    height: 214px;
    display: none;
}
.rh-btn{
    float: left;
    width: 4vh;
    height: 4vh;
    margin-right: 0.8vw;
    margin-top: 1vh;
    background-size: contain;
    cursor: pointer;
}
.rh-title1{
    line-height: 3vh;
}
.rh-title2{
    margin-top: 0.5vmin;
    line-height: 6vh;
}
hr.rh-line{
    border: 0;
    height: 1px;
    width: 20vw;
    margin-top: 1.5vh;
    margin-bottom: 2.5vh;
    background: black;
}
.rh-list{
    width: 24vw;
    height: 25vh;
}
.rh-list_item{
    float:left;
    height: 3vh;
    width: 20vw;
    cursor: pointer;
}
.rh-inactive{
    line-height: 20px;
    color: #646464;
    font-size: 0.94em; /*15px  1em*/
    font-weight: 350;
    letter-spacing: 0.5px;  /*0.05em*/
}
.rh-active{
    line-height: 20px;
    color: #000000;
    transition: all .6s ease-in-out;
    font-size: 1.125em; /*18px  1.5em*/
    font-weight: 350;
    letter-spacing: 1.2px; /*0.1em*/
}
.rh-info_item{
    display:inline-block;
    width: 30vw;
    height: 46px;
    padding-top: 1.2vw;
    margin-right: 1px;
    margin-bottom: 1px;
}
.rh-info_item:hover{
    background: rgba(0,0,0,0.6);
    transition: all .5s ease-in-out;
}
.rh-info_text1{
    color: black;
    text-align: center;
    line-height: 25px;
    letter-spacing: 0.5em;
    margin-right: -0.25em;
    font-size: 1.125em; /*18px   12px 1em*/
}
.rh-info_item:hover .rh-info_text1{
    color: white;
    transition: all .5s ease-in-out;
}
.rh-info_text2{
    color: black;
    text-align: center;
    line-height: 15px;
    letter-spacing:0;
    font-size: 0.6em; /*12px 1em*/
    /*font-size: 0.65em; /*12px 1em*/
}
.rh-info_item:hover .rh-info_text2{
    color: white;
    transition: all .5s ease-in-out;
}
.rh-nav{
    position: fixed;
    z-index: 10;
    top: 90vh;
    left: 22.5vw;
    width: 60vw;
    cursor:pointer;
    text-align: center;
}
.rh-nav li{
    width:8px;
    height:8px;
    margin: 7px;
    display: inline-table;
    background-color: white;
    border-radius: 50%;
    box-shadow:2px 2px 8px 2px rgba(20%,20%,40%,0.5);
    list-style-type: none;

}
.rh-nav .rh-li-on{
    background-color: rgb(24, 145, 172);
}
/* national_labs */
.page-national_labs{
    height:100vh;
}
.rnl-block{
    position:absolute;
    top: 22.5vh;
    left: 26vw;
    width: 30vw;
    height: 15vh;
    border: solid 0px black;
}
.rnl-img_block{
    position:absolute;
    top: 40vh;
    left: 25vw;
    width: 75vw;
    height: 60vh;
    background-image:url(../image/banner_08.jpg);
    background-size:cover;
    background-repeat: no-repeat;
}
.rnl-item_block{
    position:absolute;
    top: 50vh;
    left: 65vw;
}
.rnl-item{
    width: 30vw;
    height: 10vh;
    margin-bottom: 2px;
    background: rgba(255, 255, 255, 0.6);
}.rnl-item:hover{ background: rgba(0, 0, 0, 0.5); }
.rnl-item_icon{
    float: right;
    width: 4vh;
    height: 10vh;
    margin-right: 1vw;
    background-image: url(../image/btn/btn_right.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}.rnl-item:hover .rnl-item_icon{  background-image: url(../image/btn/btn_right_rv.svg);¬ }
.rnl-item_cht{
    position: relative;
    padding-top: 2.2vh;
    margin-left: 2vw;
    line-height: 3vh;
    border: solid 0px black;
    color: black;
}
.rnl-item_eng{
    margin-left: 2vw;
    line-height: 2vh;
    border: solid 0px black;
    color: black;
}
.rnl-item:hover .rnl-item_cht{ color:white; }
.rnl-item:hover .rnl-item_eng{ color:white; }

.nav_menu {display: none;}

/* graduated table*/
.graduated-table{
	position: absolute;
	top: 45vh;
	left: 5vw;
	margin-bottom: 5vh;
}

.graduated-table tr{
	margin: 22px;
    display: block;
    text-align: center;
}

.graduated-table td{
	display: block;
}

a{
	text-decoration: none;
}