@import url("https://panel.noon360.com/mainssl/uploads/noon360/template/us_basic/style.css");

#ns_Header {
    width: 100%;
    background-color: #fff;
    border-bottom: 3px solid #0a5a51 !important;
    margin-bottom: 20px;
    position: relative;
    top: 0;
    z-index: 9999;
}
body #ns_Header .meDivList, .FunBarNo1{
	z-index:12;
}
#ns_Menu {
 display: none;
}

#id_HeaderCol3 .nsDock {
    width: auto;
}

#id_HeaderCol3 .HeaderLeft3, #id_HeaderCol3 .HeaderRight3 {
    width: 180px;
}
.meLogoBlock img {
    width: 100%;
    max-width: 200px;
    max-height: 90px;
    object-fit: contain;
}
.memberBlk .meMsg_MsgContentBlk img{
	max-width:unset;
}
.paymentInfoEntry img {
    width: 35px;
	max-width:unset;
}

.paymentInfoEntry .meMsg_MsgBlk .meMsg_MsgTitle {
   font-size: 16px;
   white-space: nowrap;
   font-weight: 400;
	color:#FFF;
}

.paymentInfoEntry {
   font-size: 14px;
   padding: 5px 8px;
   border-radius: 10px;
	background-color:#0a5a51;
}

.paymentInfoEntry .meMsg_MsgBlk {
    display: flex;
    align-items: center;
    gap: 5px;
}

@media (max-width: 768px) {
	#id_HeaderCol3 .HeaderLeft3, #id_HeaderCol3 .HeaderRight3 {
	   width: 33%;
	}
   .treeList {
      top: 45px;
      border-top: 3px solid #0a5a51;
      border-bottom: 3px solid #0a5a51;
		z-index:999;
   }
	.paymentInfoEntry {
	   padding: 5px
	}
	.paymentInfoEntry .meMsg_MsgBlk {
		gap:0;
	}
	.paymentInfoEntry .meMsg_MsgBlk .meMsg_MsgTitle {
		display:none;
	}
}

/*導覽列第二排調整*/
body #dataSiteTree.Hori2 * {
    display: block;
    box-sizing: border-box;
    line-height: 125%;
    text-align: center;
    font-size: 1.2rem;
}

body #dataSiteTree.Hori2 .SiteGroup_1 {
    display: inline-block;
    margin: 5px;
    white-space: unset;
    position: relative;
}
#dataSiteTree.Hori2 .SiteGroup_1 .SiteMenu_1 {
    border: 0px solid #cccccc;
    z-index: 99;
    width: 200px;
}
body #dataSiteTree.Hori2 .SiteNode_1 {
    padding-left: 0;
}
body #dataSiteTree.Hori2 .SiteGroup_2 {
    display: block;
}
body #dataSiteTree.Hori2 .SiteGroup_2 a {
    border-bottom: 1px solid #E8E6ED;
    padding: 10px;
}
body #dataSiteTree.Hori2 .SiteGroup_2 span.ClassName {
    font-weight: normal;
    font-size: 16px;
    line-height: 28px;
    text-align: left;
    color: #585757;
}


/*驗證碼調整*/
.tdChkCodeImg {
    -webkit-filter: contrast(1.7) grayscale(4);
    filter: contrast(1.7) grayscale(4);
}




/* LIAM START */

/* ROOT區 */

:root {
    /* Main-theme-color */
    --regular-btn-color: #A88B6F;    /* 建議修改 */
    --regular-btn-hover-color: #333;
    --nav-bar-color: #153852;    /* 建議修改 */
    --nav-bar-font-color: #FFF;
    /* HEADER  註：如果要改HEADER背景為淺色，請到下方啟用FILTER */
    --header-bg-color: #FFF;
    --header-font-color: #524F4C;
    --header-font-hover-color: #A88B6F;    /* 建議修改 */
    /* PRDLIST 左邊商品分類欄 */
    --shop-left-bar-hover-color: #215984;    /* 建議修改 */
    --shop-left-bar-hover-font-color: #FFF;
    --shop-left-bar-hover-color-2: #2f988f;    /* 建議修改 */
    /* 一般頁面中標題及文字顏色 */
    --title-font-color: #875944;
    --subtitle-font-color: #333;
    --content-font-color: #4A4A4A;
    /* RWD左側導覽列 */
    --left-bar-color: #153852;    /* 建議修改 */
    --left-bar-tab-color: #F1F1F1; 
    --left-bar-font-color: #FFF;
    --left-bar-tab-font-color: #333;
    /* 常見問題導覽列 */
    --help-nav-bar-color: #A88B6F;    /* 建議修改 */
    --help-nav-bar-color-dark: #875944;    /* 建議修改 */
    /* OTHER */
    --member-font-hover-color: #e4875c;
    --login-btn-color: #A88B6F;
    --shopcar-btn-color: #A88B6F;
    --sold-out-color: #666666;
    /* FOOTER */
    --footer-color: #FFF;
    --footer-font: #333;
    --noon360-color: #2d628d;    /* 建議修改 */
}



/* HEADER導覽列 */



/* #id_HeaderRight3_1 img {
    filter: brightness(100);
} */


/* 右上角四個ICON相關 */

    /* 聯絡我們 */

    body #iWinTopDiv .contentUs .weForm span.btnUploadURL {
        border: 1px solid var(--regular-btn-color);
        padding: 3px 5px 5px 5px;
        background: var(--regular-btn-color);
        color: #fff;
        vertical-align: middle;
    }
    body #iWinTopDiv .contentUs .weForm .button[type=submit] {
        border-color: var(--regular-btn-color);
        background-color: var(--regular-btn-color);
        color: #fff;
        border-radius: 0px;
    }

    /* 登入 */

        /* 會員中心、登入HOVER顏色 */

        #blk3 .memberBlk a:hover {
            color: var(--member-font-hover-color);
        }

    /* LOGINFORM、JOINFORM 按鈕 */

    body .meCSS input[type=submit] {
        background: var(--login-btn-color);
        color: #fff;
    }
    body .meCSS input[type=submit]:hover {
        background: var(--regular-btn-hover-color);
        color: #fff;
    }

    /* 購物車按鈕 立即結帳 */

    body a.popupShopCartBtnSubmit.txt_PopupShopCartSubmit {
        background: var(--shopcar-btn-color);
        color: #fff;
    }

/* HEADER + 商品導覽列 RWD 左側 */

@media (max-width: 768px) {
    body .meus_NkMiniSiteAndPrdNav .tab button.active {
        background-color: var(--left-bar-color);
        color: var(--left-bar-font-color);
    }
    body .meus_NkMiniSiteAndPrdNav .tab-content.active {
        display: block;
        background: var(--left-bar-color);
        border: none;
    }
    #id_HeaderCol #content-1 .SiteItem span {
        color: var(--left-bar-font-color);
    }
    #id_HeaderCol #content-2 .SiteItem span {
        color: var(--left-bar-font-color);
    }
    .hamburger-content .tab {
        background-color: var(--left-bar-tab-color);
        color: var(--left-bar-tab-font-color);
    }
    #dataSiteTree a span {
        color: var(-left-bar-font-color);
    }
}
    
/* 商品分類導覽列 */

#id_HeaderCol {
    width: 100%;
    background: var(--nav-bar-color);
}

#id_HeaderCol .SiteItem span {
    color: var(--nav-bar-font-color);
}

#id_HeaderCol .hambuger-content a span {
    color: var(--nav-bar-font-color);
}


/* 首頁 商品展示區 標題 文字顏色 */
.weForm .meMsg_MsgBlk .meMsg_MsgTitle {
    color: var(--title-font-color);
}
.weForm .meMsg_MsgBlk .meMsg_MsgSubTitle {
    color: var(--subtitle-font-color);
}
.weForm .meMsg_MsgBlk .meMsg_Content {
    color: var(--content-font-color);
}

/* 把會員登入頁面標題排除選取範圍 */

#id_Content .Title1 .meMsg_MsgBlk .meMsg_MsgTitle {
    color: #333333;
}

#id_Content .title2 .meMsg_MsgBlk .meMsg_MsgTitle {
    color: #333333;
}


/* 購買 PRDLIST */

    /* 左側商品分類 */

    #id_ColLeft_1 .mePrdTree .TreeNode_1 {
        color: #000;
        background: #fff;
        border-top: 1px solid var(--shop-left-bar-hover-color);
    }
    
    #id_ColLeft_1 .mePrdTree .TreeNode_1:hover {
        color: var(--shop-left-bar-hover-font-color);
        background: var(--shop-left-bar-hover-color);
    }
    
    #id_ColLeft_1 .mePrdTree .TreeGroup_2:last-child {
        border-bottom: 1px solid var(--shop-left-bar-hover-color);
    }
    
    #id_ColLeft_1 .mePrdTree .TreeNode_1:hover .ClassName {
        color: var(--shop-left-bar-hover-font-color);
    }

    /* 左側商品分類－TreeNode_2 （一般未顯示）（分類資料夾還有再下一層才會查看到） */

    #id_ColLeft_1 .dataPrdTree .TreeNode_2:hover {
        background: var(--shop-left-bar-hover-color-2);
    }
    
    #id_ColLeft_1 .dataPrdTree .TreeNode_2:hover .ClassName {
        color: var(--shop-left-bar-hover-font-color);
    }

    /* 加入購物清單按鈕 */

    body #ns_Main .PrdList .SaleBtn1, body #ns_Main .PrdList .SaleBtn2, body #ns_Main .PrdList .SaleBtn3 {
        background: var(--regular-btn-color);
        border: 1px solid var(--regular-btn-color);
        color: #fff;
    }

    body #ns_Main .PrdList .SaleBtn1:hover, body #ns_Main .PrdList .SaleBtn2:hover, body #ns_Main .PrdList .SaleBtn3:hover {
        background: var(--regular-btn-hover-color);
        border-color: var(--regular-btn-hover-color);
    }

    /* 商品售完提示 */

    .PrdListBlk .PrdList .SaleBtn7 {
        border: 1px solid var(--sold-out-color);
        background: var(--sold-out-color);
        color: #fff;
    }

    /* 頁數 */

    #id_ContentBottom #PageCtrl a:hover {
        color: var(--nav-bar-color);
    }

    /* PRDINFO */ 

    .buybox .buyBtnBlk .rtBuyNow .c5Buy {
        border: 1px solid var(--regular-btn-color);
        color: #fff;
        background-color: var(--regular-btn-color);
    }

    /* 購物後登錄頁面SHOPLOGIN */

    body #ns_Main .tbLoginForm input[type="submit"]  {
        background: var(--login-btn-color);
        color: #fff;
    }
    body #ns_Main input.txt_ShopLoginQryPwd {
        border-color: var(--login-btn-color);
        color: #333333;
    }


/* 會員中心 */

.membercenter-headline .meMsg_MsgBlk .meMsg_MsgTitle {
    font-size: 24px;
    line-height: 120%;
    margin-top: 50px;
    margin-bottom: 40px;
    color: var(--title-font-color);
}

.memTab .ClassImg:has(img[title="訂單查詢"])::before {
    content: '\f03a';
    font-family: 'FontAwesome';
    font-size: 24px;
    color: var(--regular-btn-color); 
}
.memTab .ClassImg:has(img[title="會員資訊"])::before {
    content: '\f007';
    font-family: 'FontAwesome';
    font-size: 24px;
    color: var(--regular-btn-color); 
}
.memTab .ClassImg:has(img[title="我的最愛"])::before {
    content: '\f004';
    font-family: 'FontAwesome';
    font-size: 24px;
    color: var(--regular-btn-color); 
}
.memTab .ClassImg:has(img[title="紅利點數"])::before {
    content: '\f51e';
    font-family: 'FontAwesome';
    font-size: 24px;
    color: var(--regular-btn-color); 
}
.memTab .ClassImg:has(img[title="訊息"])::before {
    content: '\f27a';
    font-family: 'FontAwesome';
    font-size: 24px;
    color: var(--regular-btn-color); 
}
.memTab .ClassImg:has(img[title="優惠券"])::before {
    content: '\f02b';
    font-family: 'FontAwesome';
    font-size: 24px;
    color: var(--regular-btn-color); 
}

    /* 會員中心－訂單查詢_按鈕調整 */

    body .BlockTD a, body .ShopInfoBtn21 {
        background: var(--regular-btn-color);
        color: #fff;
    }
    body .BlockTD a:hover, body .ShopInfoBtn21:hover {
        background: #333;
        color: #fff;
    }

    /* 會員中心－查詢個人資訊_QryReg */

    body input#btnQryRegRegister {
        background: var(--regular-btn-color);
        color: #fff;
    }
    body input#btnQryRegRegister:hover {
        background: #333;
        color: #fff;
    }

    /* 會員中心－修改個人資訊_RegForm */

    body .meCSS .meForm input[type=submit] {
        background: var(--regular-btn-color);
        color: #fff;
    }
    body .meCSS .meForm input[type=submit]:hover {
        background: #333;
        color: #fff;
    }

    /* 會員中心－訊息_按鈕調整 */

    body .contactPageForm .weForm span.btnUploadURL {
        background: var(--regular-btn-color);
        color: #fff;
        border-color: var(--regular-btn-color);
    }
    body .contactPageForm .weForm span.btnUploadURL:hover {
        background: var(--regular-btn-hover-color);
        color: #fff;
        border-color: var(--regular-btn-hover-color);
    }
    body .contactPageForm .weForm .button[type=submit] {
        background: var(--regular-btn-color);
        color: #fff;
        border-color: var(--regular-btn-color);
    }
    body .contactPageForm .weForm .button[type=submit]:hover {
        background: var(--regular-btn-hover-color);
        color: #fff;
        border-color: var(--regular-btn-hover-color);
    }




/* FOOTER */

#ns_Footer {
    background-color: var(--footer-color);
    margin-top: 60px;
    border-top: 3px solid #0a5a51 !important;
}

#ns_Footer #id_FooterRight3 .SiteMenu a span, #ns_Footer #id_FooterLeft3 .meMsg_Content, #ns_Footer #id_FooterCol .meMsg_Title span, #ns_Footer #id_FooterCol .listCopyrightBlock span {
    color: var(--footer-font);
}

#ns_Footer #id_FooterCol .listCopyrightBlock span a {
    color: var(--noon360-color);
}

    /* 常見問題區塊 FAQ */

    /* 修復商品導覽列與常見問題導覽列中間有白線問題 */

    #id_HeaderCol_1 #dataSiteTree .SiteNode_B {
        border: 0;
    }

    #ns_Header {
        border-bottom: none;
    }

    /* 常見問題導覽列顏色 */

    body #ns_Main .FAQMenu0 {
        background: var(--help-nav-bar-color);
    }
    
    body #ns_Main .FAQMenu1 {
        background: var(--help-nav-bar-color-dark);
    }




/* 未確認到的顏色 */

    /* ShopOrder （應該是會員中心－優惠券）*/

    body #ns_Main input#btnCouponCode, body #ns_Main input.txt_btnChgCouponCode  {
        background: var(--regular-btn-color);
        color: #fff;
    }
    body #cenShopInfoStep #ShopInfoStep .StepTable .StepItem .StepItem1 .badge .text {
        background: var(--regular-btn-color);
        border: 1px solid #e8e8e8;
        color: #fff;
    }
    body #ns_Main #cenShopInfoStep #ShopInfoStep .StepTable .StepItem:nth-child(3) .badge::before,
    body #ns_Main #cenShopInfoStep #ShopInfoStep .StepTable .StepItem:nth-child(5) .badge::before {
        background: var(--regular-btn-color);
    }
    body .underBtn .meMsg_MsgTitle_2 {
        background: var(--regular-btn-color);
        color: #fff;
    }
    body .choosePayType.choosed {
        background: var(--regular-btn-color);
        color: #fff;
    }
    body #ns_Main #cenShopInfoStep #ShopInfoStep .StepTable .StepItem:nth-child(1) .StepItem0 .badge .text, body #ns_Main #cenShopInfoStep #ShopInfoStep .StepTable .StepItem:nth-child(3) .StepItem0 .badge .text {
        background: #f5eacf;
    }
    
    /* PrdInfo_規格按鈕 （不知道是啥，找得到divPrdInfo，但找不到tablePrdSpec）*/

    body .divPrdInfo .tablePrdSpec .liOpt.isClk {
        background: var(--regular-btn-color);
    }
    body .divPrdInfo .tablePrdSpec .optname {
        color: #fff;
        background: #000;
    }
    body .divPrdInfo .tablePrdSpec .optname:hover {
        color: #fff;
        background: var(--regular-btn-color);
    }
    body .divPrdInfo .tablePrdSpec .liOpt.isClk .optname {
        color: #fff;
        background: var(--regular-btn-color);
    }
    body .divPrdInfo .tablePrdSpec .liOpt.disabled .optname {
        color: #fff;
    }
    
/* LIAM END */

/* 日月潭泳渡嘉年華 - 運動活力藍設計
   設計語彙：動態漸層、水波紋路、現代化表單、清晰分區 
*/

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;700;900&display=swap');

/* 全域重置與背景 */
body {
    background: #eef2f7 url('https://www.transparenttextures.com/patterns/cubes.png');
    font-family: 'Noto-Sans TC', 'Microsoft JhengHei', sans-serif !important;
    margin: 0;
    padding: 0;
}

/* 主容器現代化 */
#ns_Wrapper5 {
    background: rgba(255, 255, 255, 0.95);
    max-width: 1000px;
    margin: 40px auto !important;
    border-radius: 20px;
    box-shadow: 0 20px 50px rgba(0, 50, 100, 0.15);
    overflow: hidden;
    border-top: 8px solid #0056b3;
}

/* 頂部導覽列樣式 (id_Menu) */
#ns_Menu {
    background: #003366 !important;
    padding: 10px 20px;
}

#id_CtrlBtn a, #id_CtrlBtn span {
    color: #ffffff !important;
    text-decoration: none;
    font-size: 14px;
    margin: 0 5px;
}

#id_CtrlBtn .SearchBox {
    border-radius: 20px;
    padding: 4px 12px;
    border: none;
}

/* 標題區域設計 - 運動感 */
.weForm .meMsg_MsgTitle {
    display: block;
    background: linear-gradient(135deg, #0056b3 0%, #00aaff 100%);
    color: #fff !important;
    padding: 30px 20px !important;
    font-size: 28px !important;
    font-weight: 900 !important;
    text-align: center;
    letter-spacing: 2px;
    text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
    border-bottom: 5px solid #ffcc00; /* 加入一點象徵活力的黃色亮點 */
}

.weForm .meMsg_MsgTitle span.txt_AddText {
    background: #ffcc00;
    color: #003366 !important;
    padding: 4px 12px;
    border-radius: 4px;
    margin-right: 10px;
    font-size: 18px;
    vertical-align: middle;
}

/* 表單區塊現代化 */
.weFormDiv {
    padding: 30px;
}

.weForm {
    border-collapse: separate !important;
    border-spacing: 0 15px !important;
}

/* 表單標籤 (Caption) */
.weForm .captionTop {
    color: #003366 !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    padding-right: 20px !important;
    width: 200px !important;
    border-left: 4px solid #00aaff;
    padding-left: 15px !important;
    text-align: left !important;
}

/* 輸入框樣式優化 */
.weForm input[type="edit"], 
.weForm input[type="text"],
.weForm select, 
.weForm textarea {
    width: 100% !important;
    padding: 12px 15px !important;
    border: 2px solid #e1e8f0 !important;
    border-radius: 8px !important;
    background-color: #f8fbff !important;
    font-size: 17px !important;
    transition: all 0.3s ease;
}

.weForm input:focus, 
.weForm select:focus, 
.weForm textarea:focus {
    border-color: #00aaff !important;
    background: #ffffff !important;
    box-shadow: 0 0 10px rgba(0, 170, 255, 0.2);
    outline: none;
}

/* 特定欄位視覺分隔 - 讓參加者資訊更像一張張卡片 */
/* 當 tr 包含 "第1位", "第2位" 等文字時，增加上方間距與底色 */
.weForm tr[fieldtag^="p1Name"],
.weForm tr[fieldtag^="p2Name"],
.weForm tr[fieldtag^="p3Name"],
.weForm tr[fieldtag^="p4Name"] {
    background: #f0f7ff;
    border-top: 2px dashed #00aaff;
}

.weForm tr[fieldtag^="p1Name"] td,
.weForm tr[fieldtag^="p2Name"] td,
.weForm tr[fieldtag^="p3Name"] td,
.weForm tr[fieldtag^="p4Name"] td {
    padding-top: 20px !important;
    font-weight: bold;
}

/* 單選框 (Radio) 樣式自定義 */
.weForm input[type="radio"] {
    transform: scale(1.2);
    margin-right: 8px;
    cursor: pointer;
}

.weForm nobr {
    margin-right: 15px;
    display: inline-block;
    padding: 5px 10px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 20px;
    transition: 0.2s;
	gap:5px;
}



/* 送出按鈕設計 - 充滿能量的藍色按鈕 */
.weForm .button.submit {
    background: linear-gradient(to right, #0056b3, #00aaff) !important;
    color: white !important;
    border: none !important;
    padding: 15px 60px !important;
    font-size: 20px !important;
    font-weight: 900 !important;
    border-radius: 50px !important;
    cursor: pointer !important;
    box-shadow: 0 10px 20px rgba(0, 86, 179, 0.3) !important;
    transition: all 0.3s ease !important;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 30px 0 !important;
}

.weForm .button.submit:hover {
    transform: translateY(-3px) scale(1.05);
    box-shadow: 0 15px 30px rgba(0, 86, 179, 0.4) !important;
    background: linear-gradient(to right, #004494, #0099ee) !important;
}

/* 隱藏不必要的表格邊框與間距 */
table, tr, td {
    border: none !important;
}

/* 響應式優化 */
@media all and (max-width: 600px) {
    #ns_Wrapper5 {
        margin: 0 !important;
        border-radius: 0;
    }
    .weForm .captionTop {
        width: 100% !important;
        display: block;
        margin-bottom: 5px;
        border-left: 5px solid #00aaff;
    }
    .weForm .detail {
        display: block;
        width: 100% !important;
    }
}

/* 針對運動風格的裝飾性偽元素 (僅在寬螢幕顯示) */
@media all and (min-width: 1200px) {
    body::before {
        content: "SUN MOON LAKE 2026";
        position: fixed;
        top: 20%;
        left: -50px;
        font-size: 120px;
        font-weight: 900;
        color: rgba(0, 86, 179, 0.03);
        transform: rotate(-90deg);
        z-index: -1;
        white-space: nowrap;
    }
}
  @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700&display=swap');

        :root {
            --primary-navy: #003366;
            --ocean-blue: #0066cc;
            --light-blue: #e6f2ff;
            --accent-gold: #f39c12;
            --border-color: #cbd5e1;
        }

        body {
            font-family: 'Noto Sans TC', sans-serif;
            background-color: #f0f6fa;
            color: #1e293b;
            line-height: 1.6;
        }

        .container-page {
            max-width: 1000px;
            margin: 0 auto;
            background: #ffffff;
            box-shadow: 0 0 30px rgba(0,0,0,0.1);
            min-height: 100vh;
        }

        .top-bar {
            height: 8px;
            background: linear-gradient(to right, var(--primary-navy), var(--ocean-blue), #5ac8fa);
        }

        .form-header {
            background-color: #fff;
            padding: 3rem 2rem;
            text-align: center;
            border-bottom: 1px solid #edf2f7;
        }

        .form-header h1 {
            color: var(--primary-navy);
            font-size: 2.2rem;
            font-weight: 700;
            letter-spacing: 1px;
            margin-bottom: 0.5rem;
        }

        .form-header p {
            color: var(--ocean-blue);
            font-weight: 500;
            font-size: 1.1rem;
            text-transform: uppercase;
            letter-spacing: 2px;
        }

        .form-content {
            padding: 2.5rem;
        }

        .info-box {
            background-color: #f0f9ff;
            border-left: 5px solid var(--ocean-blue);
            padding: 1.2rem 1.5rem;
            margin-bottom: 2.5rem;
            border-radius: 4px;
            font-size: 0.95rem;
            color: #0c4a6e;
        }

        /* 針對原始表格結構的 CSS 美化 - 絕對不動 HTML */
        .weForm {
            width: 100% !important;
            border-collapse: collapse;
        }

        .weForm tr {
            display: flex;
            flex-wrap: wrap;
            border-bottom: 1px solid #f1f5f9;
            padding: 5px 0;
            align-items: center;
        }

        .weForm tr:hover {
            background-color: #f9fbff;
        }

        .captionTop {
            width: 240px !important;
            min-width: 240px;
            font-weight: 700;
            color: var(--primary-navy);
            padding-right: 1.5rem;
            font-size: 0.95rem;
            display: flex;
            align-items: center;
        }

        .detail{
            flex: 1;
            padding-left: 0.5rem;
        }

        /* 輸入框美化 */
        input[type="edit"], select, textarea {
            width: 100%;
            max-width: 600px;
            padding: 0.6rem 0.8rem;
            border: 1px solid var(--border-color);
            border-radius: 4px;
            background-color: #fff;
            color: #334155;
            font-size: 1rem;
            transition: all 0.2s;
        }

        input[type="edit"]:focus, select:focus, textarea:focus {
            border-color: var(--ocean-blue);
            box-shadow: 0 0 0 3px rgba(0, 102, 204, 0.15);
            outline: none;
        }

        .detail span[_xmltype="block"] {
            display: flex;
            gap: 1rem;
            flex-wrap: wrap;
				align-items: center;
        }

        nobr {
            display: inline-flex;
            align-items: center;
            font-weight: 500;
            padding: 5px 14px;
            border-radius: 999px;
            font-size: 0.9rem;
            transition: all 0.2s;
            margin-bottom: 5px;
        }


        input[type="radio"] {
            margin-right: 0.6rem;
            accent-color: var(--ocean-blue);
            transform: scale(1.1);
        }

        /* --- 核心：參加者分段標題美化 (自動識別 p1Name, p2Name... 等) --- */
        tr[fieldtag^="p"][fieldtag$="Name"] {
            background-color: var(--primary-navy) !important;
            padding: 1.2rem 1.5rem !important;
            margin: 2.5rem 0 1rem 0;
            border-radius: 6px;
            color: white;
            box-shadow: 0 4px 10px rgba(0,51,102,0.15);
        }

        tr[fieldtag^="p"][fieldtag$="Name"] .captionTop {
            color: white !important;
            width: auto !important;
            min-width: 260px !important;
            font-size: 1.1rem;
        }

        tr[fieldtag^="p"][fieldtag$="Name"] .captionTop::before {
            content: "🏊";
            margin-right: 12px;
            font-size: 1.2rem;
        }

        tr[fieldtag^="p"][fieldtag$="Name"] .detail input {
            background-color: rgba(255,255,255,0.15);
            border: 1px solid rgba(255,255,255,0.3);
            font-weight: bold;
        }

        tr[fieldtag^="p"][fieldtag$="Name"] .detail input::placeholder {
            color: rgba(255,255,255,0.5);
        }

        .gap { display: none; }

        /* 日期選擇 */
        .spanDate { display: flex; align-items: center; gap: 8px; }
        .btnDatePopup {
            background-color: var(--ocean-blue);
            color: white;
            padding: 6px 16px;
            border-radius: 4px;
            font-size: 0.85rem;
            cursor: pointer;
            transition: opacity 0.2s;
        }

        /* 送出按鈕 */
        .submit {
            background-color: var(--accent-gold) !important;
            background-image: linear-gradient(to bottom, #f39c12, #e67e22) !important;
            color: white !important;
            border: none !important;
            padding: 1.2rem 4rem !important;
            font-size: 1.4rem !important;
            font-weight: 700 !important;
            border-radius: 50px !important;
            cursor: pointer;
            transition: all 0.3s !important;
            display: block;
            margin: 4rem auto !important;
            box-shadow: 0 6px 15px rgba(243, 156, 18, 0.3);
        }

        .submit:hover {
            transform: translateY(-2px);
            box-shadow: 0 10px 20px rgba(243, 156, 18, 0.4);
        }

        /* 頁尾 */
        .footer {
            background-color: #f8fafc;
            padding: 2.5rem;
            text-align: center;
            border-top: 1px solid #edf2f7;
            font-size: 0.9rem;
            color: #64748b;
        }

        @media (max-width: 768px) {
            .captionTop { width: 100% !important; margin-bottom: 0.8rem; }
            .form-header h1 { font-size: 1.6rem; }
            .form-content { padding: 1.2rem; }
            .submit { width: 100%; padding: 1rem !important; }
        }

        star { color: #ef4444; font-weight: bold; margin-left: 3px; }






/* ============================================================
   日月潭泳渡嘉年華 WeForm 美化 CSS  v2
   規則：純 CSS，不動 HTML
   字級：最小 16px
   文字：最淡 #333333
   色系：日月潭 × 游泳 水藍湖綠
   ============================================================ */

:root {
  --wf-lake-deep:      #0A5A50;
  --wf-lake-mid:       #0D7A6A;
  --wf-lake-bright:    #1AA891;
  --wf-lake-light:     #6ECDC0;
  --wf-lake-foam:      #B8EDE7;
  --wf-lake-mist:      #E4F7F5;
  --wf-lake-surf:      #F2FBFA;

  --wf-text-dark:      #1C3E38;
  --wf-text-body:      #2B5A52;
  --wf-text-label:     #1C3E38;
  --wf-text-input:     #1C3E38;
  --wf-text-placeholder: #5A9A90;
  --wf-text-muted:     #3D7068;
  --wf-text-option:    #2B5A52;

  --wf-border:         #8ECEC7;
  --wf-border-focus:   #0D7A6A;
  --wf-border-subtle:  #C8EAE7;

  --wf-bg:             #F2FBFA;
  --wf-surface:        #FFFFFF;
  --wf-row-hover:      #EDF8F7;

  --wf-font: 'Noto Sans TC', 'PingFang TC', 'Microsoft JhengHei', sans-serif;
  --wf-radius:    10px;
  --wf-radius-sm: 6px;
  --wf-radius-btn: 8px;
  --wf-shadow-card:  0 4px 20px rgba(10, 90, 80, 0.10);
  --wf-shadow-focus: 0 0 0 3px rgba(13, 122, 106, 0.22);
}

/* ---------- 根容器 ---------- */
.meMsgInfo.meWeForm {
  font-family: var(--wf-font);
  font-size: 16px;
  color: var(--wf-text-body);
  background: var(--wf-bg);
  line-height: 1.65;
}
table.meMsg_MsgMain { background: transparent !important; width: 100% !important; }
.meMsg_MsgMainTd    { padding: 0 !important; }

/* ---------- 標題區 ---------- */
.meWeForm .meMsg_MsgBlk div[align="left"] > span{
  background: linear-gradient(135deg, #0A5A50 0%, #1AA891 100%);
  border-radius: var(--wf-radius) var(--wf-radius) 0 0;
  padding: 26px 32px 22px;
  display:block;
}
.meWeForm .meMsg_MsgBlk div[align="left"] .meMsg_Content{
  padding: 26px 32px 22px;
  border-radius: var(--wf-radius) var(--wf-radius) 0 0;
}
.meWeForm .meMsg_MsgTitle {
  font-size: 20px;
  font-weight: 700;
  color: #FFFFFF;
  letter-spacing: 0.05em;
  line-height: 1.4;
}
.txt_AddText {
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  background: rgba(255,255,255,0.20);
  color: #C8F0EB;
  border-radius: 5px;
  padding: 2px 9px;
  margin-right: 10px;
  letter-spacing: 0.08em;
  vertical-align: middle;
  position: relative;
  top: -2px;
}

/* ---------- 表單主體 ---------- */
.meWeForm .meMsg_MsgContentBlk.inc_msg_WeForm {
  background: var(--wf-surface);
  border-radius: 0 0 var(--wf-radius) var(--wf-radius);
  box-shadow: var(--wf-shadow-card);
  border: 1.5px solid var(--wf-border-subtle);
  border-top: none;
  overflow: hidden;
}
.weFormDiv { padding: 4px 0 8px; }

/* ---------- 表單 Table ---------- */
table.weForm { width: 100% !important; border-collapse: collapse; }

table.weForm .tr {
  border-bottom: 1px solid var(--wf-border-subtle);
  transition: background 0.15s ease;
}
table.weForm .tr:last-child { border-bottom: none; }
table.weForm .tr:hover       { background: var(--wf-row-hover); }

/* ---------- Label ---------- */
table.weForm td.captionTop {
  padding: 15px 10px 15px 28px !important;
  font-size: 16px !important;
  font-weight: 600;
  color: var(--wf-text-label) !important;
  vertical-align: middle !important;
  width: 175px;
  min-width: 150px;
  white-space: nowrap;
  line-height: 1.45;
}
table.weForm td.captionTop star { color: #B05800; font-size: 15px; margin-left: 2px; }
table.weForm td.desc   { padding: 13px 28px !important; font-size: 16px; color: #ffffff; }
table.weForm td.gap    { width: 14px !important; padding: 0 !important; }
table.weForm td.detail { padding: 11px 28px 11px 6px !important; vertical-align: middle !important; position: relative;}

/* ---------- 文字輸入 ---------- */
table.weForm input[type="edit"],
table.weForm input[type="text"] {
  display: inline-block;
  width: 100%;
  max-width: 440px;
  height: 44px;
  padding: 0 14px;
  font-family: var(--wf-font);
  font-size: 16px;
  color: var(--wf-text-input);
  background: var(--wf-lake-surf);
  border: 1.5px solid var(--wf-border);
  border-radius: var(--wf-radius-sm);
  outline: none;
  box-sizing: border-box;
  transition: border-color 0.2s, box-shadow 0.2s, background 0.2s;
  -webkit-appearance: none;
  appearance: none;
}
table.weForm input[type="edit"]::placeholder,
table.weForm input[type="text"]::placeholder { color: var(--wf-text-placeholder); font-size: 15px; }
table.weForm input[type="edit"]:hover,
table.weForm input[type="text"]:hover { border-color: var(--wf-lake-light); background: #F6FDFC; }
table.weForm input[type="edit"]:focus,
table.weForm input[type="text"]:focus {
  border-color: var(--wf-border-focus);
  box-shadow: var(--wf-shadow-focus);
  background: #FFFFFF;
  color: var(--wf-text-dark);
}

/* ---------- 下拉選單 ---------- */
table.weForm select {
  display: inline-block;
  height: auto;
  min-width: 170px;
  max-width: 440px;
  font-family: var(--wf-font);
  color: var(--wf-text-option);
  outline: none;
  cursor: pointer;
  box-sizing: border-box;
  transition: border-color 0.2s, box-shadow 0.2s;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url(https://athena.noon360.com/noon360/ezgotour/PageInfo/dropdownicon.svg) no-repeat right 10px center;
  background-size: 16px;
  padding:12px 30px 12px 15px;
}
table.weForm select:hover { border-color: var(--wf-lake-light); background-color: #F6FDFC; }
table.weForm select:focus { border-color: var(--wf-border-focus); box-shadow: var(--wf-shadow-focus); background-color: #FFFFFF; }
table.weForm select option { font-size: 16px; color: var(--wf-text-option); background: #FFFFFF; }
@media (max-width:768px){
	table.weForm select option {
		font-size: 14px;
	}
}

/* ---------- Textarea ---------- */
table.weForm textarea {
  display: block;
  width: 100%;
  max-width: 540px;
  min-height: 100px;
  padding: 12px 14px;
  font-family: var(--wf-font);
  font-size: 16px;
  color: var(--wf-text-input);
  background: var(--wf-lake-surf);
  border: 1.5px solid var(--wf-border);
  border-radius: var(--wf-radius-sm);
  outline: none;
  resize: vertical;
  box-sizing: border-box;
  line-height: 1.65;
  transition: border-color 0.2s, box-shadow 0.2s, background 0.2s;
}
table.weForm textarea::placeholder { color: var(--wf-text-placeholder); font-size: 15px; }
table.weForm textarea:hover { border-color: var(--wf-lake-light); background: #F6FDFC; }
table.weForm textarea:focus { border-color: var(--wf-border-focus); box-shadow: var(--wf-shadow-focus); background: #FFFFFF; color: var(--wf-text-dark); }

/* ---------- Radio ---------- */
table.weForm input[type="radio"] {
  width: 18px;
  height: 18px;
  margin: 0 6px 0 0;
  accent-color: var(--wf-lake-mid);
  cursor: pointer;
  vertical-align: middle;
  position: relative;
  top: -1px;
  border: none !important;
  background: transparent !important;
  flex-shrink: 0;
}
table.weForm nobr {
  display: inline-flex;
  align-items: center;
  margin-right: 22px;
  font-size: 16px;
  color: var(--wf-text-body);
  cursor: pointer;
  font-weight: 500;
}

/* ---------- 日期選取 ---------- */
table.weForm .spanDate { display: inline-flex; align-items: center; gap: 10px; flex-wrap: wrap; }
table.weForm .spanDate input[type="edit"] { max-width: 200px; }
table.weForm .btnDatePopup {
  display: inline-flex;
  align-items: center;
  height: 40px;
  padding: 0 18px;
  font-family: var(--wf-font);
  font-size: 15px;
  font-weight: 600;
  color: var(--wf-lake-deep);
  background: var(--wf-lake-mist);
  border: 1.5px solid var(--wf-lake-foam);
  border-radius: var(--wf-radius-sm);
  cursor: pointer;
  user-select: none;
  transition: background 0.15s, border-color 0.15s;
  white-space: nowrap;
}
table.weForm .btnDatePopup:hover { background: var(--wf-lake-foam); border-color: var(--wf-lake-light); }
table.weForm .txt_btnDatePopup   { pointer-events: none; font-size: 15px; color: var(--wf-lake-deep); }

/* ---------- 參加者分組 ---------- */
table.weForm tr[fieldtag="p1Name"],
table.weForm tr[fieldtag="p2Name"],
table.weForm tr[fieldtag="p3Name"],
table.weForm tr[fieldtag="p4Name"] {
  background: #EBF7F5;
  border-top: 2px solid var(--wf-lake-foam);
}
table.weForm tr[fieldtag="p2Name"] td.captionTop,
table.weForm tr[fieldtag="p3Name"] td.captionTop,
table.weForm tr[fieldtag="p4Name"] td.captionTop {
  border-left: 4px solid var(--wf-lake-bright);
}

/* ---------- 送出按鈕 ---------- */
table.weForm input[type="submit"].button.submit,
table.weForm input.button.submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: auto;
  min-width: 150px;
  padding: 0 34px;
  font-family: var(--wf-font);
  font-size: 17px;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: #FFFFFF;
  background: linear-gradient(135deg, #0A5A50 0%, #1AA891 100%) !important;
  border: none;
  border-radius: var(--wf-radius-btn);
  cursor: pointer;
  outline: none;
  transition: opacity 0.2s, transform 0.12s, box-shadow 0.2s;
  box-shadow: 0 4px 16px rgba(10, 90, 80, 0.30);
  -webkit-appearance: none;
  appearance: none;
}
table.weForm input[type="submit"].button.submit:hover {
  opacity: 0.90;
  box-shadow: 0 6px 22px rgba(10, 90, 80, 0.38);
  transform: translateY(-2px);
}
table.weForm input[type="submit"].button.submit:active {
  transform: translateY(0);
  box-shadow: 0 2px 10px rgba(10, 90, 80, 0.22);
}
table.weForm tr:has(td[tag="isSubmit"]) { border-top: 2px solid var(--wf-lake-mist); }
table.weForm tr:has(td[tag="isSubmit"]) td.detail { padding: 18px 28px 24px 6px !important; }

/* ---------- RWD ---------- */
@media (max-width: 640px) {
  table.weForm,
  table.weForm tbody,
  table.weForm .tr,
  table.weForm td { display: block; width: 100% !important; }
  table.weForm td.captionTop { padding: 14px 18px 4px !important; width: 100% !important; min-width: unset !important; white-space: normal; }
  table.weForm td.gap    { display: none !important; }
  table.weForm td.detail { padding: 6px 18px 16px !important; }
  table.weForm input[type="edit"],
  table.weForm input[type="text"],
  table.weForm select,
  table.weForm textarea { max-width: 100% !important; width: 100% !important; }
  .meWeForm .meMsg_MsgBlk { padding: 20px 18px 16px; }
  .meWeForm .meMsg_MsgTitle { font-size: 17px; }
}

.meWeForm .txt_AddText{	display:none;}

.meWeForm{
	max-width:800px;
	margin:auto;
}
.meWeForm .meMsg_MsgBlk .meMsg_MsgTitle,
table.weForm tr[fieldtag="p1Name"] td.captionTop,
table.weForm tr[fieldattr="說明"] .captionTop,
table.weForm tr[fieldtag="p2Name"] td.captionTop,
table.weForm tr[fieldtag="p3Name"] td.captionTop,
table.weForm tr[fieldtag="p4Name"] td.captionTop{
	color:#ffffff !important;
}
tr[fieldattr="說明"],
tr[fieldtag^="p"][fieldtag$="Name"]{
	background: linear-gradient(135deg, #0A5A50 0%, #1AA891 100%) !important;
}
#ns_Footer .meLogoBlock .meMsg_MsgTitleBlk {display:none;}
.meLogoBlock .meMsg_MsgBlk .meMsg_MsgTitle{
    line-height: 125%;
    font-size: 1rem;
	color:#524F4C; display: none;
}
.meWeForm .formError {
    left: 8px !important;
}
.meWeForm tr[fieldtag="isGroup"] .txt_capisGroup,
.meWeForm tr[fieldtag="isGroup"] .detail td:first-child{
	display:none !important;
}
.meWeForm tr[fieldtag="isGroup"] .detail td:nth-child(2){
	display:flex;
	width: 60%;
	font-weight:700;
	color:#1C3E38;
	justify-content: center;
   padding-left: 22px;
}
.meWeForm tr[fieldtag="isGroup"] .detail td:nth-child(2) input{
	width:auto !important;
}
.meWeForm tr[fieldtag="agreeWaiver"] .detail .hasDesc{
	flex-wrap:unset;
}
#dataSiteTree.Hori .SiteGroup_1.SiteGroup_x a .ClassName,
#dataSiteTree.Hori .SiteGroup_1 a:hover .ClassName{
	color:#15907d;
}
td[tag="agreeContract"]::after,
td[tag="agreeWaiver"]::after,
td[tag="regType"]::after,
td[tag="contactName"]::after,
td[tag="contactEmail"]::after,
td[tag="contactMobile"]::after,
td[tag="regCount"]::after,
td[tag="pickupLocation"]::after,
td[tag="RoomType"]::after,
td[tag="estFinishTime"]::after,
td[tag="emergencyContact"]::after,
td[tag="emergencyTel"]::after,
td[tag="p1Name"]::after,
td[tag="p1Gender"]::after,
td[tag="p1Plan"]::after,
td[tag="p1IdNo"]::after,
td[tag="p1Birthday"]::after,
td[tag="p1Mobile"]::after,
td[tag="p1ShirtSize"]::after,
td[tag="p1Meal"]::after,
td[tag="p1Buoy"]::after{
	content:"*";
	color:red;
}
.meWeForm tr[fieldtag="isGroup"] .detail td:nth-child(2)::before {
    content: "*";
    color: red;
    order: 2;
    margin-right: auto;
}
.meWeForm tr[fieldtag="isGroup"] .detail td:nth-child(2) input{
	order:3;
}
.weFormDiv .ReturnDesc{
	padding:20px;
}
.id_HeaderR3{
	position:relative;
}
.tr[fieldtag="p1ShirtSize"] + tr .desc,
.tr[fieldtag="p2ShirtSize"] + tr .desc,
.tr[fieldtag="p3ShirtSize"] + tr .desc,
.tr[fieldtag="p4ShirtSize"] + tr .desc,
.tr[fieldtag="p5ShirtSize"] + tr .desc,
.tr[fieldtag="p6ShirtSize"] + tr .desc,
.tr[fieldtag="p7ShirtSize"] + tr .desc,
.tr[fieldtag="p8ShirtSize"] + tr .desc{
	color:#2B5A52;
}
#ns_Header .meMsg_MsgContentBlk,
#ns_Footer .meMsg_MsgContentBlk{
	display:block;
}

@media (max-width:768px){
	.id_HeaderR3 .meLogoBlock {
   	 /* position: absolute; */
   	 /* transform: translate(-50%, -50%); */
   	 left: 50%;
   	 top: 50%;
	}
	#ns_Header{
		height:80px;
	}

.paymentInfoEntry img {
    width: 32px;
}
	.meWeForm .meMsg_MsgBlk div[align="left"] > span,
	.meWeForm .meMsg_MsgBlk div[align="left"] .meMsg_Content{
		padding:26px 20px 22px;
	}
	.meWeForm tr[fieldtag="isGroup"] .detail td:nth-child(2){
		display:flex !important;
		flex-wrap:wrap;
      justify-content: flex-start;
	}
	.meWeForm tr[fieldtag="isGroup"] .detail td{
		text-align:left;
	}
	.meWeForm tr[fieldtag="isGroup"] .detail td:nth-child(2) input{
		width:100% !important;
		display:block;
		margin:10px 0 !important;
	}
}
@media (max-width:640px){
	.meWeForm tr[fieldtag="isGroup"] .detail td:nth-child(2){
		padding-left:0;
	}
}
@media (max-width:500px){
	.meWeForm .meMsg_MsgBlk .meMsg_MsgTitle{
		max-width:220px;
	}
}
@media (max-width:450px){
	.meLogoBlock .meMsg_MsgBlk .meMsg_MsgTitle{
		 max-width: 120px;
       text-align: center;
	}
}