.elementor-17 .elementor-element.elementor-element-9fecb5f{--display:flex;--margin-top:-60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-9fecb5f:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-9fecb5f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#3C4C73;}.elementor-17 .elementor-element.elementor-element-f8307e4{z-index:2;}.elementor-17 .elementor-element.elementor-element-f98ede2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-17 .elementor-element.elementor-element-496690c{--display:flex;}.elementor-17 .elementor-element.elementor-element-d8a6d51{font-size:30px;font-weight:700;color:#FFFFFF;}.elementor-17 .elementor-element.elementor-element-7da6955{--grid-row-gap:20px;--grid-column-gap:20px;}.elementor-17 .elementor-element.elementor-element-7da6955 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 1 * 100% );}.elementor-17 .elementor-element.elementor-element-7da6955:after{content:"1";}.elementor-17 .elementor-element.elementor-element-7da6955 .elementor-post__thumbnail__link{width:100%;}.elementor-17 .elementor-element.elementor-element-7da6955 .elementor-post__meta-data span + span:before{content:"•";}.elementor-17 .elementor-element.elementor-element-7da6955 .elementor-post__card{border-radius:10px;padding-top:0px;padding-bottom:0px;}.elementor-17 .elementor-element.elementor-element-7da6955 .elementor-post__text{margin-top:-10px;}.elementor-17 .elementor-element.elementor-element-7da6955 .elementor-post__thumbnail img{filter:brightness( 80% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-17 .elementor-element.elementor-element-7da6955 .elementor-post:hover .elementor-post__thumbnail img{filter:brightness( 120% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-17 .elementor-element.elementor-element-7da6955 .elementor-post__title, .elementor-17 .elementor-element.elementor-element-7da6955 .elementor-post__title a{color:#B35197;font-size:15px;}.elementor-17 .elementor-element.elementor-element-7da6955 .elementor-post__title{margin-bottom:15px;}.elementor-17 .elementor-element.elementor-element-f8452cf{--spacer-size:20px;}.elementor-17 .elementor-element.elementor-element-b4975d7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-17 .elementor-element.elementor-element-28fe344{--display:flex;}.elementor-17 .elementor-element.elementor-element-5adbb1f{font-size:30px;font-weight:700;color:#FFFFFF;}.elementor-17 .elementor-element.elementor-element-ccfec08{color:#FFFFFF;}.elementor-17 .elementor-element.elementor-element-1bc301f iframe{height:500px;}.elementor-17 .elementor-element.elementor-element-b749f9d{--display:flex;}body.elementor-page-17:not(.elementor-motion-effects-element-type-background), body.elementor-page-17 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#64C6D2;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(max-width:1024px){.elementor-17 .elementor-element.elementor-element-9fecb5f{--min-height:0px;--margin-top:-60px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-d8a6d51{font-size:24px;}.elementor-17 .elementor-element.elementor-element-7da6955 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 1.3 * 100% );}.elementor-17 .elementor-element.elementor-element-7da6955:after{content:"1.3";}.elementor-17 .elementor-element.elementor-element-7da6955 .elementor-post__title, .elementor-17 .elementor-element.elementor-element-7da6955 .elementor-post__title a{font-size:14px;}.elementor-17 .elementor-element.elementor-element-5adbb1f{font-size:24px;}}@media(max-width:767px){.elementor-17 .elementor-element.elementor-element-9fecb5f{--margin-top:-50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-17 .elementor-element.elementor-element-d8a6d51{font-size:20px;}.elementor-17 .elementor-element.elementor-element-7da6955 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 1 * 100% );}.elementor-17 .elementor-element.elementor-element-7da6955:after{content:"1";}.elementor-17 .elementor-element.elementor-element-7da6955 .elementor-post__thumbnail__link{width:100%;}.elementor-17 .elementor-element.elementor-element-7da6955 .elementor-post__title, .elementor-17 .elementor-element.elementor-element-7da6955 .elementor-post__title a{font-size:14px;}.elementor-17 .elementor-element.elementor-element-f8452cf{--spacer-size:30px;}.elementor-17 .elementor-element.elementor-element-5adbb1f{font-size:20px;}.elementor-17 .elementor-element.elementor-element-1bc301f iframe{height:350px;}}/* Start custom CSS for html, class: .elementor-element-f8307e4 */.image-container {
            position: relative;
            width: 100%;
            height: 75vh; /* 确保容器高度适应视口 */
            background-image: url('https://2024.ironrose-fest.com/media/2024/07/0718_2024鐵玫瑰網站fix.png');
            background-position: center center;
            background-size: contain;
            background-repeat: no-repeat;
            overflow: hidden; /* 确保漂浮效果在容器内 */
        }

        /* 中心腳 */
        .center-image {
            position: absolute;
            top: 48%;
            left: 55%;
            transform: translate(-50%, -50%);
            width: 85vh; /* 初始宽度，可根据需要调整 */
            max-width: 300px; /* 最大宽度 */
            z-index: 2;
            animation: rotateLeftRight 45s infinite; /* 添加动画 */

        }
        @keyframes rotateLeftRight {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    50% {
        transform: translate(-50%, -50%) rotate(25deg);
    }
    100% {
        transform: translate(-50%, -50%) rotate(0deg);
    }
}
        /* 中心橫線 */
        .center-image-line {
            position: absolute;
            top: 69%;
            left: 66%;
            transform: translate(-50%, -50%);
            width: 80vh; /* 初始宽度，可根据需要调整 */
            max-width: 300px; /* 最大宽度 */
            z-index: 0;
        }

        /* 左下 */
        .left-float-image {
            position: absolute;
            top: 70%;
            left: 8%;
            transform: translateY(-50%);
            width: 12%; /* 初始宽度，可根据需要调整 */
            max-width: 150px; /* 最大宽度 */
            animation: left-float-image_floatUpDown 8s ease-in-out infinite;
        }

        @keyframes left-float-image_floatUpDown {
            0% {
                transform: translateY(-50%) translateY(0);
            }
            50% {
                transform: translateY(-50%) translateY(-30px);
            }
            100% {
                transform: translateY(-50%) translateY(0);
            }
        }
        
        /* 左上 */
        .left-up-float-image {
            position: absolute;
            top: 25%;
            left: 18%;
            transform: translateY(-50%);
            width: 12%; /* 初始宽度，可根据需要调整 */
            max-width: 150px; /* 最大宽度 */
            animation: left-up-float-image_floatUpDown 7s ease-in-out infinite;
        }

        @keyframes left-up-float-image_floatUpDown {
            0% {
                transform: translateY(-50%) translateY(0);
            }
            50% {
                transform: translateY(-50%) translateY(10px);
            }
            100% {
                transform: translateY(-50%) translateY(0);
            }
        }
        
        
        /* 右上 */
        .right-up-float-image {
            position: absolute;
            top: 30%;
            right: 8%;
            transform: translateY(-50%);
            width: 10%; /* 初始宽度，可根据需要调整 */
            max-width: 150px; /* 最大宽度 */
            animation: right-up-float-image_floatUpDown 4s ease-in-out infinite;
        }

        @keyframes right-up-float-image_floatUpDown {
            0% {
                transform: translateY(-50%) translateY(0);
            }
            50% {
                transform: translateY(-50%) translateY(10px);
            }
            100% {
                transform: translateY(-50%) translateY(0);
            }
        }
        
        
        
        /* 右下 */
        .right-down-float-image {
            position: absolute;
            bottom: 10%;
            right: 10%;
            transform: translateY(-50%);
            width: 10%; /* 初始宽度，可根据需要调整 */
            max-width: 150px; /* 最大宽度 */
            z-index: 1;
            animation: right-down-float-image_floatUpDown 4s ease-in-out infinite;
        }

        @keyframes right-down-float-image_floatUpDown {
            0% {
                transform: translateY(-50%) translateY(0);
            }
            50% {
                transform: translateY(-50%) translateY(10px);
            }
            100% {
                transform: translateY(-50%) translateY(0);
            }
        }

        /* 响应式调整 */
        @media (max-width: 1024px) {
            .center-image {
                width: 40%;
            }

            .left-float-image,
            .up-float-image {
                width: 25%;
            }
        }

        @media (max-width: 768px) {
            .center-image {
                width: 50%;
            }
            .center-image-line {
                width: 65%;
            }
            .left-float-image,
            .up-float-image {
                width: 15%;
            }
            .image-container{
                height: 43vh;
                 background-size: cover;
            }
        }

        @media (max-width: 480px) {
            .center-image {
                width: 50%;
            }
            .center-image-line {
                width: 65%;
            }
            .left-float-image,
            .up-float-image {
                width: 15%;
            }
            .image-container{
                height: 23vh;
                background-size:cover;
            }
            .right-down-float-image {
                right:8%;
            }
        }
        
                @media (max-width: 420px) {
            .center-image {
                width: 50%;
            }
            .center-image-line {
                width: 65%;
            }
            .left-float-image,
            .up-float-image {
                width: 15%;
            }
            .image-container{
                height: 25vh;
                background-size:cover;
            }
            .right-down-float-image {
                right:8%;
            }
        }/* End custom CSS */
/* Start custom CSS for posts, class: .elementor-element-7da6955 */.elementor-post__title {
    margin-left: -15px; 
    text-indent: -10px; 
}/* End custom CSS */