@media screen and (max-width:1270px) {
    header .sitemap {
        justify-content: center;
    }

    .itemCount1 {
        order: 6;
    }

        .itemCount1.title {
            order: 1;
            padding: 20px;
        }

    .width980 {
        width: 95%;
    }

    .slide {
        margin-top: 60px;
    }

    .ac_breadcrumb {
        margin-top: 80px;
    }

    .slide img {
        width: 100%;
    }

    h1 a.logo {
        width: 250px;
        height: 70px;
        background-size: contain;
    }

    h1 a.inside_logo {
        height: 45px;
    }

    header {
        min-height: 60px;
        width: 100%;
        background-color: #fff;
        margin: 0;
        border-bottom: #666 1px solid;
    }

        header.on {
            background-color: transparent;
            border-bottom: none;
            border-top: none;
        }

    .marqee {
        margin-top: 97px;
    }

        .marqee.hide {
            margin-top: 70px;
        }

    header.on .rainbow,
    header.on hr {
        display: none;
    }

    #mobile_menu_labIcon {
        display: block;
        right: 2.5%;
        top: 23px;
        z-index: 1000;
        position: absolute;
    }

    #menu_mobile {
        width: 100%;
        height: auto;
        margin: 0 auto;
        font-size: 1em;
        position: relative;
        display: block;
    }

    .hamburger {
        cursor: pointer;
        display: inline-block;
    }

    .hamburger2 {
        cursor: pointer;
        width: 30px;
        height: 30px;
        display: block;
    }

        .hamburger2 .line {
            width: 30px;
            height: 2px;
            background-color: #d09623;
            display: block;
            margin: 4px auto;
            -webkit-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
            border-radius: 50px;
        }

        .hamburger2:hover {
            cursor: pointer;
        }

    .hamburger .line {
        width: 30px;
        height: 2px;
        background-color: #fff;
        display: block;
        margin: 4px auto;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        border-radius: 50px;
    }

    .hamburger:hover {
        cursor: pointer;
    }

    #hamburger-1.is-active .line:nth-child(2) {
        opacity: 0;
    }

    #hamburger-1.is-active .line:nth-child(1) {
        transform: translateY(3px) rotate(45deg);
    }

    #hamburger-1.is-active .line:nth-child(3) {
        transform: translateY(-10px) rotate(-45deg);
    }

    .portfolio-filter.isotope-filter.pull-center {
        width: calc(100% - 80px);
        background: rgba(250, 250, 250, 0.9);
        backdrop-filter: blur(60px) brightness(94%);
        height: calc(100vh + 20px);
        position: fixed;
        left: calc(-100% + 80px);
        top: 0;
        z-index: 9999;
        margin-bottom: 0;
        margin-top: 0;
        transition: 0.3s;
        overflow-y: auto;
        padding: 20px;
    }

    header.eems .sitemap {
        background-color: rgba(0, 0, 0, 0.3);
        justify-content: center;
        padding: 20px 0;
    }

    .nav_menu {
        flex-direction: column;
        padding: 0;
        margin: 0;
    }

        .nav_menu li {
            border-bottom: #e6e6e6 1px solid;
            width: 100%;
        }

            .nav_menu li a {
                display: flex;
                align-items: center;
                justify-content: center;
                text-align: center;
                width: 100%;
                padding: 5px 0;
            }

        .nav_menu > li.nsdnmenu .hasChild li a {
            width: 100%;
            padding: 15px;
            margin: 0;
            justify-content: center;
            white-space: unset;
        }

            .nav_menu > li.nsdnmenu .hasChild li a br {
                display: none;
            }

    .inside1 {
        width: 95%;
    }

        .inside1 ul {
            justify-content: center;
        }

            .inside1 ul li {
                margin: 0 10px;
            }

    .inside_banner3 {
        margin-top: 70px;
    }
    /*mobile選單*/
    h1 {
        left: 10px;
        top: unset
    }

    #mobile_menu_labIcon {
        display: block;
        position: fixed;
        right: 10px;
        top: 18px;
        z-index: 1000;
    }

    #menu_mobile {
        width: 100%;
        height: auto;
        margin: 0 auto;
        font-size: 1em;
        position: relative;
        display: block;
    }

    .hamburger {
        cursor: pointer;
        display: block;
    }

    .hamburger2 {
        cursor: pointer;
        width: 30px;
        height: 30px;
        display: block;
    }

        .hamburger2 .line {
            width: 30px;
            height: 2px;
            background-color: #d09623;
            display: block;
            margin: 4px auto;
            -webkit-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
            border-radius: 50px;
        }

        .hamburger2:hover {
            cursor: pointer;
        }

    .hamburger .line {
        width: 30px;
        height: 3px;
        background-color: #666;
        display: block;
        margin: 4px auto;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        border-radius: 50px;
    }

    .hamburger:hover {
        cursor: pointer;
    }

    #hamburger-1.is-active .line:nth-child(2) {
        opacity: 0;
    }

    #hamburger-1.is-active .line:nth-child(1) {
        transform: translateY(3px) rotate(45deg);
    }

    #hamburger-1.is-active .line:nth-child(3) {
        transform: translateY(-11px) rotate(-45deg);
    }

    .btn.SearchBtn {
        position: absolute;
        right: 10px;
    }

    .portfolio-filter.isotope-filter.pull-center.on {
        left: 0;
        transition: 0.3s;
        display: inline-flex;
        align-items: center;
        flex-direction: column;
        padding: 20px;
        overflow-y: auto;
    }

    .nav_menu > li > .hasChild {
        position: relative;
        left: unset;
        top: unset;
        width: 100%;
        opacity: 1;
        display: none;
        margin: 0;
        padding: 0;
    }

    .nav_menu > li.nsdnmenu:hover > .hasChild {
        padding: 0;
    }

    .hasChild ul {
        max-width: 100%;
    }

    .nav_menu > li.nsdnmenu > .hasChild ul li {
        flex-direction: column;
    }

    .nav_menu > li.nsdnmenu .hasChild2 {
        position: relative;
        left: unset;
        top: unset;
        width: 100%;
        opacity: 1;
        display: none;
        margin: 0;
        padding: 0;
    }

    .nav_menu > li.nsdnmenu:hover li:checked > .hasChild2,
    .nav_menu > li.nsdnmenu:focus-within li:focus-within > .hasChild2 {
        width: 100%;
        position: relative;
        left: unset;
        top: unset;
        display: block;
    }

    .nav_menu li.search a span {
        display: none;
    }

    main {
        margin-top: 80px;
    }
}


/* RWD */

@media (max-width: 1000px) {
    h2.news-sidebar {
        width: 100%;
        writing-mode: unset;
        align-items: stretch;
        padding: 10px;
        font-size: 1.4rem;
        flex-direction: column;
        height: unset;
    }

    .news-sidebar::before {
        top: 5px;
        left: 5px;
    }

    .news-sidebar::after {
        bottom: 3px;
        right: 0px;
    }

    .news-sidebar2,
    .news-section {
        width: 100%;
        flex-direction: column;
    }

    .news-list,
    .news-highlight {
        width: 100%;
    }

    .news-highlight {
        border-top: none;
        padding-top: 18px;
        min-width: unset;
        max-width: 100vw;
    }

    .news-sidebar span:nth-child(2) {
        writing-mode: horizontal-tb;
        width: 100%;
        padding: 12px;
        height: unset;
    }

    .news-sidebar span:not(:nth-child(2)) {
        width: 100%;
        height: 8px;
    }

    .blue span:not(:nth-child(2)) {
        background: linear-gradient(90deg, #ffffff 0%, #ffffff 20%, #9EDDEA 50%, #ffffff 80%, #ffffff 100%);
    }

    .E38F73 span:not(:nth-child(2)) {
        background: linear-gradient(90deg, #ffffff 0%, #ffffff 10%, #EADAA6 50%, #ffffff 90%, #ffffff 100%);
    }

    .FF7C80 span:not(:nth-child(2)) {
        background: linear-gradient(90deg, #ffffff 0%, #ffffff 10%, #FED5D6 50%, #ffffff 90%, #ffffff 100%);
    }

    .F6B854 span:not(:nth-child(2)) {
        background: linear-gradient(90deg, #ffffff 0%, #ffffff 10%, #FAD7A0 50%, #ffffff 90%, #ffffff 100%);
    }

    .AC7 span:not(:nth-child(2)) {
        background: linear-gradient(90deg, #ffffff 0%, #ffffff 10%, #85CAFE 50%, #ffffff 90%, #ffffff 100%);
    }
}

@media (max-width: 600px) {
    .highlight-img {
        max-width: 100%;
    }

    .news-date,
    .highlight-date {
        font-size: 13px;
        min-width: 68px;
    }

    .news-title,
    .highlight-title {
        font-size: 14px;
    }

    .news-highlight,
    .news-highlight2 {
        align-items: center;
        justify-content: center;
        text-align: center;
    }
}

@media screen and (max-width:658px) {
    .news_b ul {
        margin-left: 0;
    }
}

@media screen and (max-width:320px) {
    h1 a.inside_logo {
        max-width: calc(100% - 40px);
    }
}