.elementor-2 .elementor-element.elementor-element-23bcb37{--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:20px 20px;--row-gap:20px;--column-gap:20px;--overlay-opacity:0.5;}.elementor-2 .elementor-element.elementor-element-23bcb37::before, .elementor-2 .elementor-element.elementor-element-23bcb37 > .elementor-background-video-container::before, .elementor-2 .elementor-element.elementor-element-23bcb37 > .e-con-inner > .elementor-background-video-container::before, .elementor-2 .elementor-element.elementor-element-23bcb37 > .elementor-background-slideshow::before, .elementor-2 .elementor-element.elementor-element-23bcb37 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2 .elementor-element.elementor-element-23bcb37 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-2 .elementor-element.elementor-element-75f7af2{--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-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-2 .elementor-element.elementor-element-e1b6cb6{--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;--justify-content:center;}.elementor-2 .elementor-element.elementor-element-f526ed7 img{width:30%;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2 .elementor-element.elementor-element-262fd8a{text-align:center;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-2 .elementor-element.elementor-element-74aab7a{text-align:center;}.elementor-2 .elementor-element.elementor-element-0b244fe.elementor-element{--align-self:center;}.elementor-2 .elementor-element.elementor-element-4875bba{--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;--padding-top:30px;--padding-bottom:30px;--padding-left:10px;--padding-right:10px;}.elementor-2 .elementor-element.elementor-element-3282383{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#FDE693;--border-color:#FDE693;--border-radius:20px 20px 20px 20px;--padding-top:20px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-2 .elementor-element.elementor-element-3282383:not(.elementor-motion-effects-element-type-background), .elementor-2 .elementor-element.elementor-element-3282383 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-2 .elementor-element.elementor-element-a1e21f1{text-align:center;}.elementor-2 .elementor-element.elementor-element-e8f88c1{text-align:center;}.elementor-2 .elementor-element.elementor-element-2bc7b89{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#FDE693;--border-color:#FDE693;--border-radius:20px 20px 20px 20px;--padding-top:20px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-2 .elementor-element.elementor-element-2bc7b89:not(.elementor-motion-effects-element-type-background), .elementor-2 .elementor-element.elementor-element-2bc7b89 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-2 .elementor-element.elementor-element-74ac06e{text-align:center;}.elementor-2 .elementor-element.elementor-element-7d1d245{text-align:center;}.elementor-2 .elementor-element.elementor-element-101b227{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#FDE693;--border-color:#FDE693;--border-radius:20px 20px 20px 20px;--padding-top:20px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-2 .elementor-element.elementor-element-101b227:not(.elementor-motion-effects-element-type-background), .elementor-2 .elementor-element.elementor-element-101b227 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-2 .elementor-element.elementor-element-9d1bf79{text-align:center;}.elementor-2 .elementor-element.elementor-element-dddbf29{text-align:center;}.elementor-2 .elementor-element.elementor-element-dd8e018{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#FDE693;--border-color:#FDE693;--border-radius:20px 20px 20px 20px;--padding-top:20px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-2 .elementor-element.elementor-element-dd8e018:not(.elementor-motion-effects-element-type-background), .elementor-2 .elementor-element.elementor-element-dd8e018 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-2 .elementor-element.elementor-element-b9d8e88{text-align:center;}.elementor-2 .elementor-element.elementor-element-d5555bc{text-align:center;}.elementor-2 .elementor-element.elementor-element-2d9f4a3{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#FDE693;--border-color:#FDE693;--border-radius:20px 20px 20px 20px;--padding-top:20px;--padding-bottom:20px;--padding-left:10px;--padding-right:10px;}.elementor-2 .elementor-element.elementor-element-2d9f4a3:not(.elementor-motion-effects-element-type-background), .elementor-2 .elementor-element.elementor-element-2d9f4a3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-2 .elementor-element.elementor-element-c5f2f84{text-align:center;}.elementor-2 .elementor-element.elementor-element-37d037a{--e-image-carousel-slides-to-show:3;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-2 .elementor-element.elementor-element-22c483a .elementor-button{background-color:#FFCD57;fill:#000000;color:#000000;box-shadow:0px 0px 10px 0px rgba(255, 255, 255, 0.5);border-radius:30px 30px 30px 30px;}.elementor-2 .elementor-element.elementor-element-37c3b09{--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;border-style:solid;--border-style:solid;border-width:5px 0px 5px 0px;--border-top-width:5px;--border-right-width:0px;--border-bottom-width:5px;--border-left-width:0px;border-color:#FDE693;--border-color:#FDE693;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-37c3b09:not(.elementor-motion-effects-element-type-background), .elementor-2 .elementor-element.elementor-element-37c3b09 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-2 .elementor-element.elementor-element-aa03a4f{--e-image-carousel-slides-to-show:10;}.elementor-2 .elementor-element.elementor-element-aa03a4f .swiper-wrapper{display:flex;align-items:center;}@media(min-width:768px){.elementor-2 .elementor-element.elementor-element-75f7af2{--width:50%;}.elementor-2 .elementor-element.elementor-element-e1b6cb6{--width:50%;}}@media(max-width:1024px){.elementor-2 .elementor-element.elementor-element-75f7af2{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-e1b6cb6{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2 .elementor-element.elementor-element-f526ed7 img{width:30%;}}@media(max-width:767px){.elementor-2 .elementor-element.elementor-element-e1b6cb6{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2 .elementor-element.elementor-element-0b244fe{padding:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-0b244fe */.btn {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 350px; /* ปรับขนาดตามรูปภาพ */
    height: 159px; /* ปรับขนาดตามรูปภาพ */
    padding: 0;
    background-color: transparent;
    border: none;
    overflow: hidden;
    cursor: pointer;
}

.img-fluid {
    display: block;
    max-width: 100%;
    height: auto;
}

.-card, .-ball, .-dice, .-button-bg {
    position: absolute;
}

.-card {
    width: 22%;
    left: 1%;
    bottom: 30%;
    z-index: 1;
    animation: tilt 5s infinite;
}

@keyframes tilt {
    0%, 100% { transform: rotate(0deg); }
    50% { transform: rotate(50deg); }
}

.-ball {
    width: 35%;
    left: 5%;
    top: 10%;
    z-index: 3;
    animation: rotate 10s infinite;
}

@keyframes rotate {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.-dice {
    width: 10%;
    left: 8%;
    bottom: 30%;
    transform: translateX(-50%);
    z-index: 4;
    animation: tilt 2s infinite;
}

@keyframes tilt {
    0%, 100% { transform: rotate(0deg); }
    50% { transform: rotate(45deg); }
}


.-button-bg {
    width: 300px;
    height: 77px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.-text {
    position: absolute;
    color: #1D1D1D;
    font-size: 1.35rem;
    font-weight: 600;
    font-family:'prompt';
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 5;
    
}

.btn:hover {
  /* กำหนดสีพื้นหลังที่ต้องการเมื่อเอาเม้าส์ไปชี้ */
  background-color: #00000000;  /* ตัวอย่าง: เปลี่ยนเป็นสีเทาอ่อนเมื่อเอาเม้าส์ไปชี้ */
}
.btn:active {
  /* กำหนดสีพื้นหลังที่ต้องการเมื่อเอาเม้าส์ไปชี้ */
  background-color: #00000000;  /* ตัวอย่าง: เปลี่ยนเป็นสีเทาอ่อนเมื่อเอาเม้าส์ไปชี้ */
}/* End custom CSS */