body{
    font-family: 'Noto Sans TC',Helvetica, sans-serif !important;
    font-size: 20px;
    font-weight: 100;
}
#one img
{
    max-width:100%;
    height:auto;
}
#bodyI
{
    padding-top:0;
}
form {
    margin: 0 0 0 0;
}
table td {
padding: 0.2em 0.5em;
}
#banner0
{
    min-height:800px;
}

.tooltipN {
    position: relative;
    display: inline-block;
}

.tooltipN .tooltiptext {
    visibility: hidden;
    width: 250px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    /*padding: 5px 0;*/
    padding: 10px;
    /* Position the tooltip */
    position: absolute;
    z-index: 1;
    font-size: 14px;
}

.tooltipN:hover .tooltiptext {
    visibility: visible;
}

.tooltip-top {
    bottom: 125%;
    left: 50%;
    /* margin-left: -60px; */
    margin-left: -125px;
}

.tooltip-top::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Noto Sans TC', Helvetica, sans-serif;
}

.social-icons {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.5em;
}
#socialI
{
    position:absolute; 
    right:1em; 
    top:1em; 
    z-index:2;
}
#header.alt div {
    /* right: 2.5em; */
    display: none;
}

.noticeSec
{
    z-index:1001;
    position:fixed;
    top:15%;
    right:0;
    text-align:center;
}
.notice {
    background-color: #00b100;
    color:#fff;
    border-radius: 36px;
    margin-right: -36px;
    text-align:left;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-right: 50px;
    padding-left: 24px;
    /* box-shadow: 0px 0px 12px #fff; */
    box-shadow: 0px 3px 6px #00000029;
    line-height: 1.2em;
}
.notice a
{
    color: #fff;
    text-decoration: none;
    border-bottom: none;
}
.noticeSec2
{
    display:none;
}
.notice2 {
    background-color: #00b100;
    color:#fff;
    text-align:left;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-right: 50px;
    padding-left: 24px;
    /* box-shadow: 0px 0px 12px #fff; */
    box-shadow: 0px 3px 6px #00000029;
    line-height: 1.2em;
    margin-bottom:0.2em;
    text-align:center;
}
.notice2 a
{
    color: #fff;
    text-decoration: none;
    border-bottom: none;
}
#nav a
{
    color: #444;
}
.seminarPosts
{
    padding-left:2em;
}

.seminarTitleD
{
    font-size:40px; width: fit-content;text-align:center;display: block;margin-left: auto;margin-right: auto; padding-top:2em; padding-bottom:2em;
}
.seminarTitle
{
    background-image: url(/img/protein_icon2.png); background-repeat: no-repeat; padding-left: 91px; text-align: center; line-height: 1.3em; color: #fff;
}

.facilityTitleD
{
    font-size:40px;
    width:fit-content;
    text-align:center;
    display: block;
    margin-left: auto;
    margin-right: auto; 
    padding-top:2em;
}
.facilityTitle
{
    background-image: url(/img/protein_icon2.png); 
    background-repeat: no-repeat; 
    padding-left: 91px; 
    text-align: center; 
    line-height: 1.3em; 
    color: #fff;
}
.facilityIconT
{
    text-align:center;
    font-size:22px;
}
.facilityIcon-sm
{
    display:none;
}

.rhPosts
{
    padding-left:2em;;
}
.rhDate
{
    width: 8%;
    border-right:1px solid #008AE6;
    font-weight:bold;
    text-align:center;
}
.rhContent
{
    width: 91%; 
    margin-left:1%;
}
.rhDate-sm
{
    display:none;
}

.researchInner
{
    padding-left:2em;
    padding-bottom:2em;
}
.imageF{
    width:100%;
}
.imageF img {
    width:100%;
}
.image{
    max-width:100%;
}
.image img {
    max-width:100%;
}
#banner1 > article h2 {
    font-size: 2em;
    text-shadow: 0.1em 0.1em #333;
}
#banner0
{
    height:100vh;  
}
#banner1
{    
    box-shadow: 12px 0 5px -5px rgba(0, 0, 0, 0.6);
    position: absolute;
    z-index:4; 
    height:100vh;
}
#banner2
{
    /* margin-top: -100vh; */
    box-shadow: 12px 0 5px -5px rgba(0, 0, 0, 0.6);
    position: absolute;
    z-index:3; 
    height:100vh;
}
#banner3
{
    /* margin-top: -100vh; */
    position: absolute;
    z-index:2; 
    height:100vh;
}

.rowH160
{
    height:160px;
}
.rowH200
{
    height:200px;
}
.rowH240
{
    height:240px;
}
.container a
{
    border-bottom: none;
}
#header nav {
    font-family: 'Noto Sans TC';
    font-weight: 300;
    font-size: 20px;
    right: 5em;
}
.dropotron {
    font-family: 'Noto Sans TC';
    font-weight: 300;
    font-size: 20px;
}
.dropotron a {
    font-size: 1em;   
}
.image-style-align-right {
    float: right;
    margin-left: var(--ck-image-style-spacing);
}
figure {
    margin: 0 0 1rem;
}
.speakLine
{
    width:100%; 
    border-bottom: 1px solid #BEE1F8; 
    line-height: 0.1em; 
    margin: 30px 0 20px;
}
.speakLine .speakDate
{
    background: #fff; 
    padding: 0 10px;
    color: #008AE6;
}
.speakTitle
{
    /*margin-left:2em;
    margin-right:1em;*/
    font-size: 1.3em;
    margin-bottom: 0.5em;
    padding-left: 0.5em;
}
.speakBottom1
{
    border-bottom: 1px solid #008AE6;
    width:100%;
}
.speakBottom2
{
    border-bottom: 1px solid #008AE6;
}
.speakBottom3
{
    border-bottom: 1px solid #008AE6;
    border-right:1px solid #008AE6;
    text-align:right;
    padding-right: 1em;
}
.infoTitle
{
    font-size: 1.3em;
    margin-bottom: 0.5em;
}
.infoTitle ul {
    list-style-image: url('../../img/leftcorner2.png');
    margin: 0;
}
.infoBrief
{
    font-size: 1.1em;
    color: #888888;
}
.sepakPhoto
{
    padding-left:0;
}
.speakDate
{
    color: #008AE6;
}
.speakTime
{
    color: #7FC4F2;
}
.moreD
{
    position: absolute; 
    text-align: center; 
    width: 100%;
    left: 45%; 
    margin-top:-74px; 
    z-index: 5;
}
.more{
    width: 150px;
    height: 75px;
    background: #BBBBBB;
    border-radius: 150px 150px 0 0;
    font-size:1.2em;
    line-height: 1.2em;
    padding-top: 20px;
    color:#fff;
}
.more2D
{
    position: absolute; 
    text-align: center; 
    /* width: 100%; */
    left: 45%; 
    margin-top:22px; 
    z-index: 5;
}
.more3D
{
    position: absolute; 
    text-align: center; 
    /* width: 100%; */
    left: 45%; 
    margin-top:22px; 
    z-index: 5;
}
.more2{
    width: 100px;
    height: 50px;
    background: #BBBBBB 0% 0% no-repeat padding-box;
    /* box-shadow: 0px 3px 10px #00000029; */
    border-radius: 100px 100px 0 0;
    font-size:1.2em;
    line-height: 1.2em;
    padding-top: 20px;
    color:#fff;
}
.more2T{
    width: 100px;
    height: 100px;
    border-radius: 100px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #BBBBBB 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 10px #00000029;
}

.section0
{
    width:100%;
    height: calc(100vw/1280*646);
    background-color: rgba(0,0,0,.6); 
    background-blend-mode: multiply; 
    background-image: linear-gradient(90deg, rgba(58, 58, 58, 0.6), rgba(58, 58, 58, 0.3)), url('../../img/fly_eyes3.jpg');
    background-size: cover;
    background-position: bottom;
    position: relative;
}
.section0:after
{
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1900' height='150' viewBox='0 0 1900 150' preserveAspectRatio='none'%3E%3Cpath d='M0,25.7C243.4,84,596.7,150,950,150c353.3,0,706.6-66,950-124.3V150H0V25.7z' fill='%23ffffff'/%3E%3C/svg%3E");
    background-size: 100% 100%;
    background-position: center;
    bottom: -1px;
    content: '';
    height: 8rem;
    left: 0;
    position: absolute;
    width: 100%;
    box-shadow: inset 0 -1px 0 0 #ffffff;
}
#piPhoto
{
    width:14%;
    border: 2px solid #FFFFFF; 
    margin-left:16%;
    margin-top:-238px;
    z-index:2; 
    position:relative;
}
#piPhoto:after
{
    z-index:2;
}
.curve
{
    text-align:center;
    margin-top: -6.3em;
    margin-bottom: 2em;
}

.curve img
{
    width: 50%;
}

.curveF
{
    text-align:center;
    margin-top: -4.2em;
    margin-bottom: 4em;
}

.curveF img
{
    width: 50%;
}
.wrapper + .wrapper {
    box-shadow: 0px 3px 10px #00000029;
}
#three
{
    box-shadow: 0px 30px 0px #F8F8F8;
}
#footer .copyright
{
    font-family: 'Noto Sans TC',Helvetica, sans-serif;
    font-weight:100;
    font-size:18px;
    text-align:center;
    z-index:3;
    color:#000;
}
.fm1
{
    width:93px;
    height:40px;
    margin-left: 20%;
    margin-top: -90px;
    background-image: url("../../img/molecule1.png");
}
.fm2
{
    width:233px;
    height:126px;
    float:right;
    margin-top: -90px;
    background-image: url("../../img/molecule2.png");
}
.fIcon
{
    text-align:center;
    color:#fff;
}
.fIcon h2
{
    color:#fff;
    text-transform:none;
    padding-bottom:0;
}
.fIcon .desc
{
    margin-left:15%;
    margin-right:15%;
    font-family: 'Noto Sans TC',Helvetica, sans-serif;
    font-weight:100;
    font-size:18px;
}
.fIcon img
{
    width: 30%;
}
.fIntro
{    
    color:#fff;
    /* margin-top:3.5em;
    margin-bottom:4.5em; */
    margin-bottom:2.5em;
    margin-left:20%;
    margin-right:20%;
    font-family: 'Noto Sans TC',Helvetica, sans-serif;
    font-weight:300;
    letter-spacing:1px;
    font-size:1.5em;
    line-height:2.2em;
}
.tongues_1
{
    position: absolute; 
    text-align: center; 
    /* width: 100%; 
    margin-top:-91px;
    margin-top: calc(-1*100vw*0.0474); */
    margin-top: calc(-1*100vw*0.0474);
    z-index: 5;
}
.tongues_1 a
{
    border-bottom:none;
}
.tongues_2
{
    /*
    position: relative; 
    text-align: center; 
    width: 100%; 
    margin-top:23px; 
    z-index: 5;
    */
}
.tongues_2 a
{
    border-bottom:none;
}
#inspectorTitle
{
    font-size:2em; 
    font-weight:bold; 
    margin-bottom: 10px;

}
#inspectorDesc
{
    font-size: 0.5em; 
    font-weight:100;
}

#gl {
    /*position: fixed;*/
    bottom: 0px;
    top: 0px;
    left: 0px;
    right: 0px;
    height: 300px;
    margin-top: 10px;
}

#inspector {
    top: 10px;
    left: 10px;
    box-shadow: 2px 2px 5px #888888;
    border-radius: 8px;
    /*position: absolute;*/
    background-color: #ff6262;
    padding: 10px;
    border-style: solid;
    border-width: 1px;
    border-color: #ccc;
}

#inspector ul {
    padding: 0px;
    margin:0;
}

#inspector ul li {
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    list-style: none;
    cursor: pointer;
    color: #fff;
    display: inline-block;
    border-right: solid 1px;
    padding-right: 0.5em;
    padding-left: 0.5em;
}

#inspector ul li:hover {
    color: #ccc;
}

#inspector h1 {
    font-weight: normal;
    font-size: 12pt;
}

#one h2
{
    font-size:32px;
}
#two h2
{
    font-size:32px;
}
#three h2
{
    font-size:32px;
}

#pi_one h2
{
    background-image: url(../../img/protein_year.png);
    background-repeat:no-repeat; 
    padding-left:40px; 
    padding-top:30px;
    color:#008AE6; 
    font-size:36px; 
    font-weight:400;
    padding-bottom:0;

}
.pi_lText
{
    font-size:20px;
    margin-bottom:0.7em;
}
.pis_lDiv
{
    width:10%;
    background-image:url(../../img/rna.png);
    background-repeat:repeat-y;
    background-position:right; 
    padding-top:4.5em;
}
.pi_lDiv
{
    width:14%;
    background-image:url(../../img/rna.png);
    background-repeat:repeat-y;
    background-position:right; 
    padding-top:1.5em;
}
.pi_lTextDiv
{
    text-align:right; 
    padding-right:2em;
    /*
    position: sticky;
    position: -webkit-sticky;
    * */
    top: 200px;
}
.pis_rDiv
{
    width:90%;
    padding-top:4.5em;
}
.pi_rDiv
{
    width:86%;
    /* padding-top:1em; */
    padding-top:4.5em;
}

.pi_lDiv16
{
    width:16%;
    background-image:url(../../img/rna.png);
    background-repeat:repeat-y;
    background-position:right; 
    padding-top:1.5em;
}
.pi_rDiv84
{
    width:84%;
    padding-top:1em;
}

.pi_rSectionDiv
{
    text-align:left;
    box-shadow: 0 12px 5px -5px rgba(0, 0, 0, 0.1);
    margin-bottom: 3em;
    padding: 1em;
}
.year_lText
{
    font-size:20px;
    margin-bottom:0.1em;
}


.sectionTitle
{
    width:100%;
    height: calc(100vw/1280*300);
    background-color: rgba(0,0,0,.6); 
    background-blend-mode: multiply; 
    background-image: linear-gradient(90deg, rgba(58, 58, 58, 0.6), rgba(58, 58, 58, 0.3)), url('../../img/fly_eyes3.jpg');
    background-size: cover;
    background-position:center;
    position: relative;
    font-size:2.5em;

    padding: 4.5em 0 1.5em 0 !important;
    z-index: 1;
}
.sectionTitle:after
{
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1900' height='150' viewBox='0 0 1900 150' preserveAspectRatio='none'%3E%3Cpath d='M0,25.7C243.4,84,596.7,150,950,150c353.3,0,706.6-66,950-124.3V150H0V25.7z' fill='%23ffffff'/%3E%3C/svg%3E");
    background-size: 100% 100%;
    background-position: center;
    bottom: -1px;
    content: '';
    height: 8rem;
    left: 0;
    position: absolute;
    width: 100%;
}
.sectionTitleBlue
{
    width:100%;
    height: calc(100vw/1280*300);
    background-color: rgba(0,0,0,.6); 
    background-blend-mode: multiply; 
    background-image: linear-gradient(90deg, rgba(58, 58, 58, 0.6), rgba(58, 58, 58, 0.3)), url('../../img/fly_eyes3.jpg');
    background-size: cover;
    background-position:center;
    position: relative;
    font-size:2.5em;
}
.sectionTitleBlue:after
{
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1900' height='150' viewBox='0 0 1900 150' preserveAspectRatio='none'%3E%3Cpath d='M0,25.7C243.4,84,596.7,150,950,150c353.3,0,706.6-66,950-124.3V150H0V25.7z' fill='%23008AE6'/%3E%3C/svg%3E");
    background-size: 100% 100%;
    background-position: center;
    bottom: -1px;
    content: '';
    height: 8rem;
    left: 0;
    position: absolute;
    width: 100%;
}
/*
.zeroTitle:after
{
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1900' height='150' viewBox='0 0 1900 150' preserveAspectRatio='none'%3E%3Cpath d='M0,25.7C243.4,84,596.7,150,950,150c353.3,0,706.6-66,950-124.3V150H0V25.7z' fill='%23ffffff'/%3E%3C/svg%3E ");
background-size: 100% 100%;
background-position: center;
content: '';
height: 8rem;
left: 0;
position: absolute;
width: 100%;
top: 652px;
}
*/
.pTitle
{    
    color:#fff;
    /* margin-bottom:4.5em; */
    font-family: 'Noto Sans TC',Helvetica, sans-serif;
    text-align:center;
    font-size:1.6em;
    font-weight: 400;
    letter-spacing: 0.2em;
    line-height:1em;
}
.pTitleE
{    
    color:#fff;
    /* margin-bottom:4.5em; */
    font-family: 'Noto Sans TC',Helvetica, sans-serif;
    text-align:center;
    font-size:1.6em;
    font-weight: 400;
    letter-spacing: 0.2em;
    line-height:1.1em;
}
.bText
{
    color:#008AE6;
}
.piName {
    font-size: 1.3em;
    margin-bottom: 0.1em;
}
.piTitle
{
    font-size: 1.1em;
    color: #888888;
    margin-bottom: 0.4em;
}
.viewPiTitle
{
    text-align:right; 
    color:#fff; 
    font-size: 1.6em;
    font-family: 'Noto Sans TC',Helvetica, sans-serif;
    font-weight: 400;
    letter-spacing: 0.2em;
    line-height:1em; 
    margin-right: 1em;
}
.viewPiTitleE
{
    text-align:right; 
    color:#fff; 
    font-size: 1.6em;
    font-family: 'Noto Sans TC',Helvetica, sans-serif;
    font-weight: 400;
    letter-spacing: 0.2em;
    line-height:1em; 
    margin-right: 1em;
}
.piIcons
{
    position:relative;
    text-align:right;
    margin-right:11%;
    margin-top:-35px;
    z-index:2;
}
.piIcons a
{
    border-bottom:none;
}
.third-level-menu > li {                
    padding: 0em;
    background: #fff;
}

.image
{
    display: block;
}
figure img
{
    max-width: 100%;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.image-style-side {
    float: right;
    margin-left: var(--ck-image-style-spacing);
}

.image-style-align-left {
    float: left;
    margin-right: var(--ck-image-style-spacing);
}

.image-style-align-center {
    margin-left: auto;
    margin-right: auto;
}

.image-style-align-right {
    float: right;
    margin-left: var(--ck-image-style-spacing);
}

.posts {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
}
.posts > .post2 {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #008AE6; 
    position:relative;
}
.posts > .post2:after{    
    content : "";
    position: absolute;
    right    : 0;
    z-index: 100;
    bottom  : 0;
    width  : 1px;
    height   : 34px;  /* or 100px */
    background: #008AE6;
}

.posts > .post2 > .content{
    padding-bottom:2em;
}
.postDate
{
    position: absolute;
    bottom  : 0;
    right:1em;
    color:#008AE6;
    width:95%;
    overflow:auto;

}
.headText{
    vertical-align: top;
    font-size: 1.8rem;
}
.headTextEn{
    vertical-align: top;
    font-size: 1.8rem;
}
.headTextPhone
{
    display:none;
}
.headTextPhoneEn
{
    display:none;
}
#header.alt {
    overflow:visible;   
}
.piMenuSec
{
    line-height: 1em;
}
.piMenuSec a
{
    display:inline !important;
    line-height: 1.5em;
}
#pi_list
{
    font-size:0.9em;
    padding-left:2em;
}
.pi_shortcut
{
    display:inline-block;
}
.pi_list_title
{
    font-weight:bold;
}

#pi_list a:hover
{
    color:red;
}
.subPI:hover
{
    color:red;
}

@media screen and (max-width: 1700px) {
    .tongues_1
    {
        /* margin-top:-79px; */
    }
    .tongues_2
    {
        /* margin-top:30px; */
    }
    .sectionTitle
    {
        padding: 3.5em 0 1.5em 0 !important;
    }
    .sectionTitleBlue
    {
        padding: 3.5em 0 1.5em 0 !important;
    }
    #piPhoto
    {
        margin-top:-188px;
    }
}
@media screen and (max-width: 1450px) {
    #piPhoto
    {
        margin-top:-128px;
    }
    .viewPiTitle
    {
        font-size:1.4em;
    }
    .viewPiTitleE
    {
        font-size:1.4em;
    }
    .fIntro
    {    
        font-size:1.2em;
        margin-top:1.5em;
        margin-bottom:1em;
        margin-left:10%;
        margin-right:10%;
    }
    .fIcon h2
    {
        padding-bottom:0;
        margin-bottom:0;
    }
    .moreD {
        margin-top: -68px;
    }

    .tongues_1
    {
        margin-top: calc(-1*100vw*0.025);
        /*margin-top:-67px; */
    }
    .tongues_2
    {
        /* margin-top:38px; */
    }
    #header nav {
        font-size: 16px;
        right: 1em;
    }
    .dropotron {
        font-size: 16px;
    }
    .sectionTitle
    {
        /* padding: 2.5em 0 1.5em 0 !important; */
        padding: 2em 0 1.5em 0 !important;
    }
    .sectionTitleBlue
    {
        /* padding: 2.5em 0 1.5em 0 !important; */
        padding: 2em 0 1.5em 0 !important;
    }
    .pTitleE{
        font-size:1.4em;
    }
    .section0
    {
        padding: 2em 0 4em 0 !important;
    }
    .fm1
    {
        margin-left: 10%;
    }

    .sectionTitle {
        height: calc(100vw/1280*330);
    }
}

@media screen and (max-width: 1280px) {
    .curve {
        margin-top: -4.2em;
    }
    .more2D {
        margin-top: 14px;
    }
    .more3D {
        margin-top: -16px;
    }
    .curveF {
        margin-top: -3.2em;
    }
    #header nav > ul > li {
        margin-left: 1em;
    }
    #header nav {
        font-size: 16px;
        right: 1em;
    }
    .fIntro {
        font-size: 1.1em;
        margin-top: 0em;
        margin-bottom: 1em;
        margin-left: 5%;
        margin-right: 5%;
    }
    .section0
    {
        padding: 2em 0 2em 0 !important;
    }
    .fIcon .desc
    {
        font-size:16px;
        line-height: 24px;
    }
    .dropotron {
        font-size: 16px;
    }

    .fm1
    {
        width:62px;
        height:27px;
        margin-left: 1%;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }
    .fm2
    {
        width:117px;
        height:63px;
        float:right;
        margin-top: -50px;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }
    .noticeSec
    {
        top:20%;
    }
    .tongues_1
    {
        margin-top: calc(-1*100vw*0.015);
        /*margin-top:-67px; */
    }

    .headTextEn{
        font-size: 1rem;
    }
}

@media screen and (max-width: 1080px) {
    .fIcon .desc
    {
        font-size:12px;
        line-height: 18px;
    }
    #piPhoto
    {
        margin-top:-80px;
    }
    .sectionTitle {
        height: calc(100vw/1280*340);
    }
    .viewPiTitle {
        font-size: 1.1em;
        margin-top: -30px;
    }
    .viewPiTitleE {
        font-size: 1.1em;
        margin-top: -30px;
    }
    .dropotron {
        font-size: 16px;
    }
    .fm1
    {
        width:46.5px;
        height:20px;
        margin-left: 1%;
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }
    .fm2
    {
        width:117px;
        height:63px;
        float:right;
        margin-top: -50px;
        background-image: url("../../img/molecule2.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .noticeSec
    {
        top:20%;
    }

    .tongues_1
    {
        margin-top: calc(-1*100vw*0.015);
        /*margin-top:-67px; */
    }
}
@media screen and (max-width: 980px) {
    .rowH160
    {
        height:auto;
    }
    .rowH200
    {
        height:auto;
    }
    .rowH240
    {
        height:auto;
    }
    .sectionTitle
    {
        background-color:#fff;
        background-image:none;
        font-size:2em;
    }    
    .sectionTitle:after
    {
        background-image:none;
    }
    .sectionTitleBlue
    {
        background-color:#fff;
        background-image:none;
        font-size:2em;
        height:auto;
    }    
    .sectionTitleBlue:after
    {
        background-image:none;
    }
    .pTitle
    {
        color:#000;
        font-size: 1em;
    }
    .pTitleE
    {
        color:#000;
        font-size: 30px!important;
    }


    #banner1 > article .inner {
        margin-top: 45vh;
    }
    .fIntro
    {    
        margin-left:5%;
        margin-right:5%;
        font-size:1.1em;
        margin-top:-1.5em;
        margin-bottom:0.5em;
        line-height: 1.8em;
    }
    .fIcon h2
    {
        padding-bottom:0;
        margin-bottom: 0.3em;
    }
    .fIcon img
    {
        width: 25%;
    }
    .fIcon .desc
    {
        margin-left:7%;
        margin-right:7%;
        font-weight:100;
        font-size:0.9em;
    }
    .curve
    {
        margin-top: -4.6em;
    }
    .moreD
    {
        left: 41%; 
    }
    .more2D
    {
        left: 41%; 
        margin-top:1em; 
    }
    .more3D
    {
        left: 41%; 
        margin-top:-1em; 
    }
    .curveF
    {
        margin-top: -3.5em;
        margin-bottom: 2em;
    }
    #footer .copyright
    {
        font-size:14px;
    }
    .fm1
    {
        width:47px;
        height:20px;
        margin-left: 0;
        margin-top: -47px;
        margin-left: 7%;
        background-image: url("../../img/molecule1.png");
        background-size:100% 100%;
    }
    .fm2
    {
        width:117px;
        height:63px;
        float:right;
        margin-top: -47px;
        background-image: url("../../img/molecule2.png");
        background-size:100% 100%;
    }

    #inspectorTitle
    {
        font-size:1em; 

    }
    #inspectorDesc
    {
        font-size: 0.6em; 
    }
    #inspector ul li {
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        list-style: none;
        cursor: pointer;
        color: #fff;
        display: inline-block;
        border-right: solid 1px;
        padding-right: 0.2em;
        padding-left: 0.2em;
        font-size: 0.8em; 
    }
    #header.alt .navPanelToggle {
        display: none;
    }
    #header .navPanelToggle {
        display: block;
    }
    .noticeSec
    {
        display:none;
    }
    .noticeSec2
    {
        display:block;
    }
    #social2
    {
        display:block;
        text-align:center;
        margin-top:1em;
    }
    #social
    {
        display:none;
    }
    #socialI
    {
        display:none;
    }
}

@media screen and (max-width: 830px) {
    .posts .post2 {
        width: 100%;
    }
    .section0:after
    {
        background-image: none;
    }
    .sectionTitle {
        height:auto;   
    }
    #piPhoto
    {
        margin-top:20px;
        width:80%;
        margin-left:10%;
        position: static;
    }
    .viewPiTitle {
        color:#000;
    }
    .viewPiTitleE {
        color:#000;
    }
    .piIcons
    {
        position:relative;
        text-align:center;
        margin-right:0;
        margin-top:0px;
        z-index:1;
    }
    .sectionTitle {
        padding: 2.5em 0 0 0 !important;
    }
    .pi_lDiv
    {
        display:none;
    }
    .pis_lDiv
    {
        display:none;
    }
    .fIntro
    {
        display:none; 
    }
    .fIcon .desc
    {
        display:none; 
    }
}
@media screen and (max-width: 736px) {
    #bodyI
    {
        padding-top:3.5em;
    }
    #banner0
    {
        display:none;
    }
    #banner1
    {
        display:none;
    }
    #banner2
    {
        display:none;
    }
    #banner3
    {
        display:none;
    }
    .tongues_1
    {
        display:none;
    }
    .tongues_1 img
    {
        display:none;
    }
    .moreD
    {
        display:none;
    }
    .curve
    {
        display:none;
    }
    .section0
    {
        margin-top:75px;
        height:auto;
    }
    #header.alt {
        width:100%;   
    }
    #header
    {
        height:auto;
    }
    #header.alt .navPanelToggle {
        display: block;
    }
    #header.alt a {
        color: #000;
    }
    .section0:after {
        background-image:none;   
    }

    .major-pad h2
    {
        left:0; 
        text-align:center;
        margin-bottom:1em;
        padding-bottom:0;
    }
    .speakBottom1 {
        border-bottom: none;
    }
    .speakBottom2 {
        border-bottom: none;
    }
    .more2D {
        margin-top: 0.8em;
    }
    .more3D {
        margin-top: -2.9em;
    }
    .curveF
    {
        display:none;
    }
    .fIcon
    {
        flex: 0 0 auto;
        width: 33.33333333%; 
    }
    .fIcon img {
        width: 80%;
    }
    .fIcon h2 {
        font-size:1em;
    }
}

@media screen and (max-width: 420px) {

    .subPI
    {
        display:none !important;
    }
    #pi_list
    {
        font-size:0.8em;
        padding-left:0.5em;
    }
    .pi_list_title
    {
        display:block;
    }
    #one table
    {
        font-size:16px;
    }
    .viewPiTitle {
        margin-top: 0px;
        margin-right: 0px;
        text-align:center;
    }
    .viewPiTitleE {
        margin-top: 0px;
        margin-right: 0px;
        text-align:center;
    }
    .pi_rDiv {
        width: 100%;
    }
    .pis_rDiv {
        width: 100%;
    }
    .pi_rSectionDiv
    {
        padding: 0.5em;
    }
    #pi_single_title
    {
        display:block;
    }

    .researchInner
    {
        padding:1em;
        padding-bottom:1em;
    }
    .rhPosts
    {
        padding-left:0;
    }

    .rhDate
    {
        display:none;
    }
    .rhContent
    {
        width: 100%; 
        margin-left:0%;
    }
    .rhDate-sm
    {
        display:block;
        color:#008AE6;
        text-align:right;
    }
    .zeroTitle svg
    {
        display:none;
    }

    .facilityTitleD
    {
        font-size:40px;
        padding:0.5em;
    }
    .facilityTitle
    {
        background-image: none; 
        padding-left: 0px; 
    }

    .seminarTitleD
    {
        font-size:40px;
        padding:0.5em;
    }
    .seminarTitle
    {
        background-image: none; 
        padding-left: 0px; 
        font-size: 28px;
        text-align: left;
    }
    .facilityIconT
    {
        text-align:left;
    }
    .facilityIcon-sm
    {
        display:inline;
        margin-right:1em;
        height:26px;
        width:auto;
    }
    .facilityIcon
    {
        display:none;
    }

    .seminarPosts
    {
        padding-left:0;
    }
    .subTitleE
    {
        font-size:30px!important;
    }

    .posts > .post2 > .content{
        padding-bottom:0;
    }
    .postDate{
        position:static;
    }
    .headText
    {
        display:none;
    }
    .headTextEn
    {
        display:none;
    }

    .headTextPhone
    {
        display:block;
        text-align:center;
        line-height:1.5rem;
        margin-bottom:1rem;
        color:#000;

    }
    .headTextPhoneEn
    {
        display:block;
        text-align:center;
        font-size:1rem;
        line-height:1.5rem;
        margin-bottom:1rem;
        color:#000;
    }
    #header.alt div {
        display: block;
    }
    #social
    {
        display:none !important;
    }
    #socialI
    {
        display:none !important;
    }
    #header h1 {
        line-height:normal;
    }
    .sectionTitle {
        margin-top: 40px;
    }
    .sectionTitleBlue {
        margin-top: 40px;
    }
    .section0 {
        margin-top: 110px;
    }
}

@media screen and (max-width: 390px) {
    #AS_logo
    {
        display:none;
    }
}


@media screen and (max-height: 1030px) {
    /*
    #banner2
    {
    margin-top: -100vh;
}
    #banner3
    {
    margin-top: -100vh;
}
    */
    #banner1 > article .inner {
        margin-top: 40vh;
    }

}

@media screen and (max-height: 910px) {
    /*
    #banner2
    {
    margin-top: -106.8vh;
}
    #banner3
    {
    margin-top: -106.8vh;
}
    */
}

@media screen and (max-height: 770px) {
    /*
    #banner2
    {
    margin-top: -104.2vh;
}
    #banner3
    {
    margin-top: -104.2vh;
}
    */
}
@media screen and (max-height: 610px) {
    /*
    #bodyI
    {
    padding-top:3.5em;
}
    #banner0
    {
    display:none;
}
    #banner1
    {
    display:none;
}
    #banner2
    {
    display:none;
}
    #banner3
    {
    display:none;
}
    .tongues_1
    {
    display:none;
}
    .tongues_1 img
    {
    display:none;
}
    */
}