.inner-page .page-menu-toggle {
    display: none;
}

/* Reserve scrollbar space around the fixed 1200px desktop layout. */
@media (min-width: 1220px) {
    .inner-page :is(#bannerWrap_tem_3_31, #bannerWrap_tem_5_31, #bannerWrap_con_2_36, #bannerWrap_con_14_35) {
        width: var(--page-viewport-width, 100%) !important;
        min-width: 0 !important;
        left: calc((1200px - var(--page-viewport-width, 1200px)) / 2) !important;
    }
}

@media (max-width: 1219px) {
    .inner-page,
    .inner-page #mainContentWrapper,
    .inner-page #mainContentWrapper > div,
    .inner-page #smv_MainContent > .smvWrapper {
        min-width: 0 !important;
        width: 100%;
    }

    .inner-page :is(#smv_Area0, #smv_Area3, #smv_Main, #smv_MainContent) {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
    }

    .inner-page :is(#smv_tem_3_31, #smv_tem_5_31, #smv_tem_6_51) {
        position: relative;
        inset: auto !important;
        width: 100% !important;
        height: auto !important;
    }

    .inner-page :is(#smv_tem_3_31, #smv_tem_5_31) > .yibuFrameContent,
    .inner-page #smv_tem_3_31 .w-banner,
    .inner-page #smv_tem_3_31 .w-banner-content,
    .inner-page #smv_tem_5_31 .fullcolumn-inner {
        position: relative;
        inset: auto !important;
        width: 100% !important;
        height: auto !important;
        min-width: 0 !important;
        box-sizing: border-box;
    }

    .inner-page :is(#bannerWrap_tem_3_31, #bannerWrap_tem_5_31) {
        left: 0 !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    .inner-page #smv_tem_3_31 .w-banner-content {
        display: grid;
        grid-template-columns: minmax(180px, 1fr) minmax(220px, 1fr) auto;
        grid-template-areas: "logo search language" "nav nav nav";
        align-items: center;
        gap: 12px 24px;
        padding: 16px 24px 8px;
    }

    .inner-page :is(#smv_tem_2_35, #smv_tem_4_47, #smv_tem_8_12, #smv_tem_12_21) {
        position: relative;
        inset: auto !important;
        width: 100% !important;
        height: auto !important;
        min-width: 0;
    }

    .inner-page #smv_tem_2_35 {
        grid-area: logo;
        max-width: 280px;
    }

    .inner-page #smv_tem_2_35 :is(.yibuFrameContent, .w-image-box, a, img) {
        display: block;
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
    }

    .inner-page #smv_tem_2_35 img {
        aspect-ratio: 352 / 95;
        object-fit: contain;
    }

    .inner-page #smv_tem_4_47 {
        grid-area: nav;
    }

    .inner-page #nav_tem_4_47 .w-nav {
        display: flex;
        flex-wrap: wrap;
    }

    .inner-page #nav_tem_4_47 .w-nav-inner {
        flex: 1;
        float: none;
        height: auto !important;
        min-width: 0;
    }

    .inner-page #nav_tem_4_47 .w-nav-item {
        padding: 0;
    }

    .inner-page #nav_tem_4_47 .w-nav-item-link {
        min-height: 44px;
        line-height: 44px;
    }

    .inner-page #nav_tem_4_47 :is(.sliding-box, .sliding) {
        display: none !important;
    }

    .inner-page #smv_tem_8_12 {
        grid-area: search;
    }

    .inner-page #search_tem_8_12 {
        position: relative;
        width: 100% !important;
        height: auto !important;
    }

    .inner-page #search_tem_8_12 .w-search-main {
        height: 44px !important;
        line-height: 44px !important;
    }

    .inner-page #search_tem_8_12 :is(.w-search-inner, .w-search-input, .w-search-btn) {
        height: 44px !important;
        line-height: 44px !important;
        margin-top: 0 !important;
        font-size: 16px;
    }

    .inner-page #search_tem_8_12 .w-search-input::placeholder {
        font-size: 16px;
    }

    .inner-page #search_tem_8_12 .w-search-btn {
        box-sizing: border-box;
        min-width: 48px;
        text-align: center;
    }

    .inner-page #search_tem_8_12 .w-searchkey {
        position: absolute;
        top: 100%;
        left: 0;
        border-radius: 12px;
        background: #fff;
    }

    .inner-page #search_tem_8_12 .w-searchkey-item,
    .inner-page #search_tem_8_12 .w-searchkey-item a {
        height: auto !important;
        min-height: 44px;
        line-height: 1.5 !important;
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .inner-page #search_tem_8_12 .w-searchkey-item a {
        padding: 10px 12px;
        font-size: 16px;
    }

    .inner-page #smv_tem_12_21 {
        grid-area: language;
    }

    .inner-page #smv_tem_12_21 .w-language {
        width: auto;
        height: auto;
    }

    .inner-page #smv_tem_12_21 .w-language-item {
        margin: 0;
    }

    .inner-page #smv_tem_12_21 .w-language-link:empty {
        display: none;
    }

    .inner-page #smv_tem_12_21 .w-language-link:not(:empty) {
        display: block;
        height: 44px !important;
        line-height: 44px !important;
        padding: 0 4px;
    }

    .inner-page .page-menu-toggle {
        box-sizing: border-box;
        min-width: 44px;
        min-height: 44px;
        padding: 8px 12px;
        border: 1px solid #c7cdd5;
        border-radius: 6px;
        background: #fff;
        color: #173963;
        font: 16px/1.4 Arial, sans-serif;
        cursor: pointer;
    }

    .inner-page :is(button, a, input):focus-visible {
        outline: 2px solid #173963;
        outline-offset: 3px;
    }

    .inner-page #smv_tem_5_31 .fullcolumn-inner {
        padding: 0 16px 8px;
    }

    .inner-page #smv_tem_6_51 :is(.yibuFrameContent, #txt_tem_6_51, .editableContent) {
        height: auto !important;
        line-height: 1.7;
        overflow-wrap: anywhere;
    }

    .inner-page #all-icp-bottom {
        box-sizing: border-box;
        padding: 4px 16px 12px !important;
        overflow-wrap: anywhere;
    }

    .inner-page #all-icp-bottom .bottom-content {
        max-width: 100%;
        box-sizing: border-box;
    }
}

@media (max-width: 767px) {
    .inner-page #smv_tem_3_31 .w-banner-content {
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-areas: "logo toggle" "search language" "nav nav";
        gap: 12px 16px;
        padding: 16px 16px 0;
    }

    .inner-page #smv_tem_2_35 {
        max-width: 220px;
    }

    .inner-page .page-menu-toggle {
        display: block;
        grid-area: toggle;
        justify-self: end;
        min-width: 72px;
    }

    .inner-page.page-nav-ready #smv_tem_4_47 {
        display: none;
    }

    .inner-page.page-nav-ready.page-nav-open #smv_tem_4_47 {
        display: block;
    }

    .inner-page #nav_tem_4_47 .w-nav {
        flex-direction: column;
        border-top: 1px solid #e4e7eb;
    }

    .inner-page #nav_tem_4_47 .w-nav-inner {
        width: 100% !important;
        border-bottom: 1px solid #e4e7eb;
    }

    .inner-page #nav_tem_4_47 .w-nav-item-link {
        text-align: left;
        padding: 4px 12px;
    }
}

/* Products page */
@media (max-width: 1219px) {
    .inner-page.page-cp #smv_Main {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas:
            "hero"
            "heroimage"
            "more"
            "tabs";
        align-items: start;
        gap: 16px;
        box-sizing: border-box;
        padding: 16px 24px 32px;
    }

    .inner-page.page-cp #smv_Main > [ctype] {
        position: relative;
        inset: auto !important;
        width: 100% !important;
        height: auto !important;
        min-width: 0;
        min-height: 0 !important;
    }

    .inner-page.page-cp #smv_Main > [ctype] > .yibuFrameContent {
        height: auto !important;
    }

    .inner-page.page-cp #smv_con_2_12 {
        grid-area: hero;
        aspect-ratio: 869 / 308;
        overflow: hidden;
    }

    .inner-page.page-cp #smv_con_2_12 > .yibuFrameContent {
        width: 100% !important;
        height: 100% !important;
    }

    .inner-page.page-cp #slider_smv_con_2_12 {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 869 / 308;
    }

    /* Jssor keeps the 869px canvas and only resizes the frame, so scale the canvas itself. */
    .inner-page.page-cp #slider_smv_con_2_12 > div:first-child > div:first-child {
        left: 0 !important;
        transform: scale(var(--page-hero-scale, 1)) !important;
        transform-origin: 0 0;
    }

    .inner-page.page-cp #slider_smv_con_2_12 > div:has(> .slideArrow) {
        top: 50% !important;
        bottom: auto !important;
        width: 32px !important;
        height: 32px !important;
        transform: translateY(-50%) !important;
    }

    .inner-page.page-cp #slider_smv_con_2_12 .slideArrow {
        position: absolute !important;
        inset: 0 !important;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 32px;
        height: 32px;
        transform: none !important;
        border-radius: 50%;
    }

    .inner-page.page-cp #smv_con_4_25 {
        grid-area: heroimage;
        justify-self: center;
        position: relative;
        width: 100% !important;
        max-width: 560px;
        aspect-ratio: 462 / 308;
        overflow: hidden;
    }

    .inner-page.page-cp #smv_con_4_25 > .yibuFrameContent {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
    }

    .inner-page.page-cp #smv_con_4_25 :is(.w-image-box, a, img) {
        display: block;
        width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
    }

    .inner-page.page-cp #smv_con_4_25 img {
        object-fit: cover;
    }

    .inner-page.page-cp #smv_Main > #smv_con_7_31 {
        grid-area: more;
        justify-self: center;
        width: auto !important;
        height: 44px !important;
    }

    .inner-page.page-cp #smv_con_7_31 .w-button {
        width: auto !important;
        height: 44px !important;
        min-width: 132px;
        padding: 0 24px;
        box-sizing: border-box;
        line-height: 44px !important;
        border-radius: 22px;
        background: #173963;
        color: #fff;
        text-align: center;
    }

    .inner-page.page-cp #smv_con_22_42 {
        display: none;
    }

    .inner-page.page-cp #smv_con_21_45 {
        grid-area: tabs;
        width: 100% !important;
        height: auto !important;
    }

    .inner-page.page-cp #tab_con_21_45,
    .inner-page.page-cp #tab_con_21_45 .w-label,
    .inner-page.page-cp #tab_con_21_45 .w-label-content {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
    }

    .inner-page.page-cp #tab_con_21_45 .w-label-tips {
        display: flex;
        flex-wrap: wrap;
        width: 100% !important;
        height: auto !important;
        border-bottom: 1px solid #e4e7eb;
    }

    .inner-page.page-cp #tab_con_21_45 .w-label-tips-line {
        display: none;
    }

    .inner-page.page-cp #tab_con_21_45 .w-label-tips-item {
        flex: 1 1 0;
        float: none;
        width: auto !important;
        min-width: 0;
        height: 44px !important;
        line-height: 44px !important;
        padding: 0 2px;
        text-align: center;
    }

    .inner-page.page-cp #tab_con_21_45 .w-label-tips-item a {
        display: block;
        width: 100% !important;
        padding: 0 !important;
        font-size: 13px;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .inner-page.page-cp #tab_con_21_45 .w-label-content-item {
        width: 100% !important;
        height: auto !important;
    }

    .inner-page.page-cp #tab_con_21_45 :is(.smAreaC, .esmartMargin, .yibuFrameContent) {
        position: relative !important;
        inset: auto !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
    }

    .inner-page.page-cp #tab_con_21_45 .w-list {
        width: 100% !important;
        height: auto !important;
    }

    .inner-page.page-cp .w-product-list {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 16px;
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .inner-page.page-cp .w-product-list .w-list-item {
        position: static !important;
        float: none !important;
        width: auto !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .inner-page.page-cp .w-list-link {
        display: block;
    }

    .inner-page.page-cp :is(.w-list-pic, .w-list-pic img) {
        display: block;
        width: 100% !important;
        height: auto !important;
    }

    .inner-page.page-cp .w-list-pic {
        aspect-ratio: 1;
        overflow: hidden;
    }

    .inner-page.page-cp .w-list-pic img {
        height: 100% !important;
        margin: 0 !important;
        object-fit: cover;
    }

    .inner-page.page-cp .w-list-title,
    .inner-page.page-cp .w-list-desc {
        height: auto !important;
        line-height: 1.5 !important;
        overflow-wrap: anywhere;
    }

    .inner-page.page-cp .w-list-title {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        white-space: normal !important;
        font-size: 15px;
    }

    .inner-page.page-cp .xn-pager {
        position: static !important;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 6px;
        width: 100% !important;
        height: auto !important;
        margin-top: 16px;
    }

    .inner-page.page-cp .xn-pager .w-page-square {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 6px;
        width: auto !important;
    }

    .inner-page.page-cp .w-page-cm {
        box-sizing: border-box;
        min-width: 44px;
        height: 44px !important;
        line-height: 44px !important;
    }
}

@media (min-width: 768px) and (max-width: 1219px) {
    .inner-page.page-cp .w-product-list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 767px) {
    .inner-page.page-cp #smv_Main {
        gap: 16px;
        padding: 8px 16px 28px;
    }
}

/* About us page */
@media (max-width: 1219px) {
    .inner-page.page-jj #smv_Main {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
        grid-template-areas:
            "hero hero hero"
            "line1 heading line2"
            "text text text";
        align-items: center;
        gap: 16px 12px;
        box-sizing: border-box;
        padding: 16px 24px 32px;
    }

    .inner-page.page-jj #smv_Main > [ctype] {
        position: relative;
        inset: auto !important;
        width: 100% !important;
        height: auto !important;
        min-width: 0;
        min-height: 0 !important;
    }

    .inner-page.page-jj #smv_con_11_32 {
        grid-area: hero;
        aspect-ratio: 1200 / 260;
        overflow: hidden;
    }

    .inner-page.page-jj #smv_con_11_32 > .yibuFrameContent {
        width: 100% !important;
        height: 100% !important;
    }

    .inner-page.page-jj #slider_smv_con_11_32 {
        width: 100% !important;
        height: 100% !important;
    }

    /* Jssor keeps the 1200px canvas and only resizes the frame, so scale the canvas itself. */
    .inner-page.page-jj #slider_smv_con_11_32 > div:first-child > div:first-child {
        left: 0 !important;
        transform: scale(var(--page-hero-scale, 1)) !important;
        transform-origin: 0 0;
    }

    .inner-page.page-jj #smv_con_15_39 {
        grid-area: line1;
    }

    .inner-page.page-jj #smv_con_13_28 {
        grid-area: heading;
    }

    .inner-page.page-jj #smv_con_14_29 {
        grid-area: line2;
    }

    .inner-page.page-jj #smv_con_12_34 {
        grid-area: text;
    }

    .inner-page.page-jj #smv_Main > #smv_con_15_39,
    .inner-page.page-jj #smv_Main > #smv_con_14_29 {
        height: 20px !important;
    }

    .inner-page.page-jj :is(#smv_con_15_39, #smv_con_14_29) :is(.yibuFrameContent, .w-line) {
        width: 100% !important;
    }

    .inner-page.page-jj :is(#smv_con_13_28, #smv_con_12_34) .yibuFrameContent,
    .inner-page.page-jj :is(#txt_con_13_28, #txt_con_12_34) {
        height: auto !important;
        overflow: visible !important;
    }

    .inner-page.page-jj #txt_con_12_34 p {
        height: auto !important;
    }
}

/* News page */
@media (max-width: 1219px) {
    .inner-page.page-dt #smv_Main {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas:
            "hero"
            "list";
        gap: 16px;
        box-sizing: border-box;
        padding: 16px 24px 32px;
    }

    .inner-page.page-dt #smv_Main > [ctype] {
        position: relative;
        inset: auto !important;
        width: 100% !important;
        height: auto !important;
        min-width: 0;
        min-height: 0 !important;
    }

    .inner-page.page-dt #smv_con_6_51 {
        grid-area: hero;
        aspect-ratio: 1200 / 260;
        overflow: hidden;
    }

    .inner-page.page-dt #smv_con_6_51 > .yibuFrameContent {
        width: 100% !important;
        height: 100% !important;
    }

    .inner-page.page-dt #slider_smv_con_6_51 {
        width: 100% !important;
        height: 100% !important;
    }

    .inner-page.page-dt #slider_smv_con_6_51 > div:first-child > div:first-child {
        left: 0 !important;
        transform: scale(var(--page-hero-scale, 1)) !important;
        transform-origin: 0 0;
    }

    .inner-page.page-dt #smv_con_7_44 {
        grid-area: list;
    }

    .inner-page.page-dt #smv_con_7_44 :is(.w-container, .smc_Area0) {
        position: relative !important;
        inset: auto !important;
        width: 100% !important;
        height: auto !important;
    }

    .inner-page.page-dt #smv_con_12_15 {
        position: relative !important;
        inset: auto !important;
        width: 100% !important;
        height: auto !important;
    }

    .inner-page.page-dt #smv_con_12_15 > .yibuFrameContent,
    .inner-page.page-dt #smv_con_12_15 .w-list,
    .inner-page.page-dt #ulList_con_12_15 {
        width: 100% !important;
        height: auto !important;
        overflow: visible;
    }

    .inner-page.page-dt #ulList_con_12_15 .w-list-item {
        position: relative !important;
        width: 100% !important;
        height: auto !important;
        padding-bottom: 8px;
    }

    .inner-page.page-dt .w-list-pic {
        position: relative !important;
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 272 / 176;
        margin: 0 0 12px !important;
        overflow: hidden;
    }

    .inner-page.page-dt .w-list-pic a {
        display: block;
        width: 100% !important;
        height: 100% !important;
    }

    .inner-page.page-dt .w-list-pic img {
        display: block;
        width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
        object-fit: cover;
    }

    .inner-page.page-dt .w-list-r,
    .inner-page.page-dt .w-list-r-in {
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .inner-page.page-dt .w-list-title {
        height: auto !important;
    }

    .inner-page.page-dt .w-list-titlelink {
        font-size: 18px !important;
    }

    .inner-page.page-dt .w-list-desc {
        height: auto !important;
        line-height: 1.7 !important;
    }

    .inner-page.page-dt .w-list-bottom {
        display: flex;
        align-items: center;
        gap: 12px;
        width: 100% !important;
        height: auto !important;
    }

    .inner-page.page-dt .w-list-viewnum {
        margin-left: auto;
    }
}

/* Contact page */
@media (max-width: 1219px) {
    .inner-page.page-ll #smv_Main {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas:
            "contact"
            "form";
        gap: 0;
        padding: 0;
    }

    .inner-page.page-ll #smv_Main > [ctype]:not(#smv_con_18_9) {
        position: relative;
        inset: auto !important;
        width: 100% !important;
        height: auto !important;
        min-width: 0;
        min-height: 0 !important;
    }

    /* Keep the full-column backgrounds in the layout but inside the viewport, otherwise their
       overflow feeds the page's own fullScreen resize handler and the width grows on every resize. */
    .inner-page.page-ll :is(#bannerWrap_con_2_36, #bannerWrap_con_14_35) {
        visibility: hidden !important;
        left: 0 !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    .inner-page.page-ll #smv_con_2_36 {
        grid-area: contact;
        background: #f3f3f3;
        box-sizing: border-box;
        padding: 32px 24px 40px;
        overflow: hidden;
    }

    .inner-page.page-ll #smv_con_2_36 > .yibuFrameContent {
        position: relative !important;
        width: 100% !important;
        height: auto !important;
    }

    .inner-page.page-ll #smv_con_2_36 .fullcolumn-inner {
        position: relative !important;
        inset: auto !important;
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 28px;
        width: 100% !important;
        height: auto !important;
    }

    .inner-page.page-ll #smv_con_2_36 .fullcolumn-inner > .esmartMargin {
        position: relative !important;
        inset: auto !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
    }

    .inner-page.page-ll #smv_con_3_51 > .yibuFrameContent,
    .inner-page.page-ll #txt_con_3_51 {
        height: auto !important;
        overflow: visible !important;
    }

    .inner-page.page-ll #txt_con_3_51 span {
        font-size: 15px !important;
    }

    .inner-page.page-ll :is(#smv_con_5_18, #smv_con_8_8, #smv_con_11_58) > .yibuFrameContent,
    .inner-page.page-ll :is(#smv_con_5_18, #smv_con_8_8, #smv_con_11_58) .w-container,
    .inner-page.page-ll :is(#smv_con_5_18, #smv_con_8_8, #smv_con_11_58) .smc_Area0 {
        position: relative !important;
        inset: auto !important;
        width: 100% !important;
        height: auto !important;
    }

    .inner-page.page-ll :is(#smv_con_6_52, #smv_con_9_8, #smv_con_12_58) {
        position: relative !important;
        inset: auto !important;
        width: 50px !important;
        height: 50px !important;
        margin: 0 auto 12px;
    }

    .inner-page.page-ll :is(#smv_con_6_52, #smv_con_9_8, #smv_con_12_58) :is(.yibuFrameContent, .w-image-box, a, img) {
        display: block;
        width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
    }

    .inner-page.page-ll :is(#smv_con_7_14, #smv_con_10_8, #smv_con_13_58) {
        position: relative !important;
        inset: auto !important;
        width: 100% !important;
        max-width: 320px;
        height: auto !important;
        margin: 0 auto;
    }

    .inner-page.page-ll :is(#smv_con_7_14, #smv_con_10_8, #smv_con_13_58) .yibuFrameContent,
    .inner-page.page-ll :is(#txt_con_7_14, #txt_con_10_8, #txt_con_13_58) {
        height: auto !important;
        overflow: visible !important;
    }

    .inner-page.page-ll :is(#txt_con_7_14, #txt_con_10_8, #txt_con_13_58) p {
        height: auto !important;
    }

    .inner-page.page-ll :is(#txt_con_7_14, #txt_con_10_8, #txt_con_13_58) span {
        font-size: 14px !important;
        line-height: 26px !important;
    }

    .inner-page.page-ll #smv_con_14_35 {
        grid-area: form;
        background: #222a2c;
        box-sizing: border-box;
        padding: 32px 24px 40px;
        overflow: hidden;
    }

    .inner-page.page-ll #smv_con_14_35 > .yibuFrameContent {
        position: relative !important;
        width: 100% !important;
        height: auto !important;
    }

    .inner-page.page-ll #smv_con_14_35 .fullcolumn-inner {
        position: relative !important;
        inset: auto !important;
        width: 100% !important;
        height: auto !important;
    }

    .inner-page.page-ll #smv_con_16_28 {
        position: relative !important;
        inset: auto !important;
        width: 100% !important;
        height: auto !important;
        max-width: 856px;
        margin: 0 auto;
    }

    .inner-page.page-ll #smv_con_16_28 > .yibuFrameContent,
    .inner-page.page-ll #smv_con_16_28 .w-container,
    .inner-page.page-ll #smv_con_16_28 .smc_Area0 {
        position: relative !important;
        inset: auto !important;
        width: 100% !important;
        height: auto !important;
    }

    .inner-page.page-ll #smv_con_16_28 .w-container {
        background: transparent !important;
    }

    .inner-page.page-ll #smv_con_17_54 {
        position: relative !important;
        inset: auto !important;
        width: 100% !important;
        height: auto !important;
        max-width: 856px;
        margin: 0 auto;
    }

    .inner-page.page-ll #smv_con_17_54 > .yibuFrameContent,
    .inner-page.page-ll .w-guestbook,
    .inner-page.page-ll .w-guestbook-container {
        width: 100% !important;
        height: auto !important;
    }

    .inner-page.page-ll .w-guestbook-both {
        display: flex;
        flex-direction: column;
        gap: 12px;
        width: 100% !important;
        height: auto !important;
        overflow: visible !important;
    }

    .inner-page.page-ll .w-guestbook-both-inner {
        float: none !important;
        width: 100% !important;
        height: auto !important;
    }

    .inner-page.page-ll .w-guestbook-both-inner-box {
        width: 100% !important;
        height: 44px !important;
    }

    .inner-page.page-ll .w-guestbook-both-inner .w-guestbook-item {
        box-sizing: border-box;
        width: 100% !important;
        height: 44px !important;
    }

    .inner-page.page-ll .w-guestbook :is(.w-guestbook-item, .w-guestbook-input, .w-guestbook-textarea) {
        box-sizing: border-box;
    }

    .inner-page.page-ll .w-guestbook-input {
        width: 100% !important;
        height: 44px !important;
        font-size: 16px !important;
    }

    .inner-page.page-ll .w-item-textarea {
        height: auto !important;
        margin-top: 12px !important;
    }

    .inner-page.page-ll .w-guestbook-textarea {
        width: 100% !important;
        height: 130px !important;
        font-size: 16px !important;
        line-height: 1.5 !important;
    }

    .inner-page.page-ll .w-guestbook-bottom {
        display: flex;
        justify-content: center;
        width: 100% !important;
        height: auto !important;
        margin-top: 16px;
    }

    .inner-page.page-ll .w-guestbook-btn {
        box-sizing: border-box;
        width: 100% !important;
        max-width: 240px;
        height: 44px !important;
        line-height: 44px !important;
        text-align: center;
        font-size: 16px !important;
    }
}

@media (min-width: 768px) and (max-width: 1219px) {
    .inner-page.page-jj #smv_con_12_34 {
        max-width: 760px;
        justify-self: center;
    }

    .inner-page.page-dt #ulList_con_12_15 .w-list-item {
        display: grid;
        grid-template-columns: minmax(0, 272px) minmax(0, 1fr);
        gap: 24px;
        align-items: start;
    }

    .inner-page.page-dt .w-list-pic {
        grid-column: 1;
        grid-row: 1;
        width: 100% !important;
        margin: 0 !important;
    }

    .inner-page.page-dt .w-list-r {
        grid-column: 2;
        grid-row: 1;
        align-self: start;
    }

    .inner-page.page-ll #smv_con_2_36 .fullcolumn-inner {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        align-items: start;
        gap: 24px;
    }

    .inner-page.page-ll #smv_con_3_51 {
        grid-column: 1 / -1;
    }
}

@media (max-width: 767px) {
    .inner-page.page-jj #smv_Main,
    .inner-page.page-dt #smv_Main {
        gap: 16px;
        padding: 12px 16px 28px;
    }

    .inner-page.page-ll :is(#smv_con_2_36, #smv_con_14_35) {
        padding: 28px 16px 32px;
    }

    .inner-page.page-ll #smv_con_2_36 .fullcolumn-inner {
        gap: 24px;
    }

    .inner-page.page-ll #txt_con_3_51 span {
        font-size: 14px !important;
    }

    .inner-page.page-ll #smv_con_16_28,
    .inner-page.page-ll #smv_con_17_54 {
        max-width: none;
    }
}