.elementor-1517 .elementor-element.elementor-element-0d44895{--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;--justify-content:space-between;--flex-wrap:wrap;--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-1517 .elementor-element.elementor-element-0d44895:not(.elementor-motion-effects-element-type-background), .elementor-1517 .elementor-element.elementor-element-0d44895 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://ecc.ac.th/wp-content/uploads/2025/10/home-cover-ecc-02.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1517 .elementor-element.elementor-element-767fed4{width:100%;max-width:100%;text-align:center;}.elementor-1517 .elementor-element.elementor-element-767fed4 .elementor-heading-title{font-size:50px;font-weight:600;line-height:1.4em;color:var( --e-global-color-a70a7d4 );}.elementor-1517 .elementor-element.elementor-element-162dd4a{--divider-border-style:solid;--divider-color:var( --e-global-color-9b9acee );--divider-border-width:5px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1517 .elementor-element.elementor-element-162dd4a .elementor-divider-separator{width:8%;margin:0 auto;margin-center:0;}.elementor-1517 .elementor-element.elementor-element-162dd4a .elementor-divider{text-align:center;padding-block-start:0px;padding-block-end:0px;}.elementor-1517 .elementor-element.elementor-element-de0a673{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;border-radius:10px 10px 10px 10px;}.elementor-1517 .elementor-element.elementor-element-de0a673 iframe{height:450px;}.elementor-1517 .elementor-element.elementor-element-dcede72{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;border-radius:10px 10px 10px 10px;}.elementor-1517 .elementor-element.elementor-element-dcede72 iframe{height:450px;}.elementor-1517 .elementor-element.elementor-element-45e9faa{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;border-radius:10px 10px 10px 10px;}.elementor-1517 .elementor-element.elementor-element-45e9faa iframe{height:450px;}.elementor-1517 .elementor-element.elementor-element-0961c5c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;border-radius:10px 10px 10px 10px;}.elementor-1517 .elementor-element.elementor-element-0961c5c iframe{height:450px;}.elementor-1517 .elementor-element.elementor-element-3327324{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;border-radius:10px 10px 10px 10px;}.elementor-1517 .elementor-element.elementor-element-3327324 iframe{height:450px;}.elementor-1517 .elementor-element.elementor-element-fb0b832{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;border-radius:10px 10px 10px 10px;}.elementor-1517 .elementor-element.elementor-element-fb0b832 iframe{height:450px;}.elementor-1517 .elementor-element.elementor-element-f841bae{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;border-radius:10px 10px 10px 10px;}.elementor-1517 .elementor-element.elementor-element-f841bae iframe{height:450px;}.elementor-1517 .elementor-element.elementor-element-2402852{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;border-radius:10px 10px 10px 10px;}.elementor-1517 .elementor-element.elementor-element-2402852 iframe{height:450px;}.elementor-1517 .elementor-element.elementor-element-db3ca73{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;border-radius:10px 10px 10px 10px;}.elementor-1517 .elementor-element.elementor-element-db3ca73 iframe{height:450px;}.elementor-1517 .elementor-element.elementor-element-7e68721{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;border-radius:10px 10px 10px 10px;}.elementor-1517 .elementor-element.elementor-element-7e68721 iframe{height:450px;}.elementor-1517 .elementor-element.elementor-element-26141d7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;border-radius:10px 10px 10px 10px;}.elementor-1517 .elementor-element.elementor-element-26141d7 iframe{height:450px;}.elementor-1517 .elementor-element.elementor-element-38377a9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;border-radius:10px 10px 10px 10px;}.elementor-1517 .elementor-element.elementor-element-38377a9 iframe{height:450px;}.elementor-1517 .elementor-element.elementor-element-582cbf7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;border-radius:10px 10px 10px 10px;}.elementor-1517 .elementor-element.elementor-element-582cbf7 iframe{height:450px;}.elementor-1517 .elementor-element.elementor-element-4108641{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;border-radius:10px 10px 10px 10px;}.elementor-1517 .elementor-element.elementor-element-4108641 iframe{height:450px;}.elementor-1517 .elementor-element.elementor-element-87faaac{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;border-radius:10px 10px 10px 10px;}.elementor-1517 .elementor-element.elementor-element-87faaac iframe{height:450px;}.elementor-1517 .elementor-element.elementor-element-3b5e329{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;border-radius:10px 10px 10px 10px;}.elementor-1517 .elementor-element.elementor-element-3b5e329 iframe{height:450px;}.elementor-1517 .elementor-element.elementor-element-d336148{--grid-columns:4;--grid-row-gap:20px;--grid-column-gap:20px;}.elementor-1517 .elementor-element.elementor-element-d336148 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-1517 .elementor-element.elementor-element-d336148 .e-loop-item > .elementor-section, .elementor-1517 .elementor-element.elementor-element-d336148 .e-loop-item > .elementor-section > .elementor-container, .elementor-1517 .elementor-element.elementor-element-d336148 .e-loop-item > .e-con, .elementor-1517 .elementor-element.elementor-element-d336148 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}@media(min-width:1367px){.elementor-1517 .elementor-element.elementor-element-0d44895:not(.elementor-motion-effects-element-type-background), .elementor-1517 .elementor-element.elementor-element-0d44895 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:1366px){.elementor-1517 .elementor-element.elementor-element-d336148{--grid-columns:3;}}@media(max-width:1024px){.elementor-1517 .elementor-element.elementor-element-767fed4 .elementor-heading-title{font-size:35px;}.elementor-1517 .elementor-element.elementor-element-d336148{--grid-columns:2;}}@media(max-width:834px){.elementor-1517 .elementor-element.elementor-element-767fed4 .elementor-heading-title{font-size:35px;}.elementor-1517 .elementor-element.elementor-element-d336148{--grid-columns:2;}}@media(max-width:768px){.elementor-1517 .elementor-element.elementor-element-de0a673 iframe{height:300px;}.elementor-1517 .elementor-element.elementor-element-dcede72 iframe{height:300px;}.elementor-1517 .elementor-element.elementor-element-45e9faa iframe{height:300px;}.elementor-1517 .elementor-element.elementor-element-0961c5c iframe{height:300px;}.elementor-1517 .elementor-element.elementor-element-3327324 iframe{height:300px;}.elementor-1517 .elementor-element.elementor-element-fb0b832 iframe{height:300px;}.elementor-1517 .elementor-element.elementor-element-f841bae iframe{height:300px;}.elementor-1517 .elementor-element.elementor-element-2402852 iframe{height:300px;}.elementor-1517 .elementor-element.elementor-element-db3ca73 iframe{height:300px;}.elementor-1517 .elementor-element.elementor-element-7e68721 iframe{height:300px;}.elementor-1517 .elementor-element.elementor-element-26141d7 iframe{height:300px;}.elementor-1517 .elementor-element.elementor-element-38377a9 iframe{height:300px;}.elementor-1517 .elementor-element.elementor-element-582cbf7 iframe{height:300px;}.elementor-1517 .elementor-element.elementor-element-4108641 iframe{height:300px;}.elementor-1517 .elementor-element.elementor-element-87faaac iframe{height:300px;}.elementor-1517 .elementor-element.elementor-element-3b5e329 iframe{height:300px;}}@media(max-width:480px){.elementor-1517 .elementor-element.elementor-element-d336148{--grid-columns:1;}}/* Start custom CSS *//* ====================================
   ใส่ใน Page Settings > Custom CSS
   ==================================== */

html {
    scroll-behavior: smooth; /* เลื่อนนุ่ม */
}

/* 1. ซ่อนทุก Map ก่อน */
.map-widget {
    display: none;
    animation: fadeIn 0.5s ease;
    scroll-margin-top: 150px !important; /* เว้นระยะหัวข้อให้สวยงามตอนเลื่อนมาถึง */
}

/* 2. แสดง Map ที่ถูกเลือก (Target) */
.map-widget:target {
    display: block;
}

/* 3. แสดง Map แรก ถ้ายังไม่มีการกดเลือก */
body:not(:has(.map-widget:target)) .map-widget.default-active {
    display: block;
}

/* 4. [สำคัญ] ให้โชว์ทุกอันเฉพาะตอนอยู่ในหน้าแก้ไข Elementor 
   (เพื่อให้คุณทำงานง่าย ไม่ต้องกดไปกดมา) */
body.elementor-editor-active .map-widget {
    display: block !important;
    opacity: 0.5; /* ทำให้จางๆ หน่อย จะได้รู้ว่าจริงๆ มันซ่อนอยู่ */
    border: 2px dashed red; /* ตีกรอบให้รู้ว่าเป็น Widget ซ่อน */
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to   { opacity: 1; transform: translateY(0); }
}/* End custom CSS */