html {
            scroll-behavior: smooth;
        }

        .none {
            border: 1px solid #505050;
        }

        .owl-carousel {
            touch-action: none;
        }

        .custom-popover {
            max-width: 200px; /* 原本預設是 276px */
            width: 200px; /* 固定寬度 */
        }

        .popover-title {
            color: #777777;
        }

        .popover-content {
            color: #777777;
        }

        @media screen and (max-width: 576px) {
            #TraAlert {
                margin: 5em 0 0 0 !important;
            }
        }

        .zauto {
            z-index: auto !important;
        }

        .myMOUSE {
            cursor: pointer;
        }
#divTravelCountries {
            -moz-appearance: textfield;
            -webkit-appearance: textfield;
            background-color: white;
            background-color: -moz-field;
            border: 1px solid darkgray;
            box-shadow: 1px 1px 1px 0 lightgray inset;
            height: auto;
        }

        /* 根據卷軸將按鈕掛在右手邊 */
        .soller {
            position: fixed;
            right: 20px;
            top: 50%;
            transform: translateY(-50%);
            z-index: 9999;
        }

        .soller ul {
            list-style: none;
            margin: 0;
            padding: 0;
        }

        .soller ul li {
            margin-bottom: 12px; /* 按鈕間距 */
        }

        .soller li a {
            display: flex;
            flex-direction: column; /* 上下排列 */
            align-items: center;
            justify-content: center;
            width: 60px;           /* 方塊寬度 */
            height: 120px;          /* 方塊高度，直長方形 */
            background: #ff6b00;
            color: #fff;
            border-radius: 8px;     /* 輕微圓角 */
            text-decoration: none;
            box-shadow: 0 4px 10px rgba(0,0,0,.25);
            transition: background 0.3s;
            text-align: center;
            padding: 10px 5px;
        }

        .soller li a:hover {
            background: #e55d00;
        }

        .soller li a i {
            font-size: 24px;
            margin-top: 8px;        /* 圖示和文字的間距 */
        }

        .soller li a p {
            margin: 0;
            font-size: 14px;
            line-height: 1.2;
        }

        @media (max-width: 768px) {
            .coupon-block {
                margin-top: 12px;
            }
        }

        .borderSet tr th {
            border: 0.5px solid #ddd;
        }

        .borderSet tr td {
            border: 0.5px solid #ddd !important;
        }

        /* 第1行和第2行 */
        .planContent tr:nth-child(4n-3),
        .planContent tr:nth-child(4n-2) {
            background-color: #f2f2f2; /* 背景色1 */
        }

        /* 第3行和第4行 */
        .planContent tr:nth-child(4n-1),
        .planContent tr:nth-child(4n) {
            background-color: #ffffff; /* 背景色2 */
        }

        #body_DDL_beginInsHour option[disabled] {
            color: #EEEEEE;
        }

        /* 手機模式隱藏 */
        @media screen and (max-width: 768px) {
            .soller {
                display: none !important;
            }
        }

        /*新增點擊圖片秀出海突提醒圖片  css開始 */
        /* 圖片按鈕 */
        .overseas-btn {
	        margin: 15px 0;
        }
        .overseas-btn a {
	        display: inline-block;
        }
        .overseas-btn img {
	        display: block;
	        width: 300px;
	        max-width: 100%;
	        border: 0;
        }
        /* Bootstrap 2 Modal */
        #overseasDiseaseModal .modal-content{
            border-radius: 8px;
            overflow: hidden;
        }
        .disease-modal {
	        width: 500px;
	        margin-left: -250px;
	        border: 0;
	        border-radius: 8px;
	        overflow: hidden;
        }
        .disease-header {
	        position: relative;
	        padding: 13px 42px 13px 15px;
	        border: 0;
	        background: #37a6ea;
	        text-align: center;
        }
        .disease-header h3 {
	        margin: 0;
	        color: #fff;
	        font-family: Arial, "Microsoft JhengHei", "微軟正黑體", sans-serif;
	        font-size: 22px;
	        line-height: 1.4;
	        font-weight: 500;
        }
        .disease-close {
	        position: absolute;
	        top: 20%;
	        right: 10px;
	        width: 28px;
	        height: 28px;
	        margin-top: -14px;
	        padding: 0;
	        border: 0;
	        border-radius: 50%;
	        background: #fff;
	        color: #fff;
	        font-size: 25px;
	        line-height: 26px;
	        text-align: center;
	        text-shadow: none;
	        opacity: 1;
	        filter: alpha(opacity=100);
        }
        .disease-body {
	        max-height: none;
	        padding: 20px;
	        background: #f7f7f7;
	        color: #666;
	        font-family: Arial, "Microsoft JhengHei", "微軟正黑體", sans-serif;
        }
        .intro {
	        margin: 0;
	        color: #6f6f6f;
	        font-size: 15px;
	        line-height: 1.8;
	        text-align: center;
        }
        .disease-body hr {
	        margin: 16px 0;
	        border: 0;
	        border-top: 1px solid #d6d6d6;
        }
        .disease-body h4 {
	        margin: 0 0 14px;
	        color: #087f9f;
	        font-size: 20px;
	        line-height: 1.5;
	        font-weight: 500;
	        text-align: center;
        }
        /* 國家區塊 */
        .country-box {
	        display: table;
	        width: 100%;
	        min-height: 82px;
	        margin-bottom: 10px;
	        border: 1px solid #d7d7d7;
	        background: #fff;
	        table-layout: fixed;
	        box-sizing: border-box;
        }
        .country-box .left {
	        display: table-cell;
	        float: none;
	        width: 60%;
	        padding: 10px 5px 8px;
	        vertical-align: middle;
	        text-align: center;
	        box-sizing: border-box;
        }
        .country-box .arrow{
	        display: table-cell;
	        float: none;
	        width: 10%;
	        padding: 0 8px 0 2px;
	        vertical-align: middle;
	        text-align: center;
	        white-space: nowrap;
	        box-sizing: border-box;
        }

        .country-box .right {
	        display: table-cell;
	        float: none;
	        width: 30%;
	        padding: 0 8px 0 2px;
	        vertical-align: middle;
	        color: #ff3028;
	        font-weight: bold;
	        text-align: center;
	        white-space: nowrap;
	        box-sizing: border-box;
        }
        /* 國旗 */
        .flag {
            text-align: center;
            margin-bottom: 5px;
        }

        .flag img {
            display: inline-block;
            width: 36px;
            height: 36px;
            margin: 0 2px;

            /* 變圓 */
            border-radius: 50%;
            overflow: hidden;

            /* 避免圖片變形 */
            object-fit: cover;

            /* 陰影 */
            box-shadow: 0 2px 4px rgba(0,0,0,.18);

            vertical-align: middle;
        }
        .name {
	        margin-top: 2px;
	        color: #444;
	        font-size: 15px;
	        line-height: 1.3;
	        font-weight: bold;
        }
        .rate-arrow{
            display:inline-block;
            margin-right:8px;
        }

        .rate-arrow img{
            display:block;
            width:100%;
            height:auto;
        }
	  
        .rate-number {
	        display: inline-block;
	        color: #ff3028;
	        font-family: Arial, sans-serif;
	        font-size: 50px;
	        line-height: 1;
	        font-weight: bold;
        }
        .rate-unit {
	        margin-left: 1px;
	        color: #ff3028;
	        font-size: 20px;
	        font-weight: bold;
        }
        .note {
	        margin-top: 15px;
	        color: #666;
	        font-size: 12px;
	        line-height: 1.6;
        }
        .note p {
	        margin: 0 0 9px;
        }

        /* 手機版 */
        @media screen and (max-width:767px) {
        .disease-modal {
	        position: fixed;
	        top: 3%;
	        right: 5%;
	        left: 5%;
	        width: auto;
	        margin: 0;
        }
        .disease-modal.fade {
	        top: -25%;
        }
        .disease-modal.fade.in {
	        top: 3%;
        }
        .disease-header {
	        padding: 11px 38px 11px 10px;
        }
        .disease-header h3 {
	        font-size: 18px;
	        line-height: 1.45;
        }
        .disease-close {
	        right: 8px;
	        width: 26px;
	        height: 26px;
	        margin-top: -13px;
	        font-size: 23px;
	        line-height: 24px;
        }
        .disease-body {
	        max-height: 78vh;
	        padding: 15px;
	        overflow-y: auto;
	        -webkit-overflow-scrolling: touch;
        }
        .intro {
	        font-size: 12px;
	        line-height: 1.7;
        }
        .disease-body hr {
	        margin: 13px 0;
        }
        .disease-body h4 {
	        margin-bottom: 10px;
	        font-size: 14px;
        }
        .country-box {
	        min-height: 68px;
	        margin-bottom: 8px;
        }
        .country-box .left {
	        width: 60%;
	        padding: 7px 3px 6px;
        }
        .country-box .middle {
	        width: 10%;
	        padding-right: 4px;
        }
        .country-box .right {
	        width: 30%;
	        padding-right: 4px;
        }
        .flag {
	        margin-bottom: 2px;
        }
        .flag img{
            width:38px;
            height:38px;
            border-radius:50%;
            object-fit:cover;
            background:#fff;
            border:1px solid #d9d9d9;
            box-shadow:0 1px 3px rgba(0,0,0,.15);
        }
        .name {
	        font-size: 12px;
        }

        .rate-number {
	        font-size: 26px;
        }
        .rate-unit {
	        font-size: 14px;
        }
        .note {
	        line-height: 1.5;
        }
        }

        /* 小尺寸手機 */
        @media screen and (max-width:340px) {
        .disease-modal {
	        right: 3%;
	        left: 3%;
        }
        .disease-body {
	        padding-right: 12px;
	        padding-left: 12px;
        }
        .flag img {
	        width: 25px !important;
	        max-width: 25px !important;
	        height: 25px !important;
        }
        }
        /*新增點擊圖片秀出海突提醒圖片  css結束 */

        /* LINE POINTS 活動提示框_活動結束記得刪除 */
        .travel-country-wrap {
            position: relative;
        }

        .line-points-promo {
            position: absolute;

            bottom: 100%;
            left: 50%;
            transform: translateX(-50%);

            margin-bottom: 8px;

            width: 620px;
            max-width: 70vw;

            box-sizing: border-box;
            padding: 10px 35px 10px 14px;

            background: #f3fae8;
            border: 1px solid #b8d49c;
            border-radius: 6px;

            color: #555;
            font-size: 14px;
            line-height: 1.6;

            box-shadow: 0 2px 5px rgba(0, 0, 0, .15);

            z-index: 50;
        }

        /* 關閉 X */
        .line-points-close {
            position: absolute;
            top: 8px;
            right: 10px;

            width: 24px;
            height: 24px;
            padding: 0;

            border: 0;
            background: transparent;

            color: #777;
            font-size: 22px;
            line-height: 24px;
            text-align: center;

            cursor: pointer;
            z-index: 5;
        }

        .line-points-close:hover {
            color: #333;
        }

        .line-points-title {
            font-size:15px;
            margin-bottom: 4px;
            font-weight: bold;
            color: #4f5c46;
        }

        .line-points-icon {
            display: inline-block;

            width: 22px;
            height: 22px;
            margin-right: 6px;

            line-height: 22px;
            text-align: center;

            color: #fff;
            background: #20bd39;

            border-radius: 50%;

            font-weight: bold;
            vertical-align: middle;
        }

        .line-points-info {
            margin: 3px 0 3px 17px;
            padding-left: 15px;
        }

        .line-points-note {
            margin-top: 3px;
            font-size: 12px;
            color: #777;
        }
        /* LINE POINTS 活動提示框_活動結束記得刪除 */

        /* LINE POINTS 活動提示框(手機版)_活動結束記得刪除 */
        @media (max-width: 767px) {

            .line-points-promo {
                position: relative;

                /* 重要：清掉桌機 absolute 定位 */
                left: auto;
                right: auto;
                bottom: auto;

                transform: none;

                width: 100%;
                max-width: none;

                margin: 10px 0 12px 0;

                box-sizing: border-box;
                padding: 10px 42px 10px 10px;

                background: #f3fae8;
                border: 1px solid #b8d49c;
                border-radius: 6px;

                font-size: 13px;
                line-height: 1.5;

                box-shadow: 0 2px 5px rgba(0, 0, 0, .12);

                z-index: auto;
            }

            .line-points-title {
                font-size: 14px;
                line-height: 1.5;
                padding-right: 4px;
            }

            .line-points-info {
                margin: 5px 0 3px 14px;
                padding-left: 12px;
            }

            .line-points-note {
                font-size: 11px;
            }

            .line-points-close {
                position: absolute;

                top: 6px;
                right: 8px;

                width: 28px;
                height: 28px;

                padding: 0;
                margin: 0;

                border: 0;
                background: transparent;

                color: #777;

                font-family: Arial, sans-serif;
                font-size: 22px;
                font-weight: bold;
                line-height: 28px;
                text-align: center;

                cursor: pointer;
                z-index: 10;
            }
        }
        /* LINE POINTS 活動提示框_活動結束記得刪除 */

        /* LINE POINTS 活動提示框(按鈕)_活動結束記得刪除 */

        /* LINE POINTS 活動按鈕 */
        .line-points-toggle {
            display: inline-flex;
            align-items: center;
            gap: 4px;

            padding: 2px 8px;
            border: 1px solid #06c755;
            border-radius: 12px;

            background: #fff;
            color: #06c755;

            font-size: 12px;
            font-weight: bold;
            line-height: 20px;

            cursor: pointer;
            white-space: nowrap;
        }

        .line-points-toggle:hover,
        .line-points-toggle:focus {
            background: #06c755;
            color: #fff;
        }

        /* P 圖示 */
        .line-points-toggle-icon {
            display: inline-flex;
            justify-content: center;
            align-items: center;

            width: 18px;
            height: 18px;
            border-radius: 50%;

            background: #06c755;
            color: #fff;

            font-size: 11px;
            font-weight: bold;
        }

        .line-points-toggle:hover .line-points-toggle-icon,
        .line-points-toggle:focus .line-points-toggle-icon {
            background: #fff;
            color: #06c755;
        }
        /* LINE POINTS 活動提示框(按鈕)_活動結束記得刪除 */