body {
    perspective: 800px;
    text-align: center;
    margin-top:2;
    margin-left:0;
}
.ma{
    font-family: "標楷體", Arial, sans-serif;
    font-size: 36pt;
    display: inline-block;
    text-shadow: 
        0.5px 0.5px 0 black,
        1px 1px 0 black;
    transform-origin: center center;
    transition: transform 1s linear, color 1s linear;
}
#word7, #word8 {
    display: inline-block;
    position: relative;
    transition: transform 1s linear, color 1s linear; /* 添加平滑顏色過渡效果 */
}
.marquee {
    width: 100%; /* 自適應寬度 */
    max-width: 1000px; /* 設置最大寬度 */
    height: 180px; /* 跑馬燈容器高度 */
    overflow: hidden; /* 隱藏溢出的文字 */
    border:1 solid black; /* 無邊框 */
    margin: 0 auto; /* 水平居中 */
    position: relative;
    text-align:left;
    margin:0;
    padding:0;
    top:0;
}
.marquee div {
    margin:0;
    position: absolute;
    white-space: nowrap; /* 防止換行 */
    opacity: 1; /* 初始透明度 */
    left:0;
}