*,:before,:after{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / .5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style:
}
::backdrop{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / .5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style:
}
*,:before,:after{
  box-sizing:border-box;
  border-width:0;
  border-style:solid;
  border-color:#e5e7eb
}
:before,:after{
  --tw-content: ""
}
html,:host{
  line-height:1.5;
  -webkit-text-size-adjust:100%;
  -moz-tab-size:4;
  -o-tab-size:4;
  tab-size:4;
  font-family:Outfit,Noto Sans TC,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";
  font-feature-settings:normal;
  font-variation-settings:normal;
  -webkit-tap-highlight-color:transparent
}
body{
  margin:0;
  line-height:inherit
}
hr{
  height:0;
  color:inherit;
  border-top-width:1px
}
abbr:where([title]){
  -webkit-text-decoration:underline dotted;
  text-decoration:underline dotted
}
h1,h2,h3,h4,h5,h6{
  font-size:inherit;
  font-weight:inherit
}
a{
  color:inherit;
  text-decoration:inherit
}
b,strong{
  font-weight:bolder
}
code,kbd,samp,pre{
  font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
  font-feature-settings:normal;
  font-variation-settings:normal;
  font-size:1em
}
small{
  font-size:80%
}
sub,sup{
  font-size:75%;
  line-height:0;
  position:relative;
  vertical-align:baseline
}
sub{
  bottom:-.25em
}
sup{
  top:-.5em
}
table{
  text-indent:0;
  border-color:inherit;
  border-collapse:collapse
}
button,input,optgroup,select,textarea{
  font-family:inherit;
  font-feature-settings:inherit;
  font-variation-settings:inherit;
  font-size:100%;
  font-weight:inherit;
  line-height:inherit;
  letter-spacing:inherit;
  color:inherit;
  margin:0;
  padding:0
}
button,select{
  text-transform:none
}
button,input:where([type="button"]),input:where([type="reset"]),input:where([type="submit"]){
  -webkit-appearance:button;
  background-color:transparent;
  background-image:none
}
:-moz-focusring{
  outline:auto
}
:-moz-ui-invalid{
  box-shadow:none
}
progress{
  vertical-align:baseline
}
::-webkit-inner-spin-button,::-webkit-outer-spin-button{
  height:auto
}
[type=search]{
  -webkit-appearance:textfield;
  outline-offset:-2px
}
::-webkit-search-decoration{
  -webkit-appearance:none
}
::-webkit-file-upload-button{
  -webkit-appearance:button;
  font:inherit
}
summary{
  display:list-item
}
blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{
  margin:0
}
fieldset{
  margin:0;
  padding:0
}
legend{
  padding:0
}
ol,ul,menu{
  list-style:none;
  margin:0;
  padding:0
}
dialog{
  padding:0
}
textarea{
  resize:vertical
}
input::-moz-placeholder,textarea::-moz-placeholder{
  opacity:1;
  color:#9ca3af
}
input::placeholder,textarea::placeholder{
  opacity:1;
  color:#9ca3af
}
button,[role=button]{
  cursor:pointer
}
:disabled{
  cursor:default
}
img,svg,video,canvas,audio,iframe,embed,object{
  display:block;
  vertical-align:middle
}
img,video{
  max-width:100%;
  height:auto
}
[hidden]:where(:not([hidden="until-found"])){
  display:none
}
.container{
  width:100%;
  margin-right:auto;
  margin-left:auto;
  padding-right:24px;
  padding-left:24px
}
@media (min-width: 1200px){
  .container{
    max-width:1200px;
    padding-right:0;
    padding-left:0
  }
}
.CP{
  font-size:1rem;
  font-weight:500;
  line-height:1.8;
  letter-spacing:.05em
}
.CP2{
  font-size:0.875rem;
  font-weight:500;
  line-height:1.3;
  letter-spacing:.08em
}
.CH2{
  font-size:1.6875rem;
  font-weight:700;
  line-height:1.3;
  letter-spacing:.05em
}
.CH3{
  font-size:1.375rem;
  font-weight:700;
  line-height:1.5;
  letter-spacing:.05em
}
.CH4{
  font-size:1.125rem;
  font-weight:700;
  line-height:1.6;
  letter-spacing:.05em
}
.EP{
  font-size:1rem;
  font-weight:500;
  line-height:1.3;
  letter-spacing:.05em
}
.EP2{
  font-size:0.8125rem;
  font-weight:500;
  line-height:1.3;
  letter-spacing:.05em
}
.pointer-events-none{
  pointer-events:none
}
.\!pointer-events-auto{
  pointer-events:auto!important
}
.visible{
  visibility:visible
}
.invisible{
  visibility:hidden
}
.collapse{
  visibility:collapse
}
.fixed{
  position:fixed
}
.absolute{
  position:absolute
}
.relative{
  position:relative
}
.\!bottom-\[28px\]{
  bottom:28px!important
}
.\!top-\[100\%\]{
  top:100%!important
}
.bottom-0{
  bottom:0px
}
.bottom-\[5px\]{
  bottom:5px
}
.left-\[-18px\]{
  left:-18px
}
.right-0{
  right:0px
}
.right-\[10px\]{
  right:10px
}
.right-\[20px\]{
  right:20px
}
.right-\[5px\]{
  right:5px
}
.right-\[6px\]{
  right:6px
}
.start-60{
  inset-inline-start:15rem
}
.top-0{
  top:0px
}
.top-\[100\%\]{
  top:100%
}
.top-\[10px\]{
  top:10px
}
.z-0{
  z-index:0
}
.z-40{
  z-index:40
}
.z-50{
  z-index:50
}
.z-\[99\]{
  z-index:99
}
.order-1{
  order:1
}
.order-2{
  order:2
}
.order-3{
  order:3
}
.col-span-1{
  grid-column:span 1 / span 1
}
.col-span-12{
  grid-column:span 12 / span 12
}
.col-span-4{
  grid-column:span 4 / span 4
}
.col-span-8{
  grid-column:span 8 / span 8
}
.mx-1{
  margin-left:.25rem;
  margin-right:.25rem
}
.mx-auto{
  margin-left:auto;
  margin-right:auto
}
.my-2{
  margin-top:.5rem;
  margin-bottom:.5rem
}
.-ml-px{
  margin-left:-1px
}
.-mt-px{
  margin-top:-1px
}
.mb-2{
  margin-bottom:.5rem
}
.mb-3{
  margin-bottom:.75rem
}
.mb-\[120px\]{
  margin-bottom:120px
}
.mb-\[12px\]{
  margin-bottom:12px
}
.mb-\[16px\]{
  margin-bottom:16px
}
.mb-\[20px\]{
  margin-bottom:20px
}
.mb-\[8px\]{
  margin-bottom:8px
}
.mb-\[90px\]{
  margin-bottom:90px
}
.me-0{
  margin-inline-end:0px
}
.me-2{
  margin-inline-end:.5rem
}
.me-3{
  margin-inline-end:.75rem
}
.me-4{
  margin-inline-end:1rem
}
.me-auto{
  margin-inline-end:auto
}
.ml-1{
  margin-left:.25rem
}
.ml-12{
  margin-left:3rem
}
.ml-2{
  margin-left:.5rem
}
.ml-3{
  margin-left:.75rem
}
.ml-4{
  margin-left:1rem
}
.ml-auto{
  margin-left:auto
}
.mr-2{
  margin-right:.5rem
}
.mr-\[8px\]{
  margin-right:8px
}
.ms-auto{
  margin-inline-start:auto
}
.mt-1{
  margin-top:.25rem
}
.mt-2{
  margin-top:.5rem
}
.mt-3{
  margin-top:.75rem
}
.mt-4{
  margin-top:1rem
}
.mt-8{
  margin-top:2rem
}
.mt-\[12px\]{
  margin-top:12px
}
.mt-\[32px\]{
  margin-top:32px
}
.block{
  display:block
}
.inline{
  display:inline
}
.flex{
  display:flex
}
.inline-flex{
  display:inline-flex
}
.table{
  display:table
}
.grid{
  display:grid
}
.hidden{
  display:none
}
.aspect-square{
  aspect-ratio:1 / 1
}
.h-16{
  height:4rem
}
.h-5{
  height:1.25rem
}
.h-8{
  height:2rem
}
.h-\[177px\]{
  height:177px
}
.h-\[18px\]{
  height:18px
}
.h-\[24px\]{
  height:24px
}
.h-\[300px\]{
  height:300px
}
.h-\[30px\]{
  height:30px
}
.h-\[36px\]{
  height:36px
}
.h-\[40px\]{
  height:40px
}
.h-\[42px\]{
  height:42px
}
.h-\[580px\]{
  height:580px
}
.h-\[5px\]{
  height:5px
}
.h-\[72px\]{
  height:72px
}
.h-\[89px\]{
  height:89px
}
.h-\[8px\]{
  height:8px
}
.h-full{
  height:100%
}
.min-h-\[100vh\]{
  min-height:100vh
}
.min-h-\[420px\]{
  min-height:420px
}
.min-h-screen{
  min-height:100vh
}
.\!w-fit{
  width:-moz-fit-content!important;
  width:fit-content!important
}
.w-5{
  width:1.25rem
}
.w-8{
  width:2rem
}
.w-\[100px\]{
  width:100px
}
.w-\[130px\]{
  width:130px
}
.w-\[174px\]{
  width:174px
}
.w-\[18px\]{
  width:18px
}
.w-\[190px\]{
  width:190px
}
.w-\[200px\]{
  width:200px
}
.w-\[20px\]{
  width:20px
}
.w-\[250px\]{
  width:250px
}
.w-\[36px\]{
  width:36px
}
.w-\[40px\]{
  width:40px
}
.w-\[42px\]{
  width:42px
}
.w-\[450px\]{
  width:450px
}
.w-\[48px\]{
  width:48px
}
.w-\[72px\]{
  width:72px
}
.w-\[85px\]{
  width:85px
}
.w-\[8px\]{
  width:8px
}
.w-auto{
  width:auto
}
.w-fit{
  width:-moz-fit-content;
  width:fit-content
}
.w-full{
  width:100%
}
.min-w-\[170px\]{
  min-width:170px
}
.min-w-\[220px\]{
  min-width:220px
}
.min-w-\[76px\]{
  min-width:76px
}
.max-w-6xl{
  max-width:72rem
}
.max-w-xl{
  max-width:36rem
}
.flex-1{
  flex:1 1 0%
}
.shrink-0{
  flex-shrink:0
}
.table-auto{
  table-layout:auto
}
.transform{
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.cursor-default{
  cursor:default
}
.cursor-pointer{
  cursor:pointer
}
.select-none{
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none
}
.appearance-none{
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none
}
.grid-cols-1{
  grid-template-columns:repeat(1,minmax(0,1fr))
}
.grid-cols-12{
  grid-template-columns:repeat(12,minmax(0,1fr))
}
.flex-col{
  flex-direction:column
}
.flex-wrap{
  flex-wrap:wrap
}
.content-center{
  align-content:center
}
.items-start{
  align-items:flex-start
}
.items-center{
  align-items:center
}
.justify-end{
  justify-content:flex-end
}
.justify-center{
  justify-content:center
}
.justify-between{
  justify-content:space-between
}
.justify-around{
  justify-content:space-around
}
.justify-items-center{
  justify-items:center
}
.gap-\[12px\]{
  gap:12px
}
.gap-\[16px\]{
  gap:16px
}
.gap-\[24px\]{
  gap:24px
}
.gap-\[32px\]{
  gap:32px
}
.gap-\[40px\]{
  gap:40px
}
.gap-y-\[32px\]{
  row-gap:32px
}
.gap-y-\[56px\]{
  row-gap:56px
}
.space-x-\[10px\]>:not([hidden])~:not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right:calc(10px * var(--tw-space-x-reverse));
  margin-left:calc(10px * calc(1 - var(--tw-space-x-reverse)))
}
.space-x-\[12px\]>:not([hidden])~:not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right:calc(12px * var(--tw-space-x-reverse));
  margin-left:calc(12px * calc(1 - var(--tw-space-x-reverse)))
}
.space-x-\[16px\]>:not([hidden])~:not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right:calc(16px * var(--tw-space-x-reverse));
  margin-left:calc(16px * calc(1 - var(--tw-space-x-reverse)))
}
.space-x-\[20px\]>:not([hidden])~:not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right:calc(20px * var(--tw-space-x-reverse));
  margin-left:calc(20px * calc(1 - var(--tw-space-x-reverse)))
}
.space-x-\[32px\]>:not([hidden])~:not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right:calc(32px * var(--tw-space-x-reverse));
  margin-left:calc(32px * calc(1 - var(--tw-space-x-reverse)))
}
.space-x-\[4px\]>:not([hidden])~:not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right:calc(4px * var(--tw-space-x-reverse));
  margin-left:calc(4px * calc(1 - var(--tw-space-x-reverse)))
}
.space-x-\[6px\]>:not([hidden])~:not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right:calc(6px * var(--tw-space-x-reverse));
  margin-left:calc(6px * calc(1 - var(--tw-space-x-reverse)))
}
.space-x-\[7px\]>:not([hidden])~:not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right:calc(7px * var(--tw-space-x-reverse));
  margin-left:calc(7px * calc(1 - var(--tw-space-x-reverse)))
}
.space-x-\[8px\]>:not([hidden])~:not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right:calc(8px * var(--tw-space-x-reverse));
  margin-left:calc(8px * calc(1 - var(--tw-space-x-reverse)))
}
.space-y-\[10px\]>:not([hidden])~:not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top:calc(10px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(10px * var(--tw-space-y-reverse))
}
.space-y-\[12px\]>:not([hidden])~:not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top:calc(12px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(12px * var(--tw-space-y-reverse))
}
.space-y-\[16px\]>:not([hidden])~:not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top:calc(16px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(16px * var(--tw-space-y-reverse))
}
.space-y-\[28px\]>:not([hidden])~:not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top:calc(28px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(28px * var(--tw-space-y-reverse))
}
.space-y-\[2px\]>:not([hidden])~:not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top:calc(2px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(2px * var(--tw-space-y-reverse))
}
.space-y-\[32px\]>:not([hidden])~:not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top:calc(32px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(32px * var(--tw-space-y-reverse))
}
.space-y-\[36px\]>:not([hidden])~:not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top:calc(36px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(36px * var(--tw-space-y-reverse))
}
.space-y-\[4px\]>:not([hidden])~:not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top:calc(4px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(4px * var(--tw-space-y-reverse))
}
.space-y-\[6px\]>:not([hidden])~:not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top:calc(6px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(6px * var(--tw-space-y-reverse))
}
.divide-x>:not([hidden])~:not([hidden]){
  --tw-divide-x-reverse: 0;
  border-right-width:calc(1px * var(--tw-divide-x-reverse));
  border-left-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))
}
.divide-y>:not([hidden])~:not([hidden]){
  --tw-divide-y-reverse: 0;
  border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width:calc(1px * var(--tw-divide-y-reverse))
}
.divide-y-\[1px\]>:not([hidden])~:not([hidden]){
  --tw-divide-y-reverse: 0;
  border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width:calc(1px * var(--tw-divide-y-reverse))
}
.divide-color-gray1>:not([hidden])~:not([hidden]){
  --tw-divide-opacity: 1;
  border-color:rgb(235 237 238 / var(--tw-divide-opacity, 1))
}
.divide-color-gray2>:not([hidden])~:not([hidden]){
  --tw-divide-opacity: 1;
  border-color:rgb(215 215 215 / var(--tw-divide-opacity, 1))
}
.divide-color-gray3>:not([hidden])~:not([hidden]){
  --tw-divide-opacity: 1;
  border-color:rgb(155 165 173 / var(--tw-divide-opacity, 1))
}
.overflow-hidden{
  overflow:hidden
}
.overflow-y-auto{
  overflow-y:auto
}
.whitespace-nowrap{
  white-space:nowrap
}
.break-all{
  word-break:break-all
}
.rounded-\[10px\]{
  border-radius:10px
}
.rounded-\[16px\]{
  border-radius:16px
}
.rounded-\[20px\]{
  border-radius:20px
}
.rounded-\[26px\]{
  border-radius:26px
}
.rounded-\[30px\]{
  border-radius:30px
}
.rounded-\[3px\]{
  border-radius:3px
}
.rounded-\[50px\]{
  border-radius:50px
}
.rounded-\[5px\]{
  border-radius:5px
}
.rounded-\[60px\]{
  border-radius:60px
}
.rounded-\[6px\]{
  border-radius:6px
}
.rounded-\[8px\]{
  border-radius:8px
}
.rounded-full{
  border-radius:9999px
}
.rounded-lg{
  border-radius:.5rem
}
.rounded-md{
  border-radius:.375rem
}
.rounded-xl{
  border-radius:.75rem
}
.rounded-l-md{
  border-top-left-radius:.375rem;
  border-bottom-left-radius:.375rem
}
.rounded-r-\[80px\]{
  border-top-right-radius:80px;
  border-bottom-right-radius:80px
}
.rounded-r-md{
  border-top-right-radius:.375rem;
  border-bottom-right-radius:.375rem
}
.border{
  border-width:1px
}
.border-\[2px\]{
  border-width:2px
}
.border-x{
  border-left-width:1px;
  border-right-width:1px
}
.border-b{
  border-bottom-width:1px
}
.border-b-\[2px\]{
  border-bottom-width:2px
}
.border-b-\[3px\]{
  border-bottom-width:3px
}
.border-l-\[4px\]{
  border-left-width:4px
}
.border-l-\[5px\]{
  border-left-width:5px
}
.border-r{
  border-right-width:1px
}
.border-t{
  border-top-width:1px
}
.border-dashed{
  border-style:dashed
}
.border-\[\#474747\]{
  --tw-border-opacity: 1;
  border-color:rgb(71 71 71 / var(--tw-border-opacity, 1))
}
.border-\[\#EEF0F4\]{
  --tw-border-opacity: 1;
  border-color:rgb(238 240 244 / var(--tw-border-opacity, 1))
}
.border-\[\#FFFFFF\]\/30{
  border-color:#ffffff4d
}
.border-color-gray1{
  --tw-border-opacity: 1;
  border-color:rgb(235 237 238 / var(--tw-border-opacity, 1))
}
.border-color-gray2{
  --tw-border-opacity: 1;
  border-color:rgb(215 215 215 / var(--tw-border-opacity, 1))
}
.border-color-gray3{
  --tw-border-opacity: 1;
  border-color:rgb(155 165 173 / var(--tw-border-opacity, 1))
}
.border-color-gray4{
  --tw-border-opacity: 1;
  border-color:rgb(98 104 122 / var(--tw-border-opacity, 1))
}
.border-color-main1{
  --tw-border-opacity: 1;
  border-color:rgb(1 178 194 / var(--tw-border-opacity, 1))
}
.border-gray-200{
  --tw-border-opacity: 1;
  border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))
}
.border-gray-300{
  --tw-border-opacity: 1;
  border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))
}
.border-gray-400{
  --tw-border-opacity: 1;
  border-color:rgb(156 163 175 / var(--tw-border-opacity, 1))
}
.bg-\[\#292929\]\/15{
  background-color:#29292926
}
.bg-\[\#2D64BC\]{
  --tw-bg-opacity: 1;
  background-color:rgb(45 100 188 / var(--tw-bg-opacity, 1))
}
.bg-\[\#FFFFFF\]{
  --tw-bg-opacity: 1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))
}
.bg-color-bg{
  --tw-bg-opacity: 1;
  background-color:rgb(246 246 247 / var(--tw-bg-opacity, 1))
}
.bg-color-gray1{
  --tw-bg-opacity: 1;
  background-color:rgb(235 237 238 / var(--tw-bg-opacity, 1))
}
.bg-color-gray4{
  --tw-bg-opacity: 1;
  background-color:rgb(98 104 122 / var(--tw-bg-opacity, 1))
}
.bg-color-gray5{
  --tw-bg-opacity: 1;
  background-color:rgb(50 50 50 / var(--tw-bg-opacity, 1))
}
.bg-color-main1{
  --tw-bg-opacity: 1;
  background-color:rgb(1 178 194 / var(--tw-bg-opacity, 1))
}
.bg-color-main2{
  --tw-bg-opacity: 1;
  background-color:rgb(237 136 91 / var(--tw-bg-opacity, 1))
}
.bg-color-main3{
  --tw-bg-opacity: 1;
  background-color:rgb(16 201 155 / var(--tw-bg-opacity, 1))
}
.bg-gray-100{
  --tw-bg-opacity: 1;
  background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))
}
.bg-transparent{
  background-color:transparent
}
.bg-white{
  --tw-bg-opacity: 1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))
}
.bg-white\/80{
  background-color:#fffc
}
.bg-white\/95{
  background-color:#fffffff2
}
.bg-gradient-to-r{
  background-image:linear-gradient(to right,var(--tw-gradient-stops))
}
.from-\[\#31B8D9\]{
  --tw-gradient-from: #31B8D9 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(49 184 217 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-\[\#DFF0F8\]{
  --tw-gradient-from: #DFF0F8 var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(223 240 248 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.from-\[\#FAF0DA\]{
  --tw-gradient-from: #FAF0DA var(--tw-gradient-from-position);
  --tw-gradient-to: rgb(250 240 218 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)
}
.via-\[\#E9DEEC\]{
  --tw-gradient-to: rgb(233 222 236 / 0) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-from), #E9DEEC var(--tw-gradient-via-position), var(--tw-gradient-to)
}
.to-\[\#1DD3A2\]{
  --tw-gradient-to: #1DD3A2 var(--tw-gradient-to-position)
}
.to-\[\#E0F6F3\]{
  --tw-gradient-to: #E0F6F3 var(--tw-gradient-to-position)
}
.to-\[\#FFFFFF\]{
  --tw-gradient-to: #FFFFFF var(--tw-gradient-to-position)
}
.bg-cover{
  background-size:cover
}
.bg-center{
  background-position:center
}
.object-contain{
  -o-object-fit:contain;
  object-fit:contain
}
.object-cover{
  -o-object-fit:cover;
  object-fit:cover
}
.object-center{
  -o-object-position:center;
  object-position:center
}
.p-6{
  padding:1.5rem
}
.p-\[10px\]{
  padding:10px
}
.p-\[12px\]{
  padding:12px
}
.p-\[20px\]{
  padding:20px
}
.p-\[24px\]{
  padding:24px
}
.p-\[6px\]{
  padding:6px
}
.px-2{
  padding-left:.5rem;
  padding-right:.5rem
}
.px-4{
  padding-left:1rem;
  padding-right:1rem
}
.px-6{
  padding-left:1.5rem;
  padding-right:1.5rem
}
.px-\[10px\]{
  padding-left:10px;
  padding-right:10px
}
.px-\[12px\]{
  padding-left:12px;
  padding-right:12px
}
.px-\[16px\]{
  padding-left:16px;
  padding-right:16px
}
.px-\[20px\]{
  padding-left:20px;
  padding-right:20px
}
.px-\[24px\]{
  padding-left:24px;
  padding-right:24px
}
.px-\[40px\]{
  padding-left:40px;
  padding-right:40px
}
.py-2{
  padding-top:.5rem;
  padding-bottom:.5rem
}
.py-4{
  padding-top:1rem;
  padding-bottom:1rem
}
.py-\[10px\]{
  padding-top:10px;
  padding-bottom:10px
}
.py-\[12px\]{
  padding-top:12px;
  padding-bottom:12px
}
.py-\[13px\]{
  padding-top:13px;
  padding-bottom:13px
}
.py-\[14px\]{
  padding-top:14px;
  padding-bottom:14px
}
.py-\[16px\]{
  padding-top:16px;
  padding-bottom:16px
}
.py-\[20px\]{
  padding-top:20px;
  padding-bottom:20px
}
.py-\[24px\]{
  padding-top:24px;
  padding-bottom:24px
}
.py-\[28px\]{
  padding-top:28px;
  padding-bottom:28px
}
.py-\[2px\]{
  padding-top:2px;
  padding-bottom:2px
}
.py-\[4px\]{
  padding-top:4px;
  padding-bottom:4px
}
.py-\[6px\]{
  padding-top:6px;
  padding-bottom:6px
}
.py-\[80px\]{
  padding-top:80px;
  padding-bottom:80px
}
.py-\[8px\]{
  padding-top:8px;
  padding-bottom:8px
}
.pb-\[100px\]{
  padding-bottom:100px
}
.pb-\[10px\]{
  padding-bottom:10px
}
.pb-\[120px\]{
  padding-bottom:120px
}
.pb-\[12px\]{
  padding-bottom:12px
}
.pb-\[16px\]{
  padding-bottom:16px
}
.pb-\[20px\]{
  padding-bottom:20px
}
.pb-\[24px\]{
  padding-bottom:24px
}
.pb-\[32px\]{
  padding-bottom:32px
}
.pb-\[40px\]{
  padding-bottom:40px
}
.pb-\[4px\]{
  padding-bottom:4px
}
.pb-\[60px\]{
  padding-bottom:60px
}
.pb-\[64px\]{
  padding-bottom:64px
}
.pb-\[72px\]{
  padding-bottom:72px
}
.pb-\[80px\]{
  padding-bottom:80px
}
.pl-\[10px\]{
  padding-left:10px
}
.pl-\[12px\]{
  padding-left:12px
}
.pl-\[14px\]{
  padding-left:14px
}
.pl-\[16px\]{
  padding-left:16px
}
.pl-\[20px\]{
  padding-left:20px
}
.pr-\[10px\]{
  padding-right:10px
}
.pr-\[16px\]{
  padding-right:16px
}
.pr-\[42px\]{
  padding-right:42px
}
.pr-\[4px\]{
  padding-right:4px
}
.pr-\[8px\]{
  padding-right:8px
}
.ps-3{
  padding-inline-start:.75rem
}
.pt-8{
  padding-top:2rem
}
.pt-\[12px\]{
  padding-top:12px
}
.pt-\[20px\]{
  padding-top:20px
}
.pt-\[24px\]{
  padding-top:24px
}
.pt-\[40px\]{
  padding-top:40px
}
.pt-\[41px\]{
  padding-top:41px
}
.pt-\[56px\]{
  padding-top:56px
}
.pt-\[60px\]{
  padding-top:60px
}
.pt-\[6px\]{
  padding-top:6px
}
.pt-\[80px\]{
  padding-top:80px
}
.text-left{
  text-align:left
}
.text-center{
  text-align:center
}
.text-end{
  text-align:end
}
.text-\[14px\]{
  font-size:0.875rem
}
.text-\[15px\]{
  font-size:0.9375rem
}
.text-\[16px\]{
  font-size:1rem
}
.text-\[30px\]{
  font-size:1.875rem
}
.text-lg{
  font-size:1.125rem;
  line-height:1.75rem
}
.text-sm{
  font-size:.875rem;
  line-height:1.25rem
}
.font-bold{
  font-weight:700
}
.font-medium{
  font-weight:500
}
.font-semibold{
  font-weight:600
}
.uppercase{
  text-transform:uppercase
}
.leading-5{
  line-height:1.25rem
}
.leading-7{
  line-height:1.75rem
}
.leading-\[1\.3\]{
  line-height:1.3
}
.leading-\[1\.5\]{
  line-height:1.5
}
.leading-\[1\.6\]{
  line-height:1.6
}
.leading-\[1\.8\]{
  line-height:1.8
}
.leading-\[1\.9\]{
  line-height:1.9
}
.tracking-\[\.02em\]{
  letter-spacing:.02em
}
.tracking-\[\.05em\]{
  letter-spacing:.05em
}
.tracking-\[\.08em\]{
  letter-spacing:.08em
}
.tracking-wider{
  letter-spacing:.05em
}
.\!text-color-main1{
  --tw-text-opacity: 1 !important;
  color:rgb(1 178 194 / var(--tw-text-opacity, 1))!important
}
.text-\[\#8A9096\]{
  --tw-text-opacity: 1;
  color:rgb(138 144 150 / var(--tw-text-opacity, 1))
}
.text-color-gray2{
  --tw-text-opacity: 1;
  color:rgb(215 215 215 / var(--tw-text-opacity, 1))
}
.text-color-gray3{
  --tw-text-opacity: 1;
  color:rgb(155 165 173 / var(--tw-text-opacity, 1))
}
.text-color-gray4{
  --tw-text-opacity: 1;
  color:rgb(98 104 122 / var(--tw-text-opacity, 1))
}
.text-color-gray5{
  --tw-text-opacity: 1;
  color:rgb(50 50 50 / var(--tw-text-opacity, 1))
}
.text-color-main1{
  --tw-text-opacity: 1;
  color:rgb(1 178 194 / var(--tw-text-opacity, 1))
}
.text-color-main2{
  --tw-text-opacity: 1;
  color:rgb(237 136 91 / var(--tw-text-opacity, 1))
}
.text-color-main3{
  --tw-text-opacity: 1;
  color:rgb(16 201 155 / var(--tw-text-opacity, 1))
}
.text-gray-200{
  --tw-text-opacity: 1;
  color:rgb(229 231 235 / var(--tw-text-opacity, 1))
}
.text-gray-300{
  --tw-text-opacity: 1;
  color:rgb(209 213 219 / var(--tw-text-opacity, 1))
}
.text-gray-400{
  --tw-text-opacity: 1;
  color:rgb(156 163 175 / var(--tw-text-opacity, 1))
}
.text-gray-500{
  --tw-text-opacity: 1;
  color:rgb(107 114 128 / var(--tw-text-opacity, 1))
}
.text-gray-600{
  --tw-text-opacity: 1;
  color:rgb(75 85 99 / var(--tw-text-opacity, 1))
}
.text-gray-700{
  --tw-text-opacity: 1;
  color:rgb(55 65 81 / var(--tw-text-opacity, 1))
}
.text-gray-900{
  --tw-text-opacity: 1;
  color:rgb(17 24 39 / var(--tw-text-opacity, 1))
}
.text-white{
  --tw-text-opacity: 1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1))
}
.underline{
  text-decoration-line:underline
}
.antialiased{
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale
}
.opacity-0{
  opacity:0
}
.shadow{
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)
}
.shadow-lg{
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)
}
.shadow-sm{
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)
}
.outline-none{
  outline:2px solid transparent;
  outline-offset:2px
}
.ring-gray-300{
  --tw-ring-opacity: 1;
  --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity, 1))
}
.transition{
  transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
  transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
  transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
  transition-timing-function:cubic-bezier(.4,0,.2,1);
  transition-duration:.15s
}
.duration-150{
  transition-duration:.15s
}
.duration-300{
  transition-duration:.3s
}
.ease-in-out{
  transition-timing-function:cubic-bezier(.4,0,.2,1)
}
.textclip{
  overflow:hidden;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical
}
.eventclip{
  overflow:hidden;
  display:-webkit-box;
  -webkit-line-clamp:1;
  -webkit-box-orient:vertical
}
body{
  line-height:1.8125rem;
  letter-spacing:.02em;
  overscroll-behavior-y:none;
  background-color:#fff
}
#app{
  position:relative;
  display:flex;
  min-height:100vh;
  flex-direction:column
}
#main{
  z-index:0;
  flex:1 1 0%
}
.swiper-pagination-bullet{
  opacity:1!important;
  height:8px!important;
  width:8px!important;
  background-color:#3232323b!important;
  border-radius:50%!important;
  position:relative!important
}
.swiper-pagination-bullet-active{
  height:10px!important;
  width:10px!important;
  background-color:#323232b4!important;
  position:relative!important
}
.navtext2:after{
  content:"";
  position:absolute;
  left:0px;
  height:20px;
  border:1px solid #CBD2D4
}
.navtext:before{
  content:"";
  position:absolute;
  right:0px;
  height:20px;
  border:1px solid #CBD2D4
}
.event-height{
  height:calc((100% - 60px)/4)!important
}
.titleclip{
  clip-path:polygon(0% 0%,100% 0%,100% 85%,0% 85%)
}
.boxshawdow{
  box-shadow:0 0 4px #0000050d,0 0 10px #0000000d,10px 25px 40px #00000029
}
.iconshawdow{
  box-shadow:none;
  transition:.3s
}
.icon:hover .iconshawdow{
  box-shadow:0 0 4px #0000050d,0 0 10px #0000000d,10px 25px 40px #00000029
}
.fb-box iframe{
  width:500px!important;
  height:378px!important;
  border-radius:8px!important
}
.home-video iframe{
  width:100%!important;
  height:378px!important;
  border-radius:8px!important
}
.business-table th{
  padding:12px 10px
}
.business-table td{
  padding:10px;
  color:#7e7f83
}
.sidebar-link{
  border-top:1px solid #d7d7d7
}
dialog::backdrop{
  background-color:#060709;
  opacity:.55
}
.placeholder\:text-color-gray2::-moz-placeholder{
  --tw-text-opacity: 1;
  color:rgb(215 215 215 / var(--tw-text-opacity, 1))
}
.placeholder\:text-color-gray2::placeholder{
  --tw-text-opacity: 1;
  color:rgb(215 215 215 / var(--tw-text-opacity, 1))
}
.placeholder\:text-color-gray3::-moz-placeholder{
  --tw-text-opacity: 1;
  color:rgb(155 165 173 / var(--tw-text-opacity, 1))
}
.placeholder\:text-color-gray3::placeholder{
  --tw-text-opacity: 1;
  color:rgb(155 165 173 / var(--tw-text-opacity, 1))
}
.first\:pl-0:first-child{
  padding-left:0
}
.last\:pr-0:last-child{
  padding-right:0
}
.odd\:bg-\[\#F0F8FC\]:nth-child(odd){
  --tw-bg-opacity: 1;
  background-color:rgb(240 248 252 / var(--tw-bg-opacity, 1))
}
.even\:bg-white:nth-child(even){
  --tw-bg-opacity: 1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))
}
.open\:flex[open]{
  display:flex
}
.open\:items-center[open]{
  align-items:center
}
.open\:justify-center[open]{
  justify-content:center
}
.hover\:bg-color-bg:hover{
  --tw-bg-opacity: 1;
  background-color:rgb(246 246 247 / var(--tw-bg-opacity, 1))
}
.hover\:bg-color-gray1:hover{
  --tw-bg-opacity: 1;
  background-color:rgb(235 237 238 / var(--tw-bg-opacity, 1))
}
.hover\:bg-color-gray4:hover{
  --tw-bg-opacity: 1;
  background-color:rgb(98 104 122 / var(--tw-bg-opacity, 1))
}
.hover\:bg-color-gray5:hover{
  --tw-bg-opacity: 1;
  background-color:rgb(50 50 50 / var(--tw-bg-opacity, 1))
}
.hover\:bg-color-main2:hover{
  --tw-bg-opacity: 1;
  background-color:rgb(237 136 91 / var(--tw-bg-opacity, 1))
}
.hover\:text-color-gray5:hover{
  --tw-text-opacity: 1;
  color:rgb(50 50 50 / var(--tw-text-opacity, 1))
}
.hover\:text-color-main1:hover{
  --tw-text-opacity: 1;
  color:rgb(1 178 194 / var(--tw-text-opacity, 1))
}
.hover\:text-gray-400:hover{
  --tw-text-opacity: 1;
  color:rgb(156 163 175 / var(--tw-text-opacity, 1))
}
.hover\:text-gray-500:hover{
  --tw-text-opacity: 1;
  color:rgb(107 114 128 / var(--tw-text-opacity, 1))
}
.hover\:text-white:hover{
  --tw-text-opacity: 1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1))
}
.focus\:z-10:focus{
  z-index:10
}
.focus\:border-blue-300:focus{
  --tw-border-opacity: 1;
  border-color:rgb(147 197 253 / var(--tw-border-opacity, 1))
}
.focus\:outline-none:focus{
  outline:2px solid transparent;
  outline-offset:2px
}
.focus\:ring:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)
}
.active\:bg-gray-100:active{
  --tw-bg-opacity: 1;
  background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))
}
.active\:text-gray-500:active{
  --tw-text-opacity: 1;
  color:rgb(107 114 128 / var(--tw-text-opacity, 1))
}
.active\:text-gray-700:active{
  --tw-text-opacity: 1;
  color:rgb(55 65 81 / var(--tw-text-opacity, 1))
}
.group:hover .group-hover\:-translate-y-\[18px\]{
  --tw-translate-y: -18px;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group:hover .group-hover\:translate-x-\[12px\]{
  --tw-translate-x: 12px;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group:hover .group-hover\:translate-x-\[18px\]{
  --tw-translate-x: 18px;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group:hover .group-hover\:translate-x-\[8px\]{
  --tw-translate-x: 8px;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group:hover .group-hover\:scale-105{
  --tw-scale-x: 1.05;
  --tw-scale-y: 1.05;
  transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.group:hover .group-hover\:bg-color-bg{
  --tw-bg-opacity: 1;
  background-color:rgb(246 246 247 / var(--tw-bg-opacity, 1))
}
.group:hover .group-hover\:fill-color-main1{
  fill:#01b2c2
}
.group:hover .group-hover\:fill-white{
  fill:#fff
}
.group:hover .group-hover\:opacity-0{
  opacity:0
}
.group:hover .group-hover\:opacity-100{
  opacity:1
}
@media not all and (min-width: 1024px){
  .max-lg\:mt-\[100px\]{
    margin-top:100px
  }
  .max-lg\:mt-\[20px\]{
    margin-top:20px
  }
  .max-lg\:mt-\[48px\]{
    margin-top:48px
  }
  .max-lg\:mt-\[5px\]{
    margin-top:5px
  }
  .max-lg\:flex{
    display:flex
  }
  .max-lg\:hidden{
    display:none
  }
  .max-lg\:h-\[100vh\]{
    height:100vh
  }
  .max-lg\:w-\[248px\]{
    width:248px
  }
  .max-lg\:flex-col{
    flex-direction:column
  }
  .max-lg\:justify-center{
    justify-content:center
  }
  .max-lg\:justify-between{
    justify-content:space-between
  }
  .max-lg\:gap-y-\[12px\]{
    row-gap:12px
  }
  .max-lg\:space-x-\[4px\]>:not([hidden])~:not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right:calc(4px * var(--tw-space-x-reverse));
    margin-left:calc(4px * calc(1 - var(--tw-space-x-reverse)))
  }
  .max-lg\:space-y-\[10px\]>:not([hidden])~:not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top:calc(10px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom:calc(10px * var(--tw-space-y-reverse))
  }
  .max-lg\:space-y-\[13px\]>:not([hidden])~:not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top:calc(13px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom:calc(13px * var(--tw-space-y-reverse))
  }
  .max-lg\:space-y-\[16px\]>:not([hidden])~:not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top:calc(16px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom:calc(16px * var(--tw-space-y-reverse))
  }
  .max-lg\:space-y-\[28px\]>:not([hidden])~:not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top:calc(28px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom:calc(28px * var(--tw-space-y-reverse))
  }
  .max-lg\:space-y-\[8px\]>:not([hidden])~:not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top:calc(8px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom:calc(8px * var(--tw-space-y-reverse))
  }
  .max-lg\:divide-x>:not([hidden])~:not([hidden]){
    --tw-divide-x-reverse: 0;
    border-right-width:calc(1px * var(--tw-divide-x-reverse));
    border-left-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))
  }
  .max-lg\:overflow-hidden{
    overflow:hidden
  }
  .max-lg\:overflow-scroll{
    overflow:scroll
  }
  .max-lg\:px-\[20px\]{
    padding-left:20px;
    padding-right:20px
  }
  .max-lg\:py-\[20px\]{
    padding-top:20px;
    padding-bottom:20px
  }
  .max-lg\:pt-\[24px\]{
    padding-top:24px
  }
}
@media (min-width: 640px){
  .sm\:ml-0{
    margin-left:0
  }
  .sm\:block{
    display:block
  }
  .sm\:flex{
    display:flex
  }
  .sm\:hidden{
    display:none
  }
  .sm\:h-20{
    height:5rem
  }
  .sm\:flex-1{
    flex:1 1 0%
  }
  .sm\:items-center{
    align-items:center
  }
  .sm\:justify-start{
    justify-content:flex-start
  }
  .sm\:justify-between{
    justify-content:space-between
  }
  .sm\:rounded-lg{
    border-radius:.5rem
  }
  .sm\:px-6{
    padding-left:1.5rem;
    padding-right:1.5rem
  }
  .sm\:pt-0{
    padding-top:0
  }
  .sm\:text-left{
    text-align:left
  }
  .sm\:text-right{
    text-align:right
  }
}
@media (min-width: 768px){
  .md\:grid-cols-2{
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .md\:border-l{
    border-left-width:1px
  }
  .md\:border-t-0{
    border-top-width:0px
  }
}
@media (min-width: 1024px){
  .lg\:col-span-4{
    grid-column:span 4 / span 4
  }
  .lg\:col-span-5{
    grid-column:span 5 / span 5
  }
  .lg\:col-span-6{
    grid-column:span 6 / span 6
  }
  .lg\:col-span-7{
    grid-column:span 7 / span 7
  }
  .lg\:col-start-6{
    grid-column-start:6
  }
  .lg\:col-start-7{
    grid-column-start:7
  }
  .lg\:mx-\[48px\]{
    margin-left:48px;
    margin-right:48px
  }
  .lg\:ml-\[48px\]{
    margin-left:48px
  }
  .lg\:ml-\[5px\]{
    margin-left:5px
  }
  .lg\:flex{
    display:flex
  }
  .lg\:\!hidden{
    display:none!important
  }
  .lg\:hidden{
    display:none
  }
  .lg\:h-\[140px\]{
    height:140px
  }
  .lg\:h-\[350px\]{
    height:350px
  }
  .lg\:h-full{
    height:100%
  }
  .lg\:max-h-\[660px\]{
    max-height:660px
  }
  .lg\:w-\[230px\]{
    width:230px
  }
  .lg\:w-\[460px\]{
    width:460px
  }
  .lg\:w-\[64px\]{
    width:64px
  }
  .lg\:w-\[calc\(100\%-10\%\)\]{
    width:90%
  }
  .lg\:grid-cols-12{
    grid-template-columns:repeat(12,minmax(0,1fr))
  }
  .lg\:grid-cols-3{
    grid-template-columns:repeat(3,minmax(0,1fr))
  }
  .lg\:grid-cols-4{
    grid-template-columns:repeat(4,minmax(0,1fr))
  }
  .lg\:flex-col{
    flex-direction:column
  }
  .lg\:items-center{
    align-items:center
  }
  .lg\:justify-center{
    justify-content:center
  }
  .lg\:gap-\[40px\]{
    gap:40px
  }
  .lg\:gap-x-\[10px\]{
    -moz-column-gap:10px;
    column-gap:10px
  }
  .lg\:space-x-\[10px\]>:not([hidden])~:not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right:calc(10px * var(--tw-space-x-reverse));
    margin-left:calc(10px * calc(1 - var(--tw-space-x-reverse)))
  }
  .lg\:space-x-\[16px\]>:not([hidden])~:not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right:calc(16px * var(--tw-space-x-reverse));
    margin-left:calc(16px * calc(1 - var(--tw-space-x-reverse)))
  }
  .lg\:space-x-\[28px\]>:not([hidden])~:not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right:calc(28px * var(--tw-space-x-reverse));
    margin-left:calc(28px * calc(1 - var(--tw-space-x-reverse)))
  }
  .lg\:space-x-\[32px\]>:not([hidden])~:not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right:calc(32px * var(--tw-space-x-reverse));
    margin-left:calc(32px * calc(1 - var(--tw-space-x-reverse)))
  }
  .lg\:space-y-\[8px\]>:not([hidden])~:not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top:calc(8px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom:calc(8px * var(--tw-space-y-reverse))
  }
  .lg\:divide-x-\[1px\]>:not([hidden])~:not([hidden]){
    --tw-divide-x-reverse: 0;
    border-right-width:calc(1px * var(--tw-divide-x-reverse));
    border-left-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))
  }
  .lg\:rounded-r-\[500px\]{
    border-top-right-radius:500px;
    border-bottom-right-radius:500px
  }
  .lg\:p-\[10px\]{
    padding:10px
  }
  .lg\:px-8{
    padding-left:2rem;
    padding-right:2rem
  }
  .lg\:px-\[12px\]{
    padding-left:12px;
    padding-right:12px
  }
  .lg\:py-\[6px\]{
    padding-top:6px;
    padding-bottom:6px
  }
  .lg\:pb-\[160px\]{
    padding-bottom:160px
  }
  .lg\:pr-\[40px\]{
    padding-right:40px
  }
  .lg\:pr-\[48px\]{
    padding-right:48px
  }
}
@media (prefers-color-scheme: dark){
  .dark\:border-gray-700{
    --tw-border-opacity: 1;
    border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))
  }
  .dark\:bg-gray-800{
    --tw-bg-opacity: 1;
    background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))
  }
  .dark\:bg-gray-900{
    --tw-bg-opacity: 1;
    background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))
  }
  .dark\:text-gray-400{
    --tw-text-opacity: 1;
    color:rgb(156 163 175 / var(--tw-text-opacity, 1))
  }
  .dark\:text-gray-500{
    --tw-text-opacity: 1;
    color:rgb(107 114 128 / var(--tw-text-opacity, 1))
  }
  .dark\:text-white{
    --tw-text-opacity: 1;
    color:rgb(255 255 255 / var(--tw-text-opacity, 1))
  }
}

/* 分頁鍵盤焦點 */
nav[aria-label="分頁"] a:focus-visible {
  outline: 2px solid #31B8D9;
  outline-offset: 2px;
}

/* 只給螢幕閱讀器讀（不顯示、一般不會被聚焦） */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.a11y-focus:focus-visible {
  outline: 2px solid #31B8D9;
  outline-offset: 2px;
}