/* ==========================================================
   2026 遠見高峰會｜混沌世界 主視覺（.kv）＋ 漢堡選單
   獨立檔案，不更動 layout.css / custom.css
   ========================================================== */

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

:root{
	--kv-blue-deep:#0047c8;
	--kv-gold:#ffd84d;
	--kv-ink-soft:rgba(255,255,255,.75);
}

/* ---------------------------------------------------
   0-1. 全站英文／數字統一使用 Noto Sans
   --------------------------------------------------- */

body,
body :not(i):not([class*="fa"]):not([class*="icon"]){
	font-family:'Noto Sans','Noto Sans TC','Microsoft JhengHei','微軟正黑體',sans-serif;
}

/* ---------------------------------------------------
   0. sticky 失效的真正原因修正
   --------------------------------------------------- */

.main{
	overflow-y:visible !important;
}

/* ---------------------------------------------------
   1. Header：全面改為漢堡選單（桌機／手機都顯示漢堡）
   --------------------------------------------------- */

/* header  */
.header{
	position:fixed !important;
	top:0; left:0; right:0;
	z-index:9999 !important;
	background:transparent !important;
	backdrop-filter:none !important;
	-webkit-backdrop-filter:none !important;
}

/* 原本桌機版的橫向選單，這頁一律隱藏 */
.header .menuList{
	display:none !important;
}

/* 漢堡按鈕：不依賴 mShow / pShow（這兩個 class 可能被 common.js 依螢幕寬度動態增減），
   直接鎖定 .menu.navOpen 本身，桌機、手機都強制顯示 */
.header .menu.navOpen{
	display:flex !important;
	align-items:center;
	justify-content:center;
	width:40px;
	height:40px;
	cursor:pointer;
	position:absolute !important;
	top:20% !important;
	right:15px !important;
	transform:translateY(-50%) !important;
	z-index:310;
}
.header .menu.navOpen .menuBtn{
	position:relative;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	width:26px;
	height:18px;
}
.header .menu.navOpen .menuBtn i{
	display:block;
	width:100%;
	height:5px;
	background:#e8e8e8 !important; /* common.js 在 scroll 事件中會用行內樣式把顏色改成 #5f5f5f，這裡強制蓋回白色 */
	border-radius:2px;
	transition:transform .35s cubic-bezier(.65,0,.35,1), opacity .25s ease;
}
/* 開啟時：三線變 X */
.header .menu.navOpen.on .menuBtn i:nth-child(1){
	transform:translateY(0px) rotate(45deg);
}
.header .menu.navOpen.on .menuBtn i:nth-child(2){
	opacity:0;
}
.header .menu.navOpen.on .menuBtn i:nth-child(3){
	transform:translateY(-8px) rotate(-45deg);
}

/* 選單遮罩 (移除透明底色與 blur，僅保留點擊關閉選單之透明判定範圍) */
.menuOverlay{
	position:fixed;
	inset:0;
	background:transparent !important;
	backdrop-filter:none !important;
	-webkit-backdrop-filter:none !important;
	opacity:0;
	visibility:hidden;
	transition:opacity .35s ease, visibility .35s ease;
	z-index:290;
}
.menuOverlay.on{
	opacity:1;
	visibility:visible;
}

/* 滑出式選單面板：固定在右側 */
.header .menuBox{
	display:block !important;
	position:fixed !important;
	top:0;
	right:0 !important;
	left:auto !important;
	height:100% !important;
	width:min(78vw,360px) !important;
	background:linear-gradient(160deg,#00389e,#001c58);
	border-left:1px solid rgba(255,255,255,.12);
	z-index:300;
	padding:110px 40px 40px;
	overflow-y:auto;
	transform:translateX(100%);
	transition:transform .45s cubic-bezier(.65,0,.35,1), visibility .45s ease, opacity .45s ease;
	visibility:hidden !important;
	opacity:0 !important;
}
.header .menuBox.on{
	transform:translateX(0) !important;
	visibility:visible !important;
	opacity:1 !important;
}
.header .menuBox .block{
	display:flex;
	flex-direction:column;
}
.header .menuBox .block .navBtn{
	display:block !important;
	padding:14px 4px !important;
	font-size:20px !important;
	font-weight:500 !important;
	line-height:1.5 !important;
	letter-spacing:1px !important;
	color:#fff !important;
	border-bottom:1px solid rgba(255,255,255,.12) !important;
	transition:color .25s ease, padding-left .25s ease !important;
}
.header .menuBox .block .navBtn:hover{
	color:var(--kv-gold) !important;
	padding-left:10px !important;
}

/* 因 header 改為 fixed，避免蓋住主視覺最上方內容 */
.kv{
	margin-top:0;
}

@media (max-width:899px){
	/* 6. logo.svg 寬度縮減 */
	.header .block .logo{
		width:125px !important;
	}

	.header{
		background:linear-gradient(180deg, #00207A 30%, rgba(0, 32, 122, 0) 100%) !important;
	}
}
}

/* ---------------------------------------------------
   2. 主視覺 .kv
   --------------------------------------------------- */

.kv{
	position:relative;
	min-height:130svh;
	display:flex;
	align-items:flex-start;
	justify-content:center;
	overflow:visible;
	padding:130px 24px 200px;
	background:var(--kv-blue-deep);
	color:#fff;
}

@media (max-width:899px){
	
	.kv{
		min-height:auto;
		padding:130px 24px 60px;
	}
}

@media (min-width:900px){
	
	.kv{
		min-height:auto;
		padding:130px 24px 100px;
	}
}

/* 底圖：img/main_bg.jpg */
.kv .kvBg{
	position:absolute;
	inset:0;
	z-index:0;
	background-image:url('../img/main_bg.jpg');
	background-size:cover;
	background-position:top center;
	background-repeat:no-repeat;
}

/* 動態橘色筆刷：img/main01.png（已去背），以 clip-path 做出筆刷掃出效果 */
.kv .kvBrush{
	position:absolute;
	top:8%;
	left:0;
	width:100%;
	z-index:1;
	pointer-events:none;
	overflow:hidden;
	clip-path:inset(0 100% 0 0);
}
.kv.is-ready .kvBrush{
	animation:kvBrushReveal 1.6s cubic-bezier(.22,.75,.24,1) .3s forwards,
	          kvBrushDrift 9s ease-in-out 2.1s infinite;
}
.kv .kvBrush img{
	display:block;
	width:100%;
	height:auto;
}

@keyframes kvBrushReveal{
	0%{clip-path:inset(0 100% 0 0);}
	100%{clip-path:inset(0 0 0 0);}
}
/* 掃出完成後，讓筆刷帶一點緩慢的漂浮感，增添氣勢 */
@keyframes kvBrushDrift{
	0%,100%{ transform:translate(0,0) scale(1); }
	50%{ transform:translate(-1%,1.2%) scale(1.02); }
}
@media (prefers-reduced-motion:reduce){
	.kv .kvBrush{clip-path:inset(0 0 0 0);animation:none;}
}

/* 8. 手機版筆刷動畫：維持原本的 clip-path 特效（跟桌機版一樣），
   只加上 will-change 提示瀏覽器提前準備圖層，減少一點負擔，
   不改變視覺效果本身。 */
@media (max-width:899px){
	.kv .kvBrush{
		will-change:clip-path;
	}
}

/* 覆蓋 layout.css 中的 .main .kv .block，使其在最上方（z-index: 3），並移除白框與固定高度 */
.kv .block {
	position: absolute !important;
	z-index: 3 !important;
	border: none !important;
	height: auto !important;
}

/* 文字底圖 (置於筆刷之上、文字之下，滿版背景) */
.kv .kvTextBg {
	position: absolute;
	inset: 0;
	z-index: 2;
	pointer-events: none;
}
.kv .kvTextBg img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

/* 文字內容（全部改為圖片 SVG，寬度以 max-width 控制比例，可依實際檔案微調） */
.kv .kvContent{
	position:relative;
	z-index:2;
	max-width:640px;
	width:100%;
	margin:0 auto;
	text-align:center;
}

.kv .kvImg{
	margin:0 auto;
}
.kv .kvImg img{
	display:block;
	width:100%;
	height:auto;
	margin:0 auto;
}

.kv .kvEyebrow{ max-width:300px; margin-bottom:75px; }
.kv .kvKicker{ max-width:430px; margin-bottom:20px; }
.kv .kvTitleMain{ max-width:440px; margin-bottom:20px; }
.kv .kvTitleSub{ max-width:650px; margin-bottom:50px; }
.kv .kvTitleEn{ max-width:650px; margin-bottom:70px; }

/* 日期圖片 */
.kv .kvDate{ max-width:400px; margin-bottom:20px; }

/* 地點圖片 */
.kv .kvAdd{ max-width:520px; margin-bottom:0; }

@media (min-width:900px){
	.kv{align-items:center;}
	/* 桌機版專屬：title-01.svg 上方留 260px 間距 */
	.kv .kvKicker{ margin-top:260px; }
	/* 大會特色的視覺內容（icon+標題）跟著 title-01.svg 往下移動，
	   .kv 改成貼合內容高度後，不需要這麼多內距 */
	.page.anchor1{ padding-top:100px; }
}

/* ---------------------------------------------------
   手機版專屬微調（桌機版完全不受影響）
   --------------------------------------------------- */
@media (max-width:899px){
	/* 1. 2026forum.svg：最上方再多留約 200px 間距 */
	.kv .kvEyebrow{ margin-bottom:20px; margin-top:200px; }
	/* 2. title-main02.svg */
	.kv .kvTitleSub{ margin-bottom:35px; }
	/* 3. title-e.svg */
	.kv .kvTitleEn{ margin-bottom:40px; }
	/* 4. date.svg：改用比例寬度而不是固定 max-width */
	.kv .kvDate{ width:70%; max-width:70%; }
	/* 5. main01.png 橘色筆刷往下移動約 120px */
	.kv .kvBrush{ top:calc(8% + 120px); }
}

/* ---------------------------------------------------
   文字進場動態：依序由上而下淡入滑入，
   主標題加上縮放＋發光，強化開場的氣勢感
   --------------------------------------------------- */
.kv .kvEyebrow,
.kv .kvKicker,
.kv .kvTitleMain,
.kv .kvTitleSub,
.kv .kvTitleEn,
.kv .kvDate,
.kv .kvAdd{
	opacity:0;
	will-change:transform, opacity;
}

.kv.is-ready .kvEyebrow{
	animation:kvFadeDown .8s cubic-bezier(.22,.75,.24,1) .5s forwards;
}
.kv.is-ready .kvKicker{
	animation:kvFadeUp .8s cubic-bezier(.22,.75,.24,1) .72s forwards;
}
.kv.is-ready .kvTitleMain{
	animation:kvTitleIn 1.1s cubic-bezier(.22,.75,.24,1) .92s forwards,
	          kvGlowPulse 3.6s ease-in-out 2.4s infinite;
}
.kv.is-ready .kvTitleSub{
	animation:kvFadeUp .8s cubic-bezier(.22,.75,.24,1) 1.34s forwards;
}
.kv.is-ready .kvTitleEn{
	animation:kvFadeUp .8s cubic-bezier(.22,.75,.24,1) 1.56s forwards;
}
.kv.is-ready .kvDate{
	animation:kvFadeUp .8s cubic-bezier(.22,.75,.24,1) 1.78s forwards;
}
.kv.is-ready .kvAdd{
	animation:kvFadeUp .8s cubic-bezier(.22,.75,.24,1) 1.98s forwards;
}

@keyframes kvFadeDown{
	from{ opacity:0; transform:translateY(-18px); }
	to{ opacity:1; transform:translateY(0); }
}
@keyframes kvFadeUp{
	from{ opacity:0; transform:translateY(26px); }
	to{ opacity:1; transform:translateY(0); }
}
/* 主標題：由模糊、縮小、下移，放大回正並帶一點回彈，最有氣勢的一段 */
@keyframes kvTitleIn{
	0%{ opacity:0; transform:scale(.82) translateY(32px); filter:blur(8px); }
	65%{ opacity:1; transform:scale(1.04) translateY(0); filter:blur(0); }
	100%{ opacity:1; transform:scale(1) translateY(0); filter:blur(0); }
}
/* 主標題落定後，緩慢的金色光暈呼吸，延續氣勢 */
@keyframes kvGlowPulse{
	0%,100%{ filter:drop-shadow(0 0 0 rgba(255,216,77,0)); }
	50%{ filter:drop-shadow(0 0 22px rgba(255,216,77,.55)); }
}

@media (prefers-reduced-motion:reduce){
	.kv .kvEyebrow,
	.kv .kvKicker,
	.kv .kvTitleMain,
	.kv .kvTitleSub,
	.kv .kvTitleEn,
	.kv .kvDate,
	.kv .kvAdd{
		opacity:1;
		animation:none !important;
	}
}

/* ---------------------------------------------------
   3. 區段標題樣式 (Section Title with icon.svg)
   --------------------------------------------------- */
.secTitle {
	text-align: center;
	margin: 40px auto 20px;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 100%;
}
.secTitle .secIcon {
	width: 40px;
	height: auto;
	margin-bottom: 10px;
	display: block;
}
.secTitle .secIcon img {
	width: 100%;
	height: auto;
	display: block;
}
.main .page .block .secTitle h2 {
	margin: 0 !important;
	padding: 0 5px 10px !important;
	display: inline-block !important;
}


.secTitle h2{
	color: var(--sec-title-color, #52616B);
}
.secTitle p {
	margin: 0;
	font-size: 25px;
	font-weight: 600;
	letter-spacing: .08em;
	line-height: 1.35;
	color: var(--sec-en-color, #52616B);
}

/* ---------------------------------------------------
   4. 大會特色區塊疊在主視覺背景上
   --------------------------------------------------- */
/* anchor1 往上拉，壓在 .kv 的延伸背景上 */
.page.anchor1 {
	position: relative;
	z-index: 10;
	margin-top: -160px !important;
	background: transparent !important;
	padding-top: 60px;
	--sec-title-color:#ffffff; /* 大會特色 主標 */
	--sec-en-color:#6ca8ff;    /* 大會特色 英文標 */
}
/* 確保 anchor1 之後的頁面恢復正常背景 */
.page.anchor2,
.page.anchor3,
.page.anchor4,
.page.anchor5,
.page.anchor6,
.page.anchor7,
.page.anchor8 {
	position: relative;
	z-index: 1;
}

/* ---------------------------------------------------
   區段標題顏色總覽（之後要調色都只要改這裡的變數）：
   anchor1 大會特色　　主標 #ffffff／英文標 #6ca8ff
   anchor2 六大議題　　主標 #ffffff／英文標 #6ca8ff
   anchor3 大會主席團　主標 #005cff／英文標 #6ca8ff
   anchor4 入席方案　　主標 #ffffff／英文標 #6ca8ff
   anchor5 聯絡我們　　主標 #ffffff／英文標 #6ca8ff
   anchor6 共同推動　　主標 #ffffff／英文標 #6ca8ff
   --------------------------------------------------- */
.page.anchor2,
.page.anchor3
{
	--sec-title-color:#ffffff;
	--sec-en-color:#6ca8ff;
}
.page.anchor4,
.page.anchor5,
.page.anchor6{
	--sec-title-color:#005cff;
	--sec-en-color:#6ca8ff;
}

.page.anchor1 { margin-top: -360px !important; padding-bottom: 110px; background: #0047c8 url('../img/main_bg.jpg') center bottom / cover no-repeat !important; }
.page.anchor1 .txt1 h3, .page.anchor1 .txt1 p { color: #fff; }

/* ---------------------------------------------------
   5. 六大議題：113deg 藍色漸層底色
   --------------------------------------------------- */
/* layout.css 有 .main .page:nth-child(odd){background:#f4f4f4} 斑馬紋規則，
   選擇器層級比單純的 .page.anchor2 更高，這裡用 !important 蓋過去。
   另外絕對不能在這層加 overflow:hidden，否則底下 .topicsSticky 的
   position:sticky 會直接失效（sticky 的黃金規則：任何一層祖先設定
   overflow:hidden/auto/scroll，底下的 sticky 都會失效）。 */
.page.anchor2{
	background: linear-gradient(113deg, #008bff 0%, #000095 100%) !important;
	padding-top: 60px;
	padding-bottom: 0;
}

/* ---------------------------------------------------
   5-1. 大會主席團：a3_bg.jpg 背景 + 三位主席卡片
   --------------------------------------------------- */
.page.anchor3{
	background: #0047c8 !important;
	padding-top: 60px;
	padding-bottom: 80px;
	overflow: hidden; /* 這層底下沒有用到 position:sticky，可以放心裁切 */
}
.page.anchor3 .a3Bg{
	position: absolute;
	inset: 0;
	z-index: 0;
	background: url('../img/a3_bg.jpg') center / cover no-repeat;
}
.page.anchor3 .block,
.page.anchor3 .coChairsWrap{
	position: relative;
	z-index: 1;
}

.coChairsWrap{
	display: flex;
	align-items: center;
	gap: 16px;
	max-width: 1050px;
	margin: 48px auto 0;
	padding: 0 24px;
}

.coChairsSwiper{
	flex: 1;
	overflow: hidden;
}
/* 桌機：固定三欄格線，不啟用 Swiper 的橫向捲動 */
.coChairsSwiper .swiper-wrapper{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}

.coChairCard{
	position: relative;
	border-radius: 12px;
	overflow: hidden;
	background: linear-gradient(160deg, #0055ae 0%, #000166 100%);
}
.coChairPhoto{
	position: relative;
	/*aspect-ratio: 3 / 3.6;*/
	overflow: hidden;
	background: url('../img/a3_bg02.jpg') center / cover no-repeat;
}
.coChairPhoto img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.coChairInfo{
	position: relative;
	padding: 28px 24px 26px;
	text-align: left;
	background: url('../img/a3_bg02.jpg') center / cover no-repeat;
}
/* 金色線段裝飾，放在姓名上方，增加重量感 */
.coChairInfo::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0px;
	width: 100%;
	height: 5px;
	background: linear-gradient(80deg, #FFFFDA 0.31%, #BF8A3B 16.7%, #BF8A3B 37.09%, #FFFFDA 59.69%, #BF8A3B 76.53%);
}
.coChairInfo h3{
	font-family: 'Noto Serif TC', serif !important;
	font-weight: 700 !important;
	font-size: 26px;
	color: #ffffff;
	letter-spacing: 1px;
	margin-bottom: 10px;
}
.coChairInfo p{
	font-size: 18px;
	color: #ffffff;
	letter-spacing: .5px;
	margin: 15px 0px 10px;
	font-weight: 600;
}

/* 左右箭頭：桌機不需要（三欄已經全部顯示），手機輪播時才出現
   這兩個是 <button>，瀏覽器預設會有白色背景／邊框／padding，
   custom.css 的 reset 沒有包含 button，這裡明確重置乾淨 */
.coChairsArrow{
	flex: 0 0 auto;
	width: 36px;
	height: 36px;
	display: none;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	background: none;
	border: none;
	padding: 0;
	margin: 0;
	-webkit-appearance: none;
	appearance: none;
	box-shadow: none;
	outline: none;
}
.coChairsArrow img{
	width: 50%;
	height: auto;
	display: block;
}

@media (max-width: 768px){
	/* 手機：改用瀏覽器原生的橫向捲動 + scroll-snap，
	   不再用 Swiper 函式庫控制位置（避免它內部位置計算出錯） */
	.coChairsSwiper{
		overflow-x: auto;
		overflow-y: hidden;
		scroll-snap-type: x mandatory;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none; /* Firefox 隱藏捲軸 */
	}
	.coChairsSwiper::-webkit-scrollbar{
		display: none; /* Chrome / Safari 隱藏捲軸 */
	}
	.coChairsSwiper .swiper-wrapper{
		display: flex;
	}
	.coChairsSwiper .swiper-slide{
		width: 100%;
		flex: 0 0 100%;
		scroll-snap-align: center;
	}
	.coChairsArrow{
		display: flex;
	}
	.coChairsWrap{
		gap: 8px;
		padding: 0 12px;
	}
	/* 手機版文字等比例縮小，避免名字/職稱在較窄的卡片裡顯得過大 */
	.coChairInfo{
		padding: 20px 18px 20px;
	}
	.coChairInfo h3{
		font-size: 21px;
	}
	.coChairInfo p{
		font-size: 15px;
		margin: 10px 0px 0;
	}
}

/* ---------------------------------------------------
   5-1b. 入席方案：a4_bg.jpg 背景 + 票券卡片
   --------------------------------------------------- */
.page.anchor4{
	position: relative;
	padding-top: 60px;
	padding-bottom: 80px;
	overflow: hidden;
}
.page.anchor4 .a4Bg{
	position: absolute;
	inset: 0;
	z-index: 0;
	background: url('../img/a4_bg.jpg') center / cover no-repeat;
}
.page.anchor4 .block,
.page.anchor4 .ticketWrap{
	position: relative;
	z-index: 1;
}

.ticketWrap{
	max-width: 1100px;
	margin: 48px auto 0;
	padding: 0 24px;
}

.ticketCard{
	position: relative;
	display: flex;
	border-radius: 16px;
	overflow: hidden;
	padding: 46px 54px;
	gap: 48px;
}
.ticketCard .ticketBg{
	position: absolute;
	inset: 0;
	z-index: 0;
	background: url('../img/a4_bg02.jpg') center / cover no-repeat;
}
.ticketLeft,
.ticketRight{
	position: relative;
	z-index: 1;
}

/* 左側：早鳥票／價格 */
.ticketName{
	margin: 30px 0 20px!important;
}
.ticketLeft{
	flex: 0 0 auto;
	width: 40%;
	color: #fff;
}
.ticketName{
	font-size: 48px !important;
	font-weight: 500 !important;
	margin-bottom: 35px;
}
/* 「限時優惠價」上下各一條裝飾線，寬度跟著文字本身的寬度走
   （用 inline-block + 上下框線，而不是額外的一個 div），
   不是固定寬度，也不是套用在整個票券欄位上 */
.ticketLabel{
	display: inline-block;
	border-top: 2px solid rgba(255, 224, 130, .55);
	border-bottom: 2px solid rgba(255, 224, 130, .55);
	padding: 8px 0 8px 20px;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 20px;
	color: #fbff66;
	margin-bottom: 15px;
}
.ticketDate{
	font-size: 19px;
	font-weight: 700;
	color: #fbff66;
	margin-bottom: 30px;
}
.ticketPrice{
	font-size: 52px;
	font-weight: 700;
	color: #fff;
	line-height: 1;
	margin-bottom: 6px;
}
.ticketPrice .unit{
	font-size: 20px;
	font-weight: 500;
}
.ticketOriginal{
	font-size: 15px;
	color: rgba(255,255,255,.6);
}

/* 右側：購票權益／好禮二選一 */
/* layout.css 裡的 .main .page h4 選擇器比這裡的 class 選擇器更高，
   會把 h4 強制變成置中 + 灰色（color:#52616B; text-align:center;），
   這就是之前「沒有靠左對齊、標題不是白色」的原因，這裡用 !important
   蓋回來 */
.ticketRight{
	flex: 1;
	color: #fff;
	text-align: left;
}
.ticketBenefitTitle{
	font-size: 25px !important;
	font-weight: 700;
	color: #fff !important;
	text-align: left !important;
	margin: 0 0 26px !important;
}
.ticketBenefitList{
	list-style: none;
	margin: 0 0 44px;
	padding: 0;
	text-align: left;
}
.ticketBenefitList li{
	position: relative;
	font-size: 17px;
	line-height: 1.75;
	padding-left: 18px;
	text-align: left;
}
.ticketBenefitList li:last-child{
	margin-bottom: 0;
}
.ticketBenefitList li::before{
	content: "";
	position: absolute;
	left: 0;
	top: 10px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #fff;
}
.ticketGiftTitle{
	font-size: 18px;
	font-weight: 700;
	color: #ffe2b8;
	text-align: left;
	margin-bottom: 28px;
}
.ticketGiftTitle i{
	color: #ffe2b8;
	margin-right: 6px;
}

.ticketGiftBtns{
	display: flex;
	flex-direction: column;
	gap: 26px;
}
.ticketGiftBtn{
	display: block;
	text-align: center;
	padding: 15px 20px;
	border-radius: 999px;
	font-size: 18px;
	font-weight: 700;
	color: #073b85;
	background: linear-gradient(90deg, #BF8A3B 7.37%, #FCFAD4 49.96%, #BF8A3B 94.19%, #BF8A3B 126.13%, #FCFAD4 152.34%, #BF8A3B 170.36%);
	transition: filter .25s ease, transform .25s ease;
}
.ticketGiftBtn:hover{
	filter: brightness(1.06);
	transform: translateY(-1px);
}

@media (max-width: 900px){
	.ticketCard{
		flex-direction: column;
		gap: 28px;
		padding: 40px 26px;
	}
	.ticketLeft{
		width: 100%;
	}

	/* 手機版直式排版：早鳥票／限時優惠價／日期 置中；
	   價格以下（含右側購票權益）維持靠左，對照附圖 tickets-m.jpg */
	.ticketName{
		text-align: center;
		font-size: 32px !important;
		margin-bottom: 22px;
	}
	.ticketLabel{
		display: table; /* inline-block 不會被 margin:auto 置中，改用 table 撐出置中效果 */
		margin: 0 auto 22px;
		text-align: center;
		font-size: 20px;
		letter-spacing: 6px;
	}
	.ticketDate{
		text-align: center;
		font-size: 20px;
		margin-bottom: 34px;
	}
	.ticketPrice{
		font-size: 46px;
	}
	.ticketPrice .unit{
		font-size: 22px;
	}
	.ticketOriginal{
		font-size: 16px;
		margin-bottom: 6px;
	}
	.ticketBenefitTitle{
		font-size: 19px !important;
	}
	.ticketBenefitList li{
		font-size: 16px;
	}
	.ticketGiftTitle{
		font-size: 18px;
	}
	.ticketGiftBtn{
		font-size: 15px;
		padding: 16px 20px;
	}
}

/* ---------------------------------------------------
   5-1c. 入席方案：注意事項（可點選展開/收合）
   --------------------------------------------------- */
.ticketNotice{
	position: relative;
	z-index: 1;
	max-width: 1060px;
	width: 80%;
	margin: 40px auto 0;
	padding: 0 24px;
	border: 1px solid #bbbbbb;
	border-radius: 10px;
}
.ticketNoticeToggle{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	background: none;
	border: none;
	border-top: 1px solid rgba(255,255,255,.25);
	border-bottom: 1px solid rgba(255,255,255,.25);
	padding: 18px 4px;
	color: #000000 !important;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 1px;
	cursor: pointer;
	text-align: left;
}
.ticketNoticeArrow{
	width: 20px;
	height: auto;
	flex: 0 0 auto;
	margin-left: 12px;
	transition: transform .3s ease;
}
.ticketNoticeToggle.is-open .ticketNoticeArrow{
	transform: rotate(180deg);
}
.ticketNoticeContent{
	max-height: 0;
	overflow: hidden;
	transition: max-height .4s ease;
}
.ticketNoticeContent ol{
	list-style: decimal;
	padding: 22px 4px 24px 22px;
	margin: 0;
	color: #000000;
	font-size: 18px;
	line-height: 1.5;
	text-align: left;
}
.ticketNoticeContent li{
	margin-bottom: 10px;
}
.ticketNoticeContent li:last-child{
	margin-bottom: 0;
}

@media (max-width: 900px){
	.ticketNoticeToggle{
		font-size: 20px;
	}
	.ticketNoticeContent ol{
		font-size: 18px;
		padding-left: 30px; /* 加大左邊距，確保編號（1.~5.）完整顯示不被裁切 */
		padding-right: 14px; /* 右側也留一點空間，文字不要貼到邊緣 */
	}
}

/* ---------------------------------------------------
   5-1d. 聯絡我們：三個聯繫資訊卡片
   --------------------------------------------------- */
.contactWrap{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 24px;
	max-width: 1120px;
	margin: 40px auto 0;
	padding: 0 24px;
}
.contactCard{
	width: 326px;
	height: 208px;
	box-sizing: border-box;
	padding: 28px 26px;
	border-radius: 12px;
	background: url('../img/a4_bg02.jpg') center / cover no-repeat;
	color: #fff;
}
.contactTitle{
	font-size: 20px !important;
	font-weight: 700;
	color: #fff !important;
	text-align: left !important;
	margin: 0 0 25px !important;
	border-bottom: 1px solid;
}
.contactName{
	font-size: 18px;
	font-weight: 600;
	text-align: left;
	margin-bottom: 10px;
}
.contactInfo{
	font-size: 18px;
	line-height: 1.6;
	text-align: left;
	color: #ffffff;
}

@media (max-width: 900px){
	.contactWrap{
		flex-direction: column;
		align-items: center;
	}
}

/* ---------------------------------------------------
   5-2. 收集名單：-60deg 藍色漸層底色
   --------------------------------------------------- */
.page.anchorSignup{
	background: linear-gradient(-60deg, #0055ae 0%, #000166 100%) !important;
	color: #fff;
	padding: 70px 0;
}
.page.anchorSignup .signupBlock{
	max-width: 1120px !important;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 40px;
	text-align: left;
}
.signupText h3{
	font-size: 32px !important;
	font-weight: 700 !important;
	color: #fff !important;
	text-align: left !important;
	margin: 0 0 10px !important;
}
/* 預設隱藏這個換行，桌機版維持原本一行 */
.mobileBreak{
	display: none;
}
@media (max-width: 899px){
	.mobileBreak{
		display: block;
	}
}

.signupText p{
	font-size: 15px;
	color: rgba(255,255,255,.8);
	text-align: left;
}

.signupForm{
	position: relative;
	flex: 0 0 auto;
}
.signupField{
	display: flex;
	border-radius: 999px;
	overflow: hidden;
}
.signupInput{
	flex: 0 0 300px;
	width: 300px;
	border: none;
	outline: none;
	padding: 0 22px;
	font-size: 15px;
	color: #333;
	background: #fff;
	box-sizing: border-box;
}
.signupInput::placeholder{
	color: #9a9a9a;
}
.signupBtn{
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	border: none;
	cursor: pointer;
	padding: 0 28px;
	font-size: 15px;
	font-weight: 700;
	color: #073b85;
	white-space: nowrap;
	box-sizing: border-box;
	background: linear-gradient(90deg, #BF8A3B 7.37%, #FCFAD4 49.96%, #BF8A3B 94.19%, #BF8A3B 126.13%, #FCFAD4 152.34%, #BF8A3B 170.36%);
	transition: filter .25s ease;
}
.signupBtn:hover{
	filter: brightness(1.06);
}
.signupField .signupInput,
.signupField .signupBtn{
	height: 52px;
}

.signupHand{
	position: absolute;
	right: -6px;
	bottom: -22px;
	width: 42px;
	height: auto;
	pointer-events: none;
}

@media (max-width: 900px){
	/* 寬度限制實測要放在 .signupBlock 本身（整個文字+表單的外層），
	   放在裡面的 .signupForm 沒有效果，這裡順便置中 */
	.page.anchorSignup .signupBlock{
		flex-direction: column;
		align-items: flex-start;
		gap: 28px;
		width: 80%;
		margin: 0 auto;
	}
	.signupText h3{
		font-size: 24px !important;
	}
	.signupForm{
		width: 100%;
	}
	/* Email 輸入框、送出按鈕手機版改成上下兩列，不再併成一整條膠囊 */
	.signupField{
		flex-direction: column;
		width: 100%;
		gap: 14px;
		border-radius: 0;
		overflow: visible;
	}
	.signupInput{
		flex: none;
		width: 100%;
		border-radius: 999px;
	}
	.signupBtn{
		width: 100%;
		border-radius: 999px;
	}
}

/* 收集名單：同意條款 + reCAPTCHA
   .signupHand 是 position:absolute，原本以 .signupForm 當定位基準；
   底下多了同意條款與 reCAPTCHA 之後，手指圖會被推到整個表單的最下緣，
   所以多包一層 .signupFieldWrap 當基準，讓手指維持指向送出按鈕。 */
.signupFieldWrap{
	position: relative;
}
.signupAgree{
	display: flex;
	align-items: flex-start;
	gap: 8px;
	margin-top: 18px;
	font-size: 14px;
	line-height: 1.5;
	color: rgba(255,255,255,.85);
}
.signupAgree input[type="checkbox"]{
	flex: 0 0 auto;
	width: 16px;
	height: 16px;
	margin-top: 2px;
	cursor: pointer;
	accent-color: #BF8A3B;
}
.signupAgree label{
	cursor: pointer;
}
.signupAgree a{
	color: #FCFAD4;
	text-decoration: underline;
}
.signupRecaptcha{
	margin-top: 14px;
}

@media (max-width: 480px){
	/* reCAPTCHA widget 固定 304px 寬，窄螢幕下 .signupBlock 只有 80% 版面會撐破，
	   等比縮到 85%（約 258px）並同步縮高度，避免縮放後底部留白 */
	.signupRecaptcha .g-recaptcha{
		transform: scale(.85);
		transform-origin: left top;
	}
	.signupRecaptcha{
		height: 66px;
	}
}

/* ---------------------------------------------------
   六大議題：滑鼠滾動切換的六張大圖（參考「時代軌跡」做法）
   結構：
   .topicsScroll  高度 = 6 個 viewport，決定可滾動距離
   .topicsSticky  由 js/topics.js 依捲動位置動態切換
                  position:fixed（釘住）／absolute（尚未到達／已經滾過）
                  改用 JS 控制而不是 CSS position:sticky，
                  是因為 sticky 只要中間任何一層祖先的 overflow
                  計算結果不是 visible 就會整個失效，這個共用範本
                  裡有太多層 overflow 設定，很容易被某一層擋到、
                  也很難每次都精準抓到是哪一層造成的。改用 JS 直接
                  控制 position:fixed，就不受任何祖先層干擾。
   --------------------------------------------------- */
.topicsScroll{
	position:relative;
	height:600vh; /* 6 步驟 * 100vh */
	margin-top:40px;
}
.topicsSticky{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	overflow:hidden;
}

.topicsBgLayer{
	position:absolute;
	inset:0;
	z-index:0;
}
.topicsBg{
	position:absolute;
	inset:0;
	background-size:cover;
	background-position:center;
	opacity:0;
	transition:opacity 1s ease;
}
.topicsBg.is-active{
	opacity:1;
}
.topicsOverlay{
	position:absolute;
	inset:0;
	background:linear-gradient(0deg, rgba(0,10,50,.8) 0%, rgba(0,10,50,.25) 45%, rgba(0,10,50,0) 68%);
}

.topicsTextLayer{
	position:relative;
	z-index:2;
	height:100%;
	max-width:1100px;
	margin:0 auto;
	padding:0 40px;
}
.topicsText{
	position:absolute;
	left:40px;
	right:40px;
	top:50%;
	max-width:640px;
	text-align:left;
	opacity:0;
	transform:translateY(calc(-50% + 28px));
	transition:opacity .7s ease, transform .7s ease;
	pointer-events:none;
}
.topicsText.is-active{
	opacity:1;
	transform:translateY(-50%);
	pointer-events:auto;
}
.topicsTitle{
	position:relative;
	display:inline-block;
	font-size:40px;
	font-weight:700;
	color:#ffd400;
	line-height:1.4;
	margin-bottom:20px;
	padding-bottom:14px;
}
/* 大標下方的白色底線裝飾：寬度跟著標題文字本身的寬度走 */
.topicsTitle::after{
	content:"";
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:3px;
	background:#fff;
}
.topicsDesc{
	font-size:20px;
	line-height:1.8;
	color:rgba(255,255,255,.85);
	margin-bottom:18px;
	margin-top: 40px;
}

/* 關鍵字：每個字詞各自一個色塊，底色沿用區塊主色的藍色漸層 */
.topicsTags{
	display:flex;
	flex-wrap:wrap;
	gap:8px;
}
.topicsTag{
	display:inline-block;
	font-size:20px;
	font-weight:600;
	letter-spacing:.5px;
	color:#fff;
	padding:6px 14px;
	border-radius:999px;
	background:linear-gradient(113deg, #008bff 0%, #000095 100%);
}

.topicsProgress{
	position:absolute;
	right:32px;
	top:50%;
	transform:translateY(-50%);
	z-index:3;
	display:flex;
	flex-direction:column;
	gap:14px;
}
.topicsDot{
	width:8px;
	height:8px;
	border-radius:50%;
	background:rgba(255,255,255,.35);
	transition:background .3s ease, transform .3s ease;
}
.topicsDot.is-active{
	background:var(--kv-gold);
	transform:scale(1.4);
}

@media (max-width:768px){
	/* 每張圖對應的滾動距離拉長（90vh→150vh），手機慣性滑動一次
	   通常會滑動不少距離，距離抓太短很容易一次跳過兩張圖，
	   拉長之後切換會更穩定、不容易被慣性滑動帶過頭 */
	.topicsScroll{ height:calc(6 * 150vh); }
	.topicsText{ left:24px; right:24px; }
	.topicsProgress{ right:14px; }
}
@media (prefers-reduced-motion:reduce){
	.topicsBg, .topicsText{ transition:none; }
}

/* ---------------------------------------------------
   大會特色 四個數字圓圈：直徑與文字字級都用同一個
   --circle-size 變數計算，確保任何寬度下都是正圓，
   文字等比縮小、<br> 換行位置不受影響。
   --------------------------------------------------- */
.forum-stats{
	container-type: inline-size;
	display:grid;
	grid-template-columns:repeat(4,minmax(0,1fr));
	gap:clamp(14px,2vw,22px);
	margin:75px auto 0;
	max-width:1120px;
}
.forum-stat{
	width:100%;
	aspect-ratio:1;
	margin:0 auto;
	display:flex;
	align-items:center;
	justify-content:center;
	padding:1cqw;
	border:1cqw solid transparent;
	border-radius:50%;
	background:linear-gradient(#0755c8, #0755c8) padding-box,
	           linear-gradient(135deg, #ffce11 0%, #fb931f 52%, #ffbd04 100%) border-box;
	box-sizing:border-box;
	text-align:center;
	overflow:hidden; /* 防呆：極端情況下文字也不會撐破圓形 */
}
.forum-stat p{
	margin:0;
	color:#fff;
	font-size:1.7cqw;
	font-weight:500;
	line-height:1.3;
	letter-spacing:.03em;
}
.forum-stat .stat-number{
	display:inline-block;
	font-family:Arial, sans-serif;
	font-size:6.5cqw;
	font-weight:700;
	line-height:1.35;
	letter-spacing:0;
	color:#fff;
}

@media (max-width: 768px){
	.forum-stats{
		grid-template-columns:repeat(2,minmax(0,1fr));
		max-width:620px;
		row-gap:clamp(20px,4vw,28px);
	}
	/* 2 欄時每個圓圈約佔容器一半寬，cqw 換算比例要跟著放大 */
	.forum-stat{
		padding:2cqw;
		border-width:1.9cqw;
	}
	.forum-stat p{ font-size:3.4cqw; }
	.forum-stat .stat-number{ font-size:13cqw; }
}
@media (max-width: 520px){
	.page.anchor1 { margin-top: -90px !important; padding-top: 25px; }
	.forum-stats{
		margin-top:48px;
	}
	.secTitle p { font-size: 20px; }
}

/* KV and the feature section share one continuous background image. */
.hero-and-feature {
  position: relative;
  overflow: hidden;
  background: #0047c8 url('../img/main_bg.jpg') center top / cover no-repeat;
}
.hero-and-feature .kv { background: transparent; }
.hero-and-feature .kv .kvBg { background-image: none; }
.hero-and-feature .page.anchor1 {
  margin-top: -430px !important;
  background: transparent !important;
}

@media (min-width: 900px) {
  /* .kv 已經改成貼合內容高度（不再是 130svh 硬撐置中），
     不再需要很大的負值去追隨螢幕高度變動的留白，
     改用小很多、比較安全的拉近幅度，比照手機版的做法 */
  .hero-and-feature .page.anchor1 { margin-top: -100px !important; }
}

@media (max-width: 520px) {
  /* 9. 主視覺區塊已經改成貼合內容高度（不再是 130svh 硬撐），
     不需要再用很大的負值去追空白，改用小很多、比較安全的拉近幅度 */
  .hero-and-feature .page.anchor1 { margin-top: -90px !important; }
}
/* ---------------------------------------------------
   6. 共同推動：主辦／協辦／承辦 三組橫向排列 + 合作夥伴四欄格線
   --------------------------------------------------- */
.orgWrap{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 120px;
	max-width: 1120px;
	margin: 40px auto 0;
	padding: 0 24px;
}
.orgGroup{
	width: 293px;
	text-align: center;
}
.orgTitle{
	font-size: 18px !important;
	font-weight: 700;
	color: #000 !important;
	text-align: center !important;
	margin: 0 0 20px !important;
	border-bottom: 1px solid;
}
.orgLogos{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 20px;
}
.orgLogos img{
	max-width: 100%;
	height: auto;
	display: block;
}

.orgLogo-3{
	max-width: 30%!important;
}
.orgLogo-4{
	max-width: 65%!important;
}

@media (max-width: 900px){
	.orgWrap{
		flex-direction: column;
		align-items: center;
	}
	.orgGroup{
		width: 100%;
		max-width: 293px;
	}
	/* 手機版：承辦單位兩個 LOGO 各自獨立成一行 */
	.orgLogos-multi{
		flex-direction: column;
		gap: 16px;
	}
	.orgLogo-3,
	.orgLogo-4{
		max-width: 60%;
	}
}

.partnerWrap{
	max-width: 1120px;
	margin: 60px auto 0;
	padding: 0 24px;
	text-align: center;
}
.partnerTitle{
	margin-bottom: 28px !important;
}
.partnerLogos{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 32px;
	align-items: center;
	justify-items: center;
}
.partnerLogo{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.partnerLogo img{
	max-width: 100%;
	height: auto;
	display: block;
}

@media (max-width: 900px){
	.partnerLogos{
		grid-template-columns: repeat(2, 1fr);
		gap: 24px;
	}
}
@media (max-width: 480px){
	.partnerLogos{
		grid-template-columns: repeat(1, 1fr);
	}
}

/* ---------------------------------------------------
   7. 滑動進場動態（全站共用，風格：沉穩、大器，不花俏）
   單純淡入 + 些微上移，不用彈跳、不用縮放，維持論壇該有的
   莊重質感。搭配 js/reveal.js 用 IntersectionObserver 判斷
   進入視窗時機，加上 .is-visible 觸發。
   --------------------------------------------------- */
.reveal{
	opacity: 0;
	transform: translateY(32px);
	transition: opacity 1.1s cubic-bezier(.22,.61,.36,1), transform 1.1s cubic-bezier(.22,.61,.36,1);
	will-change: opacity, transform;
}
.reveal.is-visible{
	opacity: 1;
	transform: translateY(0);
}

/* 卡片群組依序淡入，做出穩重的層次感（間隔刻意拉大，不急促） */
.coChairsSwiper .swiper-wrapper > .reveal:nth-child(1){ transition-delay: .08s; }
.coChairsSwiper .swiper-wrapper > .reveal:nth-child(2){ transition-delay: .24s; }
.coChairsSwiper .swiper-wrapper > .reveal:nth-child(3){ transition-delay: .40s; }

.contactWrap > .reveal:nth-child(1){ transition-delay: .08s; }
.contactWrap > .reveal:nth-child(2){ transition-delay: .24s; }
.contactWrap > .reveal:nth-child(3){ transition-delay: .40s; }

.orgWrap > .reveal:nth-child(1){ transition-delay: .08s; }
.orgWrap > .reveal:nth-child(2){ transition-delay: .24s; }
.orgWrap > .reveal:nth-child(3){ transition-delay: .40s; }

/* 大會特色：先標題、後內文，數字圈圈不套用進場動態，維持原本排列 */
.page.anchor1 .txt1.reveal{ transition-delay: .1s; }

@media (prefers-reduced-motion: reduce){
	.reveal{
		opacity: 1;
		transform: none;
		transition: none;
	}
}

/* ---------------------------------------------------
   9. 置底早鳥優惠 CTA bar：連結到入席方案區塊
   --------------------------------------------------- */
.ctaBar{
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9998; /* 略低於 header 的 9999，但高於一般內容 */
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 16px 20px;
	font-size: 18px;
	font-weight: 600;
	color: #fff;
	text-align: center;
	background: linear-gradient(90deg, #0047c8 0%, #002a8a 100%);
	box-shadow: 0 -4px 16px rgba(0,0,0,.15);
}
.ctaBar:hover{
	filter: brightness(1.08);
}

/* 置底 bar 會蓋住畫面最下方，.float 底下每個按鈕原本都是各自
   position:fixed（.float 本身沒有定位），這裡直接把每個按鈕的
   bottom 都往上推約 60px（CTA bar 的高度），避免互相重疊 */
.float-goTopBtn{
	bottom: calc(8% + 100px) !important;
}
.float-socialBtn{
	bottom: calc(5% + 60px) !important;
}
.float-socialBtn.on{
	bottom: calc(15% + 112px) !important;
}
.float-socialBlock{
	bottom: calc(15% + 180px) !important;
}

@media (max-width: 520px){
	.ctaBar{
		font-size: 16px;
		padding: 14px 16px;
	}
}

/* 修正浮動按鈕（分享／回頂部）z-index 過低的問題 */
/* layout.css 原本只給 z-index:9 / 12，數值很低，遇到頁面上
   z-index 比較高的區塊就會被蓋過去、點不到。這裡統一拉高，
   確保永遠在最上層 */
.float-socialBtn{
	z-index: 9996 !important;
}
.float-socialBlock{
	z-index: 9996 !important;
}
.float-goTopBtn{
	z-index: 9996 !important;
}

/* ---------------------------------------------------
   10. 右側懸浮按鈕（分享／回頂部）色調改成藍色，跟整體網頁搭配
   --------------------------------------------------- */
.float-socialBtn{
	background: #0047c8 !important;
	color: #fff !important;
}
.float-goTopBtn{
	border-color: #0047c8 !important;
	color: #0047c8 !important;
}
.float-socialBlock .float-social{
	border-color: #0047c8 !important;
}
.float-socialBlock .float-social img{
	filter: none;
}

/* ---------------------------------------------------
   11. 浮動早鳥票按鈕：右側、網頁垂直置中，連結到票券區塊
   --------------------------------------------------- */
.floatTicketBtn{
	position: fixed;
	right: 2%;
	bottom: 3%;
	transform: translateY(-50%);
	z-index: 9997;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 80px;
	color: #ff9814;
	text-align: center;
	animation: floatTicketPulse 2.8s ease-in-out infinite;
	/* 預設隱藏，捲動到一定位置（跟其他浮動按鈕同一個時機點）才淡入出現，
	   避免一開始就蓋住主視覺 */
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity .6s ease, visibility .6s ease;
}
.floatTicketBtn.on{
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}
.floatTicketBtn img{
	width: 70px;
	height: auto;
	margin-bottom: 4px;
}
.floatTicketBtn span{
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
}
.floatTicketBtn:hover{
	animation-play-state: paused;
	filter: brightness(1.1);
}

/* 輕微的呼吸縮放，讓人容易注意到但不會太搶戲 */
@keyframes floatTicketPulse{
	0%, 100%{
		transform: translateY(-50%) scale(1);
	}
	50%{
		transform: translateY(-50%) scale(1.08);
	}
}

@media (prefers-reduced-motion: reduce){
	.floatTicketBtn{ animation: none; }
}

@media (max-width: 520px){
	.floatTicketBtn{
		width: 60px;
		right: 3%;
	}
	.floatTicketBtn img{ width: 60px; }
	.floatTicketBtn span{ font-size: 10px; }
}