#iframe_header {
    width: 100%;
    max-width: 2560px;
    height: 211px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    right: 0;
    margin: auto;
}

.container_ejy {
    width: 100%;
    background: url(../imgs/tzh2605ejy_bg.jpg) top center no-repeat;
    background-size: 100% 100%;
    position: relative;
    padding-top: 118px;
    height: 1930px;
}

.container_ejy .container_con {
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.video-box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    width: 2560px;
    /* height: 100%; */
    overflow: hidden;
}

.video-box video {
    width: 100%;
    height: 100%;
    pointer-events: none;
}

/* 走进中华 */
.gozh_filter_bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: url(../imgs/tzh2605zjzh_navbg.png) no-repeat;
    padding: 1.35rem 1.3125rem;
    margin-bottom: 3.4rem;
    flex-wrap: wrap;
    gap: 1rem;
    height: 94px;
}

.gozh_filter_left {
    color: #fff;
    font-family: 思源宋体;
    font-size: 22px;
}

.gozh_filter_left span {
    height: 100%;
    display: block;
    float: left;
    line-height: 51px;
    font-weight: 550;
}

.gozh_cate_select {
    padding: 0.657rem 2.875rem;
    border: 1px solid #c9cbcd;
    color: #4d4f53;
    font-size: 18px;
    font-family: 思源宋体;
}



.gozhsearch_box {
    position: relative;
}

.gozhsearch_box .gozhsearch_btn {
    position: absolute;
    left: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
}

.gozhsearch_box input {
    border: 1px solid #c9cbcd;
    width: 376px;
    max-width: 100%;
    height: 48px;
    text-indent: 51px;
    color: #4d4f53;
    font-size: 18px;
    font-family: 思源宋体;
}




.gozh_search_wrap input {
    padding: 0.4rem 0.8rem;
    width: 220px;
    border: none;
    outline: none;
}

/* 文章列表 */
.gozh_article_list {
    display: flex;
    /* 缺了display:flex */
    flex-direction: column;
    gap: 3.4rem;
    max-height: 1398px;
    overflow: hidden;
}

.gozh_list_item {
    background: #fff;
    border: 1px solid #dbdbdb;
    padding: 1.7rem 2.5rem;
    height: 234px;
    cursor: pointer;
}

.gozh_list_itema {
    display: flex;
    gap: 2.6rem;
    height: 100%;
    /* 撐滿父高度 */
    align-items: center;
    /* 垂直居中 */
}


.gozh_list_item:hover {
    border: 1px solid #b2b2b2;
}

.gozh_item_imgbox {
    width: 319px;
    flex-shrink: 0;
    position: relative;
    height: 178px;
}

.gozh_item_img .gozh_item_img {
    width: 100%;
    height: auto;
    display: block;
}

.gozh_item_imgbox span {
    font-size: 22px;
    font-family: 思源宋体;
    color: #fff;
    text-align: center;
    position: absolute;
    bottom: 13px;
    left: 0;
    right: 0;
    margin: auto;
}

.gozh_item_tag {
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.65);
    color: #fff;
    display: block;
    width: 100%;
    text-align: center;
    padding: 4px 0;
    font-family: 思源宋体;
}

.gozh_item_text {
    flex: 1;
    position: relative;
    padding-bottom: 28px;
}

.gozh_item_tit {
    font-size: 28px;
    font-family: 思源宋体;
    margin-bottom: 24px;
    color: #131516;
    font-weight: 550;
    margin-top: 35px;
}

.gozh_item_desc {
    font-size: 18px;
    color: #1e1010;
    line-height: 1.6;
}

.gozh_item_date {
    position: absolute;
    right: 0;
    bottom: 0;
    color: #777;
    font-size: 18px;
}

/* 分頁 */
.gozh_page_box {
    display: flex;
    justify-content: center;
    gap: 0.5rem;
    margin-top: 2.9rem;
}

.gozh_page_num {
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background: #1d1a1d;
    color: #fff;
    font-family: 思源宋体;
}

.gozh_page_num.active {
    background: #c3171c;
}

.gozh_page_num:hover {
    background: #c3171c;
}

/*========= 平板 769~992px =========*/
@media (min-width:769px) and (max-width:992px) {
    .gozh_filter_bar {
        height: auto;
        padding: 1rem;
    }

    .gozh_filter_left {
        font-size: 19px;
    }

    .gozh_item_imgbox {
        width: 260px;
        height: auto;
    }

    .gozh_item_tit {
        font-size: 24px;
        margin-bottom: 16px;
        margin-top: 0;
    }

    .gozh_item_desc {
        font-size: 16px;
    }

    .gozh_list_item {
        height: auto;
        padding: 1.4rem 1.8rem;
    }

    .gozh_list_itema {
        gap: 1.8rem;
    }
}

/*========= 手機 ≤768px 重點：圖文上下豎排=========*/
@media (max-width:768px) {
    .gozh_filter_bar {
        height: auto;
        flex-direction: column;
        align-items: flex-start;
        padding: 1rem;
    }

    .gozh_filter_left {
        font-size: 17px;
        width: 100%;
    }

    .gozhsearch_box {
        width: 100%;
    }

    .gozhsearch_box input {
        width: 100%;
    }

    /*列表卡片改成上下排版*/
    .gozh_list_item {
        height: auto;
        padding: 1rem;
    }

    .gozh_list_itema {
        flex-direction: column;
        gap: 1rem;
        align-items: flex-start;
    }

    .gozh_item_imgbox {
        width: 50%;
        height: auto;
        margin: 0 auto;
    }

    .gozh_item_img {
        width: 100%;
    }

    .gozh_item_tit {
        font-size: 22px;
        margin-top: 0;
        margin-bottom: 12px;
    }

    .gozh_item_desc {
        font-size: 15px;
    }

    .gozh_item_date {
        position: static;
        margin-top: 8px;
    }

    .gozh_item_text {
        padding-bottom: 0;
    }

    .gozh_article_list {
        gap: 2rem;
    }
}






/* 英雄起源 */
.HeroesOrigin {
    width: 100%;
    max-width: 2560px;
    margin: 0 auto;
    background: url(../imgs/tzh2605szyqy_bg.jpg) top center no-repeat;
    background-size: cover;
    position: relative;
    min-height: 1406px;
    overflow: hidden;
    padding-top: 140px;
}

.HeroesOrigin .HeroesOrigin_box {
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.Heroes_title {
    margin: 0 auto;
    display: block;
}

.HeroesOrigin_con {
    width: 100%;
    max-width: 1477px;
    /* 大屏封顶原始宽度，不放大 */
    margin: 43px auto 0;
    background: url(../imgs/tzh2605szyqy_conbg1.png) no-repeat top center;
    background-size: 100% 100%;
    /* 背景宽高100%贴合容器 */
    position: relative;
    /* 高度跟随原始比例：原高934 / 原宽1477 ≈63.24% 百分比高度自适应 */
    height: auto;
    padding-top: calc(934 / 1477 * 100%);
    /* 左内边距改成百分比，跟着容器缩放 */
    padding-left: calc(167 / 1477 * 100%);
}

.HeroesOrigin_con .HeroesOrigin_list {
    width: 1169px;
    height: 223px;
    margin-top: 27px;
    float: left;
}

.HeroesOrigin_list p {
    font-family: "思源宋体", SimSun, "宋体", serif;
    font-weight: bold;
    font-size: 20px;
    color: #ffffff;
    width: 914px;
    line-height: 36px;
    margin-top: -10px;
    text-align: justify;
    text-justify: inter-ideograph;
}




/* 英雄二級頁 */
.rw_container_ejy {
    width: 100%;
    max-width: 2560px;
    margin: 0 auto;
    background: url(../imgs/tzh2605xyehy_bg.jpg) top center no-repeat;
    position: relative;
    min-height: 1080px;
    overflow: hidden;
    padding-top: 80px;
    overflow: hidden;
    background-size: 100%;
    background-size: cover;
}

.rw_container_con {
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
    position: relative;
}

/* 大屏：左文字 右圖片 橫排 */
.rw_main_box {
    display: flex;
    display: none;
    /* align-items: center;
    gap: 3rem;
    margin-bottom: 4rem; */
}

.rw_text_wrap {
    width: 43.6%;
    position: relative;
}


.rw_title {
    display: block;
    margin: 0 auto;
    margin-top: 38px;
}


/* 主标题 */
.hero_diva {
    background: url(../imgs/tzh2605syd_textbg.png) no-repeat;
    width: 906px;
    height: 434px;
    background-size: 100%;
    margin-top: -20px;
    margin-left: -78px;
}

/* 红色标签栏 */
.hero_tag {
    font-size: 36px;
    font-weight: bold;
    width: 514px;
    height: 63px;
    margin-left: 181px;
    margin-top: 10px;
    float: left;
    text-align: center;
    line-height: 60px;
    color: #fff;
    font-family: 思源宋体;
    letter-spacing: 2px;
}


/* 描述文本 */
.hero_desc {
    font-size: 20px;
    line-height: 35px;
    color: #282828;
    margin-left: 162px;
    margin-bottom: 30px;
    width: 500px;
    height: 190px;
    display: block;
    float: left;
    margin-top: 45px;
    font-weight: 550;
    font-family: "Source Han Serif CN", "思源宋体", serif;
    text-align: left;
    /* 关键：关闭居中标点，标点下沉到基线 */
    font-feature-settings: "cpct" 0;
    -webkit-font-feature-settings: "cpct" 0;
}

.rw_renimg1 {
    position: absolute;
    top: 1px;
    left: 600px;
}

.rw_renimg2 {
    position: absolute;
    left: 467px;
    top: -13px;
}

.rw_renimg3 {
    position: absolute;
    left: 17px;
    top: -87px;
}

.rw_renimg4 {
    position: absolute;
    left: 664px;
    top: 40px;
}

.rw_title3 {
    margin-top: 10px;
}

.rw_title4 {
    margin-top: -28px;
    margin-left: 42px;
}

.rw_main_box4 .hero_diva {
    margin-top: -75px;
}

/* 卡片外殼：左右箭頭+卡片居中 */
.rw_card_box {
    display: flex;
    align-items: center;
    margin-top: -65px;
}

.left_arrow {
    position: absolute;
    left: 108px;
    cursor: pointer;
}

.right_arrow {
    position: absolute;
    right: 108px;
    cursor: pointer;
}

.rw_card_wrap {
    display: flex;
    gap: 40px;
    justify-content: center;
    flex: 1;
    align-items: center;
}

.rw_card_item {
    /* width: 22%; */
    /* max-width: 200px; */
    position: relative;
    /* border: 3px solid transparent; */
    cursor: pointer;
}

.rw_card_item.active {
    border-color: #c8161d;
}

.rw_card_item img {
    width: 100%;
    display: block;
}

.rw_card_txt {
    display: block;
    text-align: center;
    background: #c8161d;
    color: #fff;
    padding: 6px 0;
    font-size: 18px;
}

/* ========== 平板 769~992px：依舊左右、壓縮尺寸 ========== */
@media (min-width:769px) and (max-width:992px) {
    .rw_char_name {
        font-size: 3.5rem;
    }

    .rw_sub_tit {
        font-size: 22px;
    }

    .rw_desc_box {
        font-size: 16px;
    }

    .rw_arrow {
        width: 34px;
        height: 34px;
        font-size: 18px;
    }
}


/* ========== 手機≤768px：全黑底色、上下豎排 ========== */
@media (max-width:768px) {
    .rw_container_ejy {
        background: url(../imgs/tzh2605xyehy_bg.jpg) top center no-repeat;
        background-size: cover;
    }

    /* 文字區域滿寬 */
    .rw_text_wrap {
        width: 100%;
        position: static;
    }

    .rw_title {
        width: 70%;
        margin: 0 auto;
    }

    /* 角色大圖：取消絕對定位，自動換行居中 */
    .rw_renimg1,
    .rw_renimg2,
    .rw_renimg3 {
        position: static;
        display: block;
        width: 66%;
        margin: 0 auto;
    }

    .rw_renimg4 {
        position: static;
        display: block;
        width: 25%;
        margin: 0 auto;
    }

    /* 底部卡片區：固定在頁面最下方，並覆蓋在內容之上 */
    .rw_card_box {
        /* position: fixed; */
        /* 關鍵：固定定位 */
        bottom: 0;
        /* 貼到頁面底部 */
        left: 0;
        right: 0;
        background-color: rgba(0, 0, 0, 0.7);
        /* 半透明背景，增加文字可讀性 */
        margin-top: 0;
        padding: 10px 0;
        z-index: 1000;
        /* 確保在最上層 */
    }

    /* 左右箭頭貼左右邊 */
    .left_arrow {
        left: 10px;
        width: 32px;
    }

    .right_arrow {
        right: 10px;
        width: 32px;
    }

    /* 四個卡片均分4列，橫向並排 */
    .rw_card_wrap {
        flex-wrap: nowrap;
        gap: 5px;
        padding: 0 50px;
    }

    .rw_card_item {
        flex: 1;
        max-width: none;
    }
}






/* 名勝古跡 */
.ms_container_ejy {
    width: 100%;
    max-width: 2560px;
    margin: 0 auto;
    background: url(../imgs/tzh2605msejy_bg.jpg) top center no-repeat;
    position: relative;
    min-height: 1440px;
    overflow: hidden;
    padding-top: 80px;
    overflow: hidden;
    background-size: 100%;
    background-size: cover;
}

.ms_container_con {
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    margin-top: 66px;
}

.ms_spzz {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    width: 2560px;
    overflow: hidden;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
}

/* 大屏：左文字 右圖片 橫排 */
.ms_main_box {
    display: none;
    height: 664px;
    overflow: hidden;
}

.ms_text_wrap {
    position: relative;
    height: 464px;
    margin-left: 76px;
    width: 518px;
}


.ms_title {
    display: block;
    margin-top: 90px;
    margin-left: -86px;
}

.ms_title2 {
    margin-left: -8px;
    margin-top: 91px
}

.ms_title3 {
    margin-top: 112px;
    margin-left: -8px;
}

.ms_title4 {
    margin-top: 102px;
    margin-left: -81px;
}

.ms_card_box {
    display: flex;
    align-items: center;
    margin-top: 60px;
}

.left_arrow {
    position: absolute;
    left: 108px;
    cursor: pointer;
}

.right_arrow {
    position: absolute;
    right: 108px;
    cursor: pointer;
}

.ms_card_wrap {
    display: flex;
    gap: 40px;
    justify-content: center;
    flex: 1;
    align-items: center;
}

.ms_card_item {
    position: relative;
    cursor: pointer;
}

.ms_card_item img {
    width: 100%;
    display: block;
}

/* 红色标签栏 */
.ms_tag {
    font-size: 36px;
    font-weight: bold;
    width: 765px;
    height: 145px;
    margin-left: -162px;
    margin-top: 10px;
    float: left;
    text-align: center;
    line-height: 79px;
    color: #fff;
    font-family: 思源宋体;
    letter-spacing: 2px;
    background: url(../imgs/tzh2605msejy_txtimgbg.png) no-repeat;
    padding-left: 47px;
    float: left;
}


/* 描述文本 */
.ms_desc {
    font-size: 20px;
    line-height: 35px;
    color: #ffffff;
    width: 500px;
    display: block;
    float: left;
    margin-top: -36px;
    font-weight: 550;
    font-family: "Source Han Serif CN", "思源宋体", serif;
    text-align: left;
    /* 关键：关闭居中标点，标点下沉到基线 */
    font-feature-settings: "cpct" 0;
    -webkit-font-feature-settings: "cpct" 0;
    float: left;
}



/* 職業介紹 */
.zy_container_ejy {
    width: 100%;
    max-width: 2560px;
    margin: 0 auto;
    background: url(../imgs/tzh2605zyejy_bg.jpg) top center no-repeat;
    position: relative;
    min-height: 1440px;
    overflow: hidden;
    padding-top: 80px;
    overflow: hidden;
    background-size: 100%;
}

.zy_container_con {
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    margin-top: 114px;
}

/* 大屏：左文字 右圖片 橫排 */
.zy_main_box {
    display: flex;
    display: none;
}

.zy_text_wrap {
    position: relative;
    height: 553px;
    margin-left: 72px;
    width: 743px;
}


.zy_title {
    display: block;
    margin-top: 90px;
    margin-left: -86px;
}


.zy_card_box {
    display: flex;
    align-items: center;
    margin-top: 60px;
}

.zyleft_arrow {
    position: absolute;
    left: 108px;
    cursor: pointer;
}

.zyright_arrow {
    position: absolute;
    right: 108px;
    cursor: pointer;
}

.zy_card_wrap {
    display: flex;
    gap: 40px;
    justify-content: center;
    flex: 1;
    align-items: center;
}

.zy_card_item {
    position: relative;
    cursor: pointer;
}

.zy_card_item img {
    width: 100%;
    display: block;
}

/* 红色标签栏 */
.zy_tag {
    font-size: 78px;
    font-weight: bold;
    text-align: left;
    color: #fff;
    font-family: 思源宋体;
    letter-spacing: 2px;
    margin-top: 75px;
}

.zy_tag2,
.zy_tag3 {
    margin-top: 45px;
    font-size: 45px;
}


/* 描述文本 */
.zy_desc {
    font-size: 20px;
    line-height: 35px;
    color: #ffffff;
    width: 562px;
    display: block;
    /* float: left; */
    margin-top: 13px;
    font-weight: 550;
    font-family: "Source Han Serif CN", "思源宋体", serif;
    text-align: left;
    font-feature-settings: "cpct" 0;
    -webkit-font-feature-settings: "cpct" 0;
    /* float: left; */
}



/* 官網活動區 */
.activity_ejy {
    width: 100%;
    max-width: 2560px;
    margin: 0 auto;
    background: url(../imgs/tzh2605gwhd_bg.jpg) top center no-repeat;
    background-size: cover;
    position: relative;
    min-height: auto;
    overflow: hidden;
    background-size: 100%;
    padding: 80px 15px 30px;
}

.activity_ejybox {
    max-width: 1400px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    margin-top: 40px;
    overflow: hidden;
}

.activity_ejycon {
    max-width: 1400px;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 40px;
    display: flex;
    gap: 32px;
}

.activity_sidebar {
    width: 340px;
    height: 322px;
    background: #fff;
    flex-shrink: 0;
    border: 1px solid #dbdbdb;
}

.activitynav_title {
    font-size: 26px;
    font-family: 思源宋体;
    text-align: center;
    margin-top: 1rem;
    margin-bottom: 1.5rem;
    color: #c01c1e;
    font-weight: 550;
}

.activitynav_list {
    width: 297px;
    max-width: 90%;
    margin: 0 auto;
    position: relative;
}

.activitynav_list li {
    margin-bottom: 0.9rem;
    height: 64px;
    position: relative;
    background-size: 100% 100%;
}

.activitynav_list li:nth-child(1) {
    background: url(../imgs/tzh2605gwhd_navbg1.png) no-repeat;
}

.activitynav_list li:nth-child(2) {
    background: url(../imgs/tzh2605gwhd_navbg2.png) no-repeat;
}

.activitynav_list li:nth-child(3) {
    background: url(../imgs/tzh2605gwhd_navbg3.png) no-repeat;
}

.activitynav_list li a {
    display: block;
    color: #fff;
    text-decoration: none;
    text-align: center;
    height: 100%;
    line-height: 64px;
    font-size: 22px;
    font-family: 思源宋体;
}

.activity_right {
    flex: 1;
    width: 1020px;
    min-height: 1050px;
    background: #fff;
}

/* ========= 手機 ≤768px：豎排、全部居中 ========= */
@media (max-width:768px) {
    .activity_ejy {
        padding-top: 30px;
    }

    /* flex改成上下豎排 + 子元素居中 */
    .activity_ejycon {
        flex-direction: column;
        align-items: center;
        gap: 25px;
    }

    /* 左側導航保持固定寬度、自動居中 */
    .activity_sidebar {
        width: 340px;
        height: 322px;
    }

    /* 右邊內容縮寬、居中 */
    .activity_right {
        width: 92%;
        min-height: 550px;
    }
}