@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  5s forwards;
 }
 @keyframes opacityanim {
     
  0% {opacity:0}
   10% {opacity:0}
  30%{opacity:1}
  80%{opacity:1}
  100% {opacity:0}
}

 
 
 @keyframes slideleft {
  0% {
    transform: translateX(-100%);
  }
   50% {
    transform: translateX(300%);
  }
  100% {
    transform: translateX(300%);
  }
}
 .lightef2{
     height:200px;position:absolute;top:-20px;left:0px;opacity:0.5;
     animation: slideleft2 5s infinite;
 }
 
 @keyframes slideleft2 {
  0% {
    transform: translateX(-100%);
  }
   50% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(300%);
  }
}


  @media only screen and (max-width: 800px) {
 .bigshow{
     display:none;
 }
 .smallshow{
     display:show;
 }
      .icondw{
          font-size:18px;
      }
 .lightef{
     height:200px;position:absolute;top:-20px;left:0px;opacity:0.5;
     animation: slideleft 5s infinite;
 }
 


     
           
           
.txh5{
     margin-left:10px; font-size:18px;margin-top:0px;line-height:18px;
     color:white; font-weight: 800;
 }
 

 

     

 .tx_menuright{
     padding-top:2px;
 }
  
        
  .lightefbig{
     height:200px;position:absolute;top:-20px;left:0px;opacity:0.5;
     animation: slideleftbig 8s infinite;
 }
 

 .lightefbig1{
     height:200px;position:absolute;top:-20px;left:0px;opacity:0.5;
     animation: slideleftbig1 8s infinite;
 }
 
 

.lightefbig3{
   height:200px;position:absolute;top:-20px;left:0px;opacity:0.5;
     animation: slideleftbig3 8s infinite;
 }
 
 
         
 
  } 
  
   @keyframes slideleftbig3 {
  0% {
    transform: translateX(-100%);
  }
   
   50% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(600%);
  }
}

 @keyframes slideleftbig {
  0% {
    transform: translateX(-100%);
  }
   30% {
    transform: translateX(-100%);
  }
  
   70% {
    transform: translateX(600%);
  }
  100% {
    transform: translateX(600%);
  }
}
  @keyframes slideleftbig1 {
  0% {
    transform: translateX(-100%);
  }
   10% {
    transform: translateX(-100%);
  }
  
   50% {
    transform: translateX(600%);
  }
  100% {
    transform: translateX(600%);
  }
}
 @keyframes slideleftbig {
  0% {
    transform: translateX(-100%);
  }
   30% {
    transform: translateX(-100%);
  }
  
   70% {
    transform: translateX(1200px);
  }
  100% {
    transform: translateX(1200px);
  }
}

 @keyframes slideleftbig1 {
  0% {
    transform: translateX(-100%);
  }
   10% {
    transform: translateX(-100%);
  }
  
   50% {
    transform: translateX(1200px);
  }
  100% {
    transform: translateX(1200px);
  }
}
  @keyframes slideleftbig3 {
  0% {
    transform: translateX(-100%);
  }
   
   50% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(1200px);
  }
}
 @keyframes slideleft {
  0% {
    transform: translateX(-100%);
  }
   50% {
    transform: translateX(350%);
  }
  100% {
    transform: translateX(350%);
  }
}
 @keyframes slideleft2 {
  0% {
    transform: translateX(-100%);
  }
   50% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(350%);
  }
}
  @media only screen and (min-width: 800px) {
   .bigshow{
     display:show;
 }
 .smallshow{
     display:none;
 }    
         
    
      
     
      
.tx_menuright{
     padding-top:10px;
 } 
      

    

 
 
     .txh5{
     margin-left:10px; font-size:28px;margin-top:0px;line-height:28px;
     
       color:white; font-weight: 800;
     
 }   
       
           
   .icondw{
          font-size:24px;
      }  
      
      
  .lightefbig{
     height:200px;position:absolute;top:-20px;left:0px;opacity:0.5;
     animation: slideleftbig 5s infinite;
 }
 
 

 .lightefbig1{
     height:200px;position:absolute;top:-20px;left:0px;opacity:0.5;
     animation: slideleftbig1 5s infinite;
 }
 
 

.lightefbig3{
   height:200px;position:absolute;top:-20px;left:0px;opacity:0.5;
     animation: slideleftbig3 5s infinite;
 }
 
 .lightef{
     height:200px;position:absolute;top:-20px;left:0px;opacity:0.5;
     animation: slideleft 5s infinite;
 }
 

 .lightef2{
     height:200px;position:absolute;top:-20px;left:0px;opacity:0.5;
     animation: slideleft2 5s infinite;
 }
 


 

   
   
  }

 
.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%);

 }    
     
 

.roatte{
   animation: ratatearound 10s infinite;
}

 


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


 .animhover:hover{
     
  transform: scale(1.05);
    animation-duration: 1s;
 }
 .tophover:hover{
     
  transform: scale(1.3);
    animation-duration: 1s;
 }




    .animate{
                animation: bntzoomSign 3s linear infinite; 
            }
            
                       @keyframes bntzoomSign{
                                0%{
                                 
                                   transform: scale(1);
                                }
                             
                               25%{
                                  transform: scale(1);
                                
                               }
                               30%{
                                  transform: scale(1.1);
                                  
                               }
                                40%{
                                  transform: scale(1);
                             
                               }
                                100%{
                                  transform: scale(1);
                                }
                            }


    .bla_main_submanu{
    width:25%;position:relative;height:100%;
 
}

.back_btn{
    width:20%;font-size:20px;line-height:16px;
}
.btnaddon{
    width:75%;font-size:20px;line-height:16px;font-weight:800;color:white;
}
.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;
}

.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:35%;
}
.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) {
     
         .imgbgleft{
              display: none;
          }
           .imgbgright{
              display: none;
          }
          
          


     
    .iclog{
      font-size:22px;
  }
  .htmn{
      padding-top:3px;font-size:26px;color:white;font-weight:800;padding-top:1px;
  }
  
  
      .screen_wid{
         width:100%;
         padding-bottom:50px;
         height:90vh;
         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%);
     }
     

 
   .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%);
 } 


  .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:14px;
     }
     .bleft{
         padding:0px; 
     }





 
 

 

 .ic{
     font-size:16px;
 }

 
 

           .gibdv02{
               width:90%;margin-left:5%; 
           }
          
          
       

    

 
  .divseondgoto{
     width:fit-content;position:relative;
 }
 
 
 .img_home{
 width:auto;height:10vh;margin:2vh;z-index:50;position:absolute;bottom:0px;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;
                       } 
                       
        .tophi{
         height:6vh;
         position:fixed;
         width:100%;z-index:400;
     }   
     
     .wd_iv_second{
background: #ffae00;
background: linear-gradient(180deg, rgba(255, 174, 0, 1) 0%, rgba(204, 169, 43, 1) 47%, rgba(235, 194, 70, 1) 98%);

}

.tppan{
        margin-top:0px;padding-top:0px;
    }
}

 
 @media only screen and (min-width: 801px) {
  
  
      .imgbgleft{
              height:100vh;position:fixed;left:-10px;z-index:-1;
          }
           .imgbgright{
              height:100vh;position:fixed;right:-10px;z-index:-1;
          }
          
 
     
    .tppan{
        
    }


 
    	      

  .iclog{
      font-size:30px;
  }
  .htmn{
      padding-top:3px;font-size:40px;color:white;font-weight:800;padding-top:5px;
  }
  
    

 

 


       .tophi{
         height:6.5vh;
         position:fixed;
         width:1000px;z-index:300;
     }


.wd_iv_second{
 
background: #ffae00;
background: linear-gradient(180deg, rgba(255, 174, 0, 1) 0%, rgba(204, 169, 43, 1) 47%, rgba(235, 194, 70, 1) 98%);

}

 
  .btn_rx{
                           position:absolute;
                           left:10px;
                           top:4px;
                           font-size:4vh;padding:3px;
                           border-radius:4px;
                           background-color:red;color:white;
                       }  
             
                  .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;
                  }
                  
                  



 .img_home{
 width:auto;height:10vh;margin:2vh;z-index:50;position:absolute;bottom:-10px;left:-15px;
 
 }
 
     
    .divseondgoto{
     width:fit-content;position:relative;
 }
 
  
  
  
 
     
           .gibdv02{
               width:90%;margin-left:5%; 
           }
       
      
          
 
 

 
 
 
 
 
 


  .ic{
     font-size:24px;
 }
 

 




 
     

       .bleft{
         padding:0px;
     }
     
     .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;
}
      .screen_wid{
         width:1000px;
         margin:auto;
         padding-bottom:60px;
         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%);
        padding-bottom: 50px;
        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;
     }
    .size24{
   font-size:30px;   
   text-align: center;
   padding-top:5px;
   font-weight:800;
  } 
  
  .h_full{
      height:100vh;
  }


  
   .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;
     
 }
   .backgr_black{
  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%);
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);
}

 
a {
    text-decoration: none;
}
a:hover{
   text-decoration: none; 
}
.bdiv{
    background-color: white;
 
}
 .w50{
     width:50%;
 }
 .fliex_d{
     display:flex;
 }







.wd_iv{
      background-image: url("/lotto/img/top.png"), url("/lotto/img/top.png");
  background-color: rgb(255,255,255,0);
    background-repeat: no-repeat;
  background-size: 100% 100%;
}
 .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;
 }
 

 

.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:7px;
                           font-size:26px;
                           padding:0px;
                           padding-top:7px;
                           padding-left:10px;
                           padding-right:10px;
                           border-radius:4px;
                          
                           font-weight: 800;
                         background: white;
 

box-shadow: rgb(204, 219, 232) 3px 3px 6px 0px inset, rgba(255, 255, 255, 0.5) -3px -3px 6px 1px inset;
}
.tx_amount{
    font-size:24px;line-height: 12px;
}
                      .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;
                          
                      }
  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%);
}   




   @media only screen and (min-width: 800px) {
      .divslidetx{
                      width:20%;padding-top:1px;padding-bottom:0px;padding-left:0px;text-align: center;
                  }
    .divani{
    width:100%;padding-right:0px;padding-top:2px;padding-bottom:0px;overflow:hidden;
   
}   
 .slider {
 
 display: inline-block;
      white-space: nowrap;
  padding-top:3px;
  padding-bottom:0px;
 
 
    animation: slide-left 25s linear infinite; */
   
}
@keyframes slide-left {
  from {
   transform: translateX(50%);
 
  }
  
  
  to {
 
   transform: translateX(-100%);
 
  }
} 
}

 @media only screen and (max-width: 800px) {
    .divani{
    width:80%;padding-right:0px;padding-top:2px;padding-bottom:0px;overflow:hidden;
   
}   
        .divslidetx{
                      width:25%;padding-top:3px;padding-bottom:0px;padding-left:2px;text-align:center;
                  }
                  
                  
   .slider {
 
 display: inline-block;
      white-space: nowrap;
  padding-top:3px;
  padding-bottom:0px;
 
 
 
    animation: slide-left2 25s linear infinite;  
   
}
@keyframes slide-left2 {
  from {
   transform: translateX(25%);
 
  }
  
  
  to {
 
   transform: translateX(-100%);
 
  }
} 

     
 }








    @keyframes spinrollapp{
           0%{
             
               transform: scale(1);
            }
            45%{
               transform: scale(1);
           }
           50%{
               transform: scale(1.2);
           }
           
            55%{
               transform: scale(1);
           }
           90%{
               transform: scale(1.2);
           }
            100%{
               transform: scale(1);
            }
        }  





   @media only screen and (min-width: 800px) {
       
       .marginb{
    margin-bottom:100px;
    padding-bottom:70px;padding-top:20px; 
}


       .widthfull{
    width:100%;
    
}
.box_left{
     width:90%;margin-left:5%;
     padding:3px;
 }    
 
 
       .text_h2div_depo{
     font-size:33px;
     text-align:center;
 }
 
          .divdopo_semi{
       position:relative;
       overflow: hidden;
       width:48%;
       margin-left:1.25%;
       margin-top:15px;
       text-align:center;
       border-radius:10px;
   } 
      
         .greenbtn{
       border-radius:10px;
       padding-top:5px;
       padding-bottom:2px;

 
   }
   
   .bluebtn{
       border-radius:10px;
       padding-top:5px;
       padding-bottom:2px;
   
 
   }
   
     .divgotoh_semi{
             border-radius:20px;position:relative;display:flex;width:25%;height:8vh; margin-top:2%;padding:0px 10px;
         }   
    .griddiv{
               width:90%;margin-left:5%;border-radius:10px;text-align:center;padding-top:12px;  padding-bottom:3px;
           }    
    .ic_menu{
               font-size:26px;
           }
           
            .img_tx{
     width:40%;height:auto;margin-left:1.5%;
 }
 
.small_tx_yiki{
                                                     font-size:26px; font-weight:800;line-height: 22px;
                                                      position:absolute;right:160px;top:14px;
                                             }
  .small_tx{
           font-size:26px; font-weight:800;line-height: 22px;
          position:absolute;right:150px;top:14px;
     }   
          .arri{
          position:absolute;right:20px;top:20px;display:show;z-index:1000;
           animation: scale_anim 3s linear infinite; 
     } 
     
       .iconarri{
         color:white;font-size:50px;
     }
        .divgotoh{
     border-radius:20px;position:relative;display:flex;width:99%;height:10vh;margin-left:1%;margin-top:2%;overflow: hidden;
 }   
 

   .timenum{
       position:absolute;left:400px;top:30px; 
   }  
     .strong_tx{
     font-size:35px
     } 
     .imgtop{
     width:auto;height:8vh;margin:1vh;
 }
  .imgsecond{
     width:auto;height:8vh;margin:1vh;z-index:100;position:absolute;left:0px;top:0px;
 }
 
   .text_h2div{
               width:100%;text-align:center;font-size:26px;
           }
           
   }
   
    @media only screen and (max-width: 800px) {
        
           .marginb{
    margin-bottom:100px;
    padding-bottom:70px;padding-top:5px; 
}

    .text_h2div{
               width:100%;text-align:center;font-size:14px;
           } 
           
  .imgsecond{
     width:auto;height:7vh;margin:1.3vh;z-index:100;position:absolute;left:0px;top:0px;
 }
 
.imgtop{
     width:auto;height:7vh;margin:1.3vh;
 }
 
 
      .strong_tx{
     font-size:20px
     }       
     .text_h2div_depo{
         padding-top:2px;
     font-size:24px;
     text-align:center;
     color:black;
 }
 
  .small_tx_yiki{
                                                      font-size:16px; font-weight:800;line-height: 14px;
                                                      position:absolute;right:55px;top:14px;
                                             }

   
   
           .divgotoh{
     border-radius:20px;position:relative;display:flex;width:90%;height:10vh;margin-left:5%;margin-top:2%;overflow: hidden;
 }   
             .arri{
         position:absolute;right:15px;top:20px;
           animation: scale_anim 3s linear infinite;  
     }
     
     .iconarri{
         color:white;font-size:30px;
     }
     

     .img_tx{
     width:120px;height:auto;margin-left:1.5%;margin-top:5px;
 }
         .small_tx{
          font-size:16px; font-weight:800;line-height: 14px;
          position:absolute;right:50px;top:17px;
     } 


 
         .ic_menu{
               font-size:20px;
           } 
         .griddiv{
               width:100%;margin-left:0px;border-radius:10px;text-align:center;padding-top:10px;   padding-bottom:3px;
           }
           
      .divgotoh_semi{
             border-radius:20px;
             position:relative;
             width:25%;
             height:9vh;
             margin-top:2%;
             padding:0px 3px;
          
         }     
       .greenbtn{
       border-radius:10px;
       padding-top:4px;
       padding-bottom:1px;

 
   }
      .bluebtn{
       border-radius:10px;
       padding-top:4px;
       padding-bottom:1px;
   
 
   }
           .divdopo_semi{
       position:relative;
       overflow: hidden;
       width:48%;margin-left:2%;
       margin-top:5px;
       text-align:center;
       border-radius:10px;
        
   } 
        
    }
  
  @keyframes scale_anim {
  0% {
    transform: scale(1.0);
  }
  
   40% {
    transform: scale(1.0);
  }
  
   50% {
    transform: scale(1.2);
  }
  60% {
    transform: scale(1.0);
  }
}