.elementor-40374 .elementor-element.elementor-element-4e76b75{--display:flex;--min-height:350px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--overlay-opacity:0.43;}.elementor-40374 .elementor-element.elementor-element-4e76b75::before, .elementor-40374 .elementor-element.elementor-element-4e76b75 > .elementor-background-video-container::before, .elementor-40374 .elementor-element.elementor-element-4e76b75 > .e-con-inner > .elementor-background-video-container::before, .elementor-40374 .elementor-element.elementor-element-4e76b75 > .elementor-background-slideshow::before, .elementor-40374 .elementor-element.elementor-element-4e76b75 > .e-con-inner > .elementor-background-slideshow::before, .elementor-40374 .elementor-element.elementor-element-4e76b75 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://elizabethstudies.com.tw/wp-content/uploads/2026/02/IMG_5075-1536x1024-1.jpg");--background-overlay:'';background-position:4px -400px;background-repeat:no-repeat;background-size:cover;}.elementor-40374 .elementor-element.elementor-element-4e76b75.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-40374 .elementor-element.elementor-element-3035400 > .elementor-widget-container{margin:0px 0px 15px 0px;}.elementor-40374 .elementor-element.elementor-element-3035400{text-align:center;font-size:40px;line-height:5px;color:#0F60D7;}.elementor-40374 .elementor-element.elementor-element-3035400 p{margin-block-end:0px;}.elementor-40374 .elementor-element.elementor-element-5c51868 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-40374 .elementor-element.elementor-element-5c51868{text-align:center;font-size:61px;line-height:85px;color:#031228;}.elementor-40374 .elementor-element.elementor-element-6ece640{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-40374 .elementor-element.elementor-element-31909af{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-40374 .elementor-element.elementor-element-34945e5{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-40374 .elementor-element.elementor-element-34945e5.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-40374 .elementor-element.elementor-element-75b04f5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-40374 .elementor-element.elementor-element-8629d4f{font-size:25px;color:var( --e-global-color-c5279bb );}.elementor-40374 .elementor-element.elementor-element-9278b6f .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-40374 .elementor-element.elementor-element-9278b6f .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-40374 .elementor-element.elementor-element-9278b6f{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-40374 .elementor-element.elementor-element-9278b6f .elementor-icon-list-text{text-shadow:0px 0px 0px rgba(0,0,0,0.3);transition:color 0.3s;}.elementor-40374 .elementor-element.elementor-element-3bbd233{--display:flex;--overlay-opacity:0.5;}.elementor-40374 .elementor-element.elementor-element-3bbd233::before, .elementor-40374 .elementor-element.elementor-element-3bbd233 > .elementor-background-video-container::before, .elementor-40374 .elementor-element.elementor-element-3bbd233 > .e-con-inner > .elementor-background-video-container::before, .elementor-40374 .elementor-element.elementor-element-3bbd233 > .elementor-background-slideshow::before, .elementor-40374 .elementor-element.elementor-element-3bbd233 > .e-con-inner > .elementor-background-slideshow::before, .elementor-40374 .elementor-element.elementor-element-3bbd233 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFEDED;--background-overlay:'';}.elementor-40374 .elementor-element.elementor-element-d9adf20 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-40374 .elementor-element.elementor-element-d9adf20{text-align:center;}.elementor-40374 .elementor-element.elementor-element-d9adf20 .elementor-heading-title{color:var( --e-global-color-c5279bb );}.elementor-40374 .elementor-element.elementor-element-1d42f8f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;}.elementor-40374 .elementor-element.elementor-element-1d42f8f::before, .elementor-40374 .elementor-element.elementor-element-1d42f8f > .elementor-background-video-container::before, .elementor-40374 .elementor-element.elementor-element-1d42f8f > .e-con-inner > .elementor-background-video-container::before, .elementor-40374 .elementor-element.elementor-element-1d42f8f > .elementor-background-slideshow::before, .elementor-40374 .elementor-element.elementor-element-1d42f8f > .e-con-inner > .elementor-background-slideshow::before, .elementor-40374 .elementor-element.elementor-element-1d42f8f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFEDED;--background-overlay:'';}.elementor-40374 .elementor-element.elementor-element-390b487{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-40374 .elementor-element.elementor-element-90d860e > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-40374 .elementor-element.elementor-element-90d860e .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(0px/2);}.elementor-40374 .elementor-element.elementor-element-90d860e .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(0px/2);}.elementor-40374 .elementor-element.elementor-element-90d860e .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(0px/2);}.elementor-40374 .elementor-element.elementor-element-90d860e .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-0px/2);}.elementor-40374 .elementor-element.elementor-element-90d860e .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-0px/2);}.elementor-40374 .elementor-element.elementor-element-90d860e .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-40374 .elementor-element.elementor-element-90d860e .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-40374 .elementor-element.elementor-element-90d860e{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-40374 .elementor-element.elementor-element-90d860e .elementor-icon-list-text{text-shadow:0px 0px 0px rgba(0,0,0,0.3);transition:color 0.3s;}.elementor-40374 .elementor-element.elementor-element-8e6c6db{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-40374 .elementor-element.elementor-element-340d840 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-40374 .elementor-element.elementor-element-340d840 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(0px/2);}.elementor-40374 .elementor-element.elementor-element-340d840 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(0px/2);}.elementor-40374 .elementor-element.elementor-element-340d840 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(0px/2);}.elementor-40374 .elementor-element.elementor-element-340d840 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-0px/2);}.elementor-40374 .elementor-element.elementor-element-340d840 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-0px/2);}.elementor-40374 .elementor-element.elementor-element-340d840 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-40374 .elementor-element.elementor-element-340d840 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-40374 .elementor-element.elementor-element-340d840{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-40374 .elementor-element.elementor-element-340d840 .elementor-icon-list-text{text-shadow:0px 0px 0px rgba(0,0,0,0.3);transition:color 0.3s;}.elementor-40374 .elementor-element.elementor-element-1008c9e .jet-pie-chart-container{height:150px;}.elementor-40374 .elementor-element.elementor-element-1008c9e{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-40374 .elementor-element.elementor-element-1008c9e.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-40374 .elementor-element.elementor-element-9adb620 .jet-pie-chart-container{height:150px;}.elementor-40374 .elementor-element.elementor-element-9adb620{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-40374 .elementor-element.elementor-element-9adb620.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-40374 .elementor-element.elementor-element-9330d12{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-40374 .elementor-element.elementor-element-17c89fb > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-40374 .elementor-element.elementor-element-17c89fb .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(0px/2);}.elementor-40374 .elementor-element.elementor-element-17c89fb .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(0px/2);}.elementor-40374 .elementor-element.elementor-element-17c89fb .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(0px/2);}.elementor-40374 .elementor-element.elementor-element-17c89fb .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-0px/2);}.elementor-40374 .elementor-element.elementor-element-17c89fb .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-0px/2);}.elementor-40374 .elementor-element.elementor-element-17c89fb .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-40374 .elementor-element.elementor-element-17c89fb .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-40374 .elementor-element.elementor-element-17c89fb{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-40374 .elementor-element.elementor-element-17c89fb .elementor-icon-list-text{text-shadow:0px 0px 0px rgba(0,0,0,0.3);transition:color 0.3s;}.elementor-40374 .elementor-element.elementor-element-e49bd9c{width:var( --container-widget-width, 104.161% );max-width:104.161%;--container-widget-width:104.161%;--container-widget-flex-grow:0;}.elementor-40374 .elementor-element.elementor-element-e49bd9c.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-40374 .elementor-element.elementor-element-e49bd9c iframe{height:322px;}.elementor-40374 .elementor-element.elementor-element-38d4c52{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;}.elementor-40374 .elementor-element.elementor-element-38d4c52::before, .elementor-40374 .elementor-element.elementor-element-38d4c52 > .elementor-background-video-container::before, .elementor-40374 .elementor-element.elementor-element-38d4c52 > .e-con-inner > .elementor-background-video-container::before, .elementor-40374 .elementor-element.elementor-element-38d4c52 > .elementor-background-slideshow::before, .elementor-40374 .elementor-element.elementor-element-38d4c52 > .e-con-inner > .elementor-background-slideshow::before, .elementor-40374 .elementor-element.elementor-element-38d4c52 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFEDED;--background-overlay:'';}.elementor-40374 .elementor-element.elementor-element-98d6b79{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-40374 .elementor-element.elementor-element-98d6b79.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-40374 .elementor-element.elementor-element-044b693 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-40374 .elementor-element.elementor-element-044b693 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(0px/2);}.elementor-40374 .elementor-element.elementor-element-044b693 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(0px/2);}.elementor-40374 .elementor-element.elementor-element-044b693 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(0px/2);}.elementor-40374 .elementor-element.elementor-element-044b693 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-0px/2);}.elementor-40374 .elementor-element.elementor-element-044b693 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-0px/2);}.elementor-40374 .elementor-element.elementor-element-044b693 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-40374 .elementor-element.elementor-element-044b693 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-40374 .elementor-element.elementor-element-044b693{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-40374 .elementor-element.elementor-element-044b693 .elementor-icon-list-text{text-shadow:0px 0px 0px rgba(0,0,0,0.3);transition:color 0.3s;}.elementor-40374 .elementor-element.elementor-element-32ce7d1{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;}.elementor-40374 .elementor-element.elementor-element-32ce7d1::before, .elementor-40374 .elementor-element.elementor-element-32ce7d1 > .elementor-background-video-container::before, .elementor-40374 .elementor-element.elementor-element-32ce7d1 > .e-con-inner > .elementor-background-video-container::before, .elementor-40374 .elementor-element.elementor-element-32ce7d1 > .elementor-background-slideshow::before, .elementor-40374 .elementor-element.elementor-element-32ce7d1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-40374 .elementor-element.elementor-element-32ce7d1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#FFEDED;--background-overlay:'';}.elementor-40374 .elementor-element.elementor-element-0044fec{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-40374 .elementor-element.elementor-element-03a30e3{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-40374 .elementor-element.elementor-element-03a30e3.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-40374 .elementor-element.elementor-element-03a30e3 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-40374 .elementor-element.elementor-element-e359fbd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-40374 .elementor-element.elementor-element-2a51bcb{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-40374 .elementor-element.elementor-element-2a51bcb.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-40374 .elementor-element.elementor-element-2a51bcb .elementor-wrapper{--video-aspect-ratio:1.77777;filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-40374 .elementor-element.elementor-element-0789fe6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-40374 .elementor-element.elementor-element-afe7fbd > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-40374 .elementor-element.elementor-element-afe7fbd{text-align:center;}.elementor-40374 .elementor-element.elementor-element-afe7fbd .elementor-heading-title{color:var( --e-global-color-c5279bb );}.elementor-40374 .elementor-element.elementor-element-59f938d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-40374 .elementor-element.elementor-element-3bd25d6 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-40374 .elementor-element.elementor-element-3bd25d6.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-40374 .elementor-element.elementor-element-e6633b0 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-40374 .elementor-element.elementor-element-ffbe271{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-40374 .elementor-element.elementor-element-0049a96 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-40374 .elementor-element.elementor-element-0049a96{text-align:center;}.elementor-40374 .elementor-element.elementor-element-0049a96 .elementor-heading-title{-webkit-text-stroke-color:#000;stroke:#000;color:#383636;}.elementor-40374 .elementor-element.elementor-element-72f5f77{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-40374 .elementor-element.elementor-element-89f2f26{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-40374 .elementor-element.elementor-element-f7cda81{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-40374 .elementor-element.elementor-element-2bc0394 .elementor-button:hover, .elementor-40374 .elementor-element.elementor-element-2bc0394 .elementor-button:focus{background-color:transparent;background-image:linear-gradient(180deg, #2F3023 0%, #5282FB 100%);}.elementor-40374 .elementor-element.elementor-element-2bc0394 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-40374 .elementor-element.elementor-element-2bc0394 .elementor-button{font-size:23px;border-radius:7px 7px 7px 7px;padding:10px 10px 10px 10px;}.elementor-40374 .elementor-element.elementor-element-82d877f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-40374 .elementor-element.elementor-element-bc9fed5{text-align:center;}.elementor-40374 .elementor-element.elementor-element-bc9fed5 .elementor-heading-title{color:var( --e-global-color-c5279bb );}.elementor-40374 .elementor-element.elementor-element-bc9fed5 .elementor-heading-title a:hover, .elementor-40374 .elementor-element.elementor-element-bc9fed5 .elementor-heading-title a:focus{color:#FF7979;}.elementor-40374 .elementor-element.elementor-element-16d844e{--display:flex;}.elementor-40374 .elementor-element.elementor-element-04c76f7{--display:flex;}.elementor-40374 .elementor-element.elementor-element-ffdfe5c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-40374 .elementor-element.elementor-element-b7f9805{--display:flex;}.elementor-40374 .elementor-element.elementor-element-a0c4fee{--display:flex;}.elementor-40374 .elementor-element.elementor-element-d2e2b9c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-40374 .elementor-element.elementor-element-1d0e141{--display:flex;}.elementor-40374 .elementor-element.elementor-element-7fedbe0{--display:flex;}.elementor-40374 .elementor-element.elementor-element-340963e{--display:flex;}.elementor-40374 .elementor-element.elementor-element-c0713b3{--display:flex;}.elementor-40374 .elementor-element.elementor-element-88aa07e{--display:flex;}.elementor-40374 .elementor-element.elementor-element-e6a8315{--display:flex;}.elementor-40374 .elementor-element.elementor-element-09e1d12{--display:flex;}.elementor-40374 .elementor-element.elementor-element-7ce3235{--n-accordion-title-font-size:20px;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-40374 .elementor-element.elementor-element-917b5c3{--display:flex;}.elementor-40374 .elementor-element.elementor-element-e1ae9ea{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-40374 .elementor-element.elementor-element-9c6253c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-40374 .elementor-element.elementor-element-b873330{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-40374 .elementor-element.elementor-element-37645ec .elementor-repeater-item-bb196b3 .swiper-slide-bg{background-color:#833ca3;background-image:url(https://elizabethstudies.com.tw/wp-content/uploads/2026/03/CBOA-校外宿舍1.jpg);background-size:cover;}.elementor-40374 .elementor-element.elementor-element-37645ec .elementor-repeater-item-b48043a .swiper-slide-bg{background-color:#4054b2;background-image:url(https://elizabethstudies.com.tw/wp-content/uploads/2026/03/CBOA-校外宿舍3.jpg);background-size:cover;}.elementor-40374 .elementor-element.elementor-element-37645ec .elementor-repeater-item-5ba1ba0 .swiper-slide-bg{background-color:#4054b2;background-image:url(https://elizabethstudies.com.tw/wp-content/uploads/2026/03/CBOA-校外宿舍4.jpg);background-size:cover;}.elementor-40374 .elementor-element.elementor-element-37645ec .elementor-repeater-item-5cb59f9 .swiper-slide-bg{background-color:#4054b2;background-image:url(https://elizabethstudies.com.tw/wp-content/uploads/2026/03/CBOA-校外宿舍5.jpg);background-size:cover;}.elementor-40374 .elementor-element.elementor-element-37645ec .elementor-repeater-item-a58a647 .swiper-slide-bg{background-color:#4054b2;background-image:url(https://elizabethstudies.com.tw/wp-content/uploads/2026/03/CBOA-校外宿舍6.jpg);background-size:cover;}.elementor-40374 .elementor-element.elementor-element-37645ec .elementor-repeater-item-08bc065 .swiper-slide-bg{background-color:#4054b2;background-image:url(https://elizabethstudies.com.tw/wp-content/uploads/2026/03/CBOA-校外宿舍7.jpg);background-size:cover;}.elementor-40374 .elementor-element.elementor-element-37645ec .swiper-slide{transition-duration:calc(5000ms*1.2);height:400px;}.elementor-40374 .elementor-element.elementor-element-37645ec .swiper-slide-contents{max-width:66%;}.elementor-40374 .elementor-element.elementor-element-37645ec .swiper-slide-inner{text-align:center;}.elementor-40374 .elementor-element.elementor-element-86a84fe{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-40374 .elementor-element.elementor-element-e02429e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-40374 .elementor-element.elementor-element-7754e57{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-40374 .elementor-element.elementor-element-cc5a29f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-40374 .elementor-element.elementor-element-3752f95 .elementor-repeater-item-bb196b3 .swiper-slide-bg{background-color:#833ca3;background-image:url(https://elizabethstudies.com.tw/wp-content/uploads/2026/06/IMG_1067-scaled.jpg);background-size:cover;}.elementor-40374 .elementor-element.elementor-element-3752f95 .elementor-repeater-item-b48043a .swiper-slide-bg{background-color:#4054b2;background-image:url(https://elizabethstudies.com.tw/wp-content/uploads/2026/03/CBOA-校外宿舍3.jpg);background-size:cover;}.elementor-40374 .elementor-element.elementor-element-3752f95 .elementor-repeater-item-5ba1ba0 .swiper-slide-bg{background-color:#4054b2;background-image:url(https://elizabethstudies.com.tw/wp-content/uploads/2026/03/CBOA-校外宿舍4.jpg);background-size:cover;}.elementor-40374 .elementor-element.elementor-element-3752f95 .elementor-repeater-item-5cb59f9 .swiper-slide-bg{background-color:#4054b2;background-image:url(https://elizabethstudies.com.tw/wp-content/uploads/2026/03/CBOA-校外宿舍5.jpg);background-size:cover;}.elementor-40374 .elementor-element.elementor-element-3752f95 .elementor-repeater-item-a58a647 .swiper-slide-bg{background-color:#4054b2;background-image:url(https://elizabethstudies.com.tw/wp-content/uploads/2026/03/CBOA-校外宿舍6.jpg);background-size:cover;}.elementor-40374 .elementor-element.elementor-element-3752f95 .elementor-repeater-item-08bc065 .swiper-slide-bg{background-color:#4054b2;background-image:url(https://elizabethstudies.com.tw/wp-content/uploads/2026/03/CBOA-校外宿舍7.jpg);background-size:cover;}.elementor-40374 .elementor-element.elementor-element-3752f95 .swiper-slide{transition-duration:calc(5000ms*1.2);height:400px;}.elementor-40374 .elementor-element.elementor-element-3752f95 .swiper-slide-contents{max-width:66%;}.elementor-40374 .elementor-element.elementor-element-3752f95 .swiper-slide-inner{text-align:center;}.elementor-40374 .elementor-element.elementor-element-47f815c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-40374 .elementor-element.elementor-element-8e8fff8 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-40374 .elementor-element.elementor-element-513586f{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-40374 .elementor-element.elementor-element-b7c991d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-40374 .elementor-element.elementor-element-7dfe8db .elementor-repeater-item-bb196b3 .swiper-slide-bg{background-color:#833ca3;background-image:url(https://elizabethstudies.com.tw/wp-content/uploads/2026/03/CBOA-校外宿舍1.jpg);background-size:cover;}.elementor-40374 .elementor-element.elementor-element-7dfe8db .elementor-repeater-item-b48043a .swiper-slide-bg{background-color:#4054b2;background-image:url(https://elizabethstudies.com.tw/wp-content/uploads/2026/03/CBOA-校外宿舍3.jpg);background-size:cover;}.elementor-40374 .elementor-element.elementor-element-7dfe8db .elementor-repeater-item-5ba1ba0 .swiper-slide-bg{background-color:#4054b2;background-image:url(https://elizabethstudies.com.tw/wp-content/uploads/2026/03/CBOA-校外宿舍4.jpg);background-size:cover;}.elementor-40374 .elementor-element.elementor-element-7dfe8db .elementor-repeater-item-5cb59f9 .swiper-slide-bg{background-color:#4054b2;background-image:url(https://elizabethstudies.com.tw/wp-content/uploads/2026/03/CBOA-校外宿舍5.jpg);background-size:cover;}.elementor-40374 .elementor-element.elementor-element-7dfe8db .elementor-repeater-item-a58a647 .swiper-slide-bg{background-color:#4054b2;background-image:url(https://elizabethstudies.com.tw/wp-content/uploads/2026/03/CBOA-校外宿舍6.jpg);background-size:cover;}.elementor-40374 .elementor-element.elementor-element-7dfe8db .elementor-repeater-item-08bc065 .swiper-slide-bg{background-color:#4054b2;background-image:url(https://elizabethstudies.com.tw/wp-content/uploads/2026/03/CBOA-校外宿舍7.jpg);background-size:cover;}.elementor-40374 .elementor-element.elementor-element-7dfe8db .swiper-slide{transition-duration:calc(5000ms*1.2);height:400px;}.elementor-40374 .elementor-element.elementor-element-7dfe8db .swiper-slide-contents{max-width:66%;}.elementor-40374 .elementor-element.elementor-element-7dfe8db .swiper-slide-inner{text-align:center;}.elementor-40374 .elementor-element.elementor-element-7a13a0d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-40374 .elementor-element.elementor-element-c510626 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-40374 .elementor-element.elementor-element-aed8ef8{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-40374 .elementor-element.elementor-element-fce61cd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-40374 .elementor-element.elementor-element-2cb100f .elementor-repeater-item-bb196b3 .swiper-slide-bg{background-color:#833ca3;background-image:url(https://elizabethstudies.com.tw/wp-content/uploads/2026/03/CBOA-校外宿舍8.jpg);background-size:cover;}.elementor-40374 .elementor-element.elementor-element-2cb100f .elementor-repeater-item-b48043a .swiper-slide-bg{background-color:#4054b2;background-image:url(https://elizabethstudies.com.tw/wp-content/uploads/2026/03/CBOA-校外宿舍10.jpg);background-size:cover;}.elementor-40374 .elementor-element.elementor-element-2cb100f .elementor-repeater-item-5ba1ba0 .swiper-slide-bg{background-color:#4054b2;background-image:url(https://elizabethstudies.com.tw/wp-content/uploads/2026/03/CBOA-校外宿舍23.jpg);background-size:cover;}.elementor-40374 .elementor-element.elementor-element-2cb100f .elementor-repeater-item-5cb59f9 .swiper-slide-bg{background-color:#4054b2;background-image:url(https://elizabethstudies.com.tw/wp-content/uploads/2026/03/CBOA-校外宿舍20.jpg);background-size:cover;}.elementor-40374 .elementor-element.elementor-element-2cb100f .elementor-repeater-item-a58a647 .swiper-slide-bg{background-color:#4054b2;background-image:url(https://elizabethstudies.com.tw/wp-content/uploads/2026/03/CBOA-校外宿舍18.jpg);background-size:cover;}.elementor-40374 .elementor-element.elementor-element-2cb100f .elementor-repeater-item-08bc065 .swiper-slide-bg{background-color:#4054b2;background-image:url(https://elizabethstudies.com.tw/wp-content/uploads/2026/03/CBOA-校外宿舍15.jpg);background-size:cover;}.elementor-40374 .elementor-element.elementor-element-2cb100f .elementor-repeater-item-0190707 .swiper-slide-bg{background-color:#4054b2;background-image:url(https://elizabethstudies.com.tw/wp-content/uploads/2026/03/CBOA-校外宿舍16.jpg);background-size:cover;}.elementor-40374 .elementor-element.elementor-element-2cb100f .elementor-repeater-item-167d7e8 .swiper-slide-bg{background-color:#4054b2;background-image:url(https://elizabethstudies.com.tw/wp-content/uploads/2026/03/CBOA-校外宿舍21.jpg);background-size:cover;}.elementor-40374 .elementor-element.elementor-element-2cb100f .elementor-repeater-item-b219c9f .swiper-slide-bg{background-color:#4054b2;background-image:url(https://elizabethstudies.com.tw/wp-content/uploads/2026/03/CBOA-校外宿舍22.jpg);background-size:cover;}.elementor-40374 .elementor-element.elementor-element-2cb100f .elementor-repeater-item-5ac607f .swiper-slide-bg{background-color:#4054b2;background-image:url(https://elizabethstudies.com.tw/wp-content/uploads/2026/03/CBOA-校外宿舍14.jpg);background-size:cover;}.elementor-40374 .elementor-element.elementor-element-2cb100f .elementor-repeater-item-453ece8 .swiper-slide-bg{background-color:#4054b2;background-image:url(https://elizabethstudies.com.tw/wp-content/uploads/2026/03/CBOA-校外宿舍13.jpg);background-size:cover;}.elementor-40374 .elementor-element.elementor-element-2cb100f .elementor-repeater-item-e3fdbb5 .swiper-slide-bg{background-color:#4054b2;background-image:url(https://elizabethstudies.com.tw/wp-content/uploads/2026/03/CBOA-校外宿舍11.jpg);background-size:cover;}.elementor-40374 .elementor-element.elementor-element-2cb100f .elementor-repeater-item-3cffdda .swiper-slide-bg{background-color:#4054b2;background-image:url(https://elizabethstudies.com.tw/wp-content/uploads/2026/03/CBOA-校外宿舍12.jpg);background-size:cover;}.elementor-40374 .elementor-element.elementor-element-2cb100f .elementor-repeater-item-23dad33 .swiper-slide-bg{background-color:#4054b2;background-image:url(https://elizabethstudies.com.tw/wp-content/uploads/2026/03/CBOA-校外宿舍19.jpg);background-size:cover;}.elementor-40374 .elementor-element.elementor-element-2cb100f .swiper-slide{transition-duration:calc(5000ms*1.2);height:400px;}.elementor-40374 .elementor-element.elementor-element-2cb100f .swiper-slide-contents{max-width:66%;}.elementor-40374 .elementor-element.elementor-element-2cb100f .swiper-slide-inner{text-align:center;}.elementor-40374 .elementor-element.elementor-element-cc03a00{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-40374 .elementor-element.elementor-element-ed2b106 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-40374 .elementor-element.elementor-element-b27ab11{--display:flex;}.elementor-40374 .elementor-element.elementor-element-82f3c17{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-40374 .elementor-element.elementor-element-702f475 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-40374 .elementor-element.elementor-element-702f475.elementor-element{--align-self:center;}.elementor-40374 .elementor-element.elementor-element-702f475 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-40374 .elementor-element.elementor-element-eaf8b07{--n-accordion-title-font-size:20px;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:18px;}.elementor-40374 .elementor-element.elementor-element-b8af0ea{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-40374 .elementor-element.elementor-element-4d61037{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-40374 .elementor-element.elementor-element-00db2ba{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-40374 .elementor-element.elementor-element-c216054 .elementor-repeater-item-4659d4c .swiper-slide-bg{background-color:#833ca3;background-image:url(https://elizabethstudies.com.tw/wp-content/uploads/2026/05/pic_triple13-scaled.jpg);background-size:cover;}.elementor-40374 .elementor-element.elementor-element-c216054 .elementor-repeater-item-9d5618b .swiper-slide-bg{background-color:#4054b2;background-image:url(https://elizabethstudies.com.tw/wp-content/uploads/2026/05/pic_triple11-scaled.jpg);background-size:cover;}.elementor-40374 .elementor-element.elementor-element-c216054 .elementor-repeater-item-c1630cc .swiper-slide-bg{background-color:#4054b2;background-image:url(https://elizabethstudies.com.tw/wp-content/uploads/2026/05/pic_double8-scaled.jpg);background-size:cover;}.elementor-40374 .elementor-element.elementor-element-c216054 .swiper-slide{transition-duration:calc(5000ms*1.2);height:400px;}.elementor-40374 .elementor-element.elementor-element-c216054 .swiper-slide-contents{max-width:66%;}.elementor-40374 .elementor-element.elementor-element-c216054 .swiper-slide-inner{text-align:center;}.elementor-40374 .elementor-element.elementor-element-7f62eaf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-40374 .elementor-element.elementor-element-080a1cb > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-40374 .elementor-element.elementor-element-36a4eb3{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-40374 .elementor-element.elementor-element-ede2f77{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-40374 .elementor-element.elementor-element-6003146 .elementor-repeater-item-4659d4c .swiper-slide-bg{background-color:#833ca3;background-image:url(https://elizabethstudies.com.tw/wp-content/uploads/2026/05/pic_triple13-scaled.jpg);background-size:cover;}.elementor-40374 .elementor-element.elementor-element-6003146 .elementor-repeater-item-9d5618b .swiper-slide-bg{background-color:#4054b2;background-image:url(https://elizabethstudies.com.tw/wp-content/uploads/2026/05/pic_triple11-scaled.jpg);background-size:cover;}.elementor-40374 .elementor-element.elementor-element-6003146 .elementor-repeater-item-c1630cc .swiper-slide-bg{background-color:#4054b2;background-image:url(https://elizabethstudies.com.tw/wp-content/uploads/2026/05/pic_double8-scaled.jpg);background-size:cover;}.elementor-40374 .elementor-element.elementor-element-6003146 .swiper-slide{transition-duration:calc(5000ms*1.2);height:400px;}.elementor-40374 .elementor-element.elementor-element-6003146 .swiper-slide-contents{max-width:66%;}.elementor-40374 .elementor-element.elementor-element-6003146 .swiper-slide-inner{text-align:center;}.elementor-40374 .elementor-element.elementor-element-b6c86ee{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-40374 .elementor-element.elementor-element-395b8aa > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-40374 .elementor-element.elementor-element-d67725e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-40374 .elementor-element.elementor-element-e991eb4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-40374 .elementor-element.elementor-element-24f82cf .elementor-repeater-item-4659d4c .swiper-slide-bg{background-color:#833ca3;background-image:url(https://elizabethstudies.com.tw/wp-content/uploads/2026/05/pic_triple1-scaled.jpg);background-size:cover;}.elementor-40374 .elementor-element.elementor-element-24f82cf .elementor-repeater-item-9d5618b .swiper-slide-bg{background-color:#4054b2;background-image:url(https://elizabethstudies.com.tw/wp-content/uploads/2026/05/pic_triple7-scaled.jpg);background-size:cover;}.elementor-40374 .elementor-element.elementor-element-24f82cf .elementor-repeater-item-c1630cc .swiper-slide-bg{background-color:#4054b2;background-image:url(https://elizabethstudies.com.tw/wp-content/uploads/2026/05/pic_triple9-scaled.jpg);background-size:cover;}.elementor-40374 .elementor-element.elementor-element-24f82cf .elementor-repeater-item-52143db .swiper-slide-bg{background-color:#4054b2;background-image:url(https://elizabethstudies.com.tw/wp-content/uploads/2026/05/pic_double8-scaled.jpg);background-size:cover;}.elementor-40374 .elementor-element.elementor-element-24f82cf .swiper-slide{transition-duration:calc(5000ms*1.2);height:400px;}.elementor-40374 .elementor-element.elementor-element-24f82cf .swiper-slide-contents{max-width:66%;}.elementor-40374 .elementor-element.elementor-element-24f82cf .swiper-slide-inner{text-align:center;}.elementor-40374 .elementor-element.elementor-element-0417bcf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-40374 .elementor-element.elementor-element-8a33731 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-40374 .elementor-element.elementor-element-f69b7ca{--n-accordion-title-font-size:20px;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:18px;}.elementor-40374 .elementor-element.elementor-element-2d48f2f{--display:flex;}.elementor-40374 .elementor-element.elementor-element-ce291cf .elementor-repeater-item-f2d6f05.jet-table__head-cell{background-color:var( --e-global-color-98cd07a );}.elementor-40374 .elementor-element.elementor-element-ce291cf .elementor-repeater-item-813dcb4.jet-table__head-cell{background-color:var( --e-global-color-98cd07a );}.elementor-40374 .elementor-element.elementor-element-ce291cf .jet-table__body-row .jet-table__cell.elementor-repeater-item-f797b80{background-color:var( --e-global-color-bfd1b8a );}.elementor-40374 .elementor-element.elementor-element-ce291cf .jet-table__body-row .jet-table__cell.elementor-repeater-item-8f78cdb{background-color:var( --e-global-color-bfd1b8a );}.elementor-40374 .elementor-element.elementor-element-ce291cf .jet-table__body-row .jet-table__cell.elementor-repeater-item-65cefdb{background-color:var( --e-global-color-bfd1b8a );}.elementor-40374 .elementor-element.elementor-element-ce291cf .jet-table__body-row .jet-table__cell.elementor-repeater-item-a045bb1{background-color:var( --e-global-color-bfd1b8a );}.elementor-40374 .elementor-element.elementor-element-ce291cf .jet-table__body-row .jet-table__cell.elementor-repeater-item-ec604ca{background-color:var( --e-global-color-0b5f030 );}.elementor-40374 .elementor-element.elementor-element-ce291cf .jet-table__body-row .jet-table__cell.elementor-repeater-item-8ffb4e2{background-color:var( --e-global-color-0b5f030 );}.elementor-40374 .elementor-element.elementor-element-ce291cf .jet-table__body-row .jet-table__cell.elementor-repeater-item-d47e669{background-color:var( --e-global-color-bfd1b8a );}.elementor-40374 .elementor-element.elementor-element-ce291cf .jet-table__body-row .jet-table__cell.elementor-repeater-item-22338ca{background-color:var( --e-global-color-bfd1b8a );}.elementor-40374 .elementor-element.elementor-element-ce291cf .jet-table__body-row .jet-table__cell.elementor-repeater-item-3380e1f{background-color:var( --e-global-color-0b5f030 );}.elementor-40374 .elementor-element.elementor-element-ce291cf .jet-table__body-row .jet-table__cell.elementor-repeater-item-36385f7{background-color:var( --e-global-color-0b5f030 );}.elementor-40374 .elementor-element.elementor-element-ce291cf .jet-table__body-row .jet-table__cell.elementor-repeater-item-be44c83{background-color:var( --e-global-color-f2fe8c1 );}.elementor-40374 .elementor-element.elementor-element-ce291cf .jet-table__body-row .jet-table__cell.elementor-repeater-item-c77e521{background-color:var( --e-global-color-f2fe8c1 );}.elementor-40374 .elementor-element.elementor-element-ce291cf .jet-table{table-layout:auto;}.elementor-40374 .elementor-element.elementor-element-ce291cf .jet-table__head-cell .jet-table__cell-content{margin-left:auto;margin-right:auto;text-align:center;}.elementor-40374 .elementor-element.elementor-element-ce291cf .jet-table__foot-cell .jet-table__cell-content{margin-left:auto;margin-right:auto;text-align:center;}.elementor-40374 .elementor-element.elementor-element-ce291cf .jet-table__head-cell{vertical-align:middle;}.elementor-40374 .elementor-element.elementor-element-ce291cf .jet-table__foot-cell{vertical-align:middle;}.elementor-40374 .elementor-element.elementor-element-ce291cf .jet-table__body-cell .jet-table__cell-content{margin-left:auto;margin-right:auto;text-align:center;}.elementor-40374 .elementor-element.elementor-element-ce291cf .jet-table__body-cell{vertical-align:middle;}.elementor-40374 .elementor-element.elementor-element-bfaef52{--display:flex;}.elementor-40374 .elementor-element.elementor-element-f6162bb{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-40374 .elementor-element.elementor-element-300d64e{--display:flex;}.elementor-40374 .elementor-element.elementor-element-3319406{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-40374 .elementor-element.elementor-element-a113f48{--display:flex;}.elementor-40374 .elementor-element.elementor-element-f83e5b6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-40374 .elementor-element.elementor-element-6c5b680{--display:flex;}.elementor-40374 .elementor-element.elementor-element-4dbd339{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-40374 .elementor-element.elementor-element-1ec5d4b{--display:flex;}.elementor-40374 .elementor-element.elementor-element-d82755e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-40374 .elementor-element.elementor-element-bffaab8{--display:flex;}.elementor-40374 .elementor-element.elementor-element-d8ff86a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-40374 .elementor-element.elementor-element-01ddf0c{--display:flex;}.elementor-40374 .elementor-element.elementor-element-0cfb21b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-40374 .elementor-element.elementor-element-20e60db{--display:flex;}.elementor-40374 .elementor-element.elementor-element-1c89ea0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-40374 .elementor-element.elementor-element-cc7c199{--n-accordion-title-font-size:18px;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:18px;}.elementor-40374 .elementor-element.elementor-element-e49fc83{--display:flex;}.elementor-40374 .elementor-element.elementor-element-b7200a0{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-40374 .elementor-element.elementor-element-f1d3546 .elementor-swiper-button{font-size:20px;}.elementor-40374 .elementor-element.elementor-element-f1d3546 .elementor-testimonial__header, .elementor-40374 .elementor-element.elementor-element-f1d3546 .elementor-testimonial__name{font-size:16px;}.elementor-40374 .elementor-element.elementor-element-f1d3546 .elementor-testimonial__title{font-size:16px;}.elementor-40374 .elementor-element.elementor-element-f1d3546 .elementor-testimonial__text{font-size:16px;}.elementor-40374 .elementor-element.elementor-element-406b6ec .elementor-swiper-button{font-size:20px;}.elementor-40374 .elementor-element.elementor-element-406b6ec .elementor-testimonial__header, .elementor-40374 .elementor-element.elementor-element-406b6ec .elementor-testimonial__name{font-size:16px;}.elementor-40374 .elementor-element.elementor-element-406b6ec .elementor-testimonial__title{font-size:16px;}.elementor-40374 .elementor-element.elementor-element-406b6ec .elementor-testimonial__text{font-size:16px;}.elementor-40374 .elementor-element.elementor-element-58c7b77{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-font-size:20px;--n-tabs-icon-color:#000000;}.elementor-40374 .elementor-element.elementor-element-58c7b77.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-81ad80a );}.elementor-40374 .elementor-element.elementor-element-58c7b77.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-40374 .elementor-element.elementor-element-58c7b77.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-98cd07a );}@media(max-width:1024px){.elementor-40374 .elementor-element.elementor-element-4e76b75::before, .elementor-40374 .elementor-element.elementor-element-4e76b75 > .elementor-background-video-container::before, .elementor-40374 .elementor-element.elementor-element-4e76b75 > .e-con-inner > .elementor-background-video-container::before, .elementor-40374 .elementor-element.elementor-element-4e76b75 > .elementor-background-slideshow::before, .elementor-40374 .elementor-element.elementor-element-4e76b75 > .e-con-inner > .elementor-background-slideshow::before, .elementor-40374 .elementor-element.elementor-element-4e76b75 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-40374 .elementor-element.elementor-element-4e76b75{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-40374 .elementor-element.elementor-element-4e76b75.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-40374 .elementor-element.elementor-element-3035400 > .elementor-widget-container{margin:-14px 0px 13px 0px;}.elementor-40374 .elementor-element.elementor-element-3035400 p{margin-block-end:0px;}.elementor-40374 .elementor-element.elementor-element-5c51868 > .elementor-widget-container{margin:-34px 0px 0px 0px;}.elementor-40374 .elementor-element.elementor-element-5c51868{font-size:39px;line-height:4em;letter-spacing:0px;word-spacing:0em;}.elementor-40374 .elementor-element.elementor-element-8629d4f{font-size:18px;}.elementor-40374 .elementor-element.elementor-element-9278b6f > .elementor-widget-container{margin:-19px 0px 0px 0px;}.elementor-40374 .elementor-element.elementor-element-9278b6f .elementor-icon-list-item > .elementor-icon-list-text, .elementor-40374 .elementor-element.elementor-element-9278b6f .elementor-icon-list-item > a{font-size:16px;}.elementor-40374 .elementor-element.elementor-element-90d860e > .elementor-widget-container{margin:-19px 0px 0px 0px;}.elementor-40374 .elementor-element.elementor-element-90d860e .elementor-icon-list-item > .elementor-icon-list-text, .elementor-40374 .elementor-element.elementor-element-90d860e .elementor-icon-list-item > a{font-size:16px;}.elementor-40374 .elementor-element.elementor-element-340d840 > .elementor-widget-container{margin:-19px 0px 0px 0px;}.elementor-40374 .elementor-element.elementor-element-340d840 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-40374 .elementor-element.elementor-element-340d840 .elementor-icon-list-item > a{font-size:16px;}.elementor-40374 .elementor-element.elementor-element-9adb620.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-40374 .elementor-element.elementor-element-17c89fb > .elementor-widget-container{margin:-19px 0px 0px 0px;}.elementor-40374 .elementor-element.elementor-element-17c89fb .elementor-icon-list-item > .elementor-icon-list-text, .elementor-40374 .elementor-element.elementor-element-17c89fb .elementor-icon-list-item > a{font-size:16px;}.elementor-40374 .elementor-element.elementor-element-e49bd9c iframe{height:177px;}.elementor-40374 .elementor-element.elementor-element-044b693 > .elementor-widget-container{margin:-19px 0px 0px 0px;}.elementor-40374 .elementor-element.elementor-element-044b693 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-40374 .elementor-element.elementor-element-044b693 .elementor-icon-list-item > a{font-size:16px;}.elementor-40374 .elementor-element.elementor-element-3bd25d6 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-40374 .elementor-element.elementor-element-e6633b0 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-40374 .elementor-element.elementor-element-d26d6da .elementor-accordion-title{font-size:16px;}.elementor-40374 .elementor-element.elementor-element-d26d6da .elementor-tab-content{font-size:14px;}.elementor-40374 .elementor-element.elementor-element-2bc0394 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-40374 .elementor-element.elementor-element-387ecf8 .elementor-heading-title{font-size:20px;}.elementor-40374 .elementor-element.elementor-element-eaf8b07{--n-accordion-title-font-size:16px;--n-accordion-icon-size:16px;}.elementor-40374 .elementor-element.elementor-element-b3263be .elementor-heading-title{font-size:20px;}.elementor-40374 .elementor-element.elementor-element-f69b7ca{--n-accordion-title-font-size:16px;--n-accordion-icon-size:16px;}.elementor-40374 .elementor-element.elementor-element-b787a16{font-size:14px;}.elementor-40374 .elementor-element.elementor-element-c86277d{font-size:14px;}.elementor-40374 .elementor-element.elementor-element-33b31f5{font-size:14px;}.elementor-40374 .elementor-element.elementor-element-e6fab66{font-size:14px;}.elementor-40374 .elementor-element.elementor-element-f27d19e{font-size:14px;}.elementor-40374 .elementor-element.elementor-element-e3dbb81{font-size:14px;}.elementor-40374 .elementor-element.elementor-element-18f8d63{font-size:14px;}.elementor-40374 .elementor-element.elementor-element-cc7c199{--n-accordion-title-font-size:16px;}.elementor-40374 .elementor-element.elementor-element-5fcf308 .elementor-heading-title{font-size:20px;}.elementor-40374 .elementor-element.elementor-element-54e7264 .elementor-heading-title{font-size:20px;}.elementor-40374 .elementor-element.elementor-element-58c7b77 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-40374 .elementor-element.elementor-element-58c7b77.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-40374 .elementor-element.elementor-element-58c7b77{--n-tabs-gap:8px;--n-tabs-title-font-size:18px;--n-tabs-icon-size:14px;}}@media(min-width:768px){.elementor-40374 .elementor-element.elementor-element-4e76b75{--width:100%;}.elementor-40374 .elementor-element.elementor-element-31909af{--width:50%;}.elementor-40374 .elementor-element.elementor-element-75b04f5{--width:50%;}.elementor-40374 .elementor-element.elementor-element-390b487{--width:50%;}.elementor-40374 .elementor-element.elementor-element-8e6c6db{--width:50%;}.elementor-40374 .elementor-element.elementor-element-9330d12{--width:50%;}.elementor-40374 .elementor-element.elementor-element-98d6b79{--width:88.277%;}.elementor-40374 .elementor-element.elementor-element-0044fec{--width:50%;}.elementor-40374 .elementor-element.elementor-element-e359fbd{--width:50%;}.elementor-40374 .elementor-element.elementor-element-89f2f26{--width:50%;}.elementor-40374 .elementor-element.elementor-element-f7cda81{--width:50%;}.elementor-40374 .elementor-element.elementor-element-b873330{--width:50%;}.elementor-40374 .elementor-element.elementor-element-86a84fe{--width:50%;}.elementor-40374 .elementor-element.elementor-element-cc5a29f{--width:50%;}.elementor-40374 .elementor-element.elementor-element-47f815c{--width:50%;}.elementor-40374 .elementor-element.elementor-element-b7c991d{--width:50%;}.elementor-40374 .elementor-element.elementor-element-7a13a0d{--width:50%;}.elementor-40374 .elementor-element.elementor-element-fce61cd{--width:50%;}.elementor-40374 .elementor-element.elementor-element-cc03a00{--width:50%;}.elementor-40374 .elementor-element.elementor-element-00db2ba{--width:50%;}.elementor-40374 .elementor-element.elementor-element-7f62eaf{--width:50%;}.elementor-40374 .elementor-element.elementor-element-ede2f77{--width:50%;}.elementor-40374 .elementor-element.elementor-element-b6c86ee{--width:50%;}.elementor-40374 .elementor-element.elementor-element-e991eb4{--width:50%;}.elementor-40374 .elementor-element.elementor-element-0417bcf{--width:50%;}}@media(max-width:767px){.elementor-40374 .elementor-element.elementor-element-4e76b75{--min-height:276px;}.elementor-40374 .elementor-element.elementor-element-4e76b75::before, .elementor-40374 .elementor-element.elementor-element-4e76b75 > .elementor-background-video-container::before, .elementor-40374 .elementor-element.elementor-element-4e76b75 > .e-con-inner > .elementor-background-video-container::before, .elementor-40374 .elementor-element.elementor-element-4e76b75 > .elementor-background-slideshow::before, .elementor-40374 .elementor-element.elementor-element-4e76b75 > .e-con-inner > .elementor-background-slideshow::before, .elementor-40374 .elementor-element.elementor-element-4e76b75 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-40374 .elementor-element.elementor-element-3035400 > .elementor-widget-container{margin:-10px 0px 0px 0px;}.elementor-40374 .elementor-element.elementor-element-3035400{font-size:17px;}.elementor-40374 .elementor-element.elementor-element-5c51868 > .elementor-widget-container{margin:-10px 0px 0px 0px;}.elementor-40374 .elementor-element.elementor-element-5c51868{font-size:24px;line-height:1.3em;}.elementor-40374 .elementor-element.elementor-element-8629d4f{font-size:18px;}.elementor-40374 .elementor-element.elementor-element-9278b6f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-40374 .elementor-element.elementor-element-9278b6f{--e-icon-list-icon-size:14px;}.elementor-40374 .elementor-element.elementor-element-9278b6f .elementor-icon-list-item > .elementor-icon-list-text, .elementor-40374 .elementor-element.elementor-element-9278b6f .elementor-icon-list-item > a{font-size:14px;}.elementor-40374 .elementor-element.elementor-element-d9adf20 .elementor-heading-title{font-size:20px;}.elementor-40374 .elementor-element.elementor-element-90d860e{--e-icon-list-icon-size:14px;}.elementor-40374 .elementor-element.elementor-element-90d860e .elementor-icon-list-item > .elementor-icon-list-text, .elementor-40374 .elementor-element.elementor-element-90d860e .elementor-icon-list-item > a{font-size:14px;}.elementor-40374 .elementor-element.elementor-element-340d840{--e-icon-list-icon-size:14px;}.elementor-40374 .elementor-element.elementor-element-340d840 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-40374 .elementor-element.elementor-element-340d840 .elementor-icon-list-item > a{font-size:14px;}.elementor-40374 .elementor-element.elementor-element-17c89fb{--e-icon-list-icon-size:14px;}.elementor-40374 .elementor-element.elementor-element-17c89fb .elementor-icon-list-item > .elementor-icon-list-text, .elementor-40374 .elementor-element.elementor-element-17c89fb .elementor-icon-list-item > a{font-size:14px;}.elementor-40374 .elementor-element.elementor-element-044b693{--e-icon-list-icon-size:14px;}.elementor-40374 .elementor-element.elementor-element-044b693 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-40374 .elementor-element.elementor-element-044b693 .elementor-icon-list-item > a{font-size:14px;}.elementor-40374 .elementor-element.elementor-element-afe7fbd .elementor-heading-title{font-size:20px;}.elementor-40374 .elementor-element.elementor-element-3bd25d6.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-40374 .elementor-element.elementor-element-e6633b0 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-40374 .elementor-element.elementor-element-0049a96 .elementor-heading-title{font-size:20px;}.elementor-40374 .elementor-element.elementor-element-d26d6da .elementor-accordion-title{font-size:14px;}.elementor-40374 .elementor-element.elementor-element-d26d6da .elementor-tab-content{font-size:12px;}.elementor-40374 .elementor-element.elementor-element-2bc0394 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-40374 .elementor-element.elementor-element-2bc0394 .elementor-button{font-size:15px;}.elementor-40374 .elementor-element.elementor-element-bc9fed5 .elementor-heading-title{font-size:20px;}.elementor-40374 .elementor-element.elementor-element-7ce3235{--n-accordion-title-font-size:16px;--n-accordion-icon-size:16px;}.elementor-40374 .elementor-element.elementor-element-eaf8b07{--n-accordion-title-font-size:16px;--n-accordion-icon-size:16px;}.elementor-40374 .elementor-element.elementor-element-f69b7ca{--n-accordion-title-font-size:16px;--n-accordion-icon-size:16px;}.elementor-40374 .elementor-element.elementor-element-1bb6850{font-size:16px;}.elementor-40374 .elementor-element.elementor-element-ce291cf .jet-table__head-cell .jet-table__cell-inner{padding:0px 0px 0px 0px;}.elementor-40374 .elementor-element.elementor-element-ce291cf .jet-table__foot-cell .jet-table__cell-inner{padding:0px 0px 0px 0px;}.elementor-40374 .elementor-element.elementor-element-ce291cf .jet-table__head-cell{font-size:16px;}.elementor-40374 .elementor-element.elementor-element-ce291cf .jet-table__foot-cell{font-size:16px;}.elementor-40374 .elementor-element.elementor-element-ce291cf .jet-table__body-cell{font-size:13px;}.elementor-40374 .elementor-element.elementor-element-58c7b77 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-40374 .elementor-element.elementor-element-58c7b77{--n-tabs-title-font-size:18px;}}/* Start custom CSS for html, class: .elementor-element-3bd25d6 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container-1 {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1400px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container-1 h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list-1 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(7, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 30px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item-1 {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item-1.icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item-1.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item-1.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list-1 {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(4, 1fr); 
    
    row-gap: 20px;
    column-gap: 20px;
  }
  
  .amenity-item-1 {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container-1 {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list-1 {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item-1 {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e6633b0 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container-1 {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1400px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container-1 h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list-1 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(7, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 30px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item-1 {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item-1 .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */; 
.amenity-item-1.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item-1.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list-1 {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(4, 1fr); 
    
    row-gap: 20px;
    column-gap: 20px;
  }
  
  .amenity-item-1 {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container-1 {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list-1 {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item-1 {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e02429e *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e8fff8 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c510626 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ed2b106 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e02429e *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e8fff8 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c510626 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ed2b106 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e02429e *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e8fff8 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c510626 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ed2b106 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e02429e *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e8fff8 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c510626 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ed2b106 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e02429e *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e8fff8 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c510626 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ed2b106 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e02429e *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e8fff8 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c510626 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ed2b106 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-080a1cb *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-395b8aa *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8a33731 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-080a1cb *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-395b8aa *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8a33731 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-080a1cb *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-395b8aa *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8a33731 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-080a1cb *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-395b8aa *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8a33731 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e02429e *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e8fff8 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c510626 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ed2b106 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e02429e *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e8fff8 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c510626 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ed2b106 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e02429e *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e8fff8 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c510626 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ed2b106 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e02429e *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e8fff8 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c510626 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ed2b106 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e02429e *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e8fff8 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c510626 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ed2b106 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e02429e *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e8fff8 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c510626 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ed2b106 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-080a1cb *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-395b8aa *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8a33731 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-080a1cb *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-395b8aa *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8a33731 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-080a1cb *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-395b8aa *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8a33731 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-080a1cb *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-395b8aa *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8a33731 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e02429e *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e8fff8 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c510626 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ed2b106 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e02429e *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e8fff8 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c510626 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ed2b106 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e02429e *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e8fff8 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c510626 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ed2b106 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e02429e *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e8fff8 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c510626 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ed2b106 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e02429e *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e8fff8 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c510626 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ed2b106 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e02429e *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e8fff8 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c510626 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ed2b106 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-080a1cb *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-395b8aa *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8a33731 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-080a1cb *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-395b8aa *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8a33731 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-080a1cb *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-395b8aa *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8a33731 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-080a1cb *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-395b8aa *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8a33731 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e02429e *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e8fff8 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c510626 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ed2b106 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e02429e *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e8fff8 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c510626 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ed2b106 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e02429e *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e8fff8 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c510626 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ed2b106 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e02429e *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e8fff8 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c510626 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ed2b106 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e02429e *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e8fff8 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c510626 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ed2b106 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e02429e *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e8fff8 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c510626 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ed2b106 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-080a1cb *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-395b8aa *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8a33731 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-080a1cb *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-395b8aa *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8a33731 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-080a1cb *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-395b8aa *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8a33731 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-080a1cb *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-395b8aa *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8a33731 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e02429e *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e8fff8 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c510626 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ed2b106 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e02429e *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e8fff8 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c510626 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ed2b106 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e02429e *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e8fff8 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c510626 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ed2b106 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e02429e *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e8fff8 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c510626 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ed2b106 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e02429e *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e8fff8 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c510626 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ed2b106 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e02429e *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e8fff8 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c510626 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ed2b106 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-080a1cb *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-395b8aa *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8a33731 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-080a1cb *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-395b8aa *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8a33731 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-080a1cb *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-395b8aa *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8a33731 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-080a1cb *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-395b8aa *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8a33731 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e02429e *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e8fff8 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c510626 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ed2b106 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e02429e *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e8fff8 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c510626 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ed2b106 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e02429e *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e8fff8 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c510626 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ed2b106 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e02429e *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e8fff8 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c510626 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ed2b106 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e02429e *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e8fff8 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c510626 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ed2b106 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e02429e *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e8fff8 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c510626 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ed2b106 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-080a1cb *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-395b8aa *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8a33731 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-080a1cb *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-395b8aa *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8a33731 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-080a1cb *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-395b8aa *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8a33731 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-080a1cb *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-395b8aa *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8a33731 *//* ==========================================================================
   【1. 預設樣式 = 桌面電腦版】
   適用範圍：當螢幕寬度在 「1024px 以上」 的大螢幕 (筆電、桌機)
   ========================================================================== */
.amenities-container {
  font-family: "Microsoft JhengHei", sans-serif;
  padding: 20px;
  width: 100%;
  max-width: 1000px; /* 桌面版限制寬度，防止拉得太散 */
  margin: 0 auto;    /* 區塊置中 */
}

.amenities-container h3 {
  font-size: 24px;
  color: #333;
  margin-bottom: 25px;
}

/* 💻 桌面版排版 */
.amenities-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  
  grid-template-columns: repeat(4, 1fr); /* 預設桌面版：橫向「四欄」 */
  row-gap: 24px;                         /* 桌面版：舒適的上下間距 */
  column-gap: 1px;                      /* 桌面版：舒適的左右欄距 */
}

/* 項目外觀控制 (共用) */
.amenity-item {
  display: flex;
  align-items: center;
  font-size: 18px; /* 桌面版：字體較大 */
  font-weight: bold;
}

.amenity-item .icon {
  margin-right: 12px;
  font-size: 22px;
  width: 30px;
  display: inline-flex;
  justify-content: center;
}

/* 顏色狀態控制 (共用) */
.amenity-item.active { color: #fc403d; }   /* 亮紅色 */
.amenity-item.disabled { color: #ccc; }  /* 灰色 */


/* ==========================================================================
   【2. 平板版樣式】
   適用範圍：當螢幕縮小到 「1023px 以下」 直到 768px (如 iPad)
   ========================================================================== */
@media (max-width: 1023px) {
  .amenities-list {
    /* ✏️ 平板版獨立：覆蓋桌面版，轉為「雙欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 20px;
    column-gap: 10px;
  }
  
  .amenity-item {
    font-size: 17px; /* 平板版：字體微調小 */
  }
  
  .amenities-container {
    max-width: 100%; /* 平板版取消桌面版的固定寬度限制 */
  }
}


/* ==========================================================================
   【3. 手機版樣式】
   適用範圍：當螢幕再縮小到 「767px 以下」 的極窄螢幕 (如 各款手機)
   ========================================================================== */
@media (max-width: 767px) {
  .amenities-list {
    /* 📱 手機版獨立：覆蓋平板與桌面，強制降為「單欄」 */
    grid-template-columns: repeat(2, 1fr); 
    
    row-gap: 16px; /* 手機版：上下行距縮小，看起來比較緊湊 */
  }
  
  .amenity-item {
    font-size: 16px; /* 手機版：最適合閱讀的精簡字體 */
  }
}/* End custom CSS */