/* 這些是樣式設置，處理了幻燈片的樣式、按鈕樣式等 */
        #abgneBlock {
            width: 730px;
            height: 260px;
            position: relative;
            overflow: hidden;
            border: 1px solid #ccc;
        }
        #abgneBlock ul.list { 
            padding: 0;
            margin: 0;
            list-style: none;
            position: absolute;
            width: 9999px;  /* 這是確保所有幻燈片並排顯示 */
            height: 100%;
        }
        #abgneBlock ul.list li {
            float: left;
            width: 730px; /* 每一張幻燈片寬度 */
            height: 100%;
        }
        #abgneBlock .list img {
            width: 100%;
            height: 100%;
            border: 0;
        }
        #abgneBlock ul.playerControl {
            margin: 0;
            padding: 0;
            list-style: none;
            position: absolute;
            bottom: 5px;
            right: 5px;
            height: 14px;
        }
        #abgneBlock ul.playerControl li {
            float: left;
            width: 10px;
            height: 10px;
            cursor: pointer;
            margin: 0px 2px;
            background: url(images/cir_ctrl.png) no-repeat -10px 0;
        }
        #abgneBlock ul.playerControl li.current { 
            background-position: 0 0;
        }

        /* 這裡是左右箭頭按鈕的樣式 */
        .prev, .next {
            cursor: pointer;
            position: absolute; /* 讓箭頭按鈕相對於父元素定位 */
            top: 50%;           /* 使箭頭垂直居中 */
            padding: 10px;
            margin-top: -30px;  /* 調整箭頭的垂直位置，使其確切居中 */
            color: #fff;
            background-color: rgba(0,0,0,0.3);
            font-weight: bold;
            font-size: 18px;
            transition: 0.6s ease;
            border-radius: 0 3px 3px 0; /* 圓角 */
        }

        .next {
            right: 0;
            border-radius: 3px 0 0 3px;
        }

        .prev:hover, .next:hover {
            background-color: rgba(0,0,0,0.8);
        }

        /* 這裡處理箭頭方向的樣式 */
        .arrow {
            border: solid white;         /* 使用白色邊框來創建箭頭 */
            border-width: 0px 5px 5px 0; /* 設置邊框的寬度，根據這個值控制箭頭的大小 */
            display: inline-block;
            padding: 5px;
        }
        .left {
            transform: rotate(135deg);   /* 左箭頭旋轉135度 */
        }

        .right {
            transform: rotate(-45deg);   /* 右箭頭旋轉-45度 */
        }

        .text {
            color: #f2f2f2;
            font-size: 15px;
            padding: 8px 12px;
            position: absolute;
            bottom: 8px;
            width: 100%;
            text-align: center;
        }

        .numbertext {
            color: #f2f2f2;
            font-size: 12px;
            padding: 8px 12px;
            position: absolute;
            top: 0;
        }