﻿        body {
            font-family: Arial, sans-serif;
            /* background-color: #f2f2f2; */
            margin: 0;
            padding: 0;
        }

        /* * 【已修改】
         * 頂部提示框 — 預設隱藏，並設置 0.5 秒的過渡動畫
         */
        .notify {
            width: 200px;
            position: fixed;
            top: 20px;
            left: 50%;
            background: rgba(0, 0, 0, 0.85);
            color: #fff;
            padding: 10px 18px;
            border-radius: 8px;
            font-size: 12px;
            font-weight: 500;
            z-index: 999;

            opacity: 0;
            transform: translate(-50%, 40px);
            filter: blur(6px);

            transition: all 0.5s ease-in-out;
        }

        .notify.show {
            opacity: 1;
            transform: translate(-50%, 0);
            filter: blur(0px);
        }

        .container {
            max-width: 650px;
            background: white;
            margin: 0px auto;
            padding: 25px;
			padding-top: 0;
            text-align: center;
            /* border-radius: 12px; */
            /* box-shadow: 0 0 15px rgba(0, 0, 0, 0.08); */
        }

        h1 {
            font-size: 40px;
            color: #d9534f;
            margin-bottom: 15px;
        }

        p {
            font-size: 18px;
            color: #444;
        }

        .main-img {
            width: 90%;
            border-radius: 12px;
        }

        #quota {
            font-size: 36px;
            font-weight: bold;
            color: #d9534f;
            display: inline-block;
            transition: transform 0.25s ease;
        }

        .pulse {
            transform: scale(1.6);
        }

        .btn {
            display: inline-block;
            width: 50%;
            background-color: #28a745;
            color: white;
            padding: 18px;
            font-size: 24px;
            font-weight: bold;
            border-radius: 12px;
            text-decoration: none;
            margin-top: 0;
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
            transition: 0.2s;
        }

        .btn:hover {
            background-color: #1f7e34;
            box-shadow: 0 5px 14px rgba(0, 0, 0, 0.22);
        }

        .sub {

            font-size: 18px;
            margin-top: 40px;
            color: gray;
        }

        /* 按鈕放大縮小動畫（1 秒一次循環） */
        .pulse-btn {
            animation: pulseScale 1s infinite ease-in-out;
        }

        @keyframes pulseScale {
            0% {
                transform: scale(1);
            }
            50% {
                transform: scale(1.08);
            }
            100% {
                transform: scale(1);
            }
        }
.btn-with-icon {
    position: relative;
    padding-left: 70px !important; /* 保持文字居中所需空間 */

}
.container .anniu{
	width: 90% !important;
}
.btn-icon {
    position: absolute;
    left: 15px;     /* 圖片距離按鈕左側距離 */
    top: 50%;
    transform: translateY(-50%);
    width: 48px;
    height: 48px;
     border-radius: 10px;
}
 /* 底部信息 */
    .dibu {
     /* background-color: #f5f5f5;*/
      padding: 0px 15px;
      font-family: 'Microsoft YaHei', Arial, sans-serif;
      color: #333;
      text-align: center;
    }

   .dibu p {
	  
	   padding:0;
      margin: 2px 0;
      font-size: 14px;
    }
	.dibuaa{
		width:80%;
		max-width: 800px;
		display:flex;
		margin:0 auto
	}

    .dibuaa a {
      color: #666;
		width: 30%;
      text-decoration: none;
      margin: 0 8px;
      font-size: 13px;
		float: left;
    }

    .policy-box {
		max-width: 600px !important;
      display: none;
      margin: 0 auto;
      padding: 20px;
      background: #f9f9f9;
      border-radius: 6px;
		color:#348d5b;
      border: 1px solid #eee;
      text-align: left;
      font-size: 14px;
      line-height: 1.6;
    }