@media only screen and (min-width: 801px) {
     .alerttx{
         position:fixed;top:20px;z-index:550;width:1000px;font-size:30px;text-align:center;opacity:0.95
     }
 } 
 @media only screen and (max-width: 800px) {
     .alerttx{
         position:fixed;top:20px;z-index:550;width:100%;font-size:22px;text-align:center;opacity:0.95
     }
     
 }
 .anim{
      animation: opacityanim  4s forwards;
 }
 @keyframes opacityanim {
     
  0% {opacity:0}
   10% {opacity:0}
  30%{opacity:1}
  80%{opacity:1}
  100% {opacity:0}
}
  .icon_eye{
            	                     font-size:30px;position:absolute;color:grey;top:10px;right:10px;
            	                 }
            	                 .diveye{
            	                     width:90%;position:relative;
            	                 }
            	                 
            	                 
a {
 text-decoration: :none;   
}
a:hover{
  text-decoration: :none;     
}
 @media only screen and (min-width: 801px) {
  .img_tx{
     width:25%;height:auto;margin-left:1.5%;
 }
    .lobtn{color:white;
   line-height:26px;
       font-size:28px;font-weight:500;background-color: rgb(255,255,255,0);color:white;
   }
   .lobtn2{
      font-size:30px;font-weight:800;background-color: rgb(255,255,255,0); color:black;
   }
   
       .screen_wid{
           height:100vh;
         width:1000px;
         margin:auto;
        
         background: #000000;
        background: radial-gradient(circle, rgba(0, 0, 0, 1) 0%, rgba(87, 87, 87, 1) 0%, rgba(31, 31, 31, 1) 48%, rgba(0, 0, 0, 1) 100%);
   
        box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
     }
 }
 @media only screen and (max-width: 800px) {
    .img_tx{
     width:55%;height:auto;margin-left:1.5%;margin-top:10px;
 }
 
        .lobtn{color:white;
   line-height:20px;
       font-size:24px;font-weight:500;background-color: rgb(255,255,255,0);color:white;
   }
   .lobtn2{
      font-size:24px;font-weight:800;background-color: rgb(255,255,255,0); color:black;
   }
   
   
      .screen_wid{
         width:100%;
         padding-bottom:30px;
          height:93vh;
         background: #000000;
background: radial-gradient(circle, rgba(0, 0, 0, 1) 0%, rgba(87, 87, 87, 1) 0%, rgba(31, 31, 31, 1) 48%, rgba(0, 0, 0, 1) 100%);
     }
      
     
 }
       
       
.marginb{
    margin-bottom:10px;
}

    .bla_main_submanu{
    width:25%;position:relative;height:100%;
 
}
 
   .forgotp{
       background-color:grey;
   }
   .lineco{
       
    background: #009e1a;
background: linear-gradient(351deg, rgba(0, 158, 26, 1) 0%, rgba(0, 181, 30, 1) 50%, rgba(14, 166, 0, 1) 100%);
   }
   .gold2{
    background: #916600;
background: linear-gradient(23deg, rgba(145, 102, 0, 1) 0%, rgba(224, 199, 34, 1) 41%, rgba(125, 75, 0, 1) 100%);
   }

    .width47{
       width:47%; border-radius: 10px;box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
   }
   .width47mar3{
       width:47%;margin-left:6%;background-color:#e8e8e8;border-radius: 10px;box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
   }
   .mar_top_10{
       margin-top:10px;
   }
   .formw{
       width:90%;margin-left:5%;
   }
   .inputc{
       font-size:24px;font-weight:800;border-radius: 0px;border-top-right-radius: 10px;border-bottom-right-radius: 10px;
   }
   .topvviv{
       width:100%;text-align:center;
   }
       .icon_log{
           font-size:30px;color:grey;
       }
       .divicon{
           width:18%;background-color:#e8e8e8;padding-top:8px;border-top-left-radius: 10px;border-bottom-left-radius: 10px;
       }
 .semimain{
 margin-top:10px;
 
 }

 .semimain_second{
 border-top:2px solid #ffae00;
background: #ff0000;
background: radial-gradient(circle, rgba(255, 0, 0, 1) 24%, rgba(181, 22, 22, 1) 100%, rgba(168, 0, 0, 1) 100%);
 }
 
 .semi{
     width:80px;
     
 }

 
.slide_in {
    animation: slide_in  0.5s forwards;
}

 

@keyframes slide_in {
    
    0% { 
        opacity: 0;
        transform: translateX(-30%);
    
        
    }
    
    100% { 
        opacity: 1;
        transform: translateX(0%); }
}
    
 



 .gold{
     background: #ffae00;
background: linear-gradient(180deg, rgba(255, 174, 0, 1) 0%, rgba(204, 169, 43, 1) 47%, rgba(235, 194, 70, 1) 98%);
 }    
     
 .slid {
 
 display: inline-block;
      white-space: nowrap;
      
  padding-bottom:0px;
    animation: slide-left 25s infinite;
   
}


.roatte{
   animation: ratatearound 10s infinite;
}

 

.bimg{
      background-image: url("/lotto/img/bottom3.png"), url("/lotto/img/bottom3.png");
  background-color: rgb(255,255,255,0);
    background-repeat: no-repeat;
  background-size: 100% 100%;
}
     
@keyframes slide-left {
  0% {
   transform: translateX(100%);
 
  }
  

  
  100% {
 
   transform: translateX(-120%);
 
  }
}  
  
 @keyframes ratatearound {
     
 100% {transform: rotate(360deg);} 
     
 }
 .divgotoh{
     border-radius:20px;position:relative; width:90%;height:auto;margin-left:5%;margin-top:2%;padding-bottom:20px;
 }

 .animhover:hover{
     
  transform: scale(1.05);
    animation-duration: 1s;
 }
 .tophover:hover{
     
  transform: scale(1.3);
    animation-duration: 1s;
 }
 .imgtop{
     width:auto;height:10vh;margin:1.3vh;
 }
 .imgsecond{
     width:auto;height:10vh;margin:1.3vh;z-index:100;position:absolute;left:0px;
 }



.txcheck{
    padding-top:15px;
    color:white;
}
.checkout{
   
width:100%;
}
.num_tx{
    font-size:22px;background-color:white;
    height:auto;width:90%;margin-left:5%;padding-top:3px;border-radius:5px;color:black;
}
.txam{
    font-size:16px;padding:0px;padding-top:3px;margin:0px;line-height:16px;color:white;
}
.txam_main{
    font-size:16px;padding:0px;padding-top:0.5px;margin:0px;line-height:16px;color:white; font-weight: 800;
}
.tangdiv{
    width:25%;position:relative; 
    background: #b00000;
background: linear-gradient(335deg, rgba(176, 0, 0, 1) 0%, rgba(140, 0, 0, 1) 57%, rgba(255, 0, 0, 1) 100%);
}

.bla_check{
    width:50%;position:relative;
background: #006e35;
background: linear-gradient(358deg, rgba(0, 110, 53, 1) 1%, rgba(0, 171, 31, 1) 45%, rgba(100, 255, 43, 1) 100%);
padding-top:5px;
}

.bla_main{
    width:30%;position:relative;height:100%;
    background: #002a6e;
background: linear-gradient(335deg, rgba(0, 42, 110, 1) 0%, rgba(0, 83, 171, 1) 52%, rgba(0, 72, 140, 1) 68%, rgba(0, 183, 255, 1) 100%);
}

.bla{
    width:25%;position:relative;
    background: #002a6e;
background: linear-gradient(335deg, rgba(0, 42, 110, 1) 0%, rgba(0, 83, 171, 1) 52%, rgba(0, 72, 140, 1) 68%, rgba(0, 183, 255, 1) 100%);
}
.relapo{
    position:relative;
}
.sucess{
    color:green;text-align: right;
}
.center{
    text-align:center; 
}
.rate{
    border:0px;
}
.w10{
    width:10%;
}
.price_input{
     font-size:20px;line-height:24px;font-weight:800;  width:100%;margin:0px;padding:0px;
}
.h2_topicprice{
   width:100%; font-size:20px;line-height:24px;font-weight:500; text-align: center; 
   
}
.h2_topicprice_sign{
    width:30%;
      font-size:20px;line-height:24px;font-weight:800; text-align: center; padding-top:1px;
   
}
.h2_topicprice_sign_right{
  
      font-size:18px;line-height:22px;font-weight:800; text-align: center; padding-top:3px;
      color:green;
}

.h2_calss_price_topic{
        font-size:20px;line-height:20px;font-weight:500; text-align: center; padding-top:3px;
    border-radius:2px; width:100%;
}
.cnt{
    text-align:center;width:100%;
}
.h2_calss_price{
    font-size:20px;line-height:24px;font-weight:800; text-align: center; padding-top:3px;
    background-color:#d6d6d6;border-radius:2px; width:90%;
} 

.h2_calss_trash{
    font-size:20px;line-height:24px;font-weight:800; text-align: center; padding-top:3px;
    border-radius:2px; width:100%;
} 

 .price_list{
     width:30%;position:relative;text-align:center; 
 }
 
  .price_list_topic{
     width:100%;position:relative;text-align:center; 
 }
 
.width_20{
    width:15%; 
}

.width_50{
    width:20%; text-align:center; 
}

.width_half{
    width:50%;
}
.hder{
    font-size:20px;
    font-weight:800;
    color:white;
    padding-top:5px;
    text-align: center;
    width:100%;
}
.topdiv_two{
    width:100%;
    text-align:center;
 
    background: #ff0000;
background: linear-gradient(179deg, rgba(255, 0, 0, 1) 0%, rgba(219, 31, 31, 1) 43%, rgba(122, 0, 0, 1) 100%);
}

 
 
 @media only screen and (max-width: 800px) {
 
 .submitbtn{
      position:fixed;bottom:0px;width:100%;padding:0px;height:50px;z-index:200;
  }
   .submitbtn_second{
      position:fixed; 
      bottom:0px;
      width:100%;
      padding:0px;
       padding-top:10px;
      height:140px;
      z-index:299;
     background: #d6d6d6;
background: linear-gradient(176deg, rgba(214, 214, 214, 1) 0%, rgba(179, 179, 179, 1) 50%, rgba(117, 117, 117, 1) 100%);
 } 
  .seco_subbtn{
      height: 100%;width:100%;margin:auto;padding-top:10px;
 
  }
  
  .size24{
   font-size:26px;   
   text-align: center;
   padding-top:5px;
   font-weight:800;
  }
  
  .h2_header{
     font-weight:500;padding-left:5px;padding-right:5px;
     margin-left:3px;border-radius:2px; 
}
.headerfont{
    font-size:18px;line-height:20px;
}

  .vhigh{
       height:84vh;overflow: scroll;
 }
  .vhighfit{
       height:84vh;overflow: scroll;
 }
  .box_right{
 
     padding:10px;
      width:70%;
      height:84vh;
    background-color:white;
 }
  .hided{
     display:none;
 }
 
     .width100_two{
        
        width:100%;
        height:100vh;
        background-color:white;
        position:fixed;
        top:0px;
        z-index:99;
    }
           .pricediv{
                            margin-bottom:250px;
                            
                              height: 70%;
                            
                              overflow-y: scroll;
                        padding-bottom:50px;
                            
                        }
                        
     .backtx{
         padding-top:2px;font-size:20px;font-weight:800;
     }
     .icontx{
         padding-top:5px;font-size:16px;
     }
     .icontxri{
          padding-top:5px;font-size:18px;
     }
     .bleft{
         padding:0px;display:flex; 
     }
.imgst{
     margin-top:3px;width:auto;height:45px;padding-bottom:10px;
 }
  .left_menu{
     position: fixed;
     top:0px;
     height: 100vh;
     z-index:400;
     width:50%;
    border-right:5px solid  #ffae00;
 
 }

 .right_menu{
     position: fixed;
     top:0px;
     right:0px;
     height: 100vh;
     z-index:400;
     width:50%;
    background-color: rgb(0,0,0,0.7);
 
 }
  .firstpost{
     z-index:500;
      width:100%;
 }
 
 

 
  .h2_tx_semi_last{
    font-size:24px;color:white;font-weight:800;padding:5px 0px;margin:0px;
     text-align: center; 
 }
 .ic{
     font-size:16px;
 }
 .h2_tx_semi{
     font-size:24px;color:white;font-weight:800;padding:5px 0px;margin:0px;
     text-align: left;padding-left:20px;
 }
 
 

           .gibdv02{
               width:90%;margin-left:5%; 
           }
           .griddiv{
               width:90%;margin-left:5%;border-radius:10px;text-align:center;padding-top:10px;
           }
           .text_h2div{
               width:100%;text-align:center;font-size:18px;
           }
           .ic_menu{
               font-size:40px;
           }
   .txh5{
     margin-left:10px; font-size:20px;margin-top:0px;line-height:18px;
     color:white; font-weight: 800;
 }
  .strong_tx{
     font-size:24px
     }       
 .small_tx{
          font-size:16px
     }
 
  .divseondgoto{
     width:fit-content;position:relative;
 }
 
  .bot_menu{
    margin:0px;padding:0px;line-height:8px;
 
 }
 .img_home{
 width:auto;height:10vh;margin:2vh;z-index:50;position:absolute;bottom:-10px;left:-15px;
 
 }
 
 .icon_img{
    width:auto;height:30px;margin:0px;padding:0px;line-height:8px; 
}


 .divslidetx{
                      width:25%;padding-top:1px;padding-bottom:0px;padding-left:0px;
                  }
                  .tx_pra{
                      padding-bottom:0px;font-size:2.5vh;margin:0px;font-weight: 800;
                  }
                  .icontxri_tx{
                      padding-top:3px;   padding-top:5px;font-size:18px;
                  }
                  .size_slide{
                      margin:0px;font-size:2.5vh;font-weight: 800;
                  }
     
     
      .btn_rx{
                           position:absolute;
                           left:10px;
                           top:4px;
                           font-size:26px;padding:3px;
                           border-radius:4px;
                           background-color:red;color:white;
                       } 
                       

     
     .wd_iv_second{

padding-top:7vh;
}


body{
 
  background-color: rgb(255,255,255,0);
}
.divani{
    width:80%;padding-right:0px;padding-top:2px;padding-bottom:0px;overflow:hidden;
   
}

}

 
 @media only screen and (min-width: 801px) {
     
 .divani{
    width:100%;padding-right:0px;padding-top:2px;padding-bottom:0px;overflow:hidden;
   
}   

body{
       background: #000000;
background: radial-gradient(circle, rgba(0, 0, 0, 1) 0%, rgba(87, 87, 87, 1) 0%, rgba(31, 31, 31, 1) 48%, rgba(0, 0, 0, 1) 100%);
}


      .firstpost{
     
     z-index:500;
     width:1000px;
 }

.wd_iv_second{
 padding-top:7vh;
}
    .imgst{
     margin-top:5px;height:50px;width:auto;padding-bottom:10px;
 }  
 
  .btn_rx{
                           position:absolute;
                           left:10px;
                           top:4px;
                           font-size:4vh;padding:3px;
                           border-radius:4px;
                           background-color:red;color:white;
                       }  
                .divslidetx{
                      width:15%;padding-top:1px;padding-bottom:0px;padding-left:2px;text-align:center;
                  }
                  .tx_pra{
                      padding-bottom:0px;font-size:3vh;margin:0px;font-weight: 800;
                  }
                  .icontxri_tx{
                      padding-top:3px;   padding-top:5px;font-size:22px;
                  }
                  .size_slide{
                      margin:0px;font-size:3vh;font-weight: 800;
                  }
                  
                  
 .icon_img{
    width:auto;height:45px;margin:0px;padding:0px;line-height:18px; 
}

.bot_menu{
    margin:0px;padding:0px;line-height:20px;
    font-size:28px;
 }
 .img_home{
 width:auto;height:10vh;margin:2vh;z-index:50;position:absolute;bottom:-10px;left:-15px;
 
 }
 
     
    .divseondgoto{
     width:fit-content;position:relative;
 }
 
  .txh5{
     margin-left:10px; font-size:30px;margin-top:5px;line-height:31px;
     
       color:white; font-weight: 800;
     
 }
  .strong_tx{
     font-size:40px
     }
     .small_tx{
          font-size:33px;
     }
 

           .gibdv02{
               width:90%;margin-left:5%; 
           }
           .griddiv{
               width:90%;margin-left:5%;border-radius:10px;text-align:center;padding-top:15px;
           }
           .text_h2div{
               width:100%;text-align:center;font-size:30px;
           }
           .ic_menu{
               font-size:50px;
           }
 
 
 .submitbtn{
      position:fixed;bottom:0px;width:100%;padding:0px;height:80px;z-index:200;
  }
 
 
 
 
 
 
 .h2_tx_semi_last{
          font-size:33px;color:white;font-weight:800;padding:5px 0px;margin:0px;
     text-align: center; 
 }
 .h2_tx_semi{
     font-size:33px;color:white;font-weight:800;padding:5px 0px;margin:0px;
     text-align: left;padding-left:20px;
 }
  .ic{
     font-size:24px;
 }
 
 

 

 
.left_menu{
     position: fixed;
     top:0px;
     left: 0px;
     height: 100vh;
     z-index:400;
     width:500px;
    border-right:5px solid  #ffae00;
 
 }

 .right_menu{
     position: fixed;
     top:0px;
     right:0px;
     height: 100vh;
     z-index:390;
      width:100%;
    background-color: rgb(0,0,0,0.7);
 
 }
 
     

       .bleft{
         padding:0px;display:flex; 
     }
     
     .backtx{
         padding-top:2px;font-size:20px;font-weight:800;
     }
     .icontx{
         
     }
     
            .pricediv{
                            margin-bottom:250px;
                            
                              height: 82vh;
                            
                              overflow-y: scroll;
                        padding-bottom:6vh;
                            
                        }
                        
    .width100_two{
        
        width:100%;
        height:100vh;
        background-color:white;
        position:fixed;
        top:0px;
        z-index:99;
        background-color: black;
    }
    .divseconprice{
        width:1000px;
        margin:auto;
        background-color: white;
        height:85vh;
    }
    
    .submitbtn_second{
      position:fixed; 
      bottom:0px;
      width:1000px;
      padding:0px;
      height:16vh;
      padding-top:13px;
      z-index:299;
        background: #d6d6d6;
    background: linear-gradient(176deg, rgba(214, 214, 214, 1) 0%, rgba(179, 179, 179, 1) 50%, rgba(117, 117, 117, 1) 100%);
 } 
 
    .box_right{
 
     padding:10px;
      width:70%;
      height:84.2vh;
    background-color:white;
 }
 
   .h2_header{
     font-weight:500;padding-left:5px;padding-right:5px;
     margin-left:3px;border-radius:2px; 
}
.headerfont{
    font-size:20px;line-height:20px;
}

    .size24{
   font-size:30px;   
   text-align: center;
   padding-top:5px;
   font-weight:800;
  } 
  
  .h_full{
      height:100vh;
  }

  .seco_subbtn{
      height: 100%;width:1000px;margin:auto;padding-top:10px;
 
  }
  
   .vhigh{
       height:84vh;overflow: scroll;
 }
  .vhighfit{
       height:84vh;overflow: scroll;
 }
 
  
}
  
 .main_manu{
     padding:10px;padding-top:3px;border-radius:5px;padding-bottom:30px;box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
 }
 .backgr_color{
background: #ff0000;
background: linear-gradient(179deg, rgba(255, 0, 0, 1) 0%, rgba(219, 31, 31, 1) 43%, rgba(122, 0, 0, 1) 100%);
color:white;
     
 }
 
  .backgr_grey{
background: #919191;
background: linear-gradient(359deg, rgba(145, 145, 145, 1) 0%, rgba(145, 145, 145, 1) 50%, rgba(97, 97, 97, 1) 100%);
color:black;
     
 }
 
  .border_color{
border:1px solid grey;
 
     
 }
 
 
 
 .hided{
     display:none;
 }
 .padding_five{
     padding-left:3px;
 }
 .tx_listtreetop{
     padding-bottom:10px; 

 }
 .marten{
   margin:0px;  margin-top:5px;
 }
 .dvnum{
     width:20%;
 }
  .dvtrash{
     width:20%;text-align: left;
 }
 .or_list{
     width:60%;position:relative;
 }
.no_calss{
    font-size:18px;line-height:20px;padding-top:3px;
} 


.h2_calss{
    font-size:20px;line-height:24px;font-weight:800; text-align: center; 
    background-color:#d6d6d6;border-radius:2px;
} 
.small17{
    font-size:15px;
}
.h2_calss_bin{
       font-size:14px;line-height:20px;font-weight:800;padding-left:2px; 
     margin-left:0px;border-radius:2px;padding-top:5px;
}
.h2_calss_bin:hover{
    color:red;
}
 .tx_list{
     background-color: white;
  
 }

 .posi{
     position:fixed;top:0px;
 }
 .spamtopic{
     font-weight:800;font-size:20px;
 }
 .presssbtn{
     width:30%;margin-left:3%; 
 }
 .text_in{
     font-size:33px;width:40px;text-align: center;line-height:26px;font-weight:800;
 }
 .inputdiv{
     margin-top:5px;
 }
  .tx_num{
     font-size:33px; line-height:25px;text-align: center;padding-top:10px;font-weight:800;padding-bottom:0px;
 }
 .header_top{
     font-size:18px;margin-left:10px;
 }
 .menu_top{
     width:33%;margin-left:1%;border-radius:3px;
 }
 
@font-face {
   font-family: myFirstFont;
   src: url(DBHelvethaicaXv32.ttf);
}

* {
   font-family: myFirstFont;
}

@font-face {
   font-family: myChineseFont;
   src: url(JS-Chawlewhieng.ttf);
}

 

.bdiv{
    background-color: white;
 
}
 .w50{
     width:50%;
 }
 .fliex_d{
     display:flex;
 }
 .box_left{
     width:30%;
     padding:3px;
 }










 .center_l{
     text-align:center;
 }
 .left_l{
     text-align:left;
 }
  .right_l{
     text-align:right;
 }
 .marg-auto{
     margin:auto;
 }
 .borderzero{
     border-radius:0px;
 }
  .borderra{
     border-radius:10px;
 }
 .bordershow{
     border: 2px solid #fff200;
 }
  .borderhide{
     border: 0px solid red;
 }
 

 
.widthfull{
    width:100%;
    
}
.cleffect:hover{
    color:red;
}
.padding_zero{
    padding:0px 0px;
}
.margin_list{
    margin:0px 1%;
}

.margin_sun{
    margin:0px;
}

.co_white{
    color:white;
}
.co_black{
    color:black;
}
.btn_left{
        
       position:absolute;
                           right:10px;
                           top:10px;
                           font-size:26px;padding:5px;
                           border-radius:4px;
}
                      .wal_div{
                            position:absolute;
                           right:20px;
                           top:10px;
                      }
                      .bihf{
                          background-color:white;
                          
                          margin:auto;width:100%;
                          border:0px; 
                      }
                      .shadows{
                          box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 5px 3px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
                      }
                      .second_shadows{
                          box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
                      }
                      .topdiv{
                          width:100%;border-radius:0px;position:relative;display:flex;
                          
                      }