/* .text-style-left {
    font-size: 130%; 
    line-height: 40px;
    text-align: left;
} */

.text-style {
    font-size: 130%; 
    line-height: 40px;
}

.service-style {
    text-align: right;
    font-size: 120%;
}

.text-style-left {
    font-family: Arial, sans-serif; /* 使用一個清晰易讀的字體 */
    padding: 20px; /* 添加內邊距增加內容與周圍的間距 */
    background-color: rgba(255, 255, 255, 0.5); /* 背景顏色 */
    border-radius: 10px; /* 圓角邊框 */
    border: 1px solid #ddd; /* 邊框 */
}

.text-style-left h4 {
    margin-top: 0; /* 清除標題的頂部間距 */
    color: #333; /* 標題文字顏色 */
    font-size: 150%; /* 標題字體大小 */
    font-weight: bold; /* 粗體 */
    margin-bottom: 10px; /* 添加標題的底部間距 */
}

.text-style-left p {
    margin-top: 0; /* 清除內文的頂部間距 */
    color: #ffffff; /* 內文文字顏色 */
    font-size: 130%; /* 內文字體大小 */
    line-height: 1.6; /* 行高 */
    margin-bottom: 10px; /* 添加內文的底部間距 */
}

@keyframes floating {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-25px);
    }
    100% {
        transform: translateY(0);
    }
}

.floating-text {
    animation: floating 3s ease-in-out infinite; /* 使用動畫 */
}

@keyframes shake {
    0% { transform: translateX(0); }
    25% { transform: translateX(3px); }
    50% { transform: translateX(-3px); }
    75% { transform: translateX(1px); }
    100% { transform: translateX(0); }
}

.shake-text {
    animation: shake 2s infinite;
}