/*-en-*/
.en .main-nav > li {
    width: calc(100% / 6);
    vertical-align: top;
    position: relative;
    cursor: pointer;
    max-width: 250px;
}

.en .main-nav {
    font-size: 1.17em !important;
}

/*-page-*/
.page-side .unit-title,
.page-header .social > a,
.pagination a.current,
.sm-title,
.dl-thead,
.FileDownload > strong,
.RelatedLink > strong,
.link-card-title img {
    background: #00327f;
}

.nav-open > .current,
.side-nav li.current > a {
    color: #00327f !important;
    font-weight: bold;
}

.crumb .current {
    color: #00327f;
}

.page-list-date span:first-child {
    color: #00acca;
}

.page-btn a {
    background: #00a5c2;
}

.magnifier,
.page-tab a.active {
    background-color: #00327f;
}

.sitemap-box,
.dl-tcont.color-bg {
    background: #f5f5f5;
}

.sitemap-box ul li a:hover {
    color: #00327f;
}

/*-header-*/
.rwd-nav-switch span,
.rwd-search .btn {
    background: #1f4686;
}

.header .logo {
    background: url(../images/style28/logo.png) 0 0 no-repeat;
    width: 462px;
    height: 77px;
}

.header-content {
    padding-top: 28px;
}

.main-nav-wrap {
    background-color: #5378AF;
}

.header-top .header-language {
    background-color: #848484;
}

.header-top .header-language-list {
    background-color: #848484;
}

.header-top .fontsize .fontsize-active {
    background: #ADC7F5;
    color: #18263C;
}

.search-zone .search-btn {
    background: url(./../images/style03/search_icon.png) center center no-repeat #405F8E;
}

.sub-nav {
    background-color: #5378AF;
}

/*-活動花絮-*/
.index-activity-slider-title {
    background-color: #5378AF;
    color: white;
}

/*-index basic-*/
.index-section__heading:before {
    content: "";
    background-image: url(../images/style28/index-section-heading-line.png);
}

.index-section {
    background-color: #ffffff;
    margin: 0 0 60px 0;
}

.index-banner-wrapper {
    display: inline-block;
    margin: 0 0 40px 0;
}

/*-最新消息-*/
.layout03-news .index-section__heading {
    margin-bottom: 20px;
    color: #1D2129;
}

.index-section__heading:before,
.layout03-intro .index-section__heading:before {
    background-image: none !important;
    background-color: #6E92CB !important;
}

.index-section .btn{
    background-color: #5378AF;
}

.index-activities .bg-index-activities {
    display: none;
}

.layout03-news {
    position: relative;
    width: 100%;
    display: inline-block;
}

.layout03-news:before {
    content: "";
    width: 84%;
    height: 100%;
    background-image: url(/assets/images/style28/news-bg.png);
    background-size: contain;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
}

.index-activities .date {
    color: #333;
    font-size: 1em;
    line-height: normal;
    margin: 0 0 3px 0;
    font-weight: bold;
}

.index-activities .main-text a {
    color: #405F8E;
    height: 63px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.index-service-small {
    padding-top: 2rem;
    padding-bottom: 2rem;
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    justify-content: center;
    width: 100%;
}

.tag-color-top {
    background-color: #2F486C;
}

.tag-color-hot {
    background-color: #D5E2FE;
    color: #2F486C;
}

/*-系所簡介-*/
.layout03-intro .index-section__heading {
}

.layout03-intro-inner {
    width: 80%;
    margin: 0 auto;
    display: block;
}

.layout03-intro .index-section__heading {
    display: inline-block;
    text-align: left;
    width: 136px;
    margin: 0 60px 0 0;
    vertical-align: top;
    position: relative;
}

.layout03-intro-cont {
    width: calc(100% - 200px);
    display: inline-block;
    font-size: 1.2em;
    line-height: 30px;
    color: #333333;
}

.layout03-intro-cont:hover {
    text-decoration: underline;
}

.layout03-intro {
    background-color: #ffffff;
    margin: 25px 0 65px 0;
}

.layout03-intro .index-section__heading:before {
    content: "";
    left: 0;
    transform: none;
}

.index-related {
    padding: 0;
}

/*
-榮譽榜-
.index-honer-color1 {
    background: #00327f;
}

.index-honer-color2 {
    background: #00aac8;
}


.index-honer-color3 {
    background: #949494;
}

.index-honer-color4 {
    background: #11bfc1;
}
.index-honer-color5 {
    background: #f18c99;
}
.index-honer .btn-row {
    display: inline-block;
    width: 100%;
    text-align: center;
}
*/

/*-榮譽榜點點-*/

.index-honer-slider .slick-dotted.slick-slider {
    margin-bottom: 0;
}

.index-honer-slider .slick-dots {
    position: absolute;
    bottom: 0;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    display: none;
}

.index-honer-slider .slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 3px;
    padding: 0;
    cursor: pointer;
}

.index-honer-slider .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}

.index-honer-slider .slick-dots li button:hover,
.index-honer-slider .slick-dots li button:focus {
    outline: none;
}

.index-honer-slider .slick-dots li button:hover:before,
.index-honer-slider .slick-dots li button:focus:before {
    opacity: 1;
}

.index-honer-slider .slick-dots li button:before {
    font-size: 2.500em;
    line-height: 20px;
    position: absolute;
    top: 0;
    color: #cecece;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.index-honer-slider .slick-dots li.slick-active button:before {
    color: #00327f;
}
/* 
.index-activity-slider .slick-next {
    right: 0%;
    background: url(../images/style03/layout03-activity-arr-next-korean.png) 0 0 no-repeat !important;
}

.index-activity-slider .slick-prev {
    left: 0%;
    background: url(../images/style03/layout03-activity-arr-prev-korean.png) 0 0 no-repeat !important;
} */

.index-activities-slider .slick-prev{
    background: url(/assets/images/style28/index_slider_prev.png) 0 0 no-repeat !important;
    background-size: contain !important;
}

.index-activities-slider .slick-next{
    background: url(/assets/images/style28/index_slider_next.png) 0 0 no-repeat !important;
    background-size: contain !important;
} 

.index-related-slider .slick-prev{
    background: url(/assets/images/style28/index_slider_prev.png) 0 0 no-repeat !important;
    background-size: contain !important;
}

.index-related-slider .slick-next{
    background: url(/assets/images/style28/index_slider_next.png) 0 0 no-repeat !important;
    background-size: contain !important;
}

.index-activity-slider .slick-prev{
    display: none !important;
}

.index-activity-slider .slick-next{
    display: none !important;
}

.fat-footer {
    border-top: 10px solid #5378AF;
}

.fat-footer-open,
.fat-footer-close {
    background-color: #5378AF;
}

/*--*/
.staff-intro-title a {
    background-color: #5378AF;
}

.info-title {
    background-color: #3c67aa;
}

.page-staff-info {
    background: #f5f5f5;
}

li.info-mail a {
    color: #00a2ca;
}

.staff-pic {
    border: 1px solid #00acca;
    background: #00acca;
}

.staff-tb table th {
    background: #00acca;
    width: 16%;
}

.staff-tb table a {
    color: #00327f;
}

/*-成員-*/
.staff-list-title a {
    float: left;
    background: url(../images/staff-arr-up.svg) 0 0 no-repeat #00327f;
    color: #fff;
    padding: 6px 25px 6px 16px;
    border-radius: 5px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    margin-bottom: -3px;
    background-size: 8px 8px;
    background-position: 94% center;
    min-width: 150px;
}

a.personal-publish-title {
    background: #00acca;
}

.tec-depart-thead,
.sch-honor-thead,
.education-thead,
.occupation-thead,
.experi-thead {
    background: #1898af;
}

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

.staff-list-drop .staff-list-title a {
    background-color: #51c9de;
}

@media (max-width:1366px) {
    .index-news-box {
        top: -45px;
    }

    .header .logo {
        width: 354px;
        height: 70px;
        background-size: contain;
    }

    .header-content {
        padding-top: 20px;
    }

}

@media (max-width:1300px) {
    .footer .footer-logo img {
        max-width: 380px;
    }

    .footer .footer-logo {
        margin-bottom: 11px;
    }

}

@media (max-width:1240px) {
    .en .main-nav {
        font-size: 1.08em !important;
    }

}

@media (max-width:1024px) {
    .rwd-header .rwd-logo {
        width: 305px !important;
    }

    .footer .footer-logo img {
        max-width: 320px;
    }

}

@media (max-width: 767px) {
    .index-activity .item {
        padding-top: 45% !important;
    }
}

@media (max-width:480px) {
    .footer .footer-logo img {
        max-width: 93%;
        width: 300px;
    }

    .rwd-header .rwd-logo {
        width: 288px !important;
    }

}

@media (max-width:400px) {
    .rwd-header .rwd-logo {
        width: 260px !important;
    }

}


#accesskey-l{
    color:#000;
    display: block;
}

.index-activity .slide-item{
    width: 31.5vw;
}

.index-section.index-activity{
    padding-left:2rem;
    padding-right:2rem;
}

.index-activities .item-image{
    width: 33%;
}

.index-activities .item-content{
    width: 67%;
}

.slick-track{
    display: flex;
    gap: 2rem;
}