.header {
    border-top: 4px solid #884f16;
}


.header .logo {
    width: 516px;
    background: url(../images/style11/logo.png) 0 0 no-repeat;
    height: 98px;
    background-size: contain;
    background-position: left center;
    margin: 0;
}

.header-social .header-social-btn {
    background: url(../images/style011/header-top-icon-social.png) center center no-repeat;
}

.header-search {
    background: url(../images/style11/header-sear.svg) center center no-repeat;
    background-color: #555555;
    background-size: 19px;
    border-radius: 0 5px 5px 0;
    float: right;
    color: #fff !important;
}

/*---nav-----*/
.main-nav-wrap {
    background-color: #884f16;
}

.main-nav li > a {
    color: #ffffff;
}

.main-nav .arrow {
    background: url(../../assets/images/style11/main-nav-arrow.svg);
}

.sub-nav > li > a {
    color: #fff;
    background: #98591a;
}

.sub-nav > li > a:hover {
    color: #000;
}

.main-nav > li > a:hover {
    color: #fff;
}

/*---nav end-----*/
.search-zone .close-search {
    background: url(../images/style11/close_search.svg) center center no-repeat #d8d8d8;
    background-size: 20px !important;
}

/*---news---*/
.tag-color {
    background: #884f16;
}

.index-nesw-date span.year {
    color: #fff;
}

.index-news-details {
    background: #ffffff;
    box-shadow: 1px 3px 10px 1px #00000008;
}

.news-list .news-top .tag-color-top a {
    background: #f2a03d;
}

.news-list .news-top .depart span {
    color: #DE330D;
}

.news-title p {
    color: #333;
}

/*---news end---*/
.index-banner-wrapper:after {
}

.index-section {
    background: #f5f1ed;
}

/*---index-title----*/
.index-section__heading:before {
    background: url(../../assets/images/style11/index-title-background.png) no-repeat;
}

/*----index-title-end---*/

/*---活動花絮-----*/

.index-album {
    border-bottom: 6px solid #ff9f3b;
}

.index-activity .item .date-of-album {
    color: #f3821e;
}

.index-activity .item .main-text {
    color: #333;
}

.index-album-slider .slick-dots li.slick-active button:before {
    color: #ff9f3b;
}

.more-btn a {
    background: #1F6593;
}

/*---活動花絮end---*/
.fat-footer {
    border-top: 6px solid #884f16;
    background: #fff;
    font-weight: bold;
    position: relative;
    background-color: #f7f6f5;
}

.fat-footer-open {
    background: url(../images/style11/fat_footer_open-2.png) 0 0 no-repeat;
}

.fat-footer-close {
    background: url(../images/style11/fat_footer_close-2.png) 0 0 no-repeat;
    display: none;
}

.rwd-nav-switch span {
    background: #884f16;
}

/*page*/
.page-side .unit-title {
    background: #884f16;
}

.pagination a.current {
    color: #fff;
    background: #884f16;
}

.page-btn a {
    background: #21608c;
}

.page-header .social > a {
    background: #4892c5;
}

.FileDownload > strong,
.RelatedLink > strong {
    background: #884f16;
}

.crumb .current {
    color: #884f16;
}

.page-tab a.active {
    background-color: #fe8100;
}

.info-title {
    background-size: 28px !important;
    background: url(../images/staff_title_bg.png) 0 0 no-repeat #fe8100;
}

.staff-intro-title a {
    background: url(../images/staff-arr-up.svg) 0 0 no-repeat #ff9f3b;
    background-size: 8px 8px;
    background-position: 88% center;
}

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

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

.nav-open > .current,
.side-nav li.current > a {
    color: #884f16 !important;
}

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

.staff-tb table th {
    background: #fc8101;
}

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

.page-list-date span:first-child {
    color: #884f16;
}

.sm-title {
    background: #ff9f3b;
}

.sitemap-box {
    background: #fffbf1;
}

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

.dl-thead {
    background: #ff9f3b;
}

.dl-tcont.color-bg {
    background: #f9f9f9;
}

.staff-list-title a {
    background-color: #fc8101;
}

a.personal-publish-title {
    background: #4892c5;
}

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

.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: #ffb160;
}

/*page end*/
@media (max-width:1200px) {
    .index-section-inner {
        width: 80%;
    }

}


.page-list-info p {
    color: #333 !important;
}

.index-news-slider .slick-prev {
    background: url(../images/style11/index-news-arr-prev.png) 0 0 no-repeat !important;
}

.index-news-slider .slick-next {
    background: url(../images/style11/index-news-arr-next.png) 0 0 no-repeat !important;
}


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

@media (max-width:1020px) {
    .rwd-header{
        padding: 0 clamp(1rem, 0.543rem + 2.286vi, 2rem) ;
    }
}

.rwd-header .rwd-logo {
    margin: auto 0px;
    height: 100%;
    padding: 0.75rem 0rem;
    flex-grow: 1;
}

.rwd-header .rwd-logo .logo {
    height: 100%;
}

.rwd-header .rwd-logo .logo img {
    height: 100%;
    width: auto !important;
    max-width: 100%;
    background-size: contain;
    background-position: left center;
    aspect-ratio: 563 / 88;
    position: relative;
    top: 50%;
    left: 0;
    transform: translate(0%, -50%);
}

@media (max-width:580px) {
    .rwd-header .rwd-logo .logo img{
        height: auto;
    }
}

.rwd-header{
    display: inline-flex !important;
    gap: 0.5rem;
}

.rwd-nav-switch {
    height: fit-content;
    margin: auto 0px !important;
}