.elementor-301 .elementor-element.elementor-element-4c9a1691{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-301 .elementor-element.elementor-element-4c9a1691:not(.elementor-motion-effects-element-type-background), .elementor-301 .elementor-element.elementor-element-4c9a1691 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #2699FB 0%, #194D8C 100%);}.elementor-301 .elementor-element.elementor-element-53870652{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-301 .elementor-element.elementor-element-72699135{text-align:center;}.elementor-301 .elementor-element.elementor-element-72699135 img{max-width:150px;}.elementor-301 .elementor-element.elementor-element-656480f0{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-301 .elementor-element.elementor-element-bf4ff95 .elementor-menu-toggle{margin:0 auto;background-color:#000000;}.elementor-301 .elementor-element.elementor-element-bf4ff95 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;padding-left:16px;padding-right:16px;}.elementor-301 .elementor-element.elementor-element-bf4ff95 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-301 .elementor-element.elementor-element-bf4ff95 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-301 .elementor-element.elementor-element-bf4ff95 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-301 .elementor-element.elementor-element-bf4ff95 .elementor-nav-menu--main .elementor-item:focus{color:#FFFFFF;fill:#FFFFFF;}.elementor-301 .elementor-element.elementor-element-bf4ff95 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-301 .elementor-element.elementor-element-bf4ff95 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#00D4FF;}.elementor-301 .elementor-element.elementor-element-bf4ff95 .e--pointer-framed .elementor-item:before,
					.elementor-301 .elementor-element.elementor-element-bf4ff95 .e--pointer-framed .elementor-item:after{border-color:#00D4FF;}.elementor-301 .elementor-element.elementor-element-bf4ff95{--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );}.elementor-301 .elementor-element.elementor-element-bf4ff95 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-301 .elementor-element.elementor-element-bf4ff95 .elementor-nav-menu--dropdown a, .elementor-301 .elementor-element.elementor-element-bf4ff95 .elementor-menu-toggle{color:#FFFFFF;fill:#FFFFFF;}.elementor-301 .elementor-element.elementor-element-bf4ff95 .elementor-nav-menu--dropdown{background-color:#002B42;}.elementor-301 .elementor-element.elementor-element-bf4ff95 .elementor-nav-menu--dropdown a:hover,
					.elementor-301 .elementor-element.elementor-element-bf4ff95 .elementor-nav-menu--dropdown a:focus,
					.elementor-301 .elementor-element.elementor-element-bf4ff95 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-301 .elementor-element.elementor-element-bf4ff95 .elementor-nav-menu--dropdown a.highlighted,
					.elementor-301 .elementor-element.elementor-element-bf4ff95 .elementor-menu-toggle:hover,
					.elementor-301 .elementor-element.elementor-element-bf4ff95 .elementor-menu-toggle:focus{color:#FFFFFF;}.elementor-301 .elementor-element.elementor-element-bf4ff95 .elementor-nav-menu--dropdown a:hover,
					.elementor-301 .elementor-element.elementor-element-bf4ff95 .elementor-nav-menu--dropdown a:focus,
					.elementor-301 .elementor-element.elementor-element-bf4ff95 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-301 .elementor-element.elementor-element-bf4ff95 .elementor-nav-menu--dropdown a.highlighted{background-color:#0074B2;}.elementor-301 .elementor-element.elementor-element-bf4ff95 .elementor-nav-menu--dropdown .elementor-item, .elementor-301 .elementor-element.elementor-element-bf4ff95 .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:16px;}.elementor-301 .elementor-element.elementor-element-bf4ff95 div.elementor-menu-toggle{color:#FFFFFF;}.elementor-301 .elementor-element.elementor-element-bf4ff95 div.elementor-menu-toggle svg{fill:#FFFFFF;}.elementor-301 .elementor-element.elementor-element-7601e9f2{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-301 .elementor-element.elementor-element-66a6443f .elementor-button{background-color:#000000;font-weight:600;fill:#FFFFFF;color:#FFFFFF;border-radius:50px 50px 50px 50px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-301 .elementor-element.elementor-element-656480f0{--justify-content:flex-start;}.elementor-301 .elementor-element.elementor-element-bf4ff95{--nav-menu-icon-size:27px;}}@media(min-width:768px){.elementor-301 .elementor-element.elementor-element-53870652{--width:20%;}.elementor-301 .elementor-element.elementor-element-7601e9f2{--width:14%;}}@media(max-width:1024px) and (min-width:768px){.elementor-301 .elementor-element.elementor-element-53870652{--width:35%;}.elementor-301 .elementor-element.elementor-element-7601e9f2{--width:25%;}}@media(max-width:767px){.elementor-301 .elementor-element.elementor-element-4c9a1691{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-301 .elementor-element.elementor-element-53870652{--width:45%;}.elementor-301 .elementor-element.elementor-element-656480f0{--width:25%;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-301 .elementor-element.elementor-element-7601e9f2{--width:30%;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-end;}}/* Start custom CSS */@keyframes slideUp{
	0%{
		transform: translateY(100%);
		opacity: 0;
    overflow: : clip;
	}
	100%{
		transform: translateY(0);
		opacity: 1;
    overflow: : auto;
	}
}
@keyframes fadeIn{
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}
.slide{
	animation : slideUp 0.25s forwards;
}
.fadeIn{
  animation : fadeIn 0.5s ease forwards;
}

.fadeIn-enter-active,
.fadeIn-leave-active {
  opacity : 1;
  transition: all 0.5s ease;
}

.fadeIn-leave-to {
  opacity:0;
}
.fadeIn-enter-from{
  opacity:0;
}

.slideLeft-enter-active,
.slideLeft-leave-active {
  position: relative;
  left:0;
  transition: all 0.5s ease;
}

.slideLeft-leave-to {
  position: relative;
  left:-100%;
  opacity:0;
}
.slideLeft-enter-from{
  opacity:0;
  position: relative;
  left:100%;
}

.slideUp-enter-active,
.slideUp-leave-active {
  transform: translateY(0);
  transition: all 0.5s ease;
}

.slideUp-leave-to {
  transform: translateY(100%);
}
.slideUp-enter-from{
  transform: translateY(100%);
}

.slideFromRight-enter-active,
.slideFromRight-leave-active {
  transform: translateX(0);
  transition: all 0.5s ease;
}

.slideFromRight-leave-to {
  transform: translateX(100%);
}
.slideFromRight-enter-from{
  transform: translateX(100%);
}



.slideFromRight2-enter-active,
.slideFromRight2-leave-active {
    transform: translateX(0);
    transition: all 0.5s ease;
}

.slideFromRight2-leave-to {
    opacity: 0;
}

.slideFromRight2-enter-from {
    transform: translateX(100%);
}

.login-wrapper {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 202;
background-color: black;
overflow: auto;
display: flex;
flex-direction: column;
display: none;
}

.showLogin {
    cursor: pointer;
}

#close_login {
    cursor: pointer;
}

.sbobetLogo img {
    width: 100%;
    aspect-ratio: 229 / 53; /* คงอัตราส่วนภาพ */
    object-fit: cover;
    display: block; /* กันปัญหาภาพ inline มีช่องว่าง */
    max-width: 229px; /* หรือขนาดที่เหมาะสมกับกรอบ */
}/* End custom CSS */