.elementor-247 .elementor-element.elementor-element-ed06d98{--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-247 .elementor-element.elementor-element-20ef048{--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-247 .elementor-element.elementor-element-cf60a46{--display:flex;border-style:solid;--border-style:solid;border-color:#DC4600;--border-color:#DC4600;--border-radius:15px 15px 15px 15px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-247 .elementor-element.elementor-element-cf60a46:not(.elementor-motion-effects-element-type-background), .elementor-247 .elementor-element.elementor-element-cf60a46 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000C2;}.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-247 .elementor-element.elementor-element-93666cf{text-align:center;}.elementor-247 .elementor-element.elementor-element-93666cf .elementor-heading-title{color:#DC4600;}.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-247 .elementor-element.elementor-element-0aa3eca{color:#FFFFFF;}.elementor-247 .elementor-element.elementor-element-ec7384c{--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-247 .elementor-element.elementor-element-bbbaf93 img{width:33%;}.elementor-247 .elementor-element.elementor-element-4a9b090{--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-247 .elementor-element.elementor-element-42b9cbb img{width:70%;border-style:solid;border-color:#DC4600;border-radius:10px 10px 10px 10px;}.elementor-247 .elementor-element.elementor-element-6f8ca1f{--display:flex;}.elementor-247 .elementor-element.elementor-element-01ab946 img{border-style:solid;border-color:#DC4600;border-radius:10px 10px 10px 10px;}.elementor-247 .elementor-element.elementor-element-6ba34d4{--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-247 .elementor-element.elementor-element-87ac100{--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-247 .elementor-element.elementor-element-2757cbd img{border-style:solid;border-color:#DC4600;border-radius:10px 10px 10px 10px;}.elementor-247 .elementor-element.elementor-element-b8bbfca{--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-247 .elementor-element.elementor-element-53bf44c img{border-style:solid;border-color:#DC4600;border-radius:10px 10px 10px 10px;}.elementor-247 .elementor-element.elementor-element-2aba8ed{--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-247 .elementor-element.elementor-element-ebde8d1 img{border-style:solid;border-color:#DC4600;border-radius:10px 10px 10px 10px;}@media(min-width:768px){.elementor-247 .elementor-element.elementor-element-87ac100{--width:50%;}.elementor-247 .elementor-element.elementor-element-b8bbfca{--width:50%;}}/* Start custom CSS for container, class: .elementor-element-cf60a46 *//* CSS สำหรับขอบที่เคลื่อนไหว */
.border-animation {
    width: 300px;
    height: 300px;
    border: 5px solid transparent;
    border-radius: 20px;
    position: relative;
    background-color: black;
    box-shadow: 0 0 50px rgba(0, 255, 0, 0.5); /* เงาสีเขียวเรืองแสง */
    border-image: linear-gradient(90deg, rgba(0, 255, 0, 0.8), transparent, rgba(0, 255, 0, 0.8), transparent);
    border-image-slice: 1;
    animation: borderMove 4s linear infinite;
}

/* Keyframes สำหรับการเคลื่อนไหวของขอบ */
@keyframes borderMove {
    0% {
        border-image: linear-gradient(90deg, rgba(0, 255, 0, 0.8), transparent, rgba(0, 255, 0, 0.8), transparent);
    }
    100% {
        border-image: linear-gradient(450deg, rgba(0, 255, 0, 0.8), transparent, rgba(0, 255, 0, 0.8), transparent);
    }
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-42b9cbb */<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Flashing Background</title>
    <style>
        @keyframes flashBackground {
            0% { background-color: black; }
            50% { background-color: #44d62c; } /* สีเขียวของ Razer */
            100% { background-color: black; }
        }

        body {
            margin: 0;
            height: 100vh;
            animation: flashBackground 1s infinite; /* ความเร็วในการกระพริบ 1 วินาที */
        }
    </style>
</head>
<body>
</body>
</html>/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-01ab946 */<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Flashing Background</title>
    <style>
        @keyframes flashBackground {
            0% { background-color: black; }
            50% { background-color: #44d62c; } /* สีเขียวของ Razer */
            100% { background-color: black; }
        }

        body {
            margin: 0;
            height: 100vh;
            animation: flashBackground 1s infinite; /* ความเร็วในการกระพริบ 1 วินาที */
        }
    </style>
</head>
<body>
</body>
</html>/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-2757cbd */<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Flashing Background</title>
    <style>
        @keyframes flashBackground {
            0% { background-color: black; }
            50% { background-color: #44d62c; } /* สีเขียวของ Razer */
            100% { background-color: black; }
        }

        body {
            margin: 0;
            height: 100vh;
            animation: flashBackground 1s infinite; /* ความเร็วในการกระพริบ 1 วินาที */
        }
    </style>
</head>
<body>
</body>
</html>/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-53bf44c */<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Flashing Background</title>
    <style>
        @keyframes flashBackground {
            0% { background-color: black; }
            50% { background-color: #44d62c; } /* สีเขียวของ Razer */
            100% { background-color: black; }
        }

        body {
            margin: 0;
            height: 100vh;
            animation: flashBackground 1s infinite; /* ความเร็วในการกระพริบ 1 วินาที */
        }
    </style>
</head>
<body>
</body>
</html>/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-ebde8d1 */<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Flashing Background</title>
    <style>
        @keyframes flashBackground {
            0% { background-color: black; }
            50% { background-color: #44d62c; } /* สีเขียวของ Razer */
            100% { background-color: black; }
        }

        body {
            margin: 0;
            height: 100vh;
            animation: flashBackground 1s infinite; /* ความเร็วในการกระพริบ 1 วินาที */
        }
    </style>
</head>
<body>
</body>
</html>/* End custom CSS */