.elementor-50 .elementor-element.elementor-element-1138fc0f{--display:flex;--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;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-50 .elementor-element.elementor-element-521e0e47{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-50 .elementor-element.elementor-element-7b89851e{--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-50 .elementor-element.elementor-element-7145dcaa{--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-start;--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-50 .elementor-element.elementor-element-390dde7c .elementor-menu-toggle{margin:0 auto;}.elementor-50 .elementor-element.elementor-element-390dde7c .elementor-nav-menu--dropdown a, .elementor-50 .elementor-element.elementor-element-390dde7c .elementor-menu-toggle{color:#DECD9C;fill:#DECD9C;}.elementor-50 .elementor-element.elementor-element-390dde7c .elementor-nav-menu--dropdown{background-color:#000000;}.elementor-50 .elementor-element.elementor-element-390dde7c .elementor-nav-menu--dropdown a:hover,
					.elementor-50 .elementor-element.elementor-element-390dde7c .elementor-nav-menu--dropdown a:focus,
					.elementor-50 .elementor-element.elementor-element-390dde7c .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-50 .elementor-element.elementor-element-390dde7c .elementor-nav-menu--dropdown a.highlighted,
					.elementor-50 .elementor-element.elementor-element-390dde7c .elementor-menu-toggle:hover,
					.elementor-50 .elementor-element.elementor-element-390dde7c .elementor-menu-toggle:focus{color:#9A7E48;}.elementor-50 .elementor-element.elementor-element-390dde7c .elementor-nav-menu--dropdown a:hover,
					.elementor-50 .elementor-element.elementor-element-390dde7c .elementor-nav-menu--dropdown a:focus,
					.elementor-50 .elementor-element.elementor-element-390dde7c .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-50 .elementor-element.elementor-element-390dde7c .elementor-nav-menu--dropdown a.highlighted{background-color:#000000;}.elementor-50 .elementor-element.elementor-element-390dde7c .elementor-nav-menu--dropdown .elementor-item, .elementor-50 .elementor-element.elementor-element-390dde7c .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:16px;}.elementor-50 .elementor-element.elementor-element-390dde7c div.elementor-menu-toggle{color:#E8DEC2;}.elementor-50 .elementor-element.elementor-element-390dde7c div.elementor-menu-toggle svg{fill:#E8DEC2;}.elementor-50 .elementor-element.elementor-element-66153c4{--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-50 .elementor-element.elementor-element-74dae958{text-align:center;}.elementor-50 .elementor-element.elementor-element-74dae958 img{max-width:150px;}.elementor-50 .elementor-element.elementor-element-40ebe8ee{--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-50 .elementor-element.elementor-element-764fb012 .elementor-button{background-color:transparent;font-weight:600;fill:#000000;color:#000000;background-image:linear-gradient(180deg, #E3D3A3 0%, #AD9768 100%);border-radius:50px 50px 50px 50px;}.elementor-50:not(.elementor-motion-effects-element-type-background), .elementor-50 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2A2A2A;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-50 .elementor-element.elementor-element-7145dcaa{--width:25%;}.elementor-50 .elementor-element.elementor-element-66153c4{--width:50%;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-50 .elementor-element.elementor-element-40ebe8ee{--width:25%;}}@media(min-width:768px){.elementor-50 .elementor-element.elementor-element-7145dcaa{--width:10%;}.elementor-50 .elementor-element.elementor-element-40ebe8ee{--width:12%;}}/* Start custom CSS */.announce {
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 201;
            width: 356px;
            margin-left: auto;
            margin-right: auto;
            padding: 0px 5px 5px 5px;
            border-radius: 12px;
        }

        .SwipeAnnouncement {
            width: 100%;
            height: 356px;
            margin-top: 5px;
            border-radius: 12px;
        }

        .SwipeAnnouncement2 {
            width: 100%;
            height: 406px;
            margin-top: 5px;
            border-radius: 12px;
        }

        .SwipeAnnouncement3 {
            width: 100%;
            height: 473px;
            margin-top: 5px;
            border-radius: 12px;
        }

        .num1_en{
            position: absolute; 
            top: 28px; 
            right: 20px;
            font-family: 'Sarabun', sans-serif;
            color: #ffdd83;
            font-size: 19pt;
            width: 53px;
            text-align: center;
        }

        .num1_th{
            position: absolute; 
            top: 27px; 
            right: 25px;
            font-family: 'Sarabun', sans-serif;
            color: #ffdd83;
            font-size: 19pt;
            width: 45px;
            text-align: center;
        }

        .num2_en{
            position: absolute; 
            top: 112px; 
            right: 37px;
            font-family: 'Sarabun', sans-serif;
            color: #ffdd83;
            width: 100px;
            text-align: center;
        }

        .num2_th{
            position: absolute; 
            top: 110px; 
            right: 37px;
            font-family: 'Sarabun', sans-serif;
            color: #ffdd83;
            width: 100px;
            text-align: center;
        }

        #myCarousel .carousel-item img {
            width: 100%;
        }

        #exc_banner img {
            width: auto !important;
			height: 60px !important;
			min-height: 60px !important;
			max-height: 60px !important;
            margin: 0 .3rem .5rem .3rem;
            border-radius: 6px;
			box-shadow: 0 4px 3px 0 rgba(0,0,0,.52);
        }

		.swiper-container{
			z-index: 0;
		}
        .swiper-wrapper {
            -webkit-transition-timing-function: linear !important;
            transition-timing-function: linear !important;
            position: relative;
        }
        .swiper-slide {
            text-align: center;
            display: flex;
            justify-content: center;
            align-items: center;
            width: auto;
            position: relative;
            overflow: hidden;
        }

			.swiper-slide2 {
				text-align: center;
				width: auto !important;
				position: relative;
				box-sizing: border-box;

			}
            .swiper-slide2:last-child {
                margin-right: calc(100vw - 230px) !important;
            }

        #header img {
            width:1400px!important;
            margin: 0 .3rem .5rem .3rem;
            border-radius: 6px;
			box-shadow: 0 4px 3px 0 rgba(0,0,0,.52);
        }
        
        #header-game img {
            width: auto !important;
			height: auto !important;
			min-height: auto;
			min-width: 100px;
			max-height: 60px !important;
            margin: 0 .3rem .5rem .3rem;
            border-radius: 6px;
			box-shadow: 0 4px 3px 0 rgba(0,0,0,.52);
        }
		
		.line-break {
		  width: 100%;
		}

        input::-ms-reveal,
        input::-ms-clear {
            display: none;
        }

        .passwordimg {
            margin-left: -58px;
            cursor: pointer;
            z-index: 200;
            width: 20px;
            height: auto;
        }
        
 .menu-text {
margin-top: 4px;
font-size: 9px;
white-space: nowrap;
}

.active.menu-text {
margin-top: 0px!important;
font-size: 9px;
white-space: nowrap;
}

.menu-left-btn {
background: linear-gradient(to bottom, #393939, #292929);
box-shadow: 0 5px 7px 0 #000000;
border-radius: 15px;
width: 66px;
height: 65px;
text-align: center;
flex-wrap: wrap;
padding: 7px 0;
font-weight: bold;
font-family: var(--systemfont);
cursor: pointer;
color:#ebc76e;
}

.active.menu-left-btn img {
width: 42px!important;
height: 42px!important;
}

.active.menu-left-btn {
background: linear-gradient(to bottom, #e7d39d, #b19560);
color:white;
}

.menu-left-btn img {
width: 27px;
height: 27px;
}

.game_card_container {
    display: inline-block;
    position: relative;
}

    .game_card_container:empty {
        display: none;
    }

.game_card {
    width: 100%;
    height: 100%;
    position: relative;
    border-radius: 10px;
    padding: 5px;
}

.game_image {
    height: 100%;
    width: 100%;
    border-radius: 10px;
    cursor: pointer;
}

.game_label {
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.75);
    font-weight: bold;
    text-align: center;
    padding: 5px;
    border-radius: 0 0 10px 10px;
    color: white;
    animation: fadeIn 0.25s forwards;
}

.game_image:hover + .game_label {
    display: initial;
}

@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;
}/* End custom CSS */