@charset "utf-8";
/* ============================================================
 * 登入／註冊頁「左側物流促銷」區塊  2026-10-02
 * 客戶《集運問題總結 1.1》第 5 條：
 *   「註冊頁面左邊需要添加一張物流促銷圖片」
 *   （截圖紅框 = 登入頁左邊那一大片空白）
 * 由 Web/Tpl/default/Web/Login/index.html、reg.html 引入
 * 只作用在 .lg_promo 範圍內，不動 main.css 既有規則
 * ============================================================ */

/* ---------- 共用卡片 ---------- */
.lg_promo{float:left;width:474px;margin:30px 0 0 6px;box-sizing:border-box;
	text-align:left;border-radius:14px;overflow:hidden;position:relative;
	background:linear-gradient(125deg,#8a0a05 0%,#c01b13 50%,#ef5a24 100%);
	box-shadow:0 10px 24px rgba(160,20,10,.28);}
.lg_promo_in{position:relative;z-index:2;padding:22px 24px 24px;}
.lg_promo .lg_promo_tag{float:none;display:inline-block;margin:0 0 12px;padding:5px 13px;
	border-radius:18px;font-size:13px;letter-spacing:1px;color:#ffe6a8;
	background:rgba(255,255,255,.16);border:1px solid rgba(255,220,150,.55);}
.lg_promo .lg_promo_h{display:block;margin:0;color:#fff;font-size:34px;line-height:1.2;
	font-weight:900;letter-spacing:2px;text-shadow:0 3px 0 rgba(120,4,10,.5),0 8px 20px rgba(90,3,8,.35);}
.lg_promo .lg_promo_h em{font-style:normal;color:#ffd24a;}
.lg_promo .lg_promo_ul{margin:14px 0 0;padding:0;list-style:none;}
.lg_promo .lg_promo_ul li{position:relative;padding:5px 0 5px 18px;font-size:15px;
	line-height:1.7;color:#ffeed6;}
.lg_promo .lg_promo_ul li::before{content:"";position:absolute;left:1px;top:14px;width:7px;height:7px;
	border-radius:50%;background:#ffd466;}
.lg_promo .lg_promo_ul li b{color:#fff3c4;}
.lg_promo a.lg_promo_btn{display:inline-block;margin-top:16px;padding:12px 30px;border-radius:28px;
	color:#b3121a;font-size:16px;font-weight:bold;text-decoration:none;
	background:linear-gradient(180deg,#fffdf2,#ffd977 55%,#f0a81e);
	box-shadow:0 5px 0 #c9820f,0 10px 18px rgba(120,60,0,.28),inset 0 2px 0 rgba(255,255,255,.9);}
.lg_promo a.lg_promo_btn:hover{color:#8a0a05;}
.lg_promo_img{display:block;margin:14px auto 0;width:78%;max-width:340px;height:auto;
	filter:drop-shadow(0 10px 18px rgba(90,3,8,.35));}
.lg_promo .lg_promo_tip{display:block;margin-top:8px;font-size:12px;color:#ffd9b8;}

/* ---------- 註冊頁版（左窄卡） ---------- */
#reg .lg_promo_reg{float:left;width:31%;margin:0 1.5% 0 0;}
#reg .lg_promo_reg .lg_promo_in{padding:18px 16px 18px;}
#reg .lg_promo_reg .lg_promo_h{font-size:25px;letter-spacing:1px;}
#reg .lg_promo_reg .lg_promo_ul li{font-size:13.5px;padding-left:16px;}
#reg .lg_promo_reg a.lg_promo_btn{padding:10px 20px;font-size:14px;}
/* 2026-10-03《集運問題總結-2026.10.03》第4條：註冊頁左側促銷卡已移除，
   表單寬度還原成 main.css 原本的 95%（維持原來的樣子）。 */
#reg .reg{width:95%;}

/* ---------- 螢幕不夠寬就不顯示（手機版另有手機站） ---------- */
@media (max-width:999px){
	.lg_promo{display:none;}
	#reg .lg_promo_reg{display:none;}
	#reg .reg{width:95%;}
}

/* ---------- 邀請碼頁版（Login/inviteCode.html） 2026-10-02 ----------
   那一頁原本只有一個「請輸入注冊邀請碼」的居中表單，左邊一片空白；
   用 #inv 容器把促銷卡放左、表單放右（<1000px 只留表單，卡片隱藏）。 */
#inv .reg{float:left;width:99%;}
@media (min-width:1000px){
	#inv{display:flex;align-items:flex-start;gap:18px;}
	#inv .lg_promo_inv{float:none;flex:0 0 300px;width:300px;margin:14px 0 0;}
	#inv .lg_promo_inv .lg_promo_in{padding:18px 16px;}
	#inv .lg_promo_inv .lg_promo_h{font-size:24px;letter-spacing:1px;}
	#inv .lg_promo_inv .lg_promo_ul{margin-top:12px;}
	#inv .lg_promo_inv .lg_promo_ul li{font-size:13px;line-height:1.6;padding:4px 0 4px 16px;}
	#inv .lg_promo_inv .lg_promo_img{width:72%;max-width:200px;margin-top:12px;}
	#inv .lg_promo_inv a.lg_promo_btn{padding:9px 20px;font-size:14px;}
	#inv .reg{float:none;flex:1 1 auto;width:auto;min-width:0;box-sizing:border-box;}
	#inv .content{float:none;width:100%;}
}