/* ============================================================
   Webflow-style CSS Reset
   ============================================================ */

*, *::before, *::after {
    box-sizing: border-box;
}

* {
    margin: 0;
    padding: 0;
    border: 0;
}

html {
    font-size: 16px;
    
    -webkit-text-size-adjust: 100%;
}

body {
    min-height: 100vh;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

img, video, svg, canvas {
    display: block;
    max-width: 100%;
    height: auto;
}

input, button, textarea, select {
    font: inherit;
    background: none;
    border: none;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
}

a {
    color: inherit;
    text-decoration: none;
}

ul, ol {
    list-style: none;
}

h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
}

p, h1, h2, h3, h4, h5, h6 {
    overflow-wrap: break-word;
}

/* iPhone 安全區域 */
body {
    padding-left: env(safe-area-inset-left);
    padding-right: env(safe-area-inset-right);
}



body ::-webkit-scrollbar { display: none; } /* Chrome, Safari, Opera */

body { -ms-overflow-style: none; } /* IE & Edge */

html { scrollbar-width: none; } /* Firefox */   



/*
html {
  font-size: 62.5%; 10px = 1rem (16px * 0.625 = 10px) or 100% 
}
*/


:root{


/*======================================*/


--v--f-s: calc(var(--fs-v--) / 100 * var(--v--f-s--fn));


--fs-v--: calc(100vw - var(--s-p--c-i) * 2px);
/* 如果有滾動條需要減 */
/* --fs-v--: calc(100vw - var(--rtsbr-w) - var(--s-p--c-i) * 2px); */


/*--------------------*/


--vw-px: 100vw;
/* 視窗寬度（以 px 計算 如果有滾動條需要減 rtsbr-w*/
/*--vw-px: calc(100vw - var(--rtsbr-w)); */ 


--w-min: 600; /* 最小螢幕寬（不再縮小） */
/* 加padding 後的max-w */
--w-max: calc(var(--m-w--) + var(--s-p--c-i) * 2); 


/* 限制有效寬度（在 992–(1440+padding*2) 區間內縮放） */
--w-ctr: clamp(calc(var(--w-min) * 1px),var(--vw-px),calc(var(--w-max) * 1px)
);


/* ===== 最終字級計算 
--d--f-s: 
calc( ((var(--w-ctr) - (var(--s-p--c-i) * 2px)) / calc(var(--m-w--) * 1px))
* calc(var(--d--f-s--fn) * 1px) );  
===== */


--d--f-s-base: calc((var(--w-ctr) - (var(--s-p--c-i) * 2px)) / var(--m-w--));
--d--f-s: calc(var(--d--f-s-base) * var(--d--f-s--fn));


/*--------------------*/


--m-w--:1440;
--s-m-w--:calc(var(--m-w--) * 1px);

--s-m--rt: 12.5rem;
--s-m--: calc(var(--s-m--rt) * 1);
--s-p--c-i: 32;

--s-p--: 2rem;
--s-g--: 2rem;
--s-b--: 2rem;

--s-p--cd: 2rem;
--s-p--btn: 2rem;


/*--------------------*/


--v--f-s--fn:6.38;
--d--f-s--fn: 85.2;
--t--f-s: 3.5rem;
--t-1--f-s: 2.8rem;
--t-2--f-s: calc(var(--t-1--f-s) * 0.9);
--t-3--f-s: calc(var(--t-1--f-s) * 0.8);
--st--f-s: calc(var(--t-1--f-s) * 0.7);
--ct--f-s:  calc(var(--t-1--f-s) * 0.6);


--tx-l--f-s: 1.125rem;
--tx-m--f-s: 1rem;
--tx-s--f-s: 0.875rem;


/*--------------------*/


--btn-l--f-s: var(--tx-l--f-s);
--btn-m--f-s: var(--tx-m--f-s);
--btn-s--f-s: var(--tx-s--f-s);


/*--------------------*/


--sw--f-s: 1;
--f-s--v:    calc(var(--v--f-s) * var(--sw--f-s));
--f-s--d:    calc(var(--d--f-s) * var(--sw--f-s));
--f-s--t:    calc(var(--t--f-s) * var(--sw--f-s));
--f-s--t-1:  calc(var(--t-1--f-s) * var(--sw--f-s));
--f-s--t-2:  calc(var(--t-2--f-s) * var(--sw--f-s));
--f-s--t-3:  calc(var(--t-3--f-s) * var(--sw--f-s));
--f-s--st:   calc(var(--st--f-s) * var(--sw--f-s));
--f-s--ct:   calc(var(--ct--f-s) * var(--sw--f-s));
--f-s--tx-l: calc(var(--tx-l--f-s) * var(--sw--f-s));
--f-s--tx-m: calc(var(--tx-m--f-s) * var(--sw--f-s));
--f-s--tx-s: calc(var(--tx-s--f-s) * var(--sw--f-s));


/*
--f-s--v: var(--v--f-s);
--f-s--d: var(--d--f-s);
--f-s--t: var(--t--f-s);
--f-s--t-1: var(--t-1--f-s);
--f-s--t-2: var(--t-2--f-s);
--f-s--t-3: var(--t-3--f-s);
--f-s--st: var(--st--f-s);
--f-s--ct: var(--ct--f-s);
--f-s--tx-l: var(--tx-l--f-s);
--f-s--tx-m: var(--tx-m--f-s);
--f-s--tx-s: var(--tx-s--f-s);
*/


--f-s--btn-l: var(--btn-l--f-s);
--f-s--btn-m: var(--btn-m--f-s);
--f-s--btn-s: var(--btn-s--f-s);


/*======================================*/
/*======================================*/
/*======================================*/


/*--==cr==--*/

/*
--swatch--transparent:transparent;
--swatch--light:#ffffff;
--swatch--light-faded:#DDDDDD;
--swatch--dark:#1a1a1a;
--swatch--dark-faded:#303030;
--swatch--brand-text:#A3A3A3;
--swatch--brand:#ffffff;
--swatch--brand-1:#EB4C2E;
--swatch--brand-2:#50A0FE;
--swatch--border:#E3AF59;
*/


--sw--t: transparent;

--sw--l: hsl(0 0% 100%);
--sw--l-f: hsl(0 0% 80%);
--sw--l-tx: hsl(0 0% 5%);

--sw--d: hsl(0 0% 0%);
--sw--d-f: hsl(0 0% 15%);
--sw--d-tx: hsl(0 0% 30%);

--sw--b: #ff9800;
--sw--b-l: #ff9800;
--sw--b-d: #ff9800;

--sw--b-1: #E0BB7E;
--sw--b-2: #50A0FE;

--sw--b-tx: #A3A3A3;
--sw--b-tx-l: #A3A3A3;
--sw--b-tx-d: #A3A3A3;

--sw--bd: #ff9800;
--sw--bd-l: #ff9800;
--sw--bd-d: #ff9800;

--sw--bd-b: #ff9800;
--sw--bd-b-f: #ff9800;

/*--------------------*/


--l--bg-d: hsl(0 0% 90%);
--l--bg: hsl(0 0% 95%);
--l--bg-l: hsl(0 0% 100%);
--l--tx: hsl(0 0% 5%);
--l--tx-f: hsl(0 0% 25%);
--l--tx-ff: hsl(0 0% 38%);
--l--tx-cr: hsl(36 100% 7%);

--l--bd: hsl(0 0% 50%);
--l--bd-f: hsl(0 0% 75%);
--l--b: #F76008;
--l--b-f: #ff9800;
--l--b-1: #68CF08;
--l--b-2: #1232E8;

--l--hl: hsl(0 0% 30%);
--l--lg: linear-gradient(270deg, #FF9800 0%, #DD5C00 100%);
--l--lg-h: linear-gradient(270deg, #FF9800 0%, #DD5C00 100%);


/*--------------------*/


--d--bg-d: hsl(0 0% 0%);
--d--bg: hsl(0 0% 7.5%);
--d--bg-l: hsl(0 0% 15%);
--d--tx: hsl(0 0% 95%);
--d--tx-f: hsl(0 0% 80%);
--d--tx-ff: hsl(0 0% 65%);
--d--tx-cr: hsl(36 100% 80%);

--d--bd: hsl(0 0% 50%);
--d--bd-f: hsl(0 0% 25%);
--d--b: #FF9800;
--d--b-f: #F76008;
--d--b-1: #68CF08;
--d--b-2: #1232E8;

--d--hl: hsl(0 0% 30%);
--d--lg: linear-gradient(270deg, #FF9800 0%, #DD5C00 100%);
--d--lg-h: linear-gradient(270deg, #FF9800 0%, #DD5C00 100%);


/*--------------------*/


--b--bg-d: #f76008;
--b--bg: #FF9800;
--b--bg-l: #FABA3A;
--b--tx: hsla(0 0% 100% / 0.9);
--b--tx-f: hsla(0 0% 100% / 0.8);
--b--tx-ff: hsla(0 0% 100% / 0.7);
--b--tx-cr: hsl(36 100% 80%);

--b--bd: hsl(0 0% 30%);
--b--bd-f: hsl(0 0% 30%);
--b--b: hsla(0 0% 0% / 0.6);
--b--b-f: hsla(0 0% 0% / 0.8);
--b--b-1: #68CF08;
--b--b-2: #1232E8;

--b--hl: hsl(0 0% 30%);
--b--lg: linear-gradient(270deg, #FF9800 0%, #DD5C00 100%);
--b--lg-h: linear-gradient(270deg, #FF9800 0%, #DD5C00 100%);


/*--------------------*/


--danger:    oklch(0.5 0.05 30);
--warning:   oklch(0.5 0.05 100);
--success:   oklch(0.5 0.05 160);
--info:      oklch(0.5 0.05 260);


/*--------------------*/


--th--t: transparent;
--th--bg-d: var(--l--bg-d);
--th--bg: var(--l--bg);
--th--bg-l: var(--l--bg-l);
--th--tx: var(--l--tx);
--th--tx-f: var(--l--tx-f);
--th--tx-ff: var(--l--tx-ff);
--th--tx-cr: var(--l--tx-cr);
--th--bd: var(--l--bd);
--th--bd-f: var(--l--bd-f);
--th--b: var(--l--b);
--th--b-f: var(--l--b-f);
--th--b-1: var(--l--b-1);
--th--b-2: var(--l--b-2);

--th--hl: var(--l--hl);
--th--lg: var(--l--lg);
--th--lg-h: var(--l--lg-h);


/*----------*/


--th--a: var(--l--tx);
--th--a-h: var(--l--b);
--th--a-a: var(--l--b-f);
--th--a-bg: var(--th--t);


/*--------------------*/


--btn--bg: #f76008;
--btn--tx: #ffffff;
--btn--bd: #ffffff;

--btn--bg-h: #1f1f1f;
--btn--tx-h: #ffffff;
--btn--bd-h: #ff9800;


/*--------------------*/


--btn-1--bg: var(--sw--t);
--btn-1--tx: var(--sw--b);
--btn-1--bd: var(--sw--l);

--btn-1--bg-h: var(--sw--d);
--btn-1--tx-h: var(--sw--l);
--btn-1--bd-h: var(--sw--d);


/*======================================*/

/*--==ff==--*/


--f-f--1: 'inter', sans-serif;
--f-f--2: 'inter', sans-serif;
--f-f--3: 'inter', sans-serif;


--l-s--tx-v:-0.045;
--l-s--tx-d:-0.045;
--l-s--f-f-1:-0.045;
--l-s--f-f-2:0;
--l-s--f-f-3:0;


/*--------------------*/


--f-f--v: var(--f-f--1);
--f-f--d: var(--f-f--1);
--f-f--t: var(--f-f--1);
--f-f--t-1: var(--f-f--1);
--f-f--t-2: var(--f-f--1);
--f-f--t-3: var(--f-f--1);
--f-f--st: var(--f-f--1);
--f-f--ct: var(--f-f--1);


--f-f--tx-m: var(--f-f--2);
--f-f--btn-m: var(--f-f--2);


/*======================================*/


--f-w--l: 300;
--f-w--r: 400;
--f-w--m: 500;
--f-w--b: 600;

--f-w--1: var(--f-w--m);
--f-w--2: var(--f-w--r);
--f-w--3: var(--f-w--r);


/*--------------------*/

--f-w--v: var(--f-w--1);
--f-w--d: var(--f-w--1);
--f-w--t: var(--f-w--1);
--f-w--t-1: var(--f-w--1);
--f-w--t-2: var(--f-w--1);
--f-w--t-3: var(--f-w--1);
--f-w--st: var(--f-w--1);
--f-w--ct: var(--f-w--1);


--f-w--tx-m: var(--f-w--2);
--f-w--btn-m: var(--f-w--2);


/*======================================*/


--tx--l-h:1;

--l-h--v: var(--tx--l-h);
--l-h--d: var(--tx--l-h);
--l-h--t: var(--tx--l-h);
--l-h--t-1: var(--tx--l-h);
--l-h--t-2: var(--tx--l-h);
--l-h--t-3: var(--tx--l-h);
--l-h--st: var(--tx--l-h);
--l-h--ct: var(--tx--l-h);

--l-h--tx-m: 1.5;
--l-h--btn-m: var(--tx--l-h);


--ff1--msp-t:-0.134;
--ff1--msp-b:-0.158;

--ff2--msp-t:-0;
--ff2--msp-b:-0;


--ff1-p--msp-t:-0;
--ff1-p--msp-b:-0;

--ff2-p--msp-t:-0.35;
--ff2-p--msp-b:-0.3;


/*======================================*/


--tt-tfm--n: none;
--tt-tfm--u: uppercase;
--tt-tfm--c: capitalize;
--tt-tfm--l: lowercase;
--tt-tfm--i: inherit;


/*--------------------*/


--t-w--wrap: normal;
--t-w--balance: break-word;
--t-w--pretty: anywhere;


/*======================================*/


--s-m--lll: calc(var(--s-m--)*2);
--s-m--ll: calc(var(--s-m--)*1.75);
--s-m--l: calc(var(--s-m--)*1.5);
--s-m--sl: calc(var(--s-m--)*1.25);

--s-m--ls: calc(var(--s-m--)*0.75);
--s-m--s: calc(var(--s-m--)*0.5);
--s-m--ss: calc(var(--s-m--)*0.25);
--s-m--sss: calc(var(--s-m--)*0.125);

--s-p--lll: calc(var(--s-p--)*2);
--s-p--ll: calc(var(--s-p--)*1.75);
--s-p--l: calc(var(--s-p--)*1.5);
--s-p--sl: calc(var(--s-p--)*1.25);

--s-p--ls: calc(var(--s-p--)*0.75);
--s-p--s: calc(var(--s-p--)*0.5);
--s-p--ss: calc(var(--s-p--)*0.25);
--s-p--sss: calc(var(--s-p--)*0.125);

--s-g--llll: calc(var(--s-g--)*2.25);
--s-g--lll: calc(var(--s-g--)*2);
--s-g--ll: calc(var(--s-g--)*1.75);
--s-g--l: calc(var(--s-g--)*1.5);
--s-g--sl: calc(var(--s-g--)*1.25);

--s-g--ls: calc(var(--s-g--)*0.75);
--s-g--s: calc(var(--s-g--)*0.5);
--s-g--ss: calc(var(--s-g--)*0.25);
--s-g--sss: calc(var(--s-g--)*0.125);

--s-b--lll: calc(var(--s-b--)*2);
--s-b--ll: calc(var(--s-b--)*1.75);
--s-b--l: calc(var(--s-b--)*1.5);
--s-b--sl: calc(var(--s-b--)*1.25);

--s-b--ls: calc(var(--s-b--)*0.75);
--s-b--s: calc(var(--s-b--)*0.5);
--s-b--ss: calc(var(--s-b--)*0.25);
--s-b--sss: calc(var(--s-b--)*0.125);


/*--------------------*/


--s-p--cd-lll: calc(var(--s-p--cd)*2);
--s-p--cd-ll: calc(var(--s-p--cd)*1.75);
--s-p--cd-l: calc(var(--s-p--cd)*1.5);
--s-p--cd-sl: calc(var(--s-p--cd)*1.25);

--s-p--cd-ls: calc(var(--s-p--cd)*0.75);
--s-p--cd-s: calc(var(--s-p--cd)*0.5);
--s-p--cd-ss: calc(var(--s-p--cd)*0.25);
--s-p--cd-sss: calc(var(--s-p--cd)*0.125);


/*--------------------*/


--s-p--btn-lll: calc(var(--s-p--btn)*2);
--s-p--btn-ll: calc(var(--s-p--btn)*1.75);
--s-p--btn-l: calc(var(--s-p--btn)*1.5);
--s-p--btn-sl: calc(var(--s-p--btn)*1.25);

--s-p--btn-ls: calc(var(--s-p--btn)*0.75);
--s-p--btn-s: calc(var(--s-p--btn)*0.5);
--s-p--btn-ss: calc(var(--s-p--btn)*0.25);
--s-p--btn-sss: calc(var(--s-p--btn)*0.125);


/*--------------------*/


}


/*======================================*/


/*------------------------------*/


@media screen and (max-width: 1920px) {
  :root {

  }
}


/*------------------------------*/


@media screen and (max-width: 1440px) {
  :root {


      
    --s-m--: calc(var(--s-m--rt) * 0.75);
    --s-p--c-i: 28;
    --s-p--: 1.75rem;  /* 28px */
    --s-g--: 1.75rem;
    --s-b--: 1.875rem;

  

/*----------*/


--t--f-s: calc(2rem + 1vw); /* 28px + 14 */
--t-1--f-s: calc(1.75rem + 1vw); /* 28px + 14 */
--t-2--f-s: calc(var(--t-1--f-s) * 0.905);
--t-3--f-s: calc(var(--t-1--f-s) * 0.82);
--st--f-s: calc(var(--t-1--f-s) * 0.735);
--ct--f-s:  calc(var(--t-1--f-s) * 0.65);



  }
}


/*------------------------------*/


@media screen and (max-width: 1024px) { /* 28px + 10 */
  :root {
      
    --s-m--: calc(var(--s-m--rt) * 0.6);
    --s-p--c-i: 24;  
    --s-p--: 1.5rem;   /* 24px */
    --s-g--: 1.5rem;
    --s-b--: 1.75rem;
    
  }
}


/*------------------------------*/


@media screen and (max-width: 767px) { /* 28px + 7 */
  :root {

    --s-m--: calc(var(--s-m--rt) * 0.38);
    --s-p--c-i: 20;  
    --s-p--: 1.25rem;  /* 20px */
    --s-g--: 1.25rem;
    --s-b--: 1.625rem;
    

/*----------*/
    

--t--f-s: calc(1.75rem + 1.8vw); 
--t-1--f-s: calc(1.55rem + 1.8vw); 
--t-2--f-s: calc(var(--t-1--f-s) * 0.925);
--t-3--f-s: calc(var(--t-1--f-s) * 0.85);
--st--f-s: calc(var(--t-1--f-s) * 0.775);
--ct--f-s:  calc(var(--t-1--f-s) * 0.7);

--tx-l--f-s: 1.0625rem;/* 17px */
--tx-m--f-s: 0.9375rem;/* 15px */
--tx-s--f-s: 0.8125rem;/* 13px */


  }
  
}


/*------------------------------*/


@media screen and (max-width: 479px) { /* 28px + 4.7 */
  :root {
      
    --s-p--c-i: 16;
    --s-p--: 1rem;     /* 16px */
    --s-g--: 1rem;
    --s-b--: 1.5rem;
    
  }
}


/*------------------------------*/


/*======================================*/
/*======================================*/
/*======================================*/


/*--==tx-class==--*/

/*------------------------------*/


.iws-tx-v,.iws-tx-v-w :where(h1,h2,h3,h4,h5,h6,p,a,span){
font-size: var(--f-s--v);
font-family: var(--f-f--v) !important;
font-weight: var(--f-w--v) !important;
line-height: var(--l-h--v);
letter-spacing: calc(var(--f-s--v) * var(--l-s--tx-v));
margin-top: calc(var(--f-s--v) * var(--ff1--msp-t));
margin-bottom: calc(var(--f-s--v) * var(--ff1--msp-b));
text-transform: var(--tt-tfm--n);
}


/*------------------------------*/


.iws-tx-d,.iws-tx-d-w :where(h1,h2,h3,h4,h5,h6,p,a,span){
font-size: var(--f-s--d);
font-family: var(--f-f--d) !important;
font-weight: var(--f-w--d) !important;
line-height: var(--l-h--d);
letter-spacing: calc(var(--f-s--d) * var(--l-s--tx-d));
margin-top: calc(var(--f-s--d) * var(--ff1--msp-t));
margin-bottom: calc(var(--f-s--d) * var(--ff1--msp-b));
text-transform: var(--tt-tfm--n);
}




/*------------------------------*/


.iws-tx-t,.iws-tx-t-w :where(h1,h2,h3,h4,h5,h6,p,a,span){
font-size: var(--f-s--t);
font-family: var(--f-f--t) !important;
font-weight: var(--f-w--t) !important;
line-height: var(--l-h--t);
letter-spacing: calc(var(--f-s--t) * var(--l-s--f-f-1));
margin-top: calc(var(--f-s--t) * var(--ff1--msp-t));
margin-bottom: calc(var(--f-s--t) * var(--ff1--msp-b));
text-transform: var(--tt-tfm--n);
}

.iws-tx-t-1,.iws-tx-t-1-w :where(h1,h2,h3,h4,h5,h6,p,a,span){
font-size: var(--f-s--t-1);
font-family: var(--f-f--t-1) !important;
font-weight: var(--f-w--t-1) !important;
line-height: var(--l-h--t-1);
letter-spacing: calc(var(--f-s--t-1) * var(--l-s--f-f-1));
margin-top: calc(var(--f-s--t-1) * var(--ff1--msp-t));
margin-bottom: calc(var(--f-s--t-1) * var(--ff1--msp-b));
text-transform: var(--tt-tfm--n);
}

.iws-tx-t-2,.iws-tx-t-2-w :where(h1,h2,h3,h4,h5,h6,p,a){
font-size: var(--f-s--t-2);
font-family: var(--f-f--t-2) !important;
font-weight: var(--f-w--t-2) !important;
line-height: var(--l-h--t-2);
letter-spacing: calc(var(--f-s--t-2) * var(--l-s--f-f-1));
margin-top: calc(var(--f-s--t-2) * var(--ff1--msp-t));
margin-bottom: calc(var(--f-s--t-2) * var(--ff1--msp-b));
text-transform: var(--tt-tfm--n);
}

.iws-tx-t-3,.iws-tx-t-3-w :where(h1,h2,h3,h4,h5,h6,p,a,span){
font-size: var(--f-s--t-3);
font-family: var(--f-f--t-3) !important;
font-weight: var(--f-w--t-3) !important;
line-height: var(--l-h--t-3);
letter-spacing: calc(var(--f-s--t-3) * var(--l-s--f-f-1));
margin-top: calc(var(--f-s--t-3) * var(--ff1--msp-t));
margin-bottom: calc(var(--f-s--t-3) * var(--ff1--msp-b));
text-transform: var(--tt-tfm--n);
}


/*------------------------------*/


.iws-tx-st,.iws-tx-st-w :where(h1,h2,h3,h4,h5,h6,p,a,span){
font-size: var(--f-s--st);
font-family: var(--f-f--st) !important;
font-weight: var(--f-w--st) !important;
line-height: var(--l-h--st);
letter-spacing: calc(var(--f-s--st) * var(--l-s--f-f-1));
margin-top: calc(var(--f-s--st) * var(--ff1--msp-t));
margin-bottom: calc(var(--f-s--st) * var(--ff1--msp-b));
text-transform: var(--tt-tfm--n);
}


/*------------------------------*/


.iws-tx-ct,.iws-tx-ct-w :where(h1,h2,h3,h4,h5,h6,p,a,span){
font-size: var(--f-s--ct);
font-family: var(--f-f--ct) !important;
font-weight: var(--f-w--ct) !important;
line-height: var(--l-h--ct);
letter-spacing: calc(var(--f-s--ct) * var(--l-s--f-f-1));
margin-top: calc(var(--f-s--ct) * var(--ff1--msp-t));
margin-bottom: calc(var(--f-s--ct) * var(--ff1--msp-b));
text-transform: var(--tt-tfm--n);
}


/*------------------------------*/


.iws-tx-l,.iws-tx-l-w :where(h1,h2,h3,h4,h5,h6,p,a,span){
font-size: var(--f-s--tx-l);
font-family: var(--f-f--tx-m) !important;
font-weight: var(--f-w--tx-m) !important;
line-height: var(--l-h--tx-m);
letter-spacing: calc(var(--f-s--tx-l) * var(--l-s--f-f-2));
margin-top: calc(var(--f-s--tx-l) * var(--ff2-p--msp-t));
margin-bottom: calc(var(--f-s--tx-l) * var(--ff2-p--msp-b));
}

.iws-tx-m,.iws-tx-m-w :where(h1,h2,h3,h4,h5,h6,p,a,span){
font-size: var(--f-s--tx-m);
font-family: var(--f-f--tx-m) !important;
font-weight: var(--f-w--tx-m) !important;
line-height: var(--l-h--tx-m);
letter-spacing: calc(var(--f-s--tx-m) * var(--l-s--f-f-2));
margin-top: calc(var(--f-s--tx-m) * var(--ff2-p--msp-t));
margin-bottom: calc(var(--f-s--tx-m) * var(--ff2-p--msp-b));
}

.iws-tx-s,.iws-tx-s-w :where(h1,h2,h3,h4,h5,h6,p,a,span){
font-size: var(--f-s--tx-s);
font-family: var(--f-f--tx-m) !important;
font-weight: var(--f-w--tx-m) !important;
line-height: var(--l-h--tx-m);
letter-spacing: calc(var(--f-s--tx-s) * var(--l-s--f-f-2));
margin-top: calc(var(--f-s--tx-s) * var(--ff2-p--msp-t));
margin-bottom: calc(var(--f-s--tx-s) * var(--ff2-p--msp-b));
}


/*------------------------------*/


.iws-tx-btn-l,.iws-tx-btn-l-w :where(h1,h2,h3,h4,h5,h6,p,a){
font-size: var(--f-s--btn-l) !important;
font-family: var(--f-f--btn-m) !important;
font-weight: var(--f-w--btn-m) !important;
line-height: var(--l-h--btn-m);
letter-spacing: calc(var(--f-s--btn-l) * var(--l-s--f-f-2));
margin-top: calc(var(--f-s--btn-l) * var(--ff2--msp-b));
margin-bottom: calc(var(--f-s--btn-l) * var(--ff2--msp-b));
}

.iws-tx-btn-m,.iws-tx-btn-m-w :where(h1,h2,h3,h4,h5,h6,p,a){
font-size: var(--f-s--btn-m) !important;
font-family: var(--f-f--btn-m) !important;
font-weight: var(--f-w--btn-m) !important;
line-height: var(--l-h--btn-m);
letter-spacing: calc(var(--f-s--btn-m) * var(--l-s--f-f-2));
margin-top: calc(var(--f-s--btn-m) * var(--ff2--msp-b));
margin-bottom: calc(var(--f-s--btn-m) * var(--ff2--msp-b));
}

.iws-tx-btn-s,.iws-tx-btn-s-w :where(h1,h2,h3,h4,h5,h6,p,a){
font-size: var(--f-s--btn-s) !important;
font-family: var(--f-f--btn-m) !important;
font-weight: var(--f-w--btn-m) !important;
line-height: var(--l-h--btn-m);
letter-spacing: calc(var(--f-s--btn-s) * var(--l-s--f-f-2));
margin-top: calc(var(--f-s--btn-s) * var(--ff2--msp-b));
margin-bottom: calc(var(--f-s--btn-s) * var(--ff2--msp-b));
}


/*------------------------------*/


/*======================================*/
/*======================================*/
/*======================================*/


/*--==f-f-class==--*/

.iws-f-f-1,.iws-f-f-1 :where(h1,h2,h3,h4,h5,h6,p,a,span) { 
    font-family: var(--f-f--1)!important; 
    font-weight: var(--f-w--1)!important;
}

.iws-f-f-2,.iws-f-f-2 :where(h1,h2,h3,h4,h5,h6,p,a,span) {
    font-family: var(--f-f--2)!important;
    font-weight: var(--f-w--2)!important;
}

.iws-f-f-3,.iws-f-f-3 :where(h1,h2,h3,h4,h5,h6,p,a,span) {
    font-family: var(--f-f--3)!important;
    font-weight: var(--f-w--3)!important;
}


/*------------------------------*/


.iws-tx-d.iws-f-f-1,
.iws-tx-d.iws-f-f-1 :where(h1,h2,h3,h4,h5,h6,p,a){
  letter-spacing: calc(var(--f-s--d) * var(--l-s--tx-d));    
  margin-top: calc(var(--f-s--d) * var(--ff1--msp-t));
  margin-bottom: calc(var(--f-s--d) * var(--ff1--msp-b));
}

.iws-tx-t.iws-f-f-1,
.iws-tx-t.iws-f-f-1 :where(h1,h2,h3,h4,h5,h6,p,a){
  letter-spacing: calc(var(--f-s--t) * var(--l-s--f-f-1));
  margin-top: calc(var(--f-s--t) * var(--ff1--msp-t));
  margin-bottom: calc(var(--f-s--t) * var(--ff1--msp-b));
}

.iws-tx-t-1.iws-f-f-1,
.iws-tx-t-1.iws-f-f-1 :where(h1,h2,h3,h4,h5,h6,p,a){
  letter-spacing: calc(var(--f-s--t-1) * var(--l-s--f-f-1));
  margin-top: calc(var(--f-s--t-1) * var(--ff1--msp-t));
  margin-bottom: calc(var(--f-s--t-1) * var(--ff1--msp-b));
}

.iws-tx-t-2.iws-f-f-1,
.iws-tx-t-2.iws-f-f-1 :where(h1,h2,h3,h4,h5,h6,p,a){
  letter-spacing: calc(var(--f-s--t-2) * var(--l-s--f-f-1));
  margin-top: calc(var(--f-s--t-2) * var(--ff1--msp-t));
  margin-bottom: calc(var(--f-s--t-2) * var(--ff1--msp-b));
}

.iws-tx-t-3.iws-f-f-1,
.iws-tx-t-3.iws-f-f-1 :where(h1,h2,h3,h4,h5,h6,p,a){
  letter-spacing: calc(var(--f-s--t-3) * var(--l-s--f-f-1));
  margin-top: calc(var(--f-s--t-3) * var(--ff1--msp-t));
  margin-bottom: calc(var(--f-s--t-3) * var(--ff1--msp-b));
}

.iws-tx-st.iws-f-f-1,
.iws-tx-st.iws-f-f-1 :where(h1,h2,h3,h4,h5,h6,p,a){
  letter-spacing: calc(var(--f-s--st) * var(--l-s--f-f-1));
  margin-top: calc(var(--f-s--st) * var(--ff1--msp-t));
  margin-bottom: calc(var(--f-s--st) * var(--ff1--msp-b));
}

.iws-tx-ct.iws-f-f-1,
.iws-tx-ct.iws-f-f-1 :where(h1,h2,h3,h4,h5,h6,p,a){
  letter-spacing: calc(var(--f-s--ct) * var(--l-s--f-f-1));
  margin-top: calc(var(--f-s--ct) * var(--ff1--msp-t));
  margin-bottom: calc(var(--f-s--ct) * var(--ff1--msp-b));
}

.iws-tx-l.iws-f-f-1,
.iws-tx-l.iws-f-f-1 :where(h1,h2,h3,h4,h5,h6,p,a,span){
  letter-spacing: calc(var(--f-s--tx-l) * var(--l-s--f-f-1));
  margin-top: calc(var(--f-s--tx-l) * var(--ff1-p--msp-t));
  margin-bottom: calc(var(--f-s--tx-l) * var(--ff1-p--msp-b));
}

.iws-tx-m.iws-f-f-1,
.iws-tx-m.iws-f-f-1 :where(h1,h2,h3,h4,h5,h6,p,a,span){
  letter-spacing: calc(var(--f-s--tx-m) * var(--l-s--f-f-1));
  margin-top: calc(var(--f-s--tx-m) * var(--ff1-p--msp-t));
  margin-bottom: calc(var(--f-s--tx-m) * var(--ff1-p--msp-b));
}

.iws-tx-s.iws-f-f-1,
.iws-tx-s.iws-f-f-1 :where(h1,h2,h3,h4,h5,h6,p,a,span){
  letter-spacing: calc(var(--f-s--tx-s) * var(--l-s--f-f-1));
  margin-top: calc(var(--f-s--tx-s) * var(--ff1-p--msp-t));
  margin-bottom: calc(var(--f-s--tx-s) * var(--ff1-p--msp-b));
}

.iws-tx-btn-l.iws-f-f-1,
.iws-tx-btn-l.iws-f-f-1 :where(h1,h2,h3,h4,h5,h6,p,a){
  letter-spacing: calc(var(--f-s--btn-l) * var(--l-s--f-f-1));
  margin-top: calc(var(--f-s--btn-l) * var(--ff1-p--msp-t));
  margin-bottom: calc(var(--f-s--btn-l) * var(--ff1-p--msp-b));
}

.iws-tx-btn-m.iws-f-f-1,
.iws-tx-btn-m.iws-f-f-1 :where(h1,h2,h3,h4,h5,h6,p,a){
  letter-spacing: calc(var(--f-s--btn-m) * var(--l-s--f-f-1));
  margin-top: calc(var(--f-s--btn-m) * var(--ff1-p--msp-t));
  margin-bottom: calc(var(--f-s--btn-m) * var(--ff1-p--msp-b));
}

.iws-tx-btn-s.iws-f-f-1,
.iws-tx-btn-s.iws-f-f-1 :where(h1,h2,h3,h4,h5,h6,p,a){
  letter-spacing: calc(var(--f-s--btn-s) * var(--l-s--f-f-1));
  margin-top: calc(var(--f-s--btn-s) * var(--ff1-p--msp-t));
  margin-bottom: calc(var(--f-s--btn-s) * var(--ff1-p--msp-b));
}


/*------------------------------*/


.iws-tx-d.iws-f-f-2,
.iws-tx-d.iws-f-f-2 :where(h1,h2,h3,h4,h5,h6,p,a){
  letter-spacing: calc(var(--f-s--d) * var(--l-s--tx-d));
  margin-top: calc(var(--f-s--d) * var(--ff2--msp-t));
  margin-bottom: calc(var(--f-s--d) * var(--ff2--msp-b));
}

.iws-tx-t.iws-f-f-2,
.iws-tx-t.iws-f-f-2 :where(h1,h2,h3,h4,h5,h6,p,a){
  letter-spacing: calc(var(--f-s--t) * var(--l-s--f-f-2));
  margin-top: calc(var(--f-s--t) * var(--ff2--msp-t));
  margin-bottom: calc(var(--f-s--t) * var(--ff2--msp-b));
}

.iws-tx-t-1.iws-f-f-2,
.iws-tx-t-1.iws-f-f-2 :where(h1,h2,h3,h4,h5,h6,p,a){
  letter-spacing: calc(var(--f-s--t-1) * var(--l-s--f-f-2));
  margin-top: calc(var(--f-s--t-1) * var(--ff2--msp-t));
  margin-bottom: calc(var(--f-s--t-1) * var(--ff2--msp-b));
}

.iws-tx-t-2.iws-f-f-2,
.iws-tx-t-2.iws-f-f-2 :where(h1,h2,h3,h4,h5,h6,p,a){
  letter-spacing: calc(var(--f-s--t-2) * var(--l-s--f-f-2));
  margin-top: calc(var(--f-s--t-2) * var(--ff2--msp-t));
  margin-bottom: calc(var(--f-s--t-2) * var(--ff2--msp-b));
}

.iws-tx-t-3.iws-f-f-2,
.iws-tx-t-3.iws-f-f-2 :where(h1,h2,h3,h4,h5,h6,p,a){
  letter-spacing: calc(var(--f-s--t-3) * var(--l-s--f-f-2));
  margin-top: calc(var(--f-s--t-3) * var(--ff2--msp-t));
  margin-bottom: calc(var(--f-s--t-3) * var(--ff2--msp-b));
}

.iws-tx-st.iws-f-f-2,
.iws-tx-st.iws-f-f-2 :where(h1,h2,h3,h4,h5,h6,p,a){
  letter-spacing: calc(var(--f-s--st) * var(--l-s--f-f-2));
  margin-top: calc(var(--f-s--st) * var(--ff2--msp-t));
  margin-bottom: calc(var(--f-s--st) * var(--ff2--msp-b));
}

.iws-tx-ct.iws-f-f-2,
.iws-tx-ct.iws-f-f-2 :where(h1,h2,h3,h4,h5,h6,p,a){
  letter-spacing: calc(var(--f-s--ct) * var(--l-s--f-f-2));
  margin-top: calc(var(--f-s--ct) * var(--ff2--msp-t));
  margin-bottom: calc(var(--f-s--ct) * var(--ff2--msp-b));
}

.iws-tx-l.iws-f-f-2,
.iws-tx-l.iws-f-f-2 :where(h1,h2,h3,h4,h5,h6,p,a,span){
  letter-spacing: calc(var(--f-s--tx-l) * var(--l-s--f-f-2));
  margin-top: calc(var(--f-s--tx-l) * var(--ff2-p--msp-t));
  margin-bottom: calc(var(--f-s--tx-l) * var(--ff2-p--msp-b));
}

.iws-tx-m.iws-f-f-2,
.iws-tx-m.iws-f-f-2 :where(h1,h2,h3,h4,h5,h6,p,a,span){
  letter-spacing: calc(var(--f-s--tx-m) * var(--l-s--f-f-2));
  margin-top: calc(var(--f-s--tx-m) * var(--ff2-p--msp-t));
  margin-bottom: calc(var(--f-s--tx-m) * var(--ff2-p--msp-b));
}

.iws-tx-s.iws-f-f-2,
.iws-tx-s.iws-f-f-2 :where(h1,h2,h3,h4,h5,h6,p,a,span){
  letter-spacing: calc(var(--f-s--tx-s) * var(--l-s--f-f-2));
  margin-top: calc(var(--f-s--tx-s) * var(--ff2-p--msp-t));
  margin-bottom: calc(var(--f-s--tx-s) * var(--ff2-p--msp-b));
}

.iws-tx-btn-l.iws-f-f-2,
.iws-tx-btn-l.iws-f-f-2 :where(h1,h2,h3,h4,h5,h6,p,a){
  letter-spacing: calc(var(--f-s--btn-l) * var(--l-s--f-f-2));
  margin-top: calc(var(--f-s--btn-l) * var(--ff2-p--msp-t));
  margin-bottom: calc(var(--f-s--btn-l) * var(--ff2-p--msp-b));
}

.iws-tx-btn-m.iws-f-f-2,
.iws-tx-btn-m.iws-f-f-2 :where(h1,h2,h3,h4,h5,h6,p,a){
  letter-spacing: calc(var(--f-s--btn-m) * var(--l-s--f-f-2));
  margin-top: calc(var(--f-s--btn-m) * var(--ff2-p--msp-t));
  margin-bottom: calc(var(--f-s--btn-m) * var(--ff2-p--msp-b));
}

.iws-tx-btn-s.iws-f-f-2,
.iws-tx-btn-s.iws-f-f-2 :where(h1,h2,h3,h4,h5,h6,p,a){
  letter-spacing: calc(var(--f-s--btn-s) * var(--l-s--f-f-2));
  margin-top: calc(var(--f-s--btn-s) * var(--ff2-p--msp-t));
  margin-bottom: calc(var(--f-s--btn-s) * var(--ff2-p--msp-b));
}


/*------------------------------*/


/*--==kit==--*/


/* 根元素設定 */
html {
    margin: 0;
    padding: 0;
    font-size: 100%; /* 確保 rem 計算基準 */
    -webkit-text-size-adjust: 100%; /* 防止 iOS 橫屏自動放大字體 */
    /* [關鍵] 防止 GSAP 動畫或全寬區塊導致手機版橫向卷軸 */
    overflow-x: hidden; 
    scroll-behavior: auto !important;
}



main{
z-index: 1;    
}


/* Bab */
.e-con{
padding: 0 ;
margin: 0 ;
} 


*::before,
*::after {
    box-sizing: border-box;
}




[class*="-iws-s"]{
 padding: var(--s-m--) var(--s-p--); 
}


[class*="-iws-c-t"],
[class*="-iws-c-b"],
[class*="-iws-c-r"],
[class*="-iws-c-l"],
[class*="-iws-c-m"],
[class*="-iws-s"],
[class*="-iws-in"]{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center; 
  width: 100%;
  max-width: 100%;
  gap:var(--s-g--);
  position: relative;
  outline: 0px solid var(--th--tx-f) !important; 
}

[class*="-iws-in"],
.iws-in{
max-width: var(--s-m-w--);
}



[class*="iws-tx"]{
  outline: 0px solid var(--th--tx-f) !important; 
}



[class*="tx--w-"],
.tx--w {
  max-width: 100%;
}


.tx-wrap{
outline: 1px solid var(--th--tx-f) !important; 
}



.iws-row-w{
display: flex;
flex-direction: row;
justify-content: center;
align-items: center; 
width: 100%;
max-width: 100%;
gap:var(--s-g--);
position: relative;
}


.iws-col-w{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center; 
width: 100%;
max-width: 100%;
gap:var(--s-g--);
position: relative;
}


.iws-flex {
display: flex;
}

.iws-flex-w{
display: flex;
flex-wrap: wrap;
}


.iws-w-100{
width: 100%;    
}

.iws-w-auto{
width: auto;    
}



/*------------------------------*/



[class*="-cd-s"]{
 display: flex;
 flex-direction: column;
 padding: var(--s-p--cd);
 position: relative;
}


[class*="-cd-in"]{
 display: flex;
 flex-direction: column;
 position: relative;
 width: 100%;
}


.iws-cd-c-t,[class*="-cd-c-t"],
.iws-cd-c-b,[class*="-cd-c-b"],
.iws-cd-c-r,[class*="-cd-c-r"],
.iws-cd-c-l,[class*="-cd-c-l"],
.iws-cd-c-m,[class*="-cd-c-m"]{
  display: flex;
  flex-direction: row;
  width: 100%;
  max-width: 100%;
  gap:var(--s-p--cd);
  position: relative;
}


[class*="-cd-col-w"]{
 display: flex;
 flex-direction: column;
 position: relative;
}

[class*="-cd-row-w"]{
 display: flex;
 flex-direction: row;
 position: relative;
}




/*------------------------------*/


[class*="-iws-p"]{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center; 
  width: 100%;
  max-width: 100%;
  gap:var(--s-g--);
  position: relative;
  outline: 0px solid var(--th--tx-f) !important; 
}  


/*======================================*/
/*======================================*/
/*======================================*/


.iws-f-w-100,.iws-f-w-100 :where(h1,h2,h3,h4,h5,h6,p,a) {
  font-weight: 100 !important;
}
.iws-f-w-200,.iws-f-w-200 :where(h1,h2,h3,h4,h5,h6,p,a) {
  font-weight: 200 !important;
}
.iws-f-w-300,.iws-f-w-300 :where(h1,h2,h3,h4,h5,h6,p,a) {
  font-weight: 300 !important;
}
.iws-f-w-400,.iws-f-w-400 :where(h1,h2,h3,h4,h5,h6,p,a) {
  font-weight: 400 !important;
}
.iws-f-w-500,.iws-f-w-500 :where(h1,h2,h3,h4,h5,h6,p,a) {
  font-weight: 500 !important;
}
.iws-f-w-600,.iws-f-w-600 :where(h1,h2,h3,h4,h5,h6,p,a) {
  font-weight: 600 !important;
}
.iws-f-w-700,.iws-f-w-700 :where(h1,h2,h3,h4,h5,h6,p,a) {
  font-weight: 700 !important;
}
.iws-f-w-800,.iws-f-w-800 :where(h1,h2,h3,h4,h5,h6,p,a) {
  font-weight: 800 !important;
}
.iws-f-w-900,.iws-f-w-900 :where(h1,h2,h3,h4,h5,h6,p,a) {
  font-weight: 900 !important;
}


.iws-f-w-l,.iws-f-w-l :where(h1,h2,h3,h4,h5,h6,p,a) {
  font-weight: var(--f-w--l) !important;
}
.iws-f-w-r,.iws-f-w-r :where(h1,h2,h3,h4,h5,h6,p,a) {
  font-weight: var(--f-w--r) !important;
}
.iws-f-w-m,.iws-f-w-m :where(h1,h2,h3,h4,h5,h6,p,a) {
  font-weight: var(--f-w--m) !important;
}
.iws-f-w-b,.iws-f-w-b :where(h1,h2,h3,h4,h5,h6,p,a) {
  font-weight: var(--f-w--b) !important;
}


/*------------------------------*/


.iws-l-h-1,.iws-l-h-1 :where(h1,h2,h3,h4,h5,h6,p,a) {
  line-height: 1 !important;
}
.iws-l-h-1-1,.iws-l-h-1-1 :where(h1,h2,h3,h4,h5,h6,p,a) {
  line-height: 1.1 !important;
}
.iws-l-h-1-2,.iws-l-h-1-2 :where(h1,h2,h3,h4,h5,h6,p,a) {
  line-height: 1.2 !important;
}
.iws-l-h-1-3,.iws-l-h-1-3 :where(h1,h2,h3,h4,h5,h6,p,a) {
  line-height: 1.3 !important;
}
.iws-l-h-1-4,.iws-l-h-1-4 :where(h1,h2,h3,h4,h5,h6,p,a) {
  line-height: 1.4 !important;
}
.iws-l-h-1-5,.iws-l-h-1-5 :where(h1,h2,h3,h4,h5,h6,p,a) {
  line-height: 1.5 !important;
}


/*------------------------------*/


.iws-t-t-n,.iws-t-t-n :where(h1,h2,h3,h4,h5,h6,p,a){
    text-transform: none !important;}
.iws-t-t-u,.iws-t-t-u :where(h1,h2,h3,h4,h5,h6,p,a){
    text-transform: uppercase !important;}
.iws-t-t-c,.iws-t-t-c :where(h1,h2,h3,h4,h5,h6,p,a){
    text-transform: capitalize !important;}
.iws-t-t-l,.iws-t-t-l :where(h1,h2,h3,h4,h5,h6,p,a){
    text-transform: lowercase !important;}
.iws-t-t-i.iws-t-t-i :where(h1,h2,h3,h4,h5,h6,p,a){
    text-transform: inherit !important;}


/*------------------------------*/


.iws-t-a-s { text-align: start !important; }
.iws-t-a-c { text-align: center !important; }
.iws-t-a-e { text-align: end !important; }
.iws-t-a-j { text-align: justify !important; }


@media screen and (max-width: 1440px) {
  .iws-t-a-c-l { text-align: center !important; }
  .iws-t-a-s-l { text-align: start !important; }
  .iws-t-a-e-l { text-align: end !important; }
}


@media screen and (max-width: 1024px) {
  .iws-t-a-c-t { text-align: center !important; }
  .iws-t-a-s-t { text-align: start !important; }
  .iws-t-a-e-t { text-align: end !important; }
}


@media screen and (max-width: 767px) {
  .iws-t-a-c-m { text-align: center !important; }
  .iws-t-a-s-m { text-align: start !important; }
  .iws-t-a-e-m { text-align: end !important; }
}


/*======================================*/


.iws-msp-t-0 { margin-top:0; }
.iws-msp-b-0 { margin-bottom:0; }

.iws-msp-t-lll { margin-top:var(--s-m--lll); }
.iws-msp-t-ll { margin-top:var(--s-m--ll); }
.iws-msp-t-l { margin-top:var(--s-m--l); }
.iws-msp-t { margin-top:var(--s-m--); }
.iws-msp-t-ls { margin-top:var(--s-m--ls); }
.iws-msp-t-s { margin-top:var(--s-m--s); }
.iws-msp-t-ss { margin-top:var(--s-m--ss); }
.iws-msp-t-sss { margin-top:var(--s-m--sss); }

.iws-msp-b-lll { margin-bottom:var(--s-m--lll); }
.iws-msp-b-ll { margin-bottom:var(--s-m--ll); }
.iws-msp-b-l { margin-bottom:var(--s-m--l); }
.iws-msp-b { margin-bottom:var(--s-m--); }
.iws-msp-b-ls { margin-bottom:var(--s-m--ls); }
.iws-msp-b-s { margin-bottom:var(--s-m--s); }
.iws-msp-b-ss { margin-bottom:var(--s-m--ss); }
.iws-msp-b-sss { margin-bottom:var(--s-m--sss); }


/*======================================*/


.iws-s-m-w{max-width: var(--s-m-w--);}


.iws-gsp-0   { gap: 0; }
.iws-gsp-llll { gap: var(--s-g--llll); }
.iws-gsp-lll { gap: var(--s-g--lll); }
.iws-gsp-ll  { gap: var(--s-g--ll); }
.iws-gsp-l   { gap: var(--s-g--l); }
.iws-gsp-sl  { gap: var(--s-g--sl); }
.iws-gsp     { gap: var(--s-g--); }
.iws-gsp-ls  { gap: var(--s-g--ls); }
.iws-gsp-s   { gap: var(--s-g--s); }
.iws-gsp-ss  { gap: var(--s-g--ss); }
.iws-gsp-sss { gap: var(--s-g--sss); }


@media screen and (max-width: 1440px) {
  .iws-l-gsp-llll { gap: var(--s-g--llll); }
  .iws-l-gsp-lll { gap: var(--s-g--lll); }
  .iws-l-gsp-ll  { gap: var(--s-g--ll); }
  .iws-l-gsp-l   { gap: var(--s-g--l); }
  .iws-l-gsp-sl  { gap: var(--s-g--sl); }
  .iws-l-gsp     { gap: var(--s-g--); }
  .iws-l-gsp-ls  { gap: var(--s-g--ls); }
  .iws-l-gsp-s   { gap: var(--s-g--s); }
  .iws-l-gsp-ss  { gap: var(--s-g--ss); }
  .iws-l-gsp-sss { gap: var(--s-g--sss); }
}


@media screen and (max-width: 1024px) {
  .iws-t-gsp-llll { gap: var(--s-g--llll); }    
  .iws-t-gsp-lll { gap: var(--s-g--lll); }
  .iws-t-gsp-ll  { gap: var(--s-g--ll); }
  .iws-t-gsp-l   { gap: var(--s-g--l); }
  .iws-t-gsp-sl  { gap: var(--s-g--sl); }
  .iws-t-gsp     { gap: var(--s-g--); }
  .iws-t-gsp-ls  { gap: var(--s-g--ls); }
  .iws-t-gsp-s   { gap: var(--s-g--s); }
  .iws-t-gsp-ss  { gap: var(--s-g--ss); }
  .iws-t-gsp-sss { gap: var(--s-g--sss); }
}


@media screen and (max-width: 767px) {
  .iws-m-gsp-llll { gap: var(--s-g--llll); }
  .iws-m-gsp-lll { gap: var(--s-g--lll); }
  .iws-m-gsp-ll  { gap: var(--s-g--ll); }
  .iws-m-gsp-l   { gap: var(--s-g--l); }
  .iws-m-gsp-sl  { gap: var(--s-g--sl); }
  .iws-m-gsp     { gap: var(--s-g--); }
  .iws-m-gsp-ls  { gap: var(--s-g--ls); }
  .iws-m-gsp-s   { gap: var(--s-g--s); }
  .iws-m-gsp-ss  { gap: var(--s-g--ss); }
  .iws-m-gsp-sss { gap: var(--s-g--sss); }
}


/*======================================*/


.iws-j-c-s { justify-content: flex-start !important; }
.iws-j-c-c { justify-content: center !important; }
.iws-j-c-e { justify-content: flex-end !important; }
.iws-j-c-b { justify-content: space-between !important; }

@media screen and (max-width: 1440px) {
  .iws-j-c-s-l { justify-content: flex-start !important; }
  .iws-j-c-c-l { justify-content: center !important; }
  .iws-j-c-e-l { justify-content: flex-end !important; }
  .iws-j-c-b-l { justify-content: space-between !important; }
}

@media screen and (max-width: 1024px) {
  .iws-j-c-s-t { justify-content: flex-start !important; }
  .iws-j-c-c-t { justify-content: center !important; }
  .iws-j-c-e-t { justify-content: flex-end !important; }
  .iws-j-c-b-t { justify-content: space-between !important; }
}

@media screen and (max-width: 767px) {
  .iws-j-c-s-m { justify-content: flex-start !important; }
  .iws-j-c-c-m { justify-content: center !important; }
  .iws-j-c-e-m { justify-content: flex-end !important; }
  .iws-j-c-b-m { justify-content: space-between !important; }
}


/*======================================*/


.iws-a-i-s  { align-items: flex-start !important; }
.iws-a-i-c  { align-items: center !important; }
.iws-a-i-e  { align-items: flex-end !important; }
.iws-a-i-st { align-items: stretch !important; }

@media screen and (max-width: 1440px) {
  .iws-a-i-s-l  { align-items: flex-start !important; }
  .iws-a-i-c-l  { align-items: center !important; }
  .iws-a-i-e-l  { align-items: flex-end !important; }
  .iws-a-i-st-l { align-items: stretch !important; }
}

@media screen and (max-width: 1024px) {
  .iws-a-i-s-t  { align-items: flex-start !important; }
  .iws-a-i-c-t  { align-items: center !important; }
  .iws-a-i-e-t  { align-items: flex-end !important; }
  .iws-a-i-st-t { align-items: stretch !important; }
}

@media screen and (max-width: 767px) {
  .iws-a-i-s-m  { align-items: flex-start !important; }
  .iws-a-i-c-m  { align-items: center !important; }
  .iws-a-i-e-m  { align-items: flex-end !important; }
  .iws-a-i-st-m { align-items: stretch !important; }
}


/*======================================*/


.iws-a-s-s  { align-self: flex-start !important; }
.iws-a-s-c  { align-self: center !important; }
.iws-a-s-e  { align-self: flex-end !important; }
.iws-a-s-st { align-self: stretch !important; }


@media screen and (max-width: 1440px) {
  .iws-a-s-s-l  { align-self: flex-start !important; }
  .iws-a-s-c-l  { align-self: center !important; }
  .iws-a-s-e-l  { align-self: flex-end !important; }
  .iws-a-s-st-l { align-self: stretch !important; }
}


@media screen and (max-width: 1024px) {
  .iws-a-s-s-t  { align-self: flex-start !important; }
  .iws-a-s-c-t  { align-self: center !important; }
  .iws-a-s-e-t  { align-self: flex-end !important; }
  .iws-a-s-st-t { align-self: stretch !important; }
}


@media screen and (max-width: 767px) {
  .iws-a-s-s-m  { align-self: flex-start !important; }
  .iws-a-s-c-m  { align-self: center !important; }
  .iws-a-s-e-m  { align-self: flex-end !important; }
  .iws-a-s-st-m { align-self: stretch !important; }
}


/*======================================*/


.iws-fdr-r { flex-direction: row !important; }
.iws-fdr-c { flex-direction: column !important; }
.iws-fdr-rr { flex-direction: row-reverse !important; }
.iws-fdr-cr { flex-direction: column-reverse !important; }


@media screen and (max-width: 1440px) {
  .iws-dsp-f-l { display: flex !important; }

  .iws-fdr-r-l { flex-direction: row !important; }
  .iws-fdr-c-l { flex-direction: column !important; }
  .iws-fdr-rr-l { flex-direction: row-reverse !important; }
  .iws-fdr-cr-l { flex-direction: column-reverse !important; }
}


@media screen and (max-width: 1024px) {
  .iws-dsp-f-t { display: flex !important; }
  
  .iws-fdr-r-t { flex-direction: row !important; }
  .iws-fdr-c-t { flex-direction: column !important; }
  .iws-fdr-rr-t { flex-direction: row-reverse !important; }
  .iws-fdr-cr-t { flex-direction: column-reverse !important; }
}


@media screen and (max-width: 767px) {
  .iws-dsp-f-m { display: flex !important; }
  
  .iws-fdr-r-m { flex-direction: row !important; }
  .iws-fdr-c-m { flex-direction: column !important; }
  .iws-fdr-rr-m { flex-direction: row-reverse !important; }
  .iws-fdr-cr-m { flex-direction: column-reverse !important; }
}

/*======================================*/


.iws-hd,
.iws-sh-l,
.iws-sh-t,
.iws-sh-m{
display: none !important;
}


@media screen and (max-width: 1440px) {

.iws-hd-l { display: none !important; }
.iws-sh-l { display: flex !important; }

}

@media screen and (max-width: 1024px) {

.iws-hd-l { display: none !important; }
.iws-hd-t { display: none !important; }

.iws-sh-t { display: flex !important; }

}

@media screen and (max-width: 767px) {

.iws-hd-l { display: none !important; }
.iws-hd-t { display: none !important; }
.iws-hd-m { display: none !important; }
.iws-sh-m { display: flex !important; }

}


/*======================================*/
/*======================================*/
/*======================================*/


button,
svg{
display: block;
}

img{
display: block;
pointer-events: none !important;
user-select: none !important;
}


/*--------------------*/


.iws-rh {
  all: unset;
  display: block;
  width: 100%;
  position: relative;
  /*font-size: initial;
  line-height: normal;*/
}



/*========================================*/


/*--==body==--*/


body{
background-color: var(--th--bg-l);
color:var(--th--tx);
/*background-color: var(--swatch--dark);
color:var(--swatch--light);*/
transition: background-color 0.5s , color 0.5s;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
margin: 0;
padding: 0;
}


/*----------*/


/*--==cr-css==--*/

.th--l{
--th--bg-d: var(--l--bg-d);
--th--bg: var(--l--bg);
--th--bg-l: var(--l--bg-l);
--th--tx: var(--l--tx);
--th--tx-f: var(--l--tx-f);
--th--tx-ff: var(--l--tx-ff);
--th--tx-cr: var(--l--tx-cr);

--th--bd: var(--l--bd);
--th--bd-f: var(--l--bd-f);

--th--b: var(--l--b);
--th--b-f: var(--l--b-f);
--th--b-1: var(--l--b-1);
--th--b-2: var(--l--b-2);

--th--hl: var(--l--hl);
--th--lg: var(--l--lg);
--th--lg-h: var(--l--lg-h);
}


/*----------*/


.th--d{
--th--bg-d: var(--d--bg-d);
--th--bg: var(--d--bg);
--th--bg-l: var(--d--bg-l);
--th--tx: var(--d--tx);
--th--tx-f: var(--d--tx-f);
--th--tx-ff: var(--d--tx-ff);
--th--tx-cr: var(--d--tx-cr);

--th--bd: var(--d--bd);
--th--bd-f: var(--d--bd-f);

--th--b: var(--d--b);
--th--b-f: var(--d--b-f);
--th--b-1: var(--d--b-1);
--th--b-2: var(--d--b-2);

--th--hl: var(--d--hl);
--th--lg: var(--d--lg);
--th--lg-h: var(--d--lg-h);
}


/*----------*/


.th--b{
--th--bg-d: var(--b--bg-d);
--th--bg: var(--b--bg);
--th--bg-l: var(--b--bg-l);
--th--tx: var(--b--tx);
--th--tx-f: var(--b--tx-f);
--th--tx-ff: var(--b--tx-ff);
--th--tx-cr: var(--b--tx-cr);

--th--bd: var(--b--bd);
--th--bd-f: var(--b--bd-f);

--th--b: var(--b--b);
--th--b-f: var(--b--b-f);
--th--b-1: var(--b--b-1);
--th--b-2: var(--b--b-2);

--th--hl: var(--b--hl);
--th--lg: var(--b--lg);
--th--lg-h: var(--b--lg-h);
}


/*----------*/


::selection {
background-color: var(--th--tx);
color: var(--th--bg);
}


/*for-light-mode*/
.sel--l :where(h1,h2,h3,h4,h5,h6,p,span,a,li)::selection{
  background-color: var(--sw--d);
  color: var(--sw--l) !important;
}

/*for-drak-mode*/
.sel--d :where(h1,h2,h3,h4,h5,h6,p,span,a,li)::selection{
  background-color: var(--sw--l);
  color: var(--sw--d) !important;
}


/*----------*/


.th--bgtx{
  background-color: var(--th--bg);
  color: var(--th--tx);
}

.th--bg-d{
  background-color: var(--th--bg-d);
}

.th--bg{
  background-color: var(--th--bg);
}

.th--bg-l{
  background-color: var(--th--bg-l);
}

.th--bg-b{
  background-color: var(--th--b);
}

.th--bg-b-f{
  background-color: var(--th--b-f);
}

.th--bg-b-1{
  background-color: var(--th--b-1);
}

.th--bg-b-2{
  background-color: var(--th--b-2);
}


/*----------*/


.th--tx,.th--tx :where(h1,h2,h3,h4,h5,h6,p,span,a,li){
  color: var(--th--tx) !important;
}

.th--tx-f,.th--tx-f :where(h1,h2,h3,h4,h5,h6,p,span,a,li){
  color: var(--th--tx-f) !important;
}

.th--tx-ff,.th--tx-ff :where(h1,h2,h3,h4,h5,h6,p,span,a,li){
  color: var(--th--tx-ff) !important;
}

.th--tx-cr,.th--tx-cr :where(h1,h2,h3,h4,h5,h6,p,span,a,li){
  color: var(--th--tx-cr) !important;
}

.th--tx-b,.th--tx-b :where(h1,h2,h3,h4,h5,h6,p,span,a,li){
  color: var(--th--b) !important;
}

.th--tx-b-f,.th--tx-b-f :where(h1,h2,h3,h4,h5,h6,p,span,a,li){
  color: var(--th--b-f) !important;
}

.th--tx-b-1,.th--tx-b-1 :where(h1,h2,h3,h4,h5,h6,p,span,a,li){
  color: var(--th--b-1) !important;
}

.th--tx-b-2,.th--tx-b-2 :where(h1,h2,h3,h4,h5,h6,p,span,a,li){
  color: var(--th--b-2) !important;
}


/*--------------------*/


.tx--l,.tx--l :where(h1,h2,h3,h4,h5,h6,p,span,a,li){
  color: var(--l--tx) !important;
}

.tx--l-f,.tx--l-f :where(h1,h2,h3,h4,h5,h6,p,span,a,li){
  color: var(--l--tx-f) !important;
}

.tx--l-b,.tx--l-b :where(h1,h2,h3,h4,h5,h6,p,span,a,li){
  color: var(--l--tx-b) !important;
}


.tx--d,.tx--d :where(h1,h2,h3,h4,h5,h6,p,span,a,li){
  color: var(--d--tx) !important;
}

.tx--d-f,.tx--d-f :where(h1,h2,h3,h4,h5,h6,p,span,a,li){
  color: var(--d--tx-f) !important;
}

.tx--d-b,.tx--d-b :where(h1,h2,h3,h4,h5,h6,p,span,a,li){
  color: var(--d--tx-b) !important;
}


.tx--b,.tx--b :where(h1,h2,h3,h4,h5,h6,p,span,a,li){
  color: var(--b--tx) !important;
}

.tx--b-f,.tx--b-f :where(h1,h2,h3,h4,h5,h6,p,span,a,li){
  color: var(--b--tx-f) !important;
}

.tx--b-b,.tx--b-b :where(h1,h2,h3,h4,h5,h6,p,span,a,li){
  color: var(--b--tx-b) !important;
}


/*--------------------*/


.iws-bd-sty{
border: 1px solid;
}

.th--bd{
border-color: var(--th--bd);
}

.th--bd-f{
border-color: var(--th--bd-f);
}

.th--bd-b{
border-color: var(--th--b);
}

.th--bd-b-f{
border-color: var(--th--b-f);
}


/*========================================*/



/*==============================*/


.link-group {
  justify-content: center;
}

.underline-link-wrap{
position: relative;
padding-bottom: 4px;
margin-bottom: -4px;
}

.underline-link {
position: relative;
}

.underline-link::before,
.underline-link.is--alt::before,
.underline-link.is--alt::after{
  content: "";
  position: absolute;
  bottom: 0em;
  left: 0;
  width: 100%;
  height: 0.0625em;
  background-color: var(--th--tx);
  transition: transform 0.735s cubic-bezier(0.625, 0.05, 0, 1);
  transform-origin: right;
  transform: scaleX(0) rotate(0.001deg);
}

.underline-link:hover::before {
  transform-origin: left;
  transform: scaleX(1) rotate(0.001deg);
}

/* Alt */
.underline-link.is--alt::before {
  transform-origin: left;
  transform: scaleX(1) rotate(0.001deg);
  transition-delay: 0.3s;
}

.underline-link.is--alt:hover::before {
  transform-origin: right;
  transform: scaleX(0) rotate(0.001deg);
  transition-delay: 0s;
}

.underline-link.is--alt::after {
  transform-origin: right;
  transform: scaleX(0) rotate(0.001deg);
  transition-delay: 0s;
}

.underline-link.is--alt:hover::after {
  transform-origin: left;
  transform: scaleX(1) rotate(0.001deg);
  transition-delay: 0.3s;
}


/*==============================*/


/*--==tx-cr==--*/

.iws-sp-tx{
font-style: italic;
color:var(--sw--b) !important;
font-family: var(--f-f--1);
font-weight: 600;
}

.iws-sp-tx-1{
font-style: italic;
color:var(--sw--b-1) !important;
font-family: var(--f-f--1);
font-weight: 600;
} 

.iws-sp-tx-2{
font-style: italic;
font-family: var(--f-f--1);
font-family: Times New Roman;
font-weight: 600;
}


/*==============================*/


.iws-cr-tx,.iws-cr-tx :is(h1,h2,h3,h4,h5,h6,p){
color:var(--sw--b) !important;
}

.iws-cr-tx-1,.iws-cr-tx-1 :is(h1,h2,h3,h4,h5,h6,p){
color:var(--sw--b-1) !important;
}

.iws-cr-tx-2,.iws-cr-tx-2 :is(h1,h2,h3,h4,h5,h6,p){
color:var(--sw--b-2) !important;
}


/*==============================*/


.iws-lg-cr-tx{
background: linear-gradient(90deg, #E0BB7E 0%, #BC935B 20%, #50A0FE 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
padding-bottom: 0.8vw !important;
margin-bottom: -0.8vw !important;
} 


.iws-lg-cr-tx-1{
background: linear-gradient(90deg, #F74739 0%, #E3223F 50%, #F9970F 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
padding-bottom: 0.8vw !important;
margin-bottom: -0.8vw !important;
} 


.iws-lg-cr-tx-2{
background: linear-gradient(90deg, #FD8D09 0%, #487D3B 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
padding-bottom: 0.8vw !important;
margin-bottom: -0.8vw !important;
} 


/*==============================*/


.iws-lg-cr-ani-tx {
/* place-self: center;*/
background: linear-gradient(90deg, #E0BB7E 0%, #BC935B 20%, #2678DC 80%, #E0BB7E 100%) -100% / 200%; 
-webkit-background-clip: text;
background-clip: text;
color: transparent; 
/*will-change: background-position;*/
animation: shimmer 5s linear infinite; 
}

@keyframes shimmer {
 to {
 background-position: 100%;
 }
}


/*==============================*/



</style>


















<!--==============================-->

















<!--==r2==-->


<style>

/*==============================*/


/*--==btn==--*/

button,
a{
  all: unset;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box; /* 確保 padding 不會撐大寬度 */
  cursor: pointer;        /* unset 會移除手指游標，要加回來 */
  user-select: none;      /* 防止按鈕文字被選取 */
  position: relative;     /* 為了定位內部元素或偽元素 */
  transition: 
    background-color 0.3s ease, 
    color 0.3s ease, 
    border-color 0.3s ease, 
    transform 0.2s ease;
  text-align: center;
  text-decoration: none; /* 針對 a 標籤 */
}


button span {
  display: block; /* 讓 span 表現正常 */
  transition: color 0.3s ease;
  pointer-events: none; 
}

button:hover {
  color: var(--th--b);
  background-color: var(--sw--t);
  /* color: #ffffff;  建議在這裡定義 hover 文字顏色 */
  /* transform: translateY(-2px);  如果你想要微微上浮的效果 */
}

/* 如果你只想變更 span 的顏色 */
button:hover span {
  /* color: var(--text-hover-color); */
}

button:active {
  background-color: var(--sw--t); /* 或加深一點的顏色 */
  transform: translateY(0); /* 按下去時回復原位 */
}

button:focus {
  background-color: var(--sw--t); /* 點後 放手出現的色 */
}

button:focus-visible {
  outline: 1px solid var(--th--a-h);
  outline-offset: 4px; /* 框線離按鈕遠一點，比較好看 */
}

button:disabled,
button.disabled {
  cursor: not-allowed;
  opacity: 0.5;
  pointer-events: none; /* 禁止點擊 */
  filter: grayscale(100%);
}

/*
a:not(:hover):not(:active),
button:not(:hover):not(:active) {
  transition: background-color 0.3s ease,color 0.3s ease, border 0.3s ease, transform 0.3s ease;
} 
*/


/*==============================*/


/*--==a==--*/

a{
user-select: none;
color: var(--th--tx); 
transition: color 0.3s ease, background-color 0.3s ease,border 0.3s ease;
/* border-bottom: 1px solid var(--th--a); */
}

a:hover{
color: var(--th--tx); 
/* border-bottom: 1px solid var(--th--a-h); */
}

a:active {

/* background-color: var(--th--a-bg); */
}

a:visited {
/* background-color: var(--th--a-bg); */
}


/*--------------------*/


.iws-btn-b-w{
display: flex;
}

a.iws-btn-b,
button.iws-btn-b{
display: flex;
color: var(--btn--tx);
background-color:var(--btn--bg); 
padding: 16px 32px;
cursor: pointer; 
align-self:center;
white-space: nowrap;
transform: scale(1);
transition: background-color 0.3s ease, border 0.3s ease, transform 0.3s ease;
}

a.iws-btn-b:hover,
button.iws-btn-b:hover{
color: var(--btn--bg);
background-color:var(--btn--tx);
}


a.iws-btn-b:active,
button.iws-btn-b:active{
background-color:red;
transform: scale(0.8);
}


a.iws-btn-b:focus,
button.iws-btn-b:focus{
background-color:var(--btn--bg); 
color: var(--btn--tx);
}


/*--------------------*/


.iws-btn-b-1-w{
display: flex;
}

a.iws-btn-1-b,
button.iws-btn-1-b{
display: flex;    
color: var(--btn--tx);
padding: 16px 32px;
cursor: pointer; 
align-self: center;
white-space: nowrap;
border:1px solid var(--btn--tx);
transform: scale(1);
transition: background-color 0.3s ease, border 0.3s ease, transform 0.3s ease;
}

a.iws-btn-1-b:hover,
button.iws-btn-1-b:hover{
color: var(--btn--bg);
border:1px solid var(--btn--bg);
}


a.iws-btn-1-b:active,
button.iws-btn-1-b:active{
transform: scale(0.8);
}




/*==============================*/
/*==============================*/


.iws-dvr-y-w{
width: 1px;
height: auto;
align-self: stretch;
overflow: hidden;
z-index: 3;
}

.iws-dvr-y{
width: 100%;
height: 100%;
background-color: var(--th--tx-f) !important;
z-index: 3;
}


/*==============================*/


.iws-dvr-w{
display: flex;
width: 100%;
height: 1px;
overflow: hidden;
}

.iws-dvr{
width: 100%;
height: 1px;
background-color: var(--th--tx-f);
/*
background: linear-gradient(90deg,var(--th--bg) 0%, var(--th--tx) 50%, var(--th--bg) 100%);
*/
}


/*==============================*/


.iws-spd-img-w {
position: absolute;
width: 100%;
height: 100%;
inset:0;
}

.iws-spd-img-w img {
position: absolute;
left: 0;
bottom:0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}


/*==============================*/


.iws-img-base{
 position: absolute;
 width: 100%;
 bottom:0;
 aspect-ratio: 16/9;
 pointer-events: none !important;
}

.iws-img-base img video{
 object-fit: cover; 
 object-position: bottom;
 width: 100%;
 display: block;
}


/*==============================*/


.iws-icon{
  width: 50px;
  height: 50px;
  background-color: var(--sw--b);
  /*background-image: url('link');*/
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
}

.iws-icon::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: var(--sw--b-1);
  /*background-image: url('link');*/
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 0.5s ease;
  pointer-events: none;
}

.iws-icon:hover::after {
  opacity: 1;
}


/*--------------------*/


.iws-icon-img{
  width: 50px;
  height: 50px;
  object-fit: cover;
  position: relative;
}

.iws-icon-img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: relative;
}


/*==============================*/
/*==============================*/
/*==============================*/