body {
        font-size: 16px;
    }

    img {
        height: auto;
        max-width: 100%;
    }

    .entry-header.entry-hero img {
        height: auto;
        max-width: 60%;
        aspect-ratio: auto;
        object-fit: cover;
    }

    .post-thumbnail img {
        height: auto;
        max-width: 100%;
        aspect-ratio: 16 / 9;
        object-fit: cover;
    }

    h2,
    h3 {
        margin-bottom: 10px;
    }

    h2 {
        font-size: 30px;
    }

    h3 {
        font-size: 26px;
    }

    #wpfront-scroll-top-container img {
        max-width: 100%;
    }

    div#content {
        background-color: #F5F5F5;
    }

    .site header.site-header {
        background-color: #F5F5F5;
        border-bottom: none;
        padding: 30px 0 15px;
    }

    @media screen and (min-width:960px) {
        .site header .search-navigation {
            border-top: none;
            padding-bottom: 15px;
            background-color: #EEEDEA;
        }

        .site header .main-navigation .nav-menu>li+li {
            border-left: 1px solid #cccac4;
        }

        .site header .main-navigation .menu-item-has-children>a:after {
            color: #daa400;
        }

        .site header .main-navigation>div:before {
            background: #EEEDEA;
        }

        .main-navigation .current_page_item>a,
        .main-navigation .current-menu-item>a,
        .main-navigation .current_page_ancestor>a {
            color: #8c6900;
        }

    }

    header .site-branding .site-title {
        font-size: 1px;
        width: 100%;
        max-width: 400px;
    }

    header .site-branding .site-title a {
        position: relative;
        color: #F5F5F5;
        display: block;
        width: 100%;
        max-width: 400px;
        height: auto;
    }

    header .site-branding .site-title a::after {
        content: '';
        background-image: url(https://infozone.tw/wp-content/uploads/2025/05/0507-wp-logo2.png);
        background-size: 100%;
        display: block;
        width: 100%;
        padding-bottom: 20%;
        max-width: 400px;
        background-repeat: no-repeat;
        position: relative;
        top: -6px;
    }

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

        .wpnbha.image-alignleft .post-has-image,
        .wpnbha.image-alignright .post-has-image {
            flex-direction: column;
        }
    }

    @media screen and (max-width:767px) {
        header .site-branding .site-title {
            font-size: 49px;
            line-height: 0;
        }

        header .site-branding .site-title a {
            max-width: 300px;
            height: 152px;
            margin: 0 auto;
        }

        header .site-branding .site-title a::after {
            top: 10px;
        }
    }

    @media screen and (max-width:480px) {
        header .site-branding .site-title a {
            max-width: 250px;
            height: 120px;
            margin: 0 auto;
        }

        header .site-branding .site-title a::after {
            top: -10px;
        }
    }

    .search-navigation-inner .main-navigation>div>ul {
        background: #EEEDEA;
    }

    /*img-txt*/
    .featured-content {
        border-bottom: 1px solid #ddd;
        padding: 30px 0 0;
        background-color: #F5F5F5;
    }

    .site-main .type-post .entry-header {
        border-bottom: none;
    }

    .site-main .type-post .entry-header h1.entry-title {
        border-left: none;
        padding-left: 0;
    }

    .site-main .type-post .entry-header h1.entry-title a {
        color: #c39500;
        border-bottom: 1px #c3ba9d solid;
        width: 100%;
        display: block;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .site-main .type-post p a {
        color: #a90505;
    }


    @media screen and (min-width:600px) {

        body:not(.single) .content-area .format-gallery.has-post-thumbnail,
        body:not(.single) .content-area .format-image.has-post-thumbnail {
            background-color: #000;
        }

        .site-content-inner .site-main,
        .site-content-inner .widget-area {
            padding-top: 30px;
        }

    }


    .widget-area .widget {
        background-color: #eeedea;
        padding: 10px 15px;
    }

    .widget_block>div,
    .widget_categories .widget-title {
        border-bottom: 1px #e0d5b5 solid;
        padding-bottom: 10px;
        padding-top: 5px;
        color: #2f2f2f;
        text-align: center;
        position: relative;
    }

    .widget_block>div::after,
    .widget_categories .widget-title::after {
        content: '';
        width: 30px;
        height: 4px;
        position: absolute;
        bottom: -2px;
        left: 50%;
        transform: translate(-50%, 0);
        display: block;
        background-color: #dcc687;
        z-index: 1;
    }

    .widget_categories ul li a,
    .widget_block ul li a {
        color: #8c6900;
    }

    .widget_categories ul li a:hover,
    .widget_block ul li a:hover {
        color: #000;
    }

    .widget_archive li,
    .widget_categories li,
    .widget_links li,
    .widget_meta li,
    .widget_nav_menu li,
    .widget_pages li,
    .widget_recent_comments li,
    .widget_recent_entries li,
    .widget_rss li {
        border-top: 1px #e0d4af dashed;
    }

    .wp-block-latest-posts__list li:first-child,
    .widget_categories>ul>li.cat-item:first-child {
        border-top: none;
    }

    .archive .hentry:first-of-type,
    .blog .hentry:first-of-type,
    .search .hentry:first-of-type {
        margin-top: 0;
    }

    .page-header {
        border-bottom: 1px solid #e0d5b5;
        color: #837956;
    }

    .page-header h1.page-title {
        margin-bottom: 0;
    }


    .archive .hentry:first-of-type,
    .blog .hentry:first-of-type,
    .search .hentry:first-of-type {
        margin-top: 0;
    }

    .widget-area .widget h2 {
        padding-top: 10px;
        padding-bottom: 15px;
        margin-bottom: 20px;
    }

    .widget_categories {
        margin-top: 60px;
        margin-bottom: 60px;
    }

    /*img-w*/

    @media screen and (min-width:768px) {
        .content-area .format-standard a.post-thumbnail img {
            position: inherit;
            top: auto;
            -webkit-transform: none;
            transform: none;
            left: 50%;
            transform: translate(-50%, 0);
        }

        .content-area .format-standard a.post-thumbnail {
            width: 166px;
        }
    }


    @media screen and (min-width:840px) {
        .content-area .format-standard a.post-thumbnail {
            width: 190px;
        }
    }


    @media screen and (min-width:960px) {
        .content-area .format-standard a.post-thumbnail {
            width: 136px;
        }

        .site-content-inner .widget-area {
            border-left: none;
            padding-left: 0;
            padding-top: 30px;
        }

        .site-content-inner .site-main {
            border-right: none;
        }

        footer.entry-footer::-ms-ticks-after {
            content: none !important;
        }
    }


    @media screen and (min-width:1080px) {
        .content-area .format-standard a.post-thumbnail {
            width: 165px;
        }

        .site-content-inner .content-area .format-standard.has-post-thumbnail .entry-header {
            width: 418px;
        }
    }

    @media screen and (min-width:1380px) {
        .content-area .format-standard a.post-thumbnail {
            width: 240px;
        }

        .site-content-inner .content-area .format-standard.has-post-thumbnail .entry-header {
            width: 570px;
        }


        footer.entry-footer::after {
            content: none !important;
        }
    }

    .entry-footer,
    .footer-widget-inner .widget {
        width: 100%;
        display: flex;
        justify-content: flex-end;
    }

    div#jp-relatedposts,
    .comments-area,
    .single .entry-content {
        float: none;
        width: 100%;
    }

    .single-post .type-post {
        display: flex;
        flex-direction: column;
    }

    .type-post {
        background-color: #eeedea;
        padding: 15px;
        line-height: 185%;
        padding-top: 10px !important;
    }

    .featured-content .featured-content-inner .type-post {
        padding: 0;
    }

    footer {
        position: relative;
    }

    footer::after {
        content: '©前瞻產業策略 All Rights Reserved.' !important;
        font-size: 16px;
        color: #fff;
        text-align: center;
        width: 100%;
    }


    footer .site-info {
        display: none;
    }

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

        .footer-navigation {
            display: none;
        }
    }

    .content-area .entry-footer::after {
        content: none !important;
    }

    .content-area .entry-header {
        border-bottom: 1px #e0d5b5 solid;
    }

    .content-area .entry-header .entry-title {
        border-left: 5px #dcc687 solid;
        line-height: 45px;
        margin-bottom: 15px;
        padding-left: 10px;
    }

    .wp-block-button__link:not(.has-background) {
        background: #d1c9b2;
        border-color: #d1c9b2;
        padding: 10px 30px;
    }

    .entry-content .wpnbha.is-style-borders article:last-of-type:not(:first-of-type) {
        padding: 15px;
    }

    .wpcf7-form.init label {
        margin-bottom: -20px;
        padding-left: 15px;
        display: block;
        position: relative;
    }

    .wpcf7-form.init label::before {
        content: '';
        position: absolute;
        top: 50%;
        left: 0;
        transform: translate(0, -50%);
        width: 8px;
        height: 8px;
        background-color: #b39c5b;
        display: block;
    }


    button,
    input[type="button"],
    input[type="reset"],
    input[type="submit"] {
        background: #b39c5b;
        border: 2px solid #b39c5b;
    }

    button:active,
    input[type="button"]:active,
    input[type="reset"]:active,
    input[type="submit"]:active,
    button:focus,
    input[type="button"]:focus,
    input[type="reset"]:focus,
    input[type="submit"]:focus,
    button:hover,
    input[type="button"]:hover,
    input[type="reset"]:hover,
    input[type="submit"]:hover {
        color: #b39c5b;
    }

    .wp-block-coblocks-map iframe {
        border: 3px #B39C5B solid;
        padding: 5px;
    }

    .entry-footer .byline:after {
        content: "/";
        margin: 0 0.25rem;
    }

    .wp-block-code code {
        background-color: #f9f9f9 !important;
        color: #333 !important;
        display: block;
        padding: 22px 24px !important;
        font-weight: bold;
        border: 1px solid #eee !important;
        border-radius: 5px !important;
        box-shadow: 3px 3px 6px -3px rgba(0, 0, 0, 0.3);
        margin: 5px 5px !important;

    }



    /* 整個導航區塊 */
nav.post-navigation {
  margin: 30px 0;
}

/* 上下篇連結容器 */
.nav-links {
  display: flex;
  flex-direction: row;
  gap: 16px;
}

/* 「前」「下一個」小標籤 */
.meta-nav {
  font-size: 13px;
  color: #999;
  display: block;
  margin-bottom: 4px;
}

/* 文章標題連結 */
.post-title {
  font-size: 18px !important;
  color: #333;
  font-weight: bold;
}

.nav-previous a,
.nav-next a {
  text-decoration: none;
  padding: 20px;
}

.nav-previous a:hover .post-title,
.nav-next a:hover .post-title {
  color: #0073aa;
}