/*CSS歸0*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*無視任何寬度誤差計算屬性專用 IE8+後支援*/
*,
*:after,
*::before {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

@media all and (min-width: 1px){
body{
	margin: 0 auto;	
    font-family: 'Noto Sans TC', sans-serif;
	/* font-family:Microsoft JhengHei, Arial; */
    /* background-color: #f8fafc;
    color: #1e293b;
    scroll-behavior: smooth; */
}

#BodyContainer {
	width: 100%;
	margin: 0 auto;
	position:relative;
}
#BodyContent{
	width: 100%;
	margin:1% auto 0 auto;
	/*border:#000 solid 1px;*/
}
#BodyHeader_event_rwd{display:none;margin:0;}
#event{
	width: 100%;
	margin:0 auto;
	background-color: #fff;
}

/*固定置中+寬度*/
.row_W1500,.row_W1200,.row_W750,.row_W350{margin:0 auto;display:inline-block;/*padding:0.4%;*/}
.row_W1500{width:1500px;}.row_W1200{width:1200px;}.row_W750{width:750px;}.row_W350{width:350px;}

.row_W1200{
	margin:8px 0;
}
.row_W850{
    width:850px;
    float: left;
}  

/* =============================================
   高點網路書店 - 樣式表
   publish_demo.css
   ============================================= */

:root {
    --gdNavy: #1a2e5a;
    --gdNavy-05: rgba(26, 46, 90, 0.05);
    --gdNavy-10: rgba(26, 46, 90, 0.10);
    --gdNavy-20: rgba(26, 46, 90, 0.20);
    --gdNavy-30: rgba(26, 46, 90, 0.30);
    --gdNavy-40: rgba(26, 46, 90, 0.40);
    --gdNavy-50: rgba(26, 46, 90, 0.50);
    --gdNavy-60: rgba(26, 46, 90, 0.60);
    --gdNavy-70: rgba(26, 46, 90, 0.70);
    --gdNavy-90: rgba(26, 46, 90, 0.90);
    --gdRed: #ef4444;
    --sp-gdRed-faded: rgba(192, 38, 38, 0.70);
    --gdMagenta: #e11d48;
    --brand-orange: #ef7d1a;
    --soft-glass: rgba(255, 255, 255, 0.75);
    --gdGold: #eab308;
    --gdGold-10: rgba(234, 179, 8, 0.10);
    --gdGold-30: rgba(234, 179, 8, 0.30);
    --gdGold-60: rgba(234, 179, 8, 0.60);
    --gdGold-70: #eab308b3;
    --gdTeal: #0f766e;
    --gdTeal-50: rgba(20,184,166,0.50);
    --gdBurgundy: #800020;
    --gdBurgundy-50: rgba(128,0,32,0.50);
    --white-10: rgba(255, 255, 255, 0.10);
    --white-20: rgba(255, 255, 255, 0.20);
    --white-30: rgba(255, 255, 255, 0.30);
    --white-40: #ffffff66;
    --white-50: rgba(255, 255, 255, 0.50);
    --white-60: rgba(255, 255, 255, 0.60);
    --white-70: #ffffffb3;
    --white-80: rgba(255, 255, 255, 0.80);
    --white-90: rgba(255, 255, 255, 0.90);
    --menu-teal      : #1cb0c1;
    --menu-teal-dark : #46a1ac;
    --menu-green     : #2c9357;
    --menu-purple    : #5a4ea0;
    --menu-orange    : #f07d4c;
    --menu-brand     : #ef7d1a;
    --black-10       : rgba(0,0,0,0.10);
    --black-60       : rgba(0,0,0,0.60);
}
.text-gdGold { color: var(--gdGold); }
.border-gdGold { border-color: var(--gdGold); }
.text-gdNavy { color: var(--gdNavy); }
.bg-gdNavy { background-color: var(--gdNavy); }
.bg-gdMagenta { background-color: var(--gdMagenta); }
.gdNavy { color: #1e293b; }
.bg-gdNavy { background-color: #1e293b; }
.bg-gdGold { background-color: #d4af37; }


.vine-pattern {
    background-image: radial-gradient(circle at 2px 2px, rgba(212, 175, 55, 0.05) 1px, transparent 0);
    background-size: 24px 24px;
}


/* 針對平滑滾動效果 */
html {
    scroll-behavior: smooth;
}

/* 背景元素 1：漸層動態背景 */
.mesh-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -2;
    background-color: #FDFBF7;
    /*background-image:
        radial-gradient(at 0% 0%, rgba(234, 179, 8, 0.08) 0px, transparent 50%),
        radial-gradient(at 100% 0%, rgba(17, 34, 64, 0.06) 0px, transparent 50%),
        radial-gradient(at 100% 100%, rgba(225, 29, 72, 0.06) 0px, transparent 50%),
        radial-gradient(at 0% 100%, rgba(15, 118, 110, 0.06) 0px, transparent 50%);*/
}


/* 隱藏滾動條但保持功能 */
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

.border-gdNavy\/10 { border-color: rgba(var(--gdNavy), 0.1); }

/* 避免側邊欄開啟時背景滾動 */
.menu-open { overflow: hidden; }
body.overflow-hidden {
    overflow: hidden !important;
}

/* 搜尋框過渡動畫 */
.search-transition {
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* 動態動畫定義 */
@keyframes slideUp {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}


/* ================================================================
   ██  桌機版  ██
   ================================================================ */
 
/* hidden lg:block relative w-full z-50 px-4 py-4 top-1 */
.mn-header {
  display: none;
  position: relative;
  width: 100%;
  z-index: 50;
  padding: 1rem;
  top: 1px;
}
@media (min-width: 1024px) {
  .mn-header { 
    /* display: block; */
            display: flex;
            margin: 0 auto;
            align-items: center;
    }
    #topbutton {display: none;}
}
 
/* w-full mx-auto bg-white rounded-full
   shadow-[0_12px_28px_-5px_rgba(0,0,0,0.12),0_10px_12px_-6px_rgba(0,0,0,0.08)] flex items-stretch border border-gray-100 relative h-[65px] overflow-visible */
.mn-bar {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  background-color: #fff;
  border-radius: 9999px;
  box-shadow: 0 6px 15px -5px rgba(0,0,0,.12), 0 8px 10px -6px rgba(0,0,0,.08);
  display: flex;
  align-items: stretch;
  border: 0px solid #f3f4f6;
  position: relative;
  height: 65px;
  overflow: visible;
}
 
 
/* ── Logo 區 ── */
 
/* logo-section flex items-center px-7 shrink-0 bg-white rounded-l-full */
.mn-logo {
  display: flex;
  align-items: center;
  padding-left: 1.75rem;
  padding-right: 1.75rem;
  flex-shrink: 0;
  background-color: #fff;
  border-radius: 9999px 0 0 9999px;
}
 
/* flex items-center（logo 內層） */
.mn-logo-inner {
  display: flex;
  align-items: center;
}
 
/* p-2（logo img） */
.mn-logo-img { padding: 0.5rem; }
 
/* text-[#ef7d1a] text-[41px] font-[900] tracking-wide */
.mn-logo-text {
  color: var(--menu-brand);
  font-size: 41px;
  font-weight: 900;
  letter-spacing: 0.025em;
}
 
 
/* ── 導覽連結區 ── */
 
/* nav-links-wrapper flex flex-grow relative
   after:content-[''] after:absolute after:bottom-0 after:left-0 after:right-0
   after:h-[12.5px] after:z-0
   hidden lg:flex px-10 */
.mn-nav {
  display: none;
  flex-grow: 1;
  position: relative;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  
}
.mn-nav::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 12.5px;
  z-index: 0;
}
@media (min-width: 1024px) {
  .mn-nav { display: flex; }
}
 
/* ── 每個選單項目 ── */
 
/* group flex-1 relative flex */
.mn-item {
  flex: 1;
  position: relative;
  display: flex;
}
 
/* flex-1 flex items-center justify-center text-white font-bold text-[17px]
   hover:brightness-110 transition-all z-10 whitespace-nowrap px-3 */
.mn-item-btn {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 700;
  font-size: 17px;
  transition: filter 150ms cubic-bezier(.4,0,.2,1);
  z-index: 10;
  white-space: nowrap;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  text-decoration: none;
}
.mn-item-btn:hover { filter: brightness(1.1); }
 
/* 各項背景色 */
.mn-item-btn-teal   { background-color: var(--menu-teal);   }
.mn-item-btn-green  { background-color: var(--menu-green);  }
.mn-item-btn-purple { background-color: var(--menu-purple); }
.mn-item-btn-orange { background-color: var(--menu-orange); }
 
/* ml-1 w-3 h-3 transition-transform group-hover:rotate-180 */
.mn-item-arrow {
  margin-left: 0.25rem;
  width: 0.75rem;
  height: 0.75rem;
  transition: transform 150ms cubic-bezier(.4,0,.2,1);
  flex-shrink: 0;
}
.mn-item:hover .mn-item-arrow { transform: rotate(180deg); }
 
/* ── Dropdown ── */
 
/* absolute top-full left-0 w-full hidden group-hover:flex
   flex-col shadow-xl z-[60] pb-2 rounded-b-xl overflow-hidden
   border-t border-white/10 */
.mn-dropdown {
  position: absolute;
  top: 100%; left: 0;
  width: 100%;
  display: none;
  flex-direction: column;
  box-shadow: 0 20px 25px -5px rgba(0,0,0,.1), 0 8px 10px -6px rgba(0,0,0,.1);
  z-index: 60;
  padding-bottom: 0.5rem;
  border-radius: 0 0 0.75rem 0.75rem;
  overflow: hidden;
  border-top: 1px solid var(--white-10);
}
.mn-item:hover .mn-dropdown { display: flex; }
 
/* 各 dropdown 背景色 */
.mn-dropdown-teal   { background-color: var(--menu-teal);   }
.mn-dropdown-green  { background-color: var(--menu-green);  }
.mn-dropdown-purple { background-color: var(--menu-purple); }
.mn-dropdown-orange { background-color: var(--menu-orange); }
 
/* p-3 text-white text-center border-t border-white/10
   hover:bg-black/10 transition-colors */
.mn-dropdown-link {
  padding: 0.75rem;
  color: #fff;
  text-align: center;
  border-top: 1px solid var(--white-10);
  text-decoration: none;
  transition: background-color 150ms cubic-bezier(.4,0,.2,1);
}
.mn-dropdown-link:hover { background-color: var(--black-10); }
 
 
/* ── 右側功能區 ── */
 
/* actions-section flex items-center px-6 gap-4
   bg-white shrink-0 rounded-r-full ml-auto */
.mn-actions {
  display: flex;
  align-items: center;
  padding-left: 0.5rem;
  padding-right: 1.5rem;
  gap: 0.5rem;
  background-color: #fff;
  flex-shrink: 0;
  border-radius: 0 9999px 9999px 0;
  margin-left: auto;
}
 
/* flex items-center h-full（搜尋欄外層） */
.mn-search-wrap {
  display: flex;
  align-items: center;
  height: 100%;
}
 
/* group/search relative flex items-center bg-gray-50 border border-gray-200
   rounded-full p-1 search-transition
   hover:border-[#57b7c2]/50
   focus-within:ring-4 focus-within:ring-[#57b7c2]/10
   focus-within:border-[#57b7c2] focus-within:bg-white
   shadow-sm h-[42px] */
.mn-search-box {
  position: relative;
  display: flex;
  align-items: center;
  background-color: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 9999px;
  padding: 0.25rem;
  height: 42px;
  box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
  transition: border-color 150ms, box-shadow 150ms, background-color 150ms;
}
.mn-search-box:hover {
  border-color:#1122408f;
}
.mn-search-box:focus-within {
  border-color: var(--menu-teal);
  background-color: #fff;
  box-shadow: 0 0 0 4px rgba(87,183,194,.10);
}
 
/* ── 搜尋下拉選單 ── */
 
/* relative hidden xl:block */
.mn-search-select-wrap {
  position: relative;
  display: none;
}
@media (min-width: 1280px) {
  .mn-search-select-wrap { display: block; }
}
 
/* custom-select bg-transparent text-gray-500 py-1 pl-3 pr-6
   text-xs font-medium cursor-pointer focus:outline-none */
.mn-search-select {
  background: transparent;
  color: #6b7280;
  padding: 0.25rem 1.5rem 0.25rem 0.75rem;
  font-size: 0.75rem;
  font-weight: 500;
  cursor: pointer;
  border: none;
  appearance: none;
  outline: none;
}
 
/* pointer-events-none absolute inset-y-0 right-1.5 flex items-center text-gray-400 */
.mn-search-select-arrow {
  pointer-events: none;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0.375rem;
  display: flex;
  align-items: center;
  color: #9ca3af; 
}
.mn-search-select-arrow svg {
  stroke: currentColor;
  fill: none;
}

/* hidden xl:block h-4 w-px bg-gray-200 mx-1（分隔線） */
.mn-search-divider {
  display: none;
  height: 1rem;
  width: 1px;
  background-color: #e5e7eb;
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
@media (min-width: 1280px) {
  .mn-search-divider { display: block; }
}
 
/* ── 搜尋輸入欄 ── */
 
/* relative flex items-center */
.mn-search-input-wrap {
  position: relative;
  display: flex;
  align-items: center;
}
 
/* absolute left-2.5 text-gray-400
   group-focus-within/search:text-[#57b7c2] transition-colors */
.mn-search-icon {
  position: absolute;
  left: 0.625rem;
  color: #9ca3af;
  transition: color 150ms;
}
.mn-search-box:focus-within .mn-search-icon {
  color: var(--menu-teal);
}
 
/* bg-transparent py-1 pl-8 pr-2 text-sm text-gray-700
   outline-none placeholder-gray-400
   w-[120px] lg:w-[150px] transition-all focus:w-[180px] */
.mn-search-input {
  background: transparent;
  padding: 0.25rem 0.5rem 0.25rem 2rem;
  font-size: 0.875rem;
  color: #374151;
  outline: none;
  width: 120px;
  transition: width 300ms cubic-bezier(.4,0,.2,1);
  border: none;
}
.mn-search-input::placeholder { color: #9ca3af; }
.mn-search-input:focus { width: 180px; }
@media (min-width: 1024px) {
  .mn-search-input { /*width: 150px;*/ }
}
 
/* bg-[#57b7c2] hover:bg-[#46a1ac] text-white text-xs font-bold
   h-[34px] px-4 rounded-full transition-all active:scale-95
   shadow-sm whitespace-nowrap */
.mn-search-btn {
  background-color: #595959 !important;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 700;
  height: 34px;
  padding-left: 1rem;
  padding-right: 1rem;
  border-radius: 9999px;
  border: none;
  cursor: pointer;
  white-space: nowrap;
  box-shadow: 0 1px 2px 0 rgba(0,0,0,.05);
  transition: all 150ms cubic-bezier(.4,0,.2,1);
}
.mn-search-btn:hover { background-color: #1a2e5a !important; }
.mn-search-btn:active { transform: scale(.95); }
 
/* ── 登入 / Angle 連結 ── */
 
/* text-[#333] font-bold text-base whitespace-nowrap
   hover:text-gray-600 hidden sm:block */
.mn-login-link {
  color: #333;
  font-weight: 700;
  font-size: 1rem;
  white-space: nowrap;
  text-decoration: none;
  display: none;
  transition: color 150ms;
}
.mn-login-link:hover { color: #4b5563; }
@media (min-width: 640px) {
  .mn-login-link { display: block; }
}
 
/* flex items-center text-center（Angle wrapper） */
.mn-angle-wrap {
  /* display: flex; */
  align-items: center;
  text-align: center;
  text-decoration: none;
  color: inherit;
}
 
/* p-2 w-10（Angle logo） */
.mn-fb-img {
  padding: 0.5rem;
  width: 2.5rem;
}

.mn-angle-img {
  padding: 0.5rem;
  width: 2.5rem;
      margin: 0 auto;
    justify-content: center;
    display: flex;
}
 
/* text-[15px] font-[700] tracking-wide */
.mn-angle-text {
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.025em;
          line-height: 18px;
}
 
/* text-[12px] */
.mn-angle-sub { font-size: 12px; }
 

        /* ================================================================
           響應式修正：解決 1440px 以下溢出問題
           ================================================================ */
        @media (max-width: 1440px) {
            .mn-bar {
                gap: 0; /* 縮小總體間距 */
            }            
            .mn-nav {
                gap: 0; /* 縮小導覽項目間距 */
                padding: 0;
            }

            .mn-search-wrap {
                max-width: 250px; /* 縮小搜尋框最大寬度 */
            }

            .mn-angle-text {
                display: none; /* 隱藏元照出版的文字說明，只留圖示(如有)或節省空間 */
            }
        }
 





/* ================================================================
   TopBar.css  (Header_Bar)
   ================================================================ */

/* ================================================================
   Nav 外層
   ================================================================ */

/* hidden lg:flex max-w-[98%] mx-auto py-1
   flex justify-end items-center
   border-b border-gray-300 */
.tb-nav {
  display: none;
  max-width: 98%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  justify-content: flex-end;
  align-items: center;
  border-bottom: 1px solid #d1d5db;
}
@media (min-width: 1024px) {
  .tb-nav { display: flex; }
}


/* ================================================================
   連結項目
   ================================================================ */

/* px-3 text-sm text-gray-600
   hover:text-blue-600
   border-r border-gray-300
   leading-tight */
.tb-link {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  font-size: 0.9rem;
  color: #4b5563;
  border-right: 1px solid #d1d5db;
  line-height: 1.25;
  text-decoration: none;
  transition: color 150ms cubic-bezier(.4, 0, .2, 1);
}
.tb-link:hover { color: #ef7d1a; }


/* ================================================================
   星號 icon（最新公告）
   ================================================================ */

/* fas fa-star text-xs text-yellow-500 */
.tb-icon-star {
  font-size: 0.75rem;
  color: #eab308;
}



/* ================================================================
   footer.css  (Footer_2026)
   ================================================================ */

/* ================================================================
   Footer 外層
   ================================================================ */

/* bg-gdNavy text-white pt-20 pb-4 rounded-t-[4rem] relative overflow-hidden */
.ft-footer {
  background-color: #1a2e5a;
  color: #fff;
  padding-top: 5rem;
  padding-bottom: 1rem;
  border-radius: 4rem 4rem 0 0;
  position: relative;
  overflow: hidden;
}

/* ================================================================
   裝飾圓圈（右下角）
   ================================================================ */

/* absolute -right-20 -bottom-20 w-96 h-96
   border-[1px] border-white/10 rounded-full z-0 */
.ft-deco-lg {
  position: absolute;
  right: -5rem;
  bottom: -5rem;
  width: 24rem;
  height: 24rem;
  border: 1px solid var(--white-10);
  border-radius: 9999px;
  z-index: 0;
}

/* absolute -right-10 -bottom-10 w-64 h-64
   border-[1px] border-white/10 rounded-full z-0 */
.ft-deco-sm {
  position: absolute;
  right: -2.5rem;
  bottom: -2.5rem;
  width: 16rem;
  height: 16rem;
  border: 1px solid var(--white-10);
  border-radius: 9999px;
  z-index: 0;
}


/* ================================================================
   Container / Grid
   ================================================================ */

/* container mx-auto px-6 relative z-10 */
.ft-container {
  width: 100%;
  max-width: 1536px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  position: relative;
  z-index: 10;
}

/* grid grid-cols-1 md:grid-cols-7 gap-4 mb-5 */
.ft-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);    
  gap: 1rem;
  margin-bottom: 1.25rem;
}
@media (min-width: 768px) {
  .ft-grid { grid-template-columns: repeat(7, minmax(0, 1fr)); }
}

/* col-span-1 md:col-span-2 */
.ft-col-brand {
  grid-column: span 2;
}
@media (min-width: 768px) {
  .ft-col-brand { grid-column: span 2; }
}

/* 雜項欄：2 欄時橫跨全寬 */
.ft-misc-col {
  grid-column: span 2;
}

@media (min-width: 1024px) {
  .ft-misc-col { grid-column: span 1; }
}


/* ================================================================
   品牌欄
   ================================================================ */

/* flex flex-wrap items-center font-bold text-2xl mb-4 */
.ft-brand-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-weight: 700;
  font-size: 1.5rem;
  margin-bottom: 1rem;
}

/* bg-gdGold p-1 text-gdNavy mr-2 rounded mb-2 */
.ft-brand-name {
  background-color: var(--gdGold);
  padding: 0.25rem;
  color: var(--gdNavy);
  margin-right: 0.5rem;
  border-radius: 0.25rem;
  margin-bottom: 0.5rem;
}

/* tracking-widest text-xs w-full text-white/50 mb-4 */
.ft-brand-taxid {
  letter-spacing: 0.1em;
  font-size: 0.75rem;
  width: 100%;
  color: var(--white-50);
  margin-bottom: 1rem;
}

/* space-y-2 text-white/60 text-sm leading-relaxed font-medium */
.ft-contact {
  font-size: 0.875rem;
  color: var(--white-60);
  line-height: 1.625;
  font-weight: 500;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap:3px;
}
/* .ft-contact > * + * { margin-top: 0.5rem; } */

/* Desktop：回復單欄 */
/* @media (min-width: 1024px) {
  .ft-contact {
    display: block;
    font-size: 0.875rem;
  }
  .ft-contact > * + * { margin-top: 0.5rem; }
} */


/* flex items-start */
.ft-contact-row-start {
  display: flex;
  align-items: flex-start;
}

/* flex items-center */
.ft-contact-row {
  display: flex;
  align-items: center;
}

/* fas fa-* mt-1 mr-3 text-gdGold/70（address icon 有 mt-1） */
.ft-icon {
  margin-right: 0.75rem;
  color: var(--gdGold-70);
  flex-shrink: 0;
}
.ft-icon-top { margin-top: 0.25rem; }

/* hover:text-gdGold transition-colors */
.ft-link {
  color: inherit;
  text-decoration: none;
  transition: color 150ms cubic-bezier(.4, 0, .2, 1);
}
.ft-link:hover { color: var(--gdGold); }


/* ================================================================
   導覽欄位（各 col）
   ================================================================ */

/* font-bold mb-8 text-sm uppercase tracking-widest text-white/50 */
.ft-nav-heading {
  font-weight: 700;
  margin-bottom: 2rem;
  font-size: 0.875rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--white-50);
}

/* space-y-4 text-white/70 text-sm */
.ft-nav-list {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 0.875rem;
  color: var(--white-70);
}
.ft-nav-list > * + * { margin-top: 0.5rem; }


/* ================================================================
   雜項欄（atm / trust seal）
   ================================================================ */

/* flex flex-wrap items-start */
.ft-misc {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  line-height: 2rem;
}

/* w-auto */
.ft-seal { width: auto; }


/* ================================================================
   底部版權列
   ================================================================ */

/* pt-4 border-t border-white/10
   flex justify-between items-center
   text-[10px] text-white/40 font-bold uppercase tracking-widest */
.ft-bottom {
  padding-top: 1rem;
  border-top: 1px solid var(--white-10);
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 10px;
  color: var(--white-40);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

/* 全站活動BTN 右下 */
        .floating-btn {
            position: fixed;
            bottom: 24px;
            right: 0px;
            z-index: 9999;
            
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            
            width: 61px;
            padding: 16px 8px;
            border-radius: 12px 0 0 12px;
            border: none;
            
            /* 單一純色背景，無漸層 */
            background-color: #e11d48;
            color: #ffffff;
            text-decoration: none; /* 移除超連結底線 */
            
            /* 基礎陰影，無外框渲染 */
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
            
            cursor: pointer;
            user-select: none;
            outline: none;
            
            /* 平滑過渡效果 */
            transition: background-color 0.2s ease, transform 0.2s ease;
        }

        .floating-btn:hover {
            background-color: #be123c; /* 懸停時純色加深 */
            transform: translateY(-2px);
        }
        .floating-btn:active {
            transform: translateY(0);
        }

        .campaign-icon {
            font-size: 20px;
            line-height: 1;
            margin-bottom: 10px;
            display: block;
            color: #ffffff;
        }

        /* 直式排版文字 */
        .campaign-text {
            writing-mode: vertical-rl;
            text-orientation: upright;
            display: flex;
            flex-direction: column;
            align-items: center;
            font-weight: bold;
            font-size: 1rem;
            line-height: 1.3;
            color: #ffffff;
            letter-spacing: 0.1em;
        }

        /* 「全站活動」小字 */
        .campaign-text-top {
            font-weight: 500;
            opacity: 0.9;
            margin-bottom: 6px;
        }

        /* 「優惠中！」反白框樣式 */
        .campaign-text-badge {
            background-color: rgba(255, 255, 255, 0.2);
            border-radius: 6px;
            padding: 5px 2px;
        }


@media all and (min-width: 1px) and (max-width: 1024px){ 
/* top */
#topbutton{width:50px;height:50px;color:#FFF;border-radius:9999em;background-color:#000000b0;opacity:.4;right:1%;bottom:2.5%;position:fixed;line-height:50px;font-size:15px;text-align:center;z-index:50}
#topbutton a{color:#FFF;font-size:15px}
#allevent{display: none;}
}