@media (max-width:1024px) {
    .page-side {
        display: none;
    }

    .page-inner {
        width: 90%;

    }

    .page-rightcont {
        width: 100%;
        padding: 0;
    }

    .page-wrap {
        padding-top: 90px;
    }

    .page-tab {
        float: none;
        display: flex;
        flex-wrap: wrap;
    }

    .page-tab a {
        float: none;
        margin: 0 8px 13px 8px;
    }

    .page-staff-info ul li strong {
        width: 100%;
    }

    .page-staff-info ul li p,
    .page-staff-info > ul > li .num-list {
        width: 100%;
    }

    a.page-print {
        display: none !important;
    }

    .page-header .unit-title {
        font-size: 1.45em;

        width: calc(100% - 130px);
        line-height: 33px;
    }
}

@media (max-width:768px) {

    .experi-tb,
    .education-tb,
    .sch-honor-tb,
    .occupation-tb,
    .tec-depart-tb {
        display: flex;
        border-radius: 4px;
        overflow: hidden;
        margin-bottom: 20px;
    }

    .experi-thead,
    .education-thead,
    .sch-honor-thead,
    .occupation-thead,
    .tec-depart-thead,
    .hiddenn {
        display: inline-block;
        width: 21%;
        border-radius: 0;
    }

    .experi-tcont,
    .experi-tb.color-bg .experi-tcont,
    .education-tcont,
    .education-tb.color-bg .education-tcont,
    .sch-honor-tcont,
    .sch-honor-tb.color-bg .sch-honor-tcont,
    .occupation-tcont,
    .occupation-tb.color-bg .occupation-tcont,
    .tec-depart-tcont,
    .tec-depart-tb.color-bg .tec-depart-tcont {
        width: 79%;
        background: #f5f5f5;
    }

    .tec-depart-tb:last-child {
        margin-bottom: 0;
    }

    .experi-thead ul li,
    .experi-tcont ul li,
    .education-thead ul li,
    .education-tcont ul li,
    .education-thead ul li:last-child,
    .education-tcont ul li:last-child,
    .sch-honor-thead ul li,
    .sch-honor-tcont ul li,
    .sch-honor-thead ul li:first-child,
    .sch-honor-tcont ul li:first-child,
    .occupation-thead ul li:last-child,
    .occupation-tcont ul li:last-child,
    .occupation-thead ul li,
    .occupation-tcont ul li,
    .tec-depart-thead ul li,
    .tec-depart-tcont ul li {
        width: 100%;
        text-align: left;
        line-height: 1.4;
        padding: 10px 10px;
        font-size: 1rem;
        min-height: 43px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

    .experi-thead ul li,
    .education-thead ul li,
    .occupation-thead ul li,
    .sch-honor-thead ul li,
    .sch-honor-thead ul li:first-child,
    .tec-depart-thead ul li {
        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    }

    .experi-thead ul li:last-child,
    .experi-tcont ul li:last-child,
    .education-thead ul li:last-child,
    .education-tcont ul li:last-child,
    .sch-honor-thead ul li:last-child,
    .sch-honor-tcont ul li:last-child,
    .occupation-thead ul li:last-child,
    .occupation-tcont ul li:last-child,
    .tec-depart-thead ul li:last-child,
    .tec-depart-tcont ul li:last-child {
        border-bottom: 0;
    }

    .experi-thead ul li::before,
    .education-thead ul li::before,
    .sch-honor-thead ul li::before,
    .occupation-thead ul li::before,
    .tec-depart-thead ul li::before {
        display: none;
    }

    .page-staff-info {
        margin: 0 0 32px 0;
        width: 100%;
    }

    .staff-intro-drop {
        display: block;
        margin: 0;
    }


    .academic-tcont {
        width: 100%;
        display: block;
        padding: 0;
    }

    .academic-tcont,
    .academic-tcont.color-bg {
        background: #e7f3f3;
        margin: 10px 0;
        border-radius: 8px;
        overflow: hidden;
    }

    .academic-thead {
        display: none;
    }

    .academic-tcont .rwd-thead {
        display: inline-block;
        vertical-align: top;
        width: 110px;
        flex: 0 0 110px;
        margin-right: 15px;
        border-right: 1px solid #ccc;
    }

    .academic-tcont > div {
        width: 100% !important;
        padding: 15px;
        text-align: left !important;
        border-bottom: 1px solid #ccc;
        display: -ms-flexbox;
        display: flex;
    }

    .academic-tcont > div:last-child {
        width: 100% !important;
        border-bottom: 0;
    }

    .academic-tcont > div:last-child .rwd-thead {
        border-right: 0;
    }

    .academic-tcont > div:last-child p {
        width: 100%;
        display: block;
        padding-top: 5px;
    }

    .academic-table .academic-tcont > div:last-child {
        width: 100%;
    }

    .academic-table .academic-tcont > div:last-child,
    .research-table .academic-tcont > div:last-child,
    .awards-table .academic-tcont > div:last-child,
    .thesis-table .academic-tcont > div:last-child {
        width: 100% !important;
        text-align: left !important;
    }

    .academic-table .academic-tcont > div:last-child .rwd-thead,
    .research-table .academic-tcont > div:last-child .rwd-thead,
    .awards-table .academic-tcont > div:last-child .rwd-thead,
    .thesis-table .academic-tcont > div:last-child .rwd-thead {
        border-right: 1px solid #ccc;
    }

    .page-header .unit-title {
        width: calc(100% - 0px);
    }

    .page-header .social {
        top: -43px;
    }

}

@media (max-width:640px) {
    .page-tab a {
        width: calc(100% / 3 - 16px);
        flex: 0 0 0;
        font-size: 1rem;
        line-height: 1.3;
        background-position: 11px 9px;
    }

    ul.publication-list li {
        display: inline-block;
        width: 47.5%;
    }

    .rwd-pagination {
        display: inline-block;
    }

    .pagination span {
        display: none;
    }

    .publication-left {
        float: none;
        width: 55%;
        margin: 30px auto;
        min-width: 190px;
    }

    .publication-right {
        float: none;
        width: 100%;
    }

    .publication-cont .intro,
    .publication-cont .chapter {
        margin: 25px 0;
    }
}


@media (max-width:620px) {
    .FloatCenterImg {
        width: 100%;
    }

    .list-search-cont input[type=text] {
        margin-top: 4px;
        width: 50%;
    }

    .list-search-cont input[type=text]:first-child {
        margin-top: 0;
    }

}

@media (max-width:480px) {
    .page-kv {
        min-height: 75px;
        display: none;
    }

    .page-header .unit-title {
        font-size: 1.25em;
        width: calc(100% - 0px);
        line-height: 33px;
    }

    .page-header .social {
        top: -32px;
    }

    .page-header .social > a {

        width: 32px;
        height: 32px;

    }

    .page-share-drop {
        width: 32px;
        position: absolute;
        right: 0;
        top: 40px;
        display: none;
    }

    .page {

        padding: 25px 0 70px 0;
    }

    .page-wrap {
        padding-top: 70px;
    }

    .page-kv .page-title {
        font-size: 1.6rem;
    }

    .page-tab a {
        width: calc(100% / 2 - 16px);
    }

    .filename-cont,
    .filesort-cont {
        padding: 10px 2%;
    }

    .filesort-cont a {
        width: 26px !important;
    }

    .page-tab a,
    .dl-thead,
    .page-btn a {
        min-width: 44%;
        font-size: 0.9rem;
    }

    .pagination,
    .filename-cont p {
        font-size: 0.9rem;
    }

    section.staff-intro {
        margin: 0 auto 16px auto;
        display: block;
        width: 96%;
    }

    .page-staff-info {
        margin: 0 0 32px 0;
        flex: 0 1 100%;
    }

    .page-staff-info ul li p,
    .page-staff-info > ul > li .num-list {
        margin: 0;
        width: 100%;
        display: block;
    }

    ul.list-search li > label,
    .list-search-cont {
        width: 100%;
    }

    .list-search-cont select,
    .keyword .list-search-cont input[type=text] {
        width: 100%;
    }

    ul.list-search li > label {
        padding: 10px 12px;
        width: 110px;
    }

    .sitemap-box {
        width: 100%;
        flex: 0 0 100%;
        margin: 0 0 18px 0;
    }

    .accessibility {
        padding: 15px 25px;
        border-radius: 10px;
        margin-bottom: 22px;
        font-size: 1rem;
    }

    .page-pic-large {
        width: 80%;
    }

    .link-card a {
        display: block;
        width: 100%;
        max-height: initial;
        margin: 0 auto 17px auto;
        padding: 10px 20px;
    }

    .link-card-title img {

        width: 31px;
        height: 31px;

        padding: 8px;
    }

    .link-card-title strong {
        vertical-align: middle;
        display: -webkit-inline-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        margin: 0 0 0 5px;
        height: 27px;
        width: calc(100% - 40px);
        font-size: 1.05em;
        line-height: normal;
    }

    .link-card a p {
        display: initial;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        margin: 0;
        height: auto;
        font-size: 0.95rem;
        line-height: 23px;
    }

    .staff-tb table th {
        width: 30%;
    }

    ul.publication-list li {
        display: inline-block;
        width: 97.5%;
    }

    .page-slider-wrap {
        width: 100%;
    }

    .FloatCenterImg,
    .FloatRightImg,
    .FloatLeftImg {
        float: left;
        margin: 8px 0 15px 0;
        width: 100%;
        max-width: none;
    }

    .publication-cont .chapter ul li {
        padding: 20px 45px 20px 10px;
        position: relative;
        border-bottom: 1px solid #ccc;
        line-height: 1.4;
    }

    .publication-cont .chapter ul li i {
        right: -30px;
    }

    .page-list-thumb {
        float: none;
        width: 180px;
        height: auto;

        margin: 0 auto;
    }

    .page-list-info {
        float: none;
        width: 100%;
        margin-top: 20px;
        margin-left: 0;
    }

}

@media (max-width: 405px) {
    .page-btn a {
        min-width: 38%;
        font-size: 0.9rem;
    }
}