.atag a {text-decoration: none; text-decoration-thickness: 1px;}
.zaxis {z-axis: 2; position: relative;}
/****start*****  zoom big 200% *************************/
.zoombig:hover {transition: all .5s ease-in; transform: scale(2); position: relative; z-index: 10; left: 200px; background: rgba(245,245,245,.9); box-shadow: inset 0px 0px 20px grey;}
/****end*****  zoom big 200% *************************/ 

/* Custom CSS Animation Scroll New2 */
.cat_scroll {
	    height: 850px;
	    font-size: 18px;
	    padding: 4px;
	    font: 15px arial, sans-serif;
	    background: rgba(255,215,0,0.3);
	    position: relative;
    -webkit-animation-name: catmove;
      
	    animation-name: catmove;
    -webkit-animation-duration: 50s;
    
	    animation-duration: 50s;
    -webkit-animation-iteration-count: infinite;
      
	    animation-iteration-count: infinite;
    -webkit-animation-direction: down;
      
	    animation-direction: down;
    -webkit-animation-timing-function: linear;
      
	    animation-timing-function: linear;
}
@keyframes catmove {
	    0% {top: 20px;}
	    100% {top: -730px;}
}

@-webkit-keyframes catmove {
	    0% {top: 20px;}
	    100% {top: -730px;}
}


#text_slide {
           white-space: nowrap;
           animation-duration: 8s;
   -webkit-animation-duration: 8s;
           animation-name: slidein;
   -webkit-animation-name: slidein;
           animation-iteration-count: infinite;
   -webkit-animation-iteration-count: infinite;
           animation-timing-function: ease-out;
   -webkit-animation-timing-function: ease-out;
}
@keyframes slidein {
	     0% {margin-left: 100%; opacity: .1; color: black;}
	    55% {opacity: 1; color: red;}
	    80% {opacity: 1; color: blue;}
	   100% {margin-left: 1%; opacity: .1; color: green;}
}
@-webkit-keyframes slidein {
	     0% {margin-left: 100%; opacity: .1; color: black;}
	    55% {opacity: 1; color: red;}
	    80% {opacity: 1; color: blue;}
	   100% {margin-left: 1%; opacity: .1; color: green;} 
}


/* Custom CSS */
.catBox {
	    border: 5px solid #e3c25b; 
	    border-style: ridge; 
	    border-radius: 5px; 
	    width: 600px; 
	    box-shadow: inset 0px 0px 10px #EEEEEE, inset 0px 0px 20px #EEEEEE; 
	    padding: 2px 2px 4px 2px; 
	    margin: auto; 
	    font-size: 14px; 
	    line-height: .9; 
	    position: relative; 
	    top: -20px; 
	    color: #6c6c6c; 
	    font-weight: 900;
}
  
.catBox div {
	    border: 2px solid #e3c25b; 
	    border-style: outset; 
	    height: 0px; 
	    margin: 2px;
}

#baskerville {
	    font-family: 'Libre Baskerville', serif;
}

#whiteshadow {
	    text-shadow: inset 1px 1px 0px white;
}

#boxlightshad {
	    box-shadow: 20px 20px 20px orange, -20px -20px 20px orange;
}

#goldletter {font-weight: 200; font-size: 120%;
	    color: rgba(218,165,32,0.8); 
	    text-shadow: 1px 1px 0px #D2691E, 2px 2px 0px black;
}

#goldletter2 {
	    color: rgba(218,165,32,0.8); 
	    text-shadow: 1px 1px 0px #D2691E, 2px 2px 0px black, -1px -1px 0px gold; 
	    background: rgba(255, 215, 10, 0.5); 
	    box-shadow: inset 0px 0px 8px #f9dbce, inset 0px 0px 10px #f9dbce, inset 0px 0px 10px #f9dbce, inset 0px 0px 12px #f9dbce; 
	    border-radius: 8px; 
	    padding-left: 5px; 
	    padding-right: 10px;
}

.bck {
	    background: #BFBFBF; 
	    width: 320px; 
	    border: 8px solid gold; 
	    box-shadow: -2px -2px 0px yellow, 2px 2px 0px black, 0px 0px 30px grey, 2px 2px 0px black, -2px -2px 0px yellow; 
	    margin: auto; 
    -webkit-border-image:url(/images/borders_images/GoldOrange3.png) 3 3 round; /* Safari 3.1-5 */
	    border-image:url(/images/borders_images/GoldOrange3.png) 3 3 round;     
}

.bck2 {
	    background: #BFBFBF; 
	    border-radius: 10px; 
	    width: 320px; 
	    border: 8px solid gold; 
	    align: center; 
	    box-shadow: inset 0px 0px 30px grey, 1px 1px 0px black, -1px -1px 0px white; 
	    margin: auto;
}

.bck3 {
	    background: #BFBFBF; 
	    width: 320px; 
	    border: 8px solid gold; 
	    box-shadow: -2px -2px 0px yellow, 2px 2px 0px black, 0px 0px 30px grey, 2px 2px 0px black, -2px -2px 0px yellow; 
	    
    -webkit-border-image:url(/images/borders_images/GoldOrange3.png) 3 3 round; /* Safari 3.1-5 */
	    border-image:url(/images/borders_images/GoldOrange3.png) 3 3 round;     
}

/*-----------------------start---------------------------------------------------------------- A margin around menu images ------------------------*/
.marg2px img {margin: 0px 5px 1px 0px; border: 3px solid black; border-radius: 4px;
   -webkit-border-image:url(/images/borders_images/GoldOrange3.png) 3 3 round;
       -moz-border-image:url(/images/borders_images/GoldOrange3.png) 3 3 round;
	    border-image:url(/images/borders_images/GoldOrange3.png) 3 3 round;
    -webkit-transform: translateZ(0);
	    -moz-transform: translateZ(0);
}
/*-----------------------end-------------------------------------------------- A margin around some shapes boxes or text ------------------------*/
/*-----------------------start------------Gold image border for information boxes--------------------*/
.info_box {
	    width: 450px; 
	    border: 8px solid gold; 
	    border-radius: 10px; 
	    padding: 5px; 
	    margin: 5px; 
	    display: inline-block; 
	    vertical-align: top;  
	    background: rgba(237, 200, 183, 0.4); 
	    box-shadow: inset -2px -2px 0px yellow, inset 2px 2px 0px black, inset 0px 0px 30px grey, 2px 2px 0px black, -2px -2px 0px yellow; 
	    margin: auto; 
    -webkit-border-image:url(/images/borders_images/GoldOrange3.png) 3 3 round;
       -moz-border-image:url(/images/borders_images/GoldOrange3.png) 3 3 round;
	    border-image:url(/images/borders_images/GoldOrange3.png) 3 3 round;
    -webkit-transform: translateZ(0);
	    -moz-transform: translateZ(0);
}
/*-----------------------end------------Gold image border for information boxes--------------------*/
/*--------------------start----------------------Gold animated lettering------------------------------------*/

.bgClip {
	    box-shadow: inset 0px 0px 150px rgba(0,0,0,0.7); 
	    font-size: 36px; 
	    padding: 0px 5px 2px 5px;
}
.bgClip2 {
             font-family: 'Luckiest Guy';
             background: url('/images/gold-text/gold_texture-joined-sm.jpg');   	  
 -webkit-background-clip: text;
    -moz-background-clip: text; 
      -ms-background-clip: text;
             background-clip: text;
 -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
      -ms-text-fill-color: transparent;
             text-fill-color: transparent;
             font-weight: 700; 
	     line-height: .8;
  	     color: black;
	     position: relative;
	     background-repeat: repeat;
	     background-position: 0 0;
-webkit-animation: BackgroundAnimated 55s linear infinite;
            animation: BackgroundAnimated 55s linear infinite;
}
    @keyframes BackgroundAnimated {
	    0% {background-position: 0% 0%}
            50% {background-position: 100% 100%}
	  100% {background-position: 0% 0%}
}
@-webkit-keyframes BackgroundAnimated {
	    0% {background-position: 0% 0%}
            50% {background-position: 100% 100%}
	  100% {background-position: 0% 0%}
}
/*--------------------end----------------------Gold animated lettering------------------------------------*/
/*----------------------------start --------------- spinning banner---------------------------*/

#stage {border: 1px solid black;
padding: 10px; 
border-radius: 10px;
 margin: 1px auto;
width: 460px;
    -webkit-perspective: 1200px;
    -moz-perspective: 1200px;
    -ms-perspective: 1200px;
    perspective: 1200px;
  }
 #spinner {
    -webkit-animation-name: spinner;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 18s;

    animation-name: spinner;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-duration: 18s;

    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  #spinner:hover {
    -webkit-animation-play-state: paused;
     animation-play-state: paused;
    -webkit-animation-direction: alternate;
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
  }
  /* WebKit and Opera browsers */
  @-webkit-keyframes spinner {
  0% {
 -webkit-transform: rotateY(-0deg);
       color: white;
       font-size: 36px;}
  20% {
       color: orange;}
  40% {
       color: lightblue;}
   80% {
 -webkit-transform: rotateY(-1080deg);
       color: yellow;
       font-size: 36px;}

   100% {
 -webkit-transform: rotateY(-1080deg);
       color: red;
       font-size: 36px;}
  }

  /* all other browsers */
  @keyframes spinner {
    0% {
  -moz-transform: rotateY(-0deg);
       transform: rotateY(-0deg);
       color: white;
       font-size: 36px;}
   80% {
  -moz-transform: rotateY(-1080deg);
       transform: rotateY(-1080deg);
       color: yellow;
       font-size: 36px;}

   100% {
  -moz-transform: rotateY(-1080deg);
       transform: rotateY(-1080deg);
       color: red;
       font-size: 36px;}
    }
/*----------------------------end --------------- spinning banner---------------------------*/
/* --------------start ---------------tooltips --------------------------*/
a.css_tooltip{position:relative; /*necessary to position next the span in an absolute way*/ text-decoration:inherit; /*remove the underlining from the links*/}
 a.css_tooltip:hover{background-color:#FFFFFF; /*a background color is needed for Internet Explorer 6*/}
 a.css_tooltip span{display:none; /*hide the span element in opening*/}
 a.css_tooltip:hover span{display:block; /*the span element are converted from inline to block element*/
 position:absolute; /*absolute positioning in rapport to their parent link*/z-index:10001; /*needed to position the element span above other links*/top: 1.4em; left:2em; /*style of the css tooltip*/ width:180px; border:1px solid 0CF; background-color:#CFF; color:#000; padding:5px;} 


a.css_tooltip2{position:relative; /*necessary to position next the span in an absolute way*/ text-decoration:inherit; /*remove the underlining from the links*/}
 a.css_tooltip2:hover{background-color:#FFFFFF; /*a background color is needed for Internet Explorer 6*/}
 a.css_tooltip2 span{display:none; /*hide the span element in opening*/}
 a.css_tooltip2:hover span{display:block; /*the span element are converted from inline to block element*/ position:absolute; /*absolute positioning in rapport to their parent link*/ z-index:10001; /*needed to position the element span above other links*/ top:1.4em; left:2em; /*style of the css tooltip*/ width:550px; border:1px solid #0CF; background-color:#CFF; color:#000; padding:5px;} 


a.css_tooltip3{
 position:relative; /*necessary to position next the span in an absolute way*/
 text-decoration:inherit; /*remove the underlining from the links*/
 }
 a.css_tooltip3:hover{
 background-color:#FFFFFF; /*a background color is needed for Internet Explorer 6*/
 }
 a.css_tooltip3 span{
 display:none; /*hide the span element in opening*/
 }
 a.css_tooltip3:hover span{
 display:block; /*the span element are converted from inline to block element*/
 position:absolute; /*absolute positioning in rapport to their parent link*/
 z-index:10001; /*needed to position the element span above other links*/
 top:1.4em;
 left:2em;
 /*style of the css tooltip*/
 width:610px;
 border:1px solid #0CF;
 background-color:#CFF;
 color:#000;
 padding:5px;
 } 
/* --------------end ---------------tooltips --------------------------*/
/*------------start-------------magnifier grow ----------------------*/
.grow {background: white; font-size: 7px;
}

.grow:hover {
-webkit-animation-play-state: paused;
-webkit-animation: all 3s ease; 
-ms-animation-play-state: paused;
-ms-animation: all 3s ease; 
            animation-play-state: paused;
            animation: all 3s ease;   
position: relative; white-space: nowrap;
}
@-webkit-keyframes all {
0% {font-size: 36px; 
-webkit-transform: scale(.08 .08);
       left: -60px;
}
10% {-webkit-transform: scale(1 1);
          left: 0px; 
}
98% {-webkit-transform: scale(1 1);
   }
100% {-webkit-transform: scale(.1 .1);
       font-size: 36px; 
}
 }
@keyframes all {
0% {font-size: 36px; 
       transform: scale(.08 .08);
       left: -60px;
}
10% {transform: scale(1 1);
          left: 0px; 
}
98% {transform: scale(1 1);
   }
100% {transform: scale(.1 .1);
       font-size: 36px; 
}
 }
/*------------end-------------magnifier grow ----------------------*/
/***Start---zoom hover Grey border Info 180% ---------------------------start*/
.p6 {position: relative; z-index: 0; margin: 5px; padding: 10px; border: 1px solid grey; line-height: 2;
               
    animation-play-state: paused;
       transition: all 0.5s; 
      -webkit-transition: all 0.5s;
         -moz-transition: all 0.5s;
          -ms-transition: all 0.5s;
           -o-transition: all 0.5s;}       
.p6:hover span:nth-of-type(1) {animation: p6 6s ease-in-out infinite; animation-delay: .5s; font-size: 130%;}
@keyframes p6 {
          0% {color: #0174DF; text-shadow: 1px 1px 0px black, -1px -1px 0px white, 3px 3px 10px white, -3px -3px 10px white, 3px 3px 20px white, -3px -3px 25px white;}
          8% {color: #0174DF; text-shadow: 1px 1px 0px black, -1px -1px 0px white, 3px 3px 10px white, -3px -3px 10px white, 3px 3px 20px white, -3px -3px 25px white;}
         50% {color: #0174DF; text-shadow: 1px 1px 0px black, -1px -1px 0px white, 3px 3px 8px white, -3px -3px 6px white, 3px 3px 14px white, -3px -3px 18px white;}
         92% {color: #0174DF; text-shadow: 1px 1px 0px black, -1px -1px 0px white, 3px 3px 10px white, -3px -3px 10px white, 3px 3px 20px white, -3px -3px 25px white;}
        100% {color: #0174DF; text-shadow: 1px 1px 0px black, -1px -1px 0px white, 3px 3px 10px white, -3px -3px 10px white, 3px 3px 20px white, -3px -3px 25px white;}}  
.p6:hover span:nth-of-type(2) {animation: p6a 6s ease-in-out infinite; animation-delay: 1s; font-size: 130%;}
@keyframes p6a {
          0% {color: #21610B; text-shadow: 1px 1px 0px black, -1px -1px 0px white, 3px 3px 10px white, -3px -3px 10px white, 3px 3px 20px white, -3px -3px 25px white;}
          8% {color: #21610B; text-shadow: 1px 1px 0px black, -1px -1px 0px white, 3px 3px 10px white, -3px -3px 10px white, 3px 3px 20px white, -3px -3px 25px white;}
         50% {color: #21610B; text-shadow: 1px 1px 0px black, -1px -1px 0px white, 3px 3px 8px white, -3px -3px 6px white, 3px 3px 14px white, -3px -3px 18px white;}
         92% {color: #21610B; text-shadow: 1px 1px 0px black, -1px -1px 0px white, 3px 3px 10px white, -3px -3px 10px white, 3px 3px 20px white, -3px -3px 25px white;}
        100% {color: #21610B; text-shadow: 1px 1px 0px black, -1px -1px 0px white, 3px 3px 10px white, -3px -3px 10px white, 3px 3px 20px white, -3px -3px 25px white;}}
.p6:hover span:nth-of-type(3) {animation: p6b 6s ease-in-out infinite; animation-delay: 1.5s; font-size: 130%;}
@keyframes p6b {
          0% {color: #DF7401; text-shadow: 1px 1px 0px black, -1px -1px 0px white, 3px 3px 10px white, -3px -3px 10px white, 3px 3px 20px white, -3px -3px 25px white;}
          8% {color: #DF7401; text-shadow: 1px 1px 0px black, -1px -1px 0px white, 3px 3px 10px white, -3px -3px 10px white, 3px 3px 20px white, -3px -3px 25px white;}
         50% {color: #DF7401; text-shadow: 1px 1px 0px black, -1px -1px 0px white, 3px 3px 8px white, -3px -3px 6px white, 3px 3px 14px white, -3px -3px 18px white;}
         92% {color: #DF7401; text-shadow: 1px 1px 0px black, -1px -1px 0px white, 3px 3px 10px white, -3px -3px 10px white, 3px 3px 20px white, -3px -3px 25px white;}
        100% {color: #DF7401; text-shadow: 1px 1px 0px black, -1px -1px 0px white, 3px 3px 10px white, -3px -3px 10px white, 3px 3px 20px white, -3px -3px 25px white;}}
.p6:hover span:nth-of-type(4) {animation: p6c 6s ease-in-out infinite; animation-delay: 2s; font-size: 130%;}
@keyframes p6c {
          0% {color: #B40404; text-shadow: 1px 1px 0px black, -1px -1px 0px white, 3px 3px 10px white, -3px -3px 10px white, 3px 3px 20px white, -3px -3px 25px white;}
          8% {color: #B40404; text-shadow: 1px 1px 0px black, -1px -1px 0px white, 3px 3px 10px white, -3px -3px 10px white, 3px 3px 20px white, -3px -3px 25px white;}
         50% {color: #B40404; text-shadow: 1px 1px 0px black, -1px -1px 0px white, 3px 3px 8px white, -3px -3px 6px white, 3px 3px 14px white, -3px -3px 18px white;}
         92% {color: #B40404; text-shadow: 1px 1px 0px black, -1px -1px 0px white, 3px 3px 10px white, -3px -3px 10px white, 3px 3px 20px white, -3px -3px 25px white;}
        100% {color: #B40404; text-shadow: 1px 1px 0px black, -1px -1px 0px white, 3px 3px 10px white, -3px -3px 10px white, 3px 3px 20px white, -3px -3px 25px white;}}
.p6:hover span:nth-of-type(5) {animation: p6d 6s ease-in-out infinite; animation-delay: 2.5s; font-size: 130%;}
@keyframes p6d {
          0% {color: #585858; text-shadow: 1px 1px 0px black, -1px -1px 0px white, 3px 3px 10px white, -3px -3px 10px white, 3px 3px 20px white, -3px -3px 25px white;}
          8% {color: #585858; text-shadow: 1px 1px 0px black, -1px -1px 0px white, 3px 3px 10px white, -3px -3px 10px white, 3px 3px 20px white, -3px -3px 25px white;}
         50% {color: #585858; text-shadow: 1px 1px 0px black, -1px -1px 0px white, 3px 3px 8px white, -3px -3px 6px white, 3px 3px 14px white, -3px -3px 18px white;}
         92% {color: #585858; text-shadow: 1px 1px 0px black, -1px -1px 0px white, 3px 3px 10px white, -3px -3px 10px white, 3px 3px 20px white, -3px -3px 25px white;}
        100% {color: #585858; text-shadow: 1px 1px 0px black, -1px -1px 0px white, 3px 3px 10px white, -3px -3px 10px white, 3px 3px 20px white, -3px -3px 25px white;}}
.p6:hover span:nth-of-type(6) {animation: p6e 6s ease-in-out infinite; animation-delay: 3s; font-size: 130%;}
@keyframes p6e {
          0% {color: #5F04B4; text-shadow: 1px 1px 0px black, -1px -1px 0px white, 3px 3px 10px white, -3px -3px 10px white, 3px 3px 20px white, -3px -3px 25px white;}
          8% {color: #5F04B4; text-shadow: 1px 1px 0px black, -1px -1px 0px white, 3px 3px 10px white, -3px -3px 10px white, 3px 3px 20px white, -3px -3px 25px white;}
         50% {color: #5F04B4; text-shadow: 1px 1px 0px black, -1px -1px 0px white, 3px 3px 8px white, -3px -3px 6px white, 3px 3px 14px white, -3px -3px 18px white;}
         92% {color: #5F04B4; text-shadow: 1px 1px 0px black, -1px -1px 0px white, 3px 3px 10px white, -3px -3px 10px white, 3px 3px 20px white, -3px -3px 25px white;}
        100% {color: #5F04B4; text-shadow: 1px 1px 0px black, -1px -1px 0px white, 3px 3px 10px white, -3px -3px 10px white, 3px 3px 20px white, -3px -3px 25px white;}}
.p6:hover span:nth-of-type(7) {animation: p6f 6s ease-in-out infinite; animation-delay: 3.5s; font-size: 130%;}
@keyframes p6f {
          0% {color: #B404AE; text-shadow: 1px 1px 0px black, -1px -1px 0px white, 3px 3px 10px white, -3px -3px 10px white, 3px 3px 20px white, -3px -3px 25px white;}
          8% {color: #B404AE; text-shadow: 1px 1px 0px black, -1px -1px 0px white, 3px 3px 10px white, -3px -3px 10px white, 3px 3px 20px white, -3px -3px 25px white;}
         50% {color: #B404AE; text-shadow: 1px 1px 0px black, -1px -1px 0px white, 3px 3px 8px white, -3px -3px 6px white, 3px 3px 14px white, -3px -3px 18px white;}
         92% {color: #B404AE; text-shadow: 1px 1px 0px black, -1px -1px 0px white, 3px 3px 10px white, -3px -3px 10px white, 3px 3px 20px white, -3px -3px 25px white;}
        100% {color: #B404AE; text-shadow: 1px 1px 0px black, -1px -1px 0px white, 3px 3px 10px white, -3px -3px 10px white, 3px 3px 20px white, -3px -3px 25px white;}}
.p6:hover div {position: relative; left: 5px;}
.p6:hover {animation-play-state: running; position: relative; z-index: 2; font-size: 180%; font-weight: 250; margin: 2px; padding: 30px 20px 30px 20px; border: 10px ridge grey; line-height: 1.1; background: rgba(255,255,255,.7);}




/*////////////////////////Pricing CSS /////////////////////////////*/

.bckgrnd {background-image: url(/images/Articles/pricing/PricingGridInd2.png); background-repeat: no-repeat; height: 25cm; position: relative; top: 0px; z-index:2; border: 3px solid gold;}

/* --------------------------------------------------start----30 baht----------*/
#bht30 {font-weight: 900;}
#bht30:active + #bht30a {height: 5.46cm; width: 5.46cm; border: 1px solid red; position: absolute; top: 0px; box-shadow: 2px 2px 2px red;}
#bht30:active {color: black;
	    position:absolute; z-index: 4; top: 0px;
    border: 1px solid gold; box-shadow: inset 0px 0px 1px black, inset 0px 0px 2px gold, inset 0px 0px 2px gold;
    -webkit-animation: bht30 12s linear;   
	    animation: bht30 12s linear;
}
@-webkit-keyframes bht30 {
  0% {height:0cm; width: 0cm;}
    2% {height:2cm; width: 15cm;background:lightgrey;}
    5% {height:2cm; width: 15cm;background:lightgrey;}
   15% {height:3cm; width: 10cm;background:lightgrey; font-size: 24px;}
 20% {height:3cm; width: 10cm;background:lightgrey; font-size: 24px;}
   30% {height:4.26cm; width: 7cm;background:lightblue;}
 35% {height:4.26cm; width: 7cm;background:lightblue;}
   50% {height:5.47cm; width: 5.47cm;background:lightblue; font-size: 36px;}
 55% {height:5.47cm; width: 5.47cm;background:lightblue; font-size: 36px;}
   65% {height:7.5cm; width: 4cm;background:lightblue;}
 70% {height:7.5cm; width: 4cm;background:lightblue;}
   80% {height:10cm; width: 3cm;background:lightgrey; font-size: 24px;}
 85% {height:10cm; width: 3cm;background:lightgrey; font-size: 24px;}
   95% {height:15cm; width: 2cm;background:lightgrey;}
  100% {height:15cm; width: 2cm;background:lightgrey;}
}
@keyframes bht30 {
  0% {height:0cm; width: 0cm;}
    2% {height:2cm; width: 15cm;background:lightgrey;}
    5% {height:2cm; width: 15cm;background:lightgrey;}
   15% {height:3cm; width: 10cm;background:lightgrey; font-size: 24px;}
 20% {height:3cm; width: 10cm;background:lightgrey; font-size: 24px;}
   30% {height:4.26cm; width: 7cm;background:lightblue;}
 35% {height:4.26cm; width: 7cm;background:lightblue;}
   50% {height:5.47cm; width: 5.47cm;background:lightblue; font-size: 36px;}
 55% {height:5.47cm; width: 5.47cm;background:lightblue; font-size: 36px;}
   65% {height:7.5cm; width: 4cm;background:lightblue;}
 70% {height:7.5cm; width: 4cm;background:lightblue;}
   80% {height:10cm; width: 3cm;background:lightgrey; font-size: 24px;}
 85% {height:10cm; width: 3cm;background:lightgrey; font-size: 24px;}
   95% {height:15cm; width: 2cm;background:lightgrey;}
  100% {height:15cm; width: 2cm;background:lightgrey;}
}
/* --------------------------------------------------end------30 baht----------*/
/* --------------------------------------------------start----40 baht----------*/
#bht40 {font-weight: 900;}
#bht40:active + #bht40a {height: 6.32cm; width: 6.32cm; border: 1px solid red; position: absolute; top: 0px; box-shadow: 2px 2px 2px red;}
#bht40:active {color: black;
	    position:absolute; z-index: 4; top: 0px;
    border: 1px solid gold; box-shadow: inset 0px 0px 1px black, inset 0px 0px 2px gold, inset 0px 0px 2px gold;
    -webkit-animation: bht40 12s linear;    
	    animation: bht40 12s linear; 
}
@-webkit-keyframes bht40 {
    0% {height:0cm; width: 0cm;}
    2% {height:2cm; width: 20cm;background:lightgrey;}
    5% {height:2cm; width: 20cm;background:lightgrey;}
   15% {height:4cm; width: 10cm;background:lightgrey; font-size: 24px;}
    20% {height:4cm; width: 10cm;background:lightgrey; font-size: 24px;}
   30% {height:5cm; width: 8cm;background:lightblue;}
    35% {height:5cm; width: 8cm;background:lightblue;}
   50% {height:6.32cm; width: 6.32cm;background:lightblue; font-size: 36px;}
     55% {height:6.32cm; width: 6.32cm;background:lightblue; font-size: 36px;}
   65% {height:8cm; width: 5cm;background:lightblue;}
     70% {height:8cm; width: 5cm;background:lightblue;}
   80% {height:10cm; width: 4cm;background:lightgrey; font-size: 24px;}
     85% {height:10cm; width: 4cm;background:lightgrey; font-size: 24px;}
   95% {height:20cm; width: 2cm;background:lightgrey;}
  100% {height:20cm; width: 2cm;background:lightgrey;}
}
@keyframes bht40 {
    0% {height:0cm; width: 0cm;}
    2% {height:2cm; width: 20cm;background:lightgrey;}
    5% {height:2cm; width: 20cm;background:lightgrey;}
   15% {height:4cm; width: 10cm;background:lightgrey; font-size: 24px;}
    20% {height:4cm; width: 10cm;background:lightgrey; font-size: 24px;}
   30% {height:5cm; width: 8cm;background:lightblue;}
    35% {height:5cm; width: 8cm;background:lightblue;}
   50% {height:6.32cm; width: 6.32cm;background:lightblue; font-size: 36px;}
     55% {height:6.32cm; width: 6.32cm;background:lightblue; font-size: 36px;}
   65% {height:8cm; width: 5cm;background:lightblue;}
     70% {height:8cm; width: 5cm;background:lightblue;}
   80% {height:10cm; width: 4cm;background:lightgrey; font-size: 24px;}
     85% {height:10cm; width: 4cm;background:lightgrey; font-size: 24px;}
   95% {height:20cm; width: 2cm;background:lightgrey;}
  100% {height:20cm; width: 2cm;background:lightgrey;}

}
/* ----------------------------------------------------end----40 baht----------*/
/* --------------------------------------------------start----50 baht----------*/
#bht50 {font-weight: 900;}
#bht50:active + #bht50a {height: 7.07cm; width: 7.07cm; border: 1px solid red; position: absolute; top: 0px; box-shadow: 2px 2px 2px red;}
#bht50:active {color: black;
	    position:absolute; z-index: 4; top: 0px;
    border: 1px solid gold; box-shadow: inset 0px 0px 1px black, inset 0px 0px 2px gold, inset 0px 0px 2px gold;
    -webkit-animation: bht50 12s linear;   
	    animation: bht50 12s linear;  
}
@-webkit-keyframes bht50 {
     0% {height:0cm; width: 0cm;}
    2% {height:2cm; width: 25cm;background:lightgrey;}
    5% {height:2cm; width: 25cm;background:lightgrey;}
   15% {height:4.16cm; width: 12cm;background:lightgrey; font-size: 24px;}
     20% {height:4.16cm; width: 12cm;background:lightgrey; font-size: 24px;}
   30% {height:5cm; width: 10cm;background:lightblue;}
    35% {height:5cm; width: 10cm;background:lightblue;}
   50% {height:7.07cm; width: 7.07cm;background:lightblue; font-size: 36px;}
    55% {height:7.07cm; width: 7.07cm;background:lightblue; font-size: 36px;}
   65% {height:10cm; width: 5cm;background:lightblue;}
    70% {height:10cm; width: 5cm;background:lightblue;}
   80% {height:12.5cm; width: 4cm;background:lightgrey; font-size: 24px;}
    85% {height:12.5cm; width: 4cm;background:lightgrey; font-size: 24px;}
   95% {height:25cm; width: 2cm;background:lightgrey;}
  100% {height:25cm; width: 2cm;background:lightgrey;}
}
@keyframes bht50 {
      0% {height:0cm; width: 0cm;}
    2% {height:2cm; width: 25cm;background:lightgrey;}
    5% {height:2cm; width: 25cm;background:lightgrey;}
   15% {height:4.16cm; width: 12cm;background:lightgrey; font-size: 24px;}
     20% {height:4.16cm; width: 12cm;background:lightgrey; font-size: 24px;}
   30% {height:5cm; width: 10cm;background:lightblue;}
    35% {height:5cm; width: 10cm;background:lightblue;}
   50% {height:7.07cm; width: 7.07cm;background:lightblue; font-size: 36px;}
    55% {height:7.07cm; width: 7.07cm;background:lightblue; font-size: 36px;}
   65% {height:10cm; width: 5cm;background:lightblue;}
    70% {height:10cm; width: 5cm;background:lightblue;}
   80% {height:12.5cm; width: 4cm;background:lightgrey; font-size: 24px;}
    85% {height:12.5cm; width: 4cm;background:lightgrey; font-size: 24px;}
   95% {height:25cm; width: 2cm;background:lightgrey;}
  100% {height:25cm; width: 2cm;background:lightgrey;}
}
/* --------------------------------------------------end------50 baht----------*/
/* --------------------------------------------------start----60 baht----------*/
#bht60 {font-weight: 900;}
#bht60:active + #bht60a {height: 7.75cm; width: 7.75cm; border: 1px solid red; position: absolute; top: 0px; box-shadow: 2px 2px 2px red;}
#bht60:active {color: black;
	    position:absolute; z-index: 4; top: 0px;
    border: 1px solid gold; box-shadow: inset 0px 0px 1px black, inset 0px 0px 2px gold, inset 0px 0px 2px gold;
    -webkit-animation: bht60 12s linear;   
	    animation: bht60 12s linear;  
}
@-webkit-keyframes bht60 {
    0% {height:0cm; width: 0cm;}
    2% {height:2cm; width: 30cm;background:lightgrey;}
    5% {height:2cm; width: 30cm;background:lightgrey;}
   15% {height:5cm; width: 12cm;background:lightgrey; font-size: 24px;}
    20% {height:5cm; width: 12cm;background:lightgrey; font-size: 24px;}
   30% {height:6cm; width: 10cm;background:lightblue;}
    35% {height:6cm; width: 10cm;background:lightblue;}
   50% {height:7.75cm; width: 7.75cm;background:lightblue; font-size: 36px;}
     55% {height:7.75cm; width: 7.75cm;background:lightblue; font-size: 36px;}
   65% {height:10cm; width: 6cm;background:lightblue;}
    70% {height:10cm; width: 6cm;background:lightblue;}
   80% {height:12cm; width: 5cm;background:lightgrey; font-size: 24px;}
     85% {height:12cm; width: 5cm;background:lightgrey; font-size: 24px;}
   95% {height:30cm; width: 2cm;background:lightgrey;}
  100% {height:30cm; width: 2cm;background:lightgrey;}
}
@keyframes bht60 {
   0% {height:0cm; width: 0cm;}
    2% {height:2cm; width: 30cm;background:lightgrey;}
    5% {height:2cm; width: 30cm;background:lightgrey;}
   15% {height:5cm; width: 12cm;background:lightgrey; font-size: 24px;}
    20% {height:5cm; width: 12cm;background:lightgrey; font-size: 24px;}
   30% {height:6cm; width: 10cm;background:lightblue;}
    35% {height:6cm; width: 10cm;background:lightblue;}
   50% {height:7.75cm; width: 7.75cm;background:lightblue; font-size: 36px;}
     55% {height:7.75cm; width: 7.75cm;background:lightblue; font-size: 36px;}
   65% {height:10cm; width: 6cm;background:lightblue;}
    70% {height:10cm; width: 6cm;background:lightblue;}
   80% {height:12cm; width: 5cm;background:lightgrey; font-size: 24px;}
     85% {height:12cm; width: 5cm;background:lightgrey; font-size: 24px;}
   95% {height:30cm; width: 2cm;background:lightgrey;}
  100% {height:30cm; width: 2cm;background:lightgrey;}
}
/* --------------------------------------------------end------60 baht----------*/
/* --------------------------------------------------start------70 baht----------*/
#bht70 {font-weight: 900;}
#bht70:active + #bht70a {height: 8.36cm; width: 8.36cm; border: 1px solid red; position: absolute; top: 0px; box-shadow: 2px 2px 2px red;}
#bht70:active {color: black;
	    position:absolute; z-index: 4; top: 0px;
    border: 1px solid gold; box-shadow: inset 0px 0px 1px black, inset 0px 0px 2px gold, inset 0px 0px 2px gold;
    -webkit-animation: bht70 12s linear;   
	    animation: bht70 12s linear;  
}
@-webkit-keyframes bht70 {
    0% {height:0cm; width: 0cm;}
    2% {height:2cm; width: 35cm;background:lightgrey;}
    5% {height:2cm; width: 35cm;background:lightgrey;}
   15% {height:5.83cm; width: 12cm;background:lightgrey; font-size: 24px;}
    20% {height:5.83cm; width: 12cm;background:lightgrey; font-size: 24px;}
   30% {height:7cm; width: 10cm;background:lightblue;}
    35% {height:7cm; width: 10cm;background:lightblue;}
   50% {height:8.36cm; width: 8.36cm;background:lightblue; font-size: 36px;}
    55% {height:8.36cm; width: 8.36cm;background:lightblue; font-size: 36px;}
   65% {height:10cm; width: 7cm;background:lightblue;}
    70% {height:10cm; width: 7cm;background:lightblue;}
   80% {height:11.66cm; width: 5cm;background:lightgrey; font-size: 24px;}
    85% {height:11.66cm; width: 5cm;background:lightgrey; font-size: 24px;}
   95% {height:35cm; width: 2cm;background:lightgrey;}
  100% {height:35cm; width: 2cm;background:lightgrey;}
}
@keyframes bht70 {
   0% {height:0cm; width: 0cm;}
    2% {height:2cm; width: 35cm;background:lightgrey;}
    5% {height:2cm; width: 35cm;background:lightgrey;}
   15% {height:5.83cm; width: 12cm;background:lightgrey; font-size: 24px;}
    20% {height:5.83cm; width: 12cm;background:lightgrey; font-size: 24px;}
   30% {height:7cm; width: 10cm;background:lightblue;}
    35% {height:7cm; width: 10cm;background:lightblue;}
   50% {height:8.36cm; width: 8.36cm;background:lightblue; font-size: 36px;}
    55% {height:8.36cm; width: 8.36cm;background:lightblue; font-size: 36px;}
   65% {height:10cm; width: 7cm;background:lightblue;}
    70% {height:10cm; width: 7cm;background:lightblue;}
   80% {height:11.66cm; width: 5cm;background:lightgrey; font-size: 24px;}
    85% {height:11.66cm; width: 5cm;background:lightgrey; font-size: 24px;}
   95% {height:35cm; width: 2cm;background:lightgrey;}
  100% {height:35cm; width: 2cm;background:lightgrey;}
}
/* --------------------------------------------------end------70 baht----------*/
/* --------------------------------------------------start------80 baht----------*/
#bht80 {font-weight: 900;}
#bht80:active + #bht80a {height: 8.94cm; width: 8.94cm; border: 1px solid red; position: absolute; top: 0px; box-shadow: 2px 2px 2px red;}
#bht80:active {color: black;
	    position:absolute; z-index: 4; top: 0px;
    border: 1px solid gold; box-shadow: inset 0px 0px 1px black, inset 0px 0px 2px gold, inset 0px 0px 2px gold;
    -webkit-animation: bht80 12s linear;   
	    animation: bht80 12s linear;  
}
@-webkit-keyframes bht80 {
    0% {height:0cm; width: 0cm;}
    2% {height:2cm; width: 40cm;background:lightgrey;}
   5% {height:2cm; width: 40cm;background:lightgrey;}
   15% {height:5.33cm; width: 15cm;background:lightgrey; font-size: 24px;}
    20% {height:5.33cm; width: 15cm;background:lightgrey; font-size: 24px;}
   30% {height:7.27cm; width: 11cm;background:lightblue;}
    35% {height:7.27cm; width: 11cm;background:lightblue;}
   50% {height:8.94cm; width: 8.94cm;background:lightblue; font-size: 36px;}
    55% {height:8.94cm; width: 8.94cm;background:lightblue; font-size: 36px;}
   65% {height:11.43cm; width: 7cm;background:lightblue;}
    70% {height:11.43cm; width: 7cm;background:lightblue;}
   80% {height:16cm; width: 5cm;background:lightgrey; font-size: 24px;}
    85% {height:16cm; width: 5cm;background:lightgrey; font-size: 24px;}
   95% {height:40cm; width: 2cm;background:lightgrey;}
  100% {height:40cm; width: 2cm;background:lightgrey;}
}
@keyframes bht80 {
    0% {height:0cm; width: 0cm;}
    2% {height:2cm; width: 40cm;background:lightgrey;}
   5% {height:2cm; width: 40cm;background:lightgrey;}
   15% {height:5.33cm; width: 15cm;background:lightgrey; font-size: 24px;}
    20% {height:5.33cm; width: 15cm;background:lightgrey; font-size: 24px;}
   30% {height:7.27cm; width: 11cm;background:lightblue;}
    35% {height:7.27cm; width: 11cm;background:lightblue;}
   50% {height:8.94cm; width: 8.94cm;background:lightblue; font-size: 36px;}
    55% {height:8.94cm; width: 8.94cm;background:lightblue; font-size: 36px;}
   65% {height:11.43cm; width: 7cm;background:lightblue;}
    70% {height:11.43cm; width: 7cm;background:lightblue;}
   80% {height:16cm; width: 5cm;background:lightgrey; font-size: 24px;}
    85% {height:16cm; width: 5cm;background:lightgrey; font-size: 24px;}
   95% {height:40cm; width: 2cm;background:lightgrey;}
  100% {height:40cm; width: 2cm;background:lightgrey;}
}
/* --------------------------------------------------end------80 baht----------*/
/* --------------------------------------------------start------90 baht----------*/
#bht90 {font-weight: 900;}
#bht90:active + #bht90a {height: 9.49cm; width: 9.49cm; border: 1px solid red; position: absolute; top: 0px; box-shadow: 2px 2px 2px red;}
#bht90:active {color: black;
	    position:absolute; z-index: 4; top: 0px;
    border: 1px solid gold; box-shadow: inset 0px 0px 1px black, inset 0px 0px 2px gold, inset 0px 0px 2px gold;
    -webkit-animation: bht90 12s linear;   
	    animation: bht90 12s linear;  
}
@-webkit-keyframes bht90 {
    0% {height:0cm; width: 0cm;}
    2% {height:2cm; width: 45cm; background: lightgrey;}
   5% {height:2cm; width: 45cm; background: lightgrey;}
   15% {height:5.63cm; width: 16cm; background: lightgrey; font-size: 24px;}
    20% {height:5.63cm; width: 16cm; background: lightgrey; font-size: 24px;}
   30% {height:6.92cm; width: 13cm; background: lightblue;}
    35% {height:6.92cm; width: 13cm; background: lightblue;}
   50% {height:9.49cm; width: 9.49cm; background: lightblue; font-size: 36px;}
    55% {height:9.49cm; width: 9.49cm; background: lightblue; font-size: 36px;}
   65% {height:12.86cm; width: 7cm; background: lightblue;}
    70% {height:12.86cm; width: 7cm; background: lightblue;}
   80% {height:15cm; width: 6cm; background: lightgrey; font-size: 24px;}
    85% {height:15cm; width: 6cm; background: lightgrey; font-size: 24px;}
   95% {height:45cm; width: 2cm; background: lightgrey;}
  100% {height:45cm; width: 2cm; background: lightgrey;}
}
@keyframes bht90 {
    0% {height:0cm; width: 0cm;}
    2% {height:2cm; width: 45cm; background: lightgrey;}
   5% {height:2cm; width: 45cm; background: lightgrey;}
   15% {height:5.63cm; width: 16cm; background: lightgrey; font-size: 24px;}
    20% {height:5.63cm; width: 16cm; background: lightgrey; font-size: 24px;}
   30% {height:6.92cm; width: 13cm; background: lightblue;}
    35% {height:6.92cm; width: 13cm; background: lightblue;}
   50% {height:9.49cm; width: 9.49cm; background: lightblue; font-size: 36px;}
    55% {height:9.49cm; width: 9.49cm; background: lightblue; font-size: 36px;}
   65% {height:12.86cm; width: 7cm; background: lightblue;}
    70% {height:12.86cm; width: 7cm; background: lightblue;}
   80% {height:15cm; width: 6cm; background: lightgrey; font-size: 24px;}
    85% {height:15cm; width: 6cm; background: lightgrey; font-size: 24px;}
   95% {height:45cm; width: 2cm; background: lightgrey;}
  100% {height:45cm; width: 2cm; background: lightgrey;}
}
/* --------------------------------------------------end------90 baht----------*/
/* --------------------------------------------------start------100 baht----------*/
#bht100 {font-weight: 900;}
#bht100:active + #bht100a {height: 10cm; width: 10cm; border: 1px solid red; position: absolute; top: 0px; box-shadow: 2px 2px 2px red;}
#bht100:active {color: black;
	    position:absolute; z-index: 4; top: 0px;
    zborder: 1px solid gold; box-shadow: inset 0px 0px 1px black, inset 0px 0px 2px gold, inset 0px 0px 2px gold;
    -webkit-animation: bht100 12s linear;   
	    animation: bht100 12s linear;  
}
@-webkit-keyframes bht100 {
    0% {height:0cm; width: 0cm;}
    2% {height:2cm; width: 50cm; background: lightgrey;}
   5% {height:2cm; width: 50cm; background: lightgrey;}
   15% {height:5.88cm; width: 17cm; background: lightgrey; font-size: 24px;}
    20% {height:5.88cm; width: 17cm; background: lightgrey; font-size: 24px;}
   30% {height:7.14cm; width: 14cm; background: lightblue;}
    35% {height:7.14cm; width: 14cm; background: lightblue;}
   50% {height:10cm; width: 10cm; background: lightblue; font-size: 36px;}
    55% {height:10cm; width: 10cm; background: lightblue; font-size: 36px;}
   65% {height:14.29cm; width: 7cm; background: lightblue;}
    70% {height:14.29cm; width: 7cm; background: lightblue;}
   80% {height:16.66cm; width: 6cm; background: lightgrey; font-size: 24px;}
    85% {height:16.66cm; width: 6cm; background: lightgrey; font-size: 24px;}
   95% {height:50cm; width: 2cm; background: lightgrey;}
  100% {height:50cm; width: 2cm; background: lightgrey;}
}
@keyframes bht100 {
    0% {height:0cm; width: 0cm;}
    2% {height:2cm; width: 50cm; background: lightgrey;}
   5% {height:2cm; width: 50cm; background: lightgrey;}
   15% {height:5.88cm; width: 17cm; background: lightgrey; font-size: 24px;}
    20% {height:5.88cm; width: 17cm; background: lightgrey; font-size: 24px;}
   30% {height:7.14cm; width: 14cm; background: lightblue;}
    35% {height:7.14cm; width: 14cm; background: lightblue;}
   50% {height:10cm; width: 10cm; background: lightblue; font-size: 36px;}
    55% {height:10cm; width: 10cm; background: lightblue; font-size: 36px;}
   65% {height:14.29cm; width: 7cm; background: lightblue;}
    70% {height:14.29cm; width: 7cm; background: lightblue;}
   80% {height:16.66cm; width: 6cm; background: lightgrey; font-size: 24px;}
    85% {height:16.66cm; width: 6cm; background: lightgrey; font-size: 24px;}
   95% {height:50cm; width: 2cm; background: lightgrey;}
  100% {height:50cm; width: 2cm; background: lightgrey;}
}
/* --------------------------------------------------end------100 baht----------*/
/* --------------------------------------------------start------110 baht----------*/
#bht110 {font-weight: 900;}
#bht110:active + #bht110a {height: 10.5cm; width: 10.5cm; border: 1px solid red; position: absolute; top: 0px; box-shadow: 2px 2px 2px red;}
#bht110:active {color: black;
	    position:absolute; z-index: 4; top: 0px;
    border: 1px solid gold; box-shadow: inset 0px 0px 1px black, inset 0px 0px 2px gold, inset 0px 0px 2px gold;
    -webkit-animation: bht110 12s linear;   
	    animation: bht110 12s linear;  
}
@-webkit-keyframes bht110 {
   0% {height:0cm; width: 0cm;}
    2% {height:2cm; width: 55cm; background: lightgrey;}
   5% {height:2cm; width: 55cm; background: lightgrey;}
   15% {height:6.11cm; width: 18cm; background: lightgrey; font-size: 24px;}
     20% {height:6.11cm; width: 18cm; background: lightgrey; font-size: 24px;}
   30% {height:8.46cm; width: 13cm; background: lightblue;}
    35% {height:8.46cm; width: 13cm; background: lightblue;}
   50% {height:10.5cm; width: 10.5cm; background: lightblue; font-size: 36px;}
    55% {height:10.5cm; width: 10.5cm; background: lightblue; font-size: 36px;}
   65% {height:13.75cm; width: 8cm; background: lightblue;}
    70% {height:13.75cm; width: 8cm; background: lightblue;}
   80% {height:18.33cm; width: 6cm; background: lightgrey; font-size: 24px;}
    85% {height:18.33cm; width: 6cm; background: lightgrey; font-size: 24px;}
   95% {height:55cm; width: 2cm; background: lightgrey;}
  100% {height:55cm; width: 2cm; background: lightgrey;}
}
@keyframes bht110 {
   0% {height:0cm; width: 0cm;}
    2% {height:2cm; width: 55cm; background: lightgrey;}
   5% {height:2cm; width: 55cm; background: lightgrey;}
   15% {height:6.11cm; width: 18cm; background: lightgrey; font-size: 24px;}
     20% {height:6.11cm; width: 18cm; background: lightgrey; font-size: 24px;}
   30% {height:8.46cm; width: 13cm; background: lightblue;}
    35% {height:8.46cm; width: 13cm; background: lightblue;}
   50% {height:10.5cm; width: 10.5cm; background: lightblue; font-size: 36px;}
    55% {height:10.5cm; width: 10.5cm; background: lightblue; font-size: 36px;}
   65% {height:13.75cm; width: 8cm; background: lightblue;}
    70% {height:13.75cm; width: 8cm; background: lightblue;}
   80% {height:18.33cm; width: 6cm; background: lightgrey; font-size: 24px;}
    85% {height:18.33cm; width: 6cm; background: lightgrey; font-size: 24px;}
   95% {height:55cm; width: 2cm; background: lightgrey;}
  100% {height:55cm; width: 2cm; background: lightgrey;}
}
/* --------------------------------------------------end------110 baht----------*/
/* --------------------------------------------------start------120 baht----------*/
#bht120 {font-weight: 900;}
#bht120:active + #bht120a {height: 10.95cm; width: 10.95cm; border: 1px solid red; position: absolute; top: 0px; box-shadow: 2px 2px 2px red;}
#bht120:active {color: black;
	    position:absolute; z-index: 4; top: 0px;
    border: 1px solid gold; box-shadow: inset 0px 0px 1px black, inset 0px 0px 2px gold, inset 0px 0px 2px gold;
    -webkit-animation: bht120 12s linear;   
	    animation: bht120 12s linear;  
}
@-webkit-keyframes bht120 {
    0% {height:0cm; width: 0cm;}
    2% {height:2cm; width: 60cm; background: lightgrey;}
   5% {height:2cm; width: 60cm; background: lightgrey;}
   15% {height:6.66cm; width: 18cm; background: lightgrey; font-size: 24px;}
    20% {height:6.66cm; width: 18cm; background: lightgrey; font-size: 24px;}
   30% {height:8.57cm; width: 14cm; background: lightblue;}
    35% {height:8.57cm; width: 14cm; background: lightblue;}
   50% {height:10.95cm; width: 10.95cm; background: lightblue; font-size: 36px;}
    55% {height:10.95cm; width: 10.95cm; background: lightblue; font-size: 36px;}
   65% {height:15cm; width: 8cm; background: lightblue;}
     70% {height:15cm; width: 8cm; background: lightblue;}
   80% {height:20cm; width: 6cm; background: lightgrey; font-size: 24px;}
    85% {height:20cm; width: 6cm; background: lightgrey; font-size: 24px;}
   95% {height:60cm; width: 2cm; background: lightgrey;}
  100% {height:60cm; width: 2cm; background: lightgrey;}
}
@keyframes bht120 {
     0% {height:0cm; width: 0cm;}
    2% {height:2cm; width: 60cm; background: lightgrey;}
   5% {height:2cm; width: 60cm; background: lightgrey;}
   15% {height:6.66cm; width: 18cm; background: lightgrey; font-size: 24px;}
    20% {height:6.66cm; width: 18cm; background: lightgrey; font-size: 24px;}
   30% {height:8.57cm; width: 14cm; background: lightblue;}
    35% {height:8.57cm; width: 14cm; background: lightblue;}
   50% {height:10.95cm; width: 10.95cm; background: lightblue; font-size: 36px;}
    55% {height:10.95cm; width: 10.95cm; background: lightblue; font-size: 36px;}
   65% {height:15cm; width: 8cm; background: lightblue;}
     70% {height:15cm; width: 8cm; background: lightblue;}
   80% {height:20cm; width: 6cm; background: lightgrey; font-size: 24px;}
    85% {height:20cm; width: 6cm; background: lightgrey; font-size: 24px;}
   95% {height:60cm; width: 2cm; background: lightgrey;}
  100% {height:60cm; width: 2cm; background: lightgrey;}
}
/* --------------------------------------------------end------120 baht----------*/
/* --------------------------------------------------start------130 baht----------*/
#bht130 {font-weight: 900;}
#bht130:active + #bht130a {height: 11.4cm; width: 11.4cm; border: 1px solid red; position: absolute; top: 0px; box-shadow: 2px 2px 2px red;}
#bht130:active {color: black;
	    position:absolute; z-index: 4; top: 0px;
    border: 1px solid gold; box-shadow: inset 0px 0px 1px black, inset 0px 0px 2px gold, inset 0px 0px 2px gold;
    -webkit-animation: bht130 12s linear;   
	    animation: bht130 12s linear;  
}
@-webkit-keyframes bht130 {
    0% {height:0cm; width: 0cm;}
    2% {height:2cm; width: 65cm; background: lightgrey;}
   5% {height:2cm; width: 65cm; background: lightgrey;}
   15% {height:6.84cm; width: 19cm; background: lightgrey; font-size: 24px;}
    20% {height:6.84cm; width: 19cm; background: lightgrey; font-size: 24px;}
   30% {height:9.28cm; width: 14cm; background: lightblue;}
    35% {height:9.28cm; width: 14cm; background: lightblue;}
   50% {height:11.4cm; width: 11.4cm; background: lightblue; font-size: 36px;}
    55% {height:11.4cm; width: 11.4cm; background: lightblue; font-size: 36px;}
   65% {height:16.25cm; width: 8cm; background: lightblue;}
    70% {height:16.25cm; width: 8cm; background: lightblue;}
   80% {height:21.66cm; width: 6cm; background: lightgrey; font-size: 24px;}
    85% {height:21.66cm; width: 6cm; background: lightgrey; font-size: 24px;}
   95% {height:65cm; width: 2cm; background: lightgrey;}
  100% {height:65cm; width: 2cm; background: lightgrey;}
}
@keyframes bht130 {
    0% {height:0cm; width: 0cm;}
    2% {height:2cm; width: 65cm; background: lightgrey;}
   5% {height:2cm; width: 65cm; background: lightgrey;}
   15% {height:6.84cm; width: 19cm; background: lightgrey; font-size: 24px;}
    20% {height:6.84cm; width: 19cm; background: lightgrey; font-size: 24px;}
   30% {height:9.28cm; width: 14cm; background: lightblue;}
    35% {height:9.28cm; width: 14cm; background: lightblue;}
   50% {height:11.4cm; width: 11.4cm; background: lightblue; font-size: 36px;}
    55% {height:11.4cm; width: 11.4cm; background: lightblue; font-size: 36px;}
   65% {height:16.25cm; width: 8cm; background: lightblue;}
    70% {height:16.25cm; width: 8cm; background: lightblue;}
   80% {height:21.66cm; width: 6cm; background: lightgrey; font-size: 24px;}
    85% {height:21.66cm; width: 6cm; background: lightgrey; font-size: 24px;}
   95% {height:65cm; width: 2cm; background: lightgrey;}
  100% {height:65cm; width: 2cm; background: lightgrey;}
}
/* --------------------------------------------------end------130 baht----------*/
/* --------------------------------------------------start------140 baht----------*/
#bht140 {font-weight: 900;}
#bht140:active + #bht140a {height: 11.83cm; width: 11.83cm; border: 1px solid red; position: absolute; top: 0px; box-shadow: 2px 2px 2px red;}
#bht140:active {color: black;
	    position:absolute; z-index: 4; top: 0px;
    border: 1px solid gold; box-shadow: inset 0px 0px 1px black, inset 0px 0px 2px gold, inset 0px 0px 2px gold;
    -webkit-animation: bht140 12s linear;   
	    animation: bht140 12s linear;  
}
@-webkit-keyframes bht140 {
    0% {height:0cm; width: 0cm;}
    2% {height:2cm; width: 70cm; background: lightgrey;}
   5% {height:2cm; width: 70cm; background: lightgrey;}
   15% {height:7cm; width: 20cm; background: lightgrey; font-size: 24px;}
    20% {height:7cm; width: 20cm; background: lightgrey; font-size: 24px;}
   30% {height:8.75cm; width: 16cm; background: lightblue;}
    35% {height:8.75cm; width: 16cm; background: lightblue;}
   50% {height:11.83cm; width: 11.83cm; background: lightblue; font-size: 36px;}
    55% {height:11.83cm; width: 11.83cm; background: lightblue; font-size: 36px;}
   65% {height:17.5cm; width: 8cm; background: lightblue;}
    70% {height:17.5cm; width: 8cm; background: lightblue;}
   80% {height:23.33cm; width: 6cm; background: lightgrey; font-size: 24px;}
    85% {height:23.33cm; width: 6cm; background: lightgrey; font-size: 24px;}
   95% {height:70cm; width: 2cm; background: lightgrey;}
  100% {height:70cm; width: 2cm; background: lightgrey;}
}
@keyframes bht140 {
     0% {height:0cm; width: 0cm;}
    2% {height:2cm; width: 70cm; background: lightgrey;}
   5% {height:2cm; width: 70cm; background: lightgrey;}
   15% {height:7cm; width: 20cm; background: lightgrey; font-size: 24px;}
    20% {height:7cm; width: 20cm; background: lightgrey; font-size: 24px;}
   30% {height:8.75cm; width: 16cm; background: lightblue;}
    35% {height:8.75cm; width: 16cm; background: lightblue;}
   50% {height:11.83cm; width: 11.83cm; background: lightblue; font-size: 36px;}
    55% {height:11.83cm; width: 11.83cm; background: lightblue; font-size: 36px;}
   65% {height:17.5cm; width: 8cm; background: lightblue;}
    70% {height:17.5cm; width: 8cm; background: lightblue;}
   80% {height:23.33cm; width: 6cm; background: lightgrey; font-size: 24px;}
    85% {height:23.33cm; width: 6cm; background: lightgrey; font-size: 24px;}
   95% {height:70cm; width: 2cm; background: lightgrey;}
  100% {height:70cm; width: 2cm; background: lightgrey;}
}
/* --------------------------------------------------end------140 baht----------*/
/* --------------------------------------------------start------150 baht----------*/
#bht150 {font-weight: 900;}
#bht150:active + #bht150a {height: 12.25cm; width: 12.25cm; border: 1px solid red; position: absolute; top: 0px; box-shadow: 2px 2px 2px red;}
#bht150:active {color: black;
	    position:absolute; z-index: 4; top: 0px;
    border: 1px solid gold; box-shadow: inset 0px 0px 1px black, inset 0px 0px 2px gold, inset 0px 0px 2px gold;
    -webkit-animation: bht150 12s linear;   
	    animation: bht150 12s linear;  
}
@-webkit-keyframes bht150 {
    0% {height:0cm; width: 0cm;}
    2% {height:2cm; width: 75cm; background: lightgrey;}
   5% {height:2cm; width: 75cm; background: lightgrey;}
   15% {height:7.5cm; width: 20cm; background: lightgrey; font-size: 24px;}
  20% {height:7.5cm; width: 20cm; background: lightgrey; font-size: 24px;}
   30% {height:9.38cm; width: 16cm; background: lightblue;}
  35% {height:9.38cm; width: 16cm; background: lightblue;}
   50% {height:12.25cm; width: 12.25cm; background: lightblue; font-size: 36px;}
   55% {height:12.25cm; width: 12.25cm; background: lightblue; font-size: 36px;}
   65% {height:18.75cm; width: 8cm; background: lightblue;}
   70% {height:18.76cm; width: 8cm; background: lightblue;}
   80% {height:25cm; width: 6cm; background: lightgrey; font-size: 24px;}
   85% {height:25cm; width: 6cm; background: lightgrey; font-size: 24px;}
   95% {height:75cm; width: 2cm; background: lightgrey;}
  100% {height:75cm; width: 2cm; background: lightgrey;}
}
@keyframes bht150 {
    0% {height:0cm; width: 0cm;}
    2% {height:2cm; width: 75cm; background: lightgrey;}
   5% {height:2cm; width: 75cm; background: lightgrey;}
   15% {height:7.5cm; width: 20cm; background: lightgrey; font-size: 24px;}
  20% {height:7.5cm; width: 20cm; background: lightgrey; font-size: 24px;}
   30% {height:9.38cm; width: 16cm; background: lightblue;}
  35% {height:9.38cm; width: 16cm; background: lightblue;}
   50% {height:12.25cm; width: 12.25cm; background: lightblue; font-size: 36px;}
   55% {height:12.25cm; width: 12.25cm; background: lightblue; font-size: 36px;}
   65% {height:18.75cm; width: 8cm; background: lightblue;}
   70% {height:18.76cm; width: 8cm; background: lightblue;}
   80% {height:25cm; width: 6cm; background: lightgrey; font-size: 24px;}
   85% {height:25cm; width: 6cm; background: lightgrey; font-size: 24px;}
   95% {height:75cm; width: 2cm; background: lightgrey;}
  100% {height:75cm; width: 2cm; background: lightgrey;}
}
/* --------------------------------------------------end------150 baht----------*/
/* --------------------------------------------------start------160 baht----------*/
#bht160 {font-weight: 900;}
#bht160:active + #bht160a {height: 12.65cm; width: 12.65cm; border: 1px solid red; position: absolute; top: 0px; box-shadow: 2px 2px 2px red;}
#bht160:active {color: black;
	    position:absolute; z-index: 4; top: 0px;
    border: 1px solid gold; box-shadow: inset 0px 0px 1px black, inset 0px 0px 2px gold, inset 0px 0px 2px gold;
    -webkit-animation: bht160 12s linear;   
	    animation: bht160 12s linear;  
}
@-webkit-keyframes bht160 {
     0% {height:0cm; width: 0cm;}
    2% {height:2cm; width: 80cm; background: lightgrey;}
   5% {height:2cm; width: 80cm; background: lightgrey;}
   15% {height:8cm; width: 20cm; background: lightgrey; font-size: 24px;}
  20% {height:8cm; width: 20cm; background: lightgrey; font-size: 24px;}
   30% {height:10cm; width: 16cm; background: lightblue;}
 35% {height:10cm; width: 16cm; background: lightblue;}
   50% {height:12.65cm; width: 12.65cm; background: lightblue; font-size: 36px;}
   55% {height:12.65cm; width: 12.65cm; background: lightblue; font-size: 36px;}
   65% {height:16cm; width: 8cm; background: lightblue;}
  70% {height:16cm; width: 8cm; background: lightblue;}
   80% {height:26.66cm; width: 6cm; background: lightgrey; font-size: 24px;}
  85% {height:26.66cm; width: 6cm; background: lightgrey; font-size: 24px;}
   95% {height:80cm; width: 2cm; background: lightgrey;}
  100% {height:80cm; width: 2cm; background: lightgrey;}
}
@keyframes bht160 {
      0% {height:0cm; width: 0cm;}
    2% {height:2cm; width: 80cm; background: lightgrey;}
   5% {height:2cm; width: 80cm; background: lightgrey;}
   15% {height:8cm; width: 20cm; background: lightgrey; font-size: 24px;}
  20% {height:8cm; width: 20cm; background: lightgrey; font-size: 24px;}
   30% {height:10cm; width: 16cm; background: lightblue;}
 35% {height:10cm; width: 16cm; background: lightblue;}
   50% {height:12.65cm; width: 12.65cm; background: lightblue; font-size: 36px;}
   55% {height:12.65cm; width: 12.65cm; background: lightblue; font-size: 36px;}
   65% {height:16cm; width: 8cm; background: lightblue;}
  70% {height:16cm; width: 8cm; background: lightblue;}
   80% {height:26.66cm; width: 6cm; background: lightgrey; font-size: 24px;}
  85% {height:26.66cm; width: 6cm; background: lightgrey; font-size: 24px;}
   95% {height:80cm; width: 2cm; background: lightgrey;}
  100% {height:80cm; width: 2cm; background: lightgrey;}
}
/* --------------------------------------------------end------160 baht----------*/
/* --------------------------------------------------start------170 baht----------*/
#bht170 {font-weight: 900;}
#bht170:active + #bht170a {height: 13.03cm; width: 13.03cm; border: 1px solid red; position: absolute; top: 0px; box-shadow: 2px 2px 2px red;}
#bht170:active {color: black;
	    position:absolute; z-index: 4; top: 0px;
    border: 1px solid gold; box-shadow: inset 0px 0px 1px black, inset 0px 0px 2px gold, inset 0px 0px 2px gold;
    -webkit-animation: bht170 12s linear;   
	    animation: bht170 12s linear;  
}
@-webkit-keyframes bht170 {
    0% {height:0cm; width: 0cm;}
    2% {height:2cm; width: 85cm; background: lightgrey;}
   5% {height:2cm; width: 85cm; background: lightgrey;}
   15% {height:7.73cm; width: 22cm; background: lightgrey; font-size: 24px;}
 20% {height:7.73cm; width: 22cm; background: lightgrey; font-size: 24px;}
   30% {height:9.44cm; width: 18cm; background: lightblue;}
 35% {height:9.44cm; width: 18cm; background: lightblue;}
   50% {height:13.03cm; width: 13.03cm; background: lightblue; font-size: 36px;}
   55% {height:13.03cm; width: 13.03cm; background: lightblue; font-size: 36px;}
   65% {height:21.25cm; width: 8cm; background: lightblue;}
  70% {height:21.25cm; width: 8cm; background: lightblue;}
   80% {height:28.33cm; width: 6cm; background: lightgrey; font-size: 24px;}
  85% {height:28.33cm; width: 6cm; background: lightgrey; font-size: 24px;}
   95% {height:85cm; width: 2cm; background: lightgrey;}
  100% {height:85cm; width: 2cm; background: lightgrey;}
}
@keyframes bht170 {
   0% {height:0cm; width: 0cm;}
    2% {height:2cm; width: 85cm; background: lightgrey;}
   5% {height:2cm; width: 85cm; background: lightgrey;}
   15% {height:7.73cm; width: 22cm; background: lightgrey; font-size: 24px;}
 20% {height:7.73cm; width: 22cm; background: lightgrey; font-size: 24px;}
   30% {height:9.44cm; width: 18cm; background: lightblue;}
 35% {height:9.44cm; width: 18cm; background: lightblue;}
   50% {height:13.03cm; width: 13.03cm; background: lightblue; font-size: 36px;}
   55% {height:13.03cm; width: 13.03cm; background: lightblue; font-size: 36px;}
   65% {height:21.25cm; width: 8cm; background: lightblue;}
  70% {height:21.25cm; width: 8cm; background: lightblue;}
   80% {height:28.33cm; width: 6cm; background: lightgrey; font-size: 24px;}
  85% {height:28.33cm; width: 6cm; background: lightgrey; font-size: 24px;}
   95% {height:85cm; width: 2cm; background: lightgrey;}
  100% {height:85cm; width: 2cm; background: lightgrey;}
}
/* --------------------------------------------------end------170 baht----------*/
/* --------------------------------------------------start------180 baht----------*/
#bht180 {font-weight: 900;}
#bht180:active + #bht180a {height: 13.42cm; width: 13.42cm; border: 1px solid red; position: absolute; top: 0px; box-shadow: 2px 2px 2px red;}
#bht180:active {color: black;
	    position:absolute; z-index: 4; top: 0px;
    border: 1px solid gold; box-shadow: inset 0px 0px 1px black, inset 0px 0px 2px gold, inset 0px 0px 2px gold;
    -webkit-animation: bht180 12s linear;   
	    animation: bht180 12s linear;  
}
@-webkit-keyframes bht180 {
    0% {height:0cm; width: 0cm;}
    2% {height:2cm; width: 90cm; background: lightgrey;}
   5% {height:2cm; width: 90cm; background: lightgrey;}
   15% {height:8.18cm; width: 22cm; background: lightgrey; font-size: 24px;}
20% {height:8.18cm; width: 22cm; background: lightgrey; font-size: 24px;}
   30% {height:10cm; width: 18cm; background: lightblue;}
  35% {height:10cm; width: 18cm; background: lightblue;}
   50% {height:13.42cm; width: 13.42cm; background: lightblue; font-size: 36px;}
  55% {height:13.42cm; width: 13.42cm; background: lightblue; font-size: 36px;}
   65% {height:22.5cm; width: 8cm; background: lightblue;}
  70% {height:22.5cm; width: 8cm; background: lightblue;}
   80% {height:30cm; width: 6cm; background: lightgrey; font-size: 24px;}
  85% {height:30cm; width: 6cm; background: lightgrey; font-size: 24px;}
   95% {height:90cm; width: 2cm; background: lightgrey;}
  100% {height:90cm; width: 2cm; background: lightgrey;}
}
@keyframes bht180 {
   0% {height:0cm; width: 0cm;}
    2% {height:2cm; width: 90cm; background: lightgrey;}
   5% {height:2cm; width: 90cm; background: lightgrey;}
   15% {height:8.18cm; width: 22cm; background: lightgrey; font-size: 24px;}
20% {height:8.18cm; width: 22cm; background: lightgrey; font-size: 24px;}
   30% {height:10cm; width: 18cm; background: lightblue;}
  35% {height:10cm; width: 18cm; background: lightblue;}
   50% {height:13.42cm; width: 13.42cm; background: lightblue; font-size: 36px;}
  55% {height:13.42cm; width: 13.42cm; background: lightblue; font-size: 36px;}
   65% {height:22.5cm; width: 8cm; background: lightblue;}
  70% {height:22.5cm; width: 8cm; background: lightblue;}
   80% {height:30cm; width: 6cm; background: lightgrey; font-size: 24px;}
  85% {height:30cm; width: 6cm; background: lightgrey; font-size: 24px;}
   95% {height:90cm; width: 2cm; background: lightgrey;}
  100% {height:90cm; width: 2cm; background: lightgrey;}
}
/* --------------------------------------------------end------180 baht----------*/
/* --------------------------------------------------start------190 baht----------*/
#bht190 {font-weight: 900;}
#bht190:active + #bht190a {height: 13.78cm; width: 13.78cm; border: 1px solid red; position: absolute; top: 0px; box-shadow: 2px 2px 2px red;}
#bht190:active {color: black;
	    position:absolute; z-index: 4; top: 0px;
    border: 1px solid gold; box-shadow: inset 0px 0px 1px black, inset 0px 0px 2px gold, inset 0px 0px 2px gold;
    -webkit-animation: bht190 12s linear;   
	    animation: bht190 12s linear;  
}
@-webkit-keyframes bht190 {
    0% {height:0cm; width: 0cm;}
    2% {height:2cm; width: 95cm; background: lightgrey;}
   5% {height:2cm; width: 95cm; background: lightgrey;}
   15% {height:8.64cm; width: 22cm; background: lightgrey; font-size: 24px;}
  20% {height:8.64cm; width: 22cm; background: lightgrey; font-size: 24px;}
   30% {height:10.56cm; width: 18cm; background: lightblue;}
   35% {height:10.56cm; width: 18cm; background: lightblue;}
   50% {height:13.78cm; width: 13.78cm; background: lightblue; font-size: 36px;}
 55% {height:13.78cm; width: 13.78cm; background: lightblue; font-size: 36px;}
   65% {height:23.75cm; width: 8cm; background: lightblue;}
  70% {height:23.75cm; width: 8cm; background: lightblue;}
   80% {height:31.66cm; width: 6cm; background: lightgrey; font-size: 24px;}
  85% {height:31.66cm; width: 6cm; background: lightgrey; font-size: 24px;}
   95% {height:95cm; width: 2cm; background: lightgrey;}
  100% {height:95cm; width: 2cm; background: lightgrey;}
}
@keyframes bht190 {
   0% {height:0cm; width: 0cm;}
    2% {height:2cm; width: 95cm; background: lightgrey;}
   5% {height:2cm; width: 95cm; background: lightgrey;}
   15% {height:8.64cm; width: 22cm; background: lightgrey; font-size: 24px;}
  20% {height:8.64cm; width: 22cm; background: lightgrey; font-size: 24px;}
   30% {height:10.56cm; width: 18cm; background: lightblue;}
   35% {height:10.56cm; width: 18cm; background: lightblue;}
   50% {height:13.78cm; width: 13.78cm; background: lightblue; font-size: 36px;}
 55% {height:13.78cm; width: 13.78cm; background: lightblue; font-size: 36px;}
   65% {height:23.75cm; width: 8cm; background: lightblue;}
  70% {height:23.75cm; width: 8cm; background: lightblue;}
   80% {height:31.66cm; width: 6cm; background: lightgrey; font-size: 24px;}
  85% {height:31.66cm; width: 6cm; background: lightgrey; font-size: 24px;}
   95% {height:95cm; width: 2cm; background: lightgrey;}
  100% {height:95cm; width: 2cm; background: lightgrey;}
}
/* --------------------------------------------------end------190 baht----------*/
/* --------------------------------------------------start------200 baht----------*/
#bht200 {font-weight: 900;}
#bht200:active + #bht200a {height: 14.14cm; width: 14.14cm; border: 1px solid red; position: absolute; top: 0px; box-shadow: 2px 2px 2px red;}
#bht200:active {color: black;
	    position:absolute; z-index: 4; top: 0px;
    border: 1px solid gold; box-shadow: inset 0px 0px 1px black, inset 0px 0px 2px gold, inset 0px 0px 2px gold;
    -webkit-animation: bht200 12s linear;   
	    animation: bht200 12s linear;  
}
@-webkit-keyframes bht200 {
    0% {height:0cm; width: 0cm;}
    2% {height:2cm; width: 100cm; background: lightgrey;}
   5% {height:2cm; width: 100cm; background: lightgrey;}
   15% {height:8.7cm; width: 23cm; background: lightgrey; font-size: 24px;}
 20% {height:8.7cm; width: 23cm; background: lightgrey; font-size: 24px;}
   30% {height:11.11cm; width: 18cm; background: lightblue;}
   35% {height:11.11cm; width: 18cm; background: lightblue;}
   50% {height:14.14cm; width: 14.14cm; background: lightblue; font-size: 36px;}
  55% {height:14.14cm; width: 14.14cm; background: lightblue; font-size: 36px;}
   65% {height:20cm; width: 10cm; background: lightblue;}
   70% {height:20cm; width: 10cm; background: lightblue;}
   80% {height:28.57cm; width: 7cm; background: lightgrey; font-size: 24px;}
  85% {height:28.57cm; width: 7cm; background: lightgrey; font-size: 24px;}
   95% {height:100cm; width: 2cm; background: lightgrey;}
  100% {height:100cm; width: 2cm; background: lightgrey;}
}
@keyframes bht200 {
    0% {height:0cm; width: 0cm;}
    2% {height:2cm; width: 100cm; background: lightgrey;}
   5% {height:2cm; width: 100cm; background: lightgrey;}
   15% {height:8.7cm; width: 23cm; background: lightgrey; font-size: 24px;}
 20% {height:8.7cm; width: 23cm; background: lightgrey; font-size: 24px;}
   30% {height:11.11cm; width: 18cm; background: lightblue;}
   35% {height:11.11cm; width: 18cm; background: lightblue;}
   50% {height:14.14cm; width: 14.14cm; background: lightblue; font-size: 36px;}
  55% {height:14.14cm; width: 14.14cm; background: lightblue; font-size: 36px;}
   65% {height:20cm; width: 10cm; background: lightblue;}
   70% {height:20cm; width: 10cm; background: lightblue;}
   80% {height:28.57cm; width: 7cm; background: lightgrey; font-size: 24px;}
  85% {height:28.57cm; width: 7cm; background: lightgrey; font-size: 24px;}
   95% {height:100cm; width: 2cm; background: lightgrey;}
  100% {height:100cm; width: 2cm; background: lightgrey;}
}
/* --------------------------------------------------end------200 baht----------*/
/* --------------------------------------------------start------210 baht----------*/
#bht210 {font-weight: 900;}
#bht210:active + #bht210a {height: 14.49cm; width: 14.49cm; border: 1px solid red; position: absolute; top: 0px; box-shadow: 2px 2px 2px red;}
#bht210:active {color: black;
	    position:absolute; z-index: 4; top: 0px;
    border: 1px solid gold; box-shadow: inset 0px 0px 1px black, inset 0px 0px 2px gold, inset 0px 0px 2px gold;
    -webkit-animation: bht210 12s linear;   
	    animation: bht210 12s linear;  
}
@-webkit-keyframes bht210 {
    0% {height:0cm; width: 0cm;}
    2% {height:2cm; width: 105cm; background: lightgrey;}
   5% {height:2cm; width: 105cm; background: lightgrey;}
   15% {height:9.13cm; width: 23cm; background: lightgrey; font-size: 24px;}
   20% {height:9.13cm; width: 23cm; background: lightgrey; font-size: 24px;}
   30% {height:11.66cm; width: 18cm; background: lightblue;}
  35% {height:11.66cm; width: 18cm; background: lightblue;}
   50% {height:14.49cm; width: 14.49cm; background: lightblue; font-size: 36px;}
 55% {height:14.49cm; width: 14.49cm; background: lightblue; font-size: 36px;}
   65% {height:21cm; width: 10cm; background: lightblue;}
 70% {height:21cm; width: 10cm; background: lightblue;}
   80% {height:30cm; width: 7cm; background: lightgrey; font-size: 24px;}
  85% {height:30cm; width: 7cm; background: lightgrey; font-size: 24px;}
   95% {height:105cm; width: 2cm; background: lightgrey;}
  100% {height:105cm; width: 2cm; background: lightgrey;}
}
@keyframes bht210 {
     0% {height:0cm; width: 0cm;}
    2% {height:2cm; width: 105cm; background: lightgrey;}
   5% {height:2cm; width: 105cm; background: lightgrey;}
   15% {height:9.13cm; width: 23cm; background: lightgrey; font-size: 24px;}
   20% {height:9.13cm; width: 23cm; background: lightgrey; font-size: 24px;}
   30% {height:11.66cm; width: 18cm; background: lightblue;}
  35% {height:11.66cm; width: 18cm; background: lightblue;}
   50% {height:14.49cm; width: 14.49cm; background: lightblue; font-size: 36px;}
 55% {height:14.49cm; width: 14.49cm; background: lightblue; font-size: 36px;}
   65% {height:21cm; width: 10cm; background: lightblue;}
 70% {height:21cm; width: 10cm; background: lightblue;}
   80% {height:30cm; width: 7cm; background: lightgrey; font-size: 24px;}
  85% {height:30cm; width: 7cm; background: lightgrey; font-size: 24px;}
   95% {height:105cm; width: 2cm; background: lightgrey;}
  100% {height:105cm; width: 2cm; background: lightgrey;}
}
/* --------------------------------------------------end------210 baht----------*/
/* --------------------------------------------------start------220 baht----------*/
#bht220 {font-weight: 900;}
#bht220:active + #bht220a {height: 14.83cm; width: 14.83cm; border: 1px solid red; position: absolute; top: 0px; box-shadow: 2px 2px 2px red;}
#bht220:active {color: black;
	    position:absolute; z-index: 4; top: 0px;
    border: 1px solid gold; box-shadow: inset 0px 0px 1px black, inset 0px 0px 2px gold, inset 0px 0px 2px gold;
    -webkit-animation: bht220 12s linear;   
	    animation: bht220 12s linear;  
}
@-webkit-keyframes bht220 {
    0% {height:0cm; width: 0cm;}
    2% {height:2cm; width: 110cm; background: lightgrey;}
   5% {height:2cm; width: 110cm; background: lightgrey;}
   15% {height:9.57cm; width: 23cm; background: lightgrey; font-size: 24px;}
 20% {height:9.57cm; width: 23cm; background: lightgrey; font-size: 24px;}
   30% {height:12.22cm; width: 18cm; background: lightblue;}
  35% {height:12.22cm; width: 18cm; background: lightblue;}
   50% {height:14.83cm; width: 14.83cm; background: lightblue; font-size: 36px;}
  55% {height:14.83cm; width: 14.83cm; background: lightblue; font-size: 36px;}
   65% {height:22cm; width: 10cm; background: lightblue;}
  70% {height:22cm; width: 10cm; background: lightblue;}
   80% {height:31.43cm; width: 7cm; background: lightgrey; font-size: 24px;}
 85% {height:31.43cm; width: 7cm; background: lightgrey; font-size: 24px;}
   95% {height:110cm; width: 2cm; background: lightgrey;}
  100% {height:110cm; width: 2cm; background: lightgrey;}
}
@keyframes bht220 {
    0% {height:0cm; width: 0cm;}
    2% {height:2cm; width: 110cm; background: lightgrey;}
   5% {height:2cm; width: 110cm; background: lightgrey;}
   15% {height:9.57cm; width: 23cm; background: lightgrey; font-size: 24px;}
 20% {height:9.57cm; width: 23cm; background: lightgrey; font-size: 24px;}
   30% {height:12.22cm; width: 18cm; background: lightblue;}
  35% {height:12.22cm; width: 18cm; background: lightblue;}
   50% {height:14.83cm; width: 14.83cm; background: lightblue; font-size: 36px;}
  55% {height:14.83cm; width: 14.83cm; background: lightblue; font-size: 36px;}
   65% {height:22cm; width: 10cm; background: lightblue;}
  70% {height:22cm; width: 10cm; background: lightblue;}
   80% {height:31.43cm; width: 7cm; background: lightgrey; font-size: 24px;}
 85% {height:31.43cm; width: 7cm; background: lightgrey; font-size: 24px;}
   95% {height:110cm; width: 2cm; background: lightgrey;}
  100% {height:110cm; width: 2cm; background: lightgrey;}
}
/* --------------------------------------------------end------220 baht----------*/
/* --------------------------------------------------start------230 baht----------*/
#bht230 {font-weight: 900;}
#bht230:active + #bht230a {height: 15.16cm; width: 15.16cm; border: 1px solid red; position: absolute; top: 0px; box-shadow: 2px 2px 2px red;}
#bht230:active {color: black;
	    position:absolute; z-index: 4; top: 0px;
    border: 1px solid gold; box-shadow: inset 0px 0px 1px black, inset 0px 0px 2px gold, inset 0px 0px 2px gold;
    -webkit-animation: bht230 12s linear;   
	    animation: bht230 12s linear;  
}
@-webkit-keyframes bht230 {
    0% {height:0cm; width: 0cm;}
    2% {height:2cm; width: 115cm; background: lightgrey;}
   5% {height:2cm; width: 115cm; background: lightgrey;}
   15% {height:10cm; width: 24cm; background: lightgrey; font-size: 24px;}
 20% {height:10cm; width: 24cm; background: lightgrey; font-size: 24px;}
   30% {height:11.5cm; width: 20cm; background: lightblue;}
  35% {height:11.5cm; width: 20cm; background: lightblue;}
   50% {height:15.16cm; width: 15.16cm; background: lightblue; font-size: 36px;}
  55% {height:15.16cm; width: 15.16cm; background: lightblue; font-size: 36px;}
   65% {height:19.16cm; width: 12cm; background: lightblue;}
  70% {height:19.16cm; width: 12cm; background: lightblue;}
   80% {height:25.55cm; width: 9cm; background: lightgrey; font-size: 24px;}
   85% {height:25.55cm; width: 9cm; background: lightgrey; font-size: 24px;}
   95% {height:115cm; width: 2cm; background: lightgrey;}
  100% {height:115cm; width: 2cm; background: lightgrey;}
}
@keyframes bht230 {
   0% {height:0cm; width: 0cm;}
    2% {height:2cm; width: 115cm; background: lightgrey;}
   5% {height:2cm; width: 115cm; background: lightgrey;}
   15% {height:10cm; width: 24cm; background: lightgrey; font-size: 24px;}
 20% {height:10cm; width: 24cm; background: lightgrey; font-size: 24px;}
   30% {height:11.5cm; width: 20cm; background: lightblue;}
  35% {height:11.5cm; width: 20cm; background: lightblue;}
   50% {height:15.16cm; width: 15.16cm; background: lightblue; font-size: 36px;}
  55% {height:15.16cm; width: 15.16cm; background: lightblue; font-size: 36px;}
   65% {height:19.16cm; width: 12cm; background: lightblue;}
  70% {height:19.16cm; width: 12cm; background: lightblue;}
   80% {height:25.55cm; width: 9cm; background: lightgrey; font-size: 24px;}
   85% {height:25.55cm; width: 9cm; background: lightgrey; font-size: 24px;}
   95% {height:115cm; width: 2cm; background: lightgrey;}
  100% {height:115cm; width: 2cm; background: lightgrey;}
}
/* --------------------------------------------------end------230 baht----------*/
/* --------------------------------------------------start------240 baht----------*/
#bht240 {font-weight: 900;}
#bht240:active + #bht240a {height: 15.49cm; width: 15.49cm; border: 1px solid red; position: absolute; top: 0px; box-shadow: 2px 2px 2px red;}
#bht240:active {color: black;
	    position:absolute; z-index: 4; top: 0px;
    border: 1px solid gold; box-shadow: inset 0px 0px 1px black, inset 0px 0px 2px gold, inset 0px 0px 2px gold;
    -webkit-animation: bht240 12s linear;   
	    animation: bht240 12s linear;  
}
@-webkit-keyframes bht240 {
    0% {height:0cm; width: 0cm;}
    2% {height:2cm; width: 120cm; background: lightgrey;}
   5% {height:2cm; width: 120cm; background: lightgrey;}
   15% {height:10cm; width: 24cm; background: lightgrey; font-size: 24px;}
  20% {height:10cm; width: 24cm; background: lightgrey; font-size: 24px;}
   30% {height:12cm; width: 20cm; background: lightblue;}
35% {height:12cm; width: 20cm; background: lightblue;}
   50% {height:15.49cm; width: 15.49cm; background: lightblue; font-size: 36px;}
  55% {height:15.49cm; width: 15.49cm; background: lightblue; font-size: 36px;}
   65% {height:20cm; width: 12cm; background: lightblue;}
 70% {height:20cm; width: 12cm; background: lightblue;}
   80% {height:26.66cm; width: 9cm; background: lightgrey; font-size: 24px;}
  85% {height:26.66cm; width: 9cm; background: lightgrey; font-size: 24px;}
   95% {height:120cm; width: 2cm; background: lightgrey;}
  100% {height:120cm; width: 2cm; background: lightgrey;}
}
@keyframes bht240 {
    0% {height:0cm; width: 0cm;}
    2% {height:2cm; width: 120cm; background: lightgrey;}
   5% {height:2cm; width: 120cm; background: lightgrey;}
   15% {height:10cm; width: 24cm; background: lightgrey; font-size: 24px;}
  20% {height:10cm; width: 24cm; background: lightgrey; font-size: 24px;}
   30% {height:12cm; width: 20cm; background: lightblue;}
35% {height:12cm; width: 20cm; background: lightblue;}
   50% {height:15.49cm; width: 15.49cm; background: lightblue; font-size: 36px;}
  55% {height:15.49cm; width: 15.49cm; background: lightblue; font-size: 36px;}
   65% {height:20cm; width: 12cm; background: lightblue;}
 70% {height:20cm; width: 12cm; background: lightblue;}
   80% {height:26.66cm; width: 9cm; background: lightgrey; font-size: 24px;}
  85% {height:26.66cm; width: 9cm; background: lightgrey; font-size: 24px;}
   95% {height:120cm; width: 2cm; background: lightgrey;}
  100% {height:120cm; width: 2cm; background: lightgrey;}
}
/* --------------------------------------------------end------240 baht----------*/
/* --------------------------------------------------start------250 baht----------*/
#bht250 {font-weight: 900;}
#bht250:active + #bht250a {height: 15.81cm; width: 15.81cm; border: 1px solid red; position: absolute; top: 0px; box-shadow: 2px 2px 2px red;}
#bht250:active {color: black;
	    position:absolute; z-index: 4; top: 0px;
    border: 1px solid gold; box-shadow: inset 0px 0px 1px black, inset 0px 0px 2px gold, inset 0px 0px 2px gold;
    -webkit-animation: bht250 15s linear;   
	    animation: bht250 15s linear;  
}
@-webkit-keyframes bht250 {
    0% {height:0cm; width: 0cm;}
    2% {height:2cm; width: 125cm; background: lightgrey;}
   5% {height:2cm; width: 125cm; background: lightgrey;}
   15% {height:10cm; width: 25cm; background: lightgrey; font-size: 24px;}
  20% {height:10cm; width: 25cm; background: lightgrey; font-size: 24px;}
   30% {height:12.5cm; width: 20cm; background: lightblue;}
  35% {height:12.5cm; width: 20cm; background: lightblue;}
   50% {height:15.81cm; width: 15.81cm; background: lightblue; font-size: 36px;}
  55% {height:15.81cm; width: 15.81cm; background: lightblue; font-size: 36px;}
   65% {height:20.83cm; width: 12cm; background: lightblue;}
 70% {height:20.83cm; width: 12cm; background: lightblue;}
   80% {height:27.77cm; width: 9cm; background: lightgrey; font-size: 24px;}
 85% {height:27.77cm; width: 9cm; background: lightgrey; font-size: 24px;}
   95% {height:125cm; width: 2cm; background: lightgrey;}
  100% {height:125cm; width: 2cm; background: lightgrey;}
}
@keyframes bht250 {
    0% {height:0cm; width: 0cm;}
    2% {height:2cm; width: 125cm; background: lightgrey;}
   5% {height:2cm; width: 125cm; background: lightgrey;}
   15% {height:10cm; width: 25cm; background: lightgrey; font-size: 24px;}
  20% {height:10cm; width: 25cm; background: lightgrey; font-size: 24px;}
   30% {height:12.5cm; width: 20cm; background: lightblue;}
  35% {height:12.5cm; width: 20cm; background: lightblue;}
   50% {height:15.81cm; width: 15.81cm; background: lightblue; font-size: 36px;}
  55% {height:15.81cm; width: 15.81cm; background: lightblue; font-size: 36px;}
   65% {height:20.83cm; width: 12cm; background: lightblue;}
 70% {height:20.83cm; width: 12cm; background: lightblue;}
   80% {height:27.77cm; width: 9cm; background: lightgrey; font-size: 24px;}
 85% {height:27.77cm; width: 9cm; background: lightgrey; font-size: 24px;}
   95% {height:125cm; width: 2cm; background: lightgrey;}
  100% {height:125cm; width: 2cm; background: lightgrey;}
}
/* --------------------------------------------------end------250 baht----------*/
/* --------------------------------------------------start------260 baht----------*/
#bht260 {font-weight: 900;}
#bht260:active + #bht260a {height: 16.12cm; width: 16.12cm; border: 1px solid red; position: absolute; top: 0px; box-shadow: 2px 2px 2px red;}
#bht260:active {color: black;
	    position:absolute; z-index: 4; top: 0px;
    border: 1px solid gold; box-shadow: inset 0px 0px 1px black, inset 0px 0px 2px gold, inset 0px 0px 2px gold;
    -webkit-animation: bht260 15s linear;   
	    animation: bht260 15s linear;  
}
@-webkit-keyframes bht260 {
     0% {height:0cm; width: 0cm;}
    2% {height:2cm; width: 130cm; background: lightgrey;}
   5% {height:2cm; width: 130cm; background: lightgrey;}
   15% {height:10cm; width: 26cm; background: lightgrey; font-size: 24px;}
 20% {height:10cm; width: 26cm; background: lightgrey; font-size: 24px;}
   30% {height:12.38cm; width: 21cm; background: lightblue;}
  35% {height:12.38cm; width: 21cm; background: lightblue;}
   50% {height:16.12cm; width: 16.12cm; background: lightblue; font-size: 36px;}
  55% {height:16.12cm; width: 16.12cm; background: lightblue; font-size: 36px;}
   65% {height:21.67cm; width: 12cm; background: lightblue;}
   70% {height:21.67cm; width: 12cm; background: lightblue;}
   80% {height:28.89cm; width: 9cm; background: lightgrey; font-size: 24px;}
  85% {height:28.89cm; width: 9cm; background: lightgrey; font-size: 24px;}
   95% {height:130cm; width: 2cm; background: lightgrey;}
  100% {height:130cm; width: 2cm; background: lightgrey;}
}
@keyframes bht260 {
      0% {height:0cm; width: 0cm;}
    2% {height:2cm; width: 130cm; background: lightgrey;}
   5% {height:2cm; width: 130cm; background: lightgrey;}
   15% {height:10cm; width: 26cm; background: lightgrey; font-size: 24px;}
 20% {height:10cm; width: 26cm; background: lightgrey; font-size: 24px;}
   30% {height:12.38cm; width: 21cm; background: lightblue;}
  35% {height:12.38cm; width: 21cm; background: lightblue;}
   50% {height:16.12cm; width: 16.12cm; background: lightblue; font-size: 36px;}
  55% {height:16.12cm; width: 16.12cm; background: lightblue; font-size: 36px;}
   65% {height:21.67cm; width: 12cm; background: lightblue;}
   70% {height:21.67cm; width: 12cm; background: lightblue;}
   80% {height:28.89cm; width: 9cm; background: lightgrey; font-size: 24px;}
  85% {height:28.89cm; width: 9cm; background: lightgrey; font-size: 24px;}
   95% {height:130cm; width: 2cm; background: lightgrey;}
  100% {height:130cm; width: 2cm; background: lightgrey;}
}
/* --------------------------------------------------end------260 baht----------*/
/* --------------------------------------------------start------270 baht----------*/
#bht270 {font-weight: 900;}
#bht270:active + #bht270a {height: 16.43cm; width: 16.43cm; border: 1px solid red; position: absolute; top: 0px; box-shadow: 2px 2px 2px red;}
#bht270:active {color: black;
	    position:absolute; z-index: 4; top: 0px;
    border: 1px solid gold; box-shadow: inset 0px 0px 1px black, inset 0px 0px 2px gold, inset 0px 0px 2px gold;
    -webkit-animation: bht270 15s linear;   
	    animation: bht270 15s linear;  
}
@-webkit-keyframes bht270 {
    0% {height:0cm; width: 0cm;}
    2% {height:2cm; width: 135cm; background: lightgrey;}
   5% {height:2cm; width: 135cm; background: lightgrey;}
   15% {height:10cm; width: 27cm; background: lightgrey; font-size: 24px;}
   20% {height:10cm; width: 27cm; background: lightgrey; font-size: 24px;}
   30% {height:12.27cm; width: 22cm; background: lightblue;}
   35% {height:12.27cm; width: 22cm; background: lightblue;}
   50% {height:16.43cm; width: 16.43cm; background: lightblue; font-size: 36px;}
   55% {height:16.43cm; width: 16.43cm; background: lightblue; font-size: 36px;}
   65% {height:22.5cm; width: 12cm; background: lightblue;}
   70% {height:22.5cm; width: 12cm; background: lightblue;}
   80% {height:30cm; width: 9cm; background: lightgrey; font-size: 24px;}
   85% {height:30cm; width: 9cm; background: lightgrey; font-size: 24px;}
   95% {height:135cm; width: 2cm; background: lightgrey;}
  100% {height:135cm; width: 2cm; background: lightgrey;}
}
@keyframes bht270 {
    0% {height:0cm; width: 0cm;}
    2% {height:2cm; width: 135cm; background: lightgrey;}
   5% {height:2cm; width: 135cm; background: lightgrey;}
   15% {height:10cm; width: 27cm; background: lightgrey; font-size: 24px;}
   20% {height:10cm; width: 27cm; background: lightgrey; font-size: 24px;}
   30% {height:12.27cm; width: 22cm; background: lightblue;}
   35% {height:12.27cm; width: 22cm; background: lightblue;}
   50% {height:16.43cm; width: 16.43cm; background: lightblue; font-size: 36px;}
   55% {height:16.43cm; width: 16.43cm; background: lightblue; font-size: 36px;}
   65% {height:22.5cm; width: 12cm; background: lightblue;}
   70% {height:22.5cm; width: 12cm; background: lightblue;}
   80% {height:30cm; width: 9cm; background: lightgrey; font-size: 24px;}
   85% {height:30cm; width: 9cm; background: lightgrey; font-size: 24px;}
   95% {height:135cm; width: 2cm; background: lightgrey;}
  100% {height:135cm; width: 2cm; background: lightgrey;}
}
/* --------------------------------------------------end------270 baht----------*/
/* --------------------------------------------------start------280 baht----------*/
#bht280 {font-weight: 900;}
#bht280:active + #bht280a {height: 16.73cm; width: 16.73cm; border: 1px solid red; position: absolute; top: 0px; box-shadow: 2px 2px 2px red;}
#bht280:active {color: black;
	    position:absolute; z-index: 4; top: 0px;
    border: 1px solid gold; box-shadow: inset 0px 0px 1px black, inset 0px 0px 2px gold, inset 0px 0px 2px gold;
    -webkit-animation: bht280 15s linear;   
	    animation: bht280 15s linear;  
}
@-webkit-keyframes bht280 {
    0% {height:0cm; width: 0cm;}
    2% {height:2cm; width: 140cm; background: lightgrey;}
   5% {height:2cm; width: 140cm; background: lightgrey;}
   15% {height:10cm; width: 28cm; background: lightgrey; font-size: 24px;}
  20% {height:10cm; width: 28cm; background: lightgrey; font-size: 24px;}
   30% {height:12.17cm; width: 23cm; background: lightblue;}
  35% {height:12.17cm; width: 23cm; background: lightblue;}
   50% {height:16.73cm; width: 16.73cm; background: lightblue; font-size: 36px;}
  55% {height:16.73cm; width: 16.73cm; background: lightblue; font-size: 36px;}
   65% {height:23.33cm; width: 12cm; background: lightblue;}
  70% {height:23.33cm; width: 12cm; background: lightblue;}
   80% {height:28cm; width: 10cm; background: lightgrey; font-size: 24px;}
 85% {height:28cm; width: 10cm; background: lightgrey; font-size: 24px;}
   95% {height:140cm; width: 2cm; background: lightgrey;}
  100% {height:140cm; width: 2cm; background: lightgrey;}
}
@keyframes bht280 {
    0% {height:0cm; width: 0cm;}
    2% {height:2cm; width: 140cm; background: lightgrey;}
   5% {height:2cm; width: 140cm; background: lightgrey;}
   15% {height:10cm; width: 28cm; background: lightgrey; font-size: 24px;}
  20% {height:10cm; width: 28cm; background: lightgrey; font-size: 24px;}
   30% {height:12.17cm; width: 23cm; background: lightblue;}
  35% {height:12.17cm; width: 23cm; background: lightblue;}
   50% {height:16.73cm; width: 16.73cm; background: lightblue; font-size: 36px;}
  55% {height:16.73cm; width: 16.73cm; background: lightblue; font-size: 36px;}
   65% {height:23.33cm; width: 12cm; background: lightblue;}
  70% {height:23.33cm; width: 12cm; background: lightblue;}
   80% {height:28cm; width: 10cm; background: lightgrey; font-size: 24px;}
 85% {height:28cm; width: 10cm; background: lightgrey; font-size: 24px;}
   95% {height:140cm; width: 2cm; background: lightgrey;}
  100% {height:140cm; width: 2cm; background: lightgrey;}
}
/* --------------------------------------------------end------280 baht----------*/
/* --------------------------------------------------start------290 baht----------*/
#bht290 {font-weight: 900;}
#bht290:active + #bht290a {height: 17.02cm; width: 17.02cm; border: 1px solid red; position: absolute; top: 0px; box-shadow: 2px 2px 2px red;}
#bht290:active {color: black;
	    position:absolute; z-index: 4; top: 0px;
    border: 1px solid gold; box-shadow: inset 0px 0px 1px black, inset 0px 0px 2px gold, inset 0px 0px 2px gold;
    -webkit-animation: bht290 15s linear;   
	    animation: bht290 15s linear;  
}
@-webkit-keyframes bht290 {
    0% {height:0cm; width: 0cm;}
    2% {height:2cm; width: 145cm; background: lightgrey;}    
5% {height:2cm; width: 145cm; background: lightgrey;}
   15% {height:10cm; width: 29cm; background: lightgrey; font-size: 24px;}
 20% {height:10cm; width: 29cm; background: lightgrey; font-size: 24px;}
   30% {height:12.08cm; width: 24cm; background: lightblue;}
  35% {height:12.08cm; width: 24cm; background: lightblue;}
   50% {height:17.02cm; width: 17.02cm; background: lightblue; font-size: 36px;}
  55% {height:17.02cm; width: 17.02cm; background: lightblue; font-size: 36px;}
   65% {height:24.16cm; width: 12cm; background: lightblue;}
  70% {height:24.16cm; width: 12cm; background: lightblue;}
   80% {height:29cm; width: 10cm; background: lightgrey; font-size: 24px;}
 85% {height:29cm; width: 10cm; background: lightgrey; font-size: 24px;}
   95% {height:145cm; width: 2cm; background: lightgrey;}
  100% {height:145cm; width: 2cm; background: lightgrey;}
}
@keyframes bht290 {
     0% {height:0cm; width: 0cm;}
    2% {height:2cm; width: 145cm; background: lightgrey;}    
5% {height:2cm; width: 145cm; background: lightgrey;}
   15% {height:10cm; width: 29cm; background: lightgrey; font-size: 24px;}
 20% {height:10cm; width: 29cm; background: lightgrey; font-size: 24px;}
   30% {height:12.08cm; width: 24cm; background: lightblue;}
  35% {height:12.08cm; width: 24cm; background: lightblue;}
   50% {height:17.02cm; width: 17.02cm; background: lightblue; font-size: 36px;}
  55% {height:17.02cm; width: 17.02cm; background: lightblue; font-size: 36px;}
   65% {height:24.16cm; width: 12cm; background: lightblue;}
  70% {height:24.16cm; width: 12cm; background: lightblue;}
   80% {height:29cm; width: 10cm; background: lightgrey; font-size: 24px;}
 85% {height:29cm; width: 10cm; background: lightgrey; font-size: 24px;}
   95% {height:145cm; width: 2cm; background: lightgrey;}
  100% {height:145cm; width: 2cm; background: lightgrey;}
}
/* --------------------------------------------------end------290 baht----------*/
/* --------------------------------------------------start------290 baht----------*/
#bht300 {font-weight: 900;}
#bht300:active + #bht300a {height: 17.32cm; width: 17.32cm; border: 1px solid red; position: absolute; top: 0px; box-shadow: 2px 2px 2px red;}
#bht300:active {color: black;
	    position:absolute; z-index: 4; top: 0px;
    border: 1px solid gold; box-shadow: inset 0px 0px 1px black, inset 0px 0px 2px gold, inset 0px 0px 2px gold;
    -webkit-animation: bht300 15s linear;   
	    animation: bht300 15s linear;  
}
@-webkit-keyframes bht300 {
    0% {height:0cm; width: 0cm;}
    2% {height:2cm; width: 150cm; background: lightgrey;}
   5% {height:2cm; width: 150cm; background: lightgrey;}
   15% {height:10cm; width: 30cm; background: lightgrey; font-size: 24px;}
20% {height:10cm; width: 30cm; background: lightgrey; font-size: 24px;}
   30% {height:12cm; width: 25cm; background: lightblue;}
35% {height:12cm; width: 25cm; background: lightblue;}
   50% {height:17.32cm; width: 17.32cm; background: lightblue; font-size: 36px;}
55% {height:17.32cm; width: 17.32cm; background: lightblue; font-size: 36px;}
   65% {height:25cm; width: 12cm; background: lightblue;}
 70% {height:25cm; width: 12cm; background: lightblue;}
   80% {height:30cm; width: 10cm; background: lightgrey; font-size: 24px;}
   85% {height:30cm; width: 10cm; background: lightgrey; font-size: 24px;}
   95% {height:150cm; width: 2cm; background: lightgrey;}
  100% {height:150cm; width: 2cm; background: lightgrey;}
}
@keyframes bht300 {
    0% {height:0cm; width: 0cm;}
    2% {height:2cm; width: 150cm; background: lightgrey;}
   5% {height:2cm; width: 150cm; background: lightgrey;}
   15% {height:10cm; width: 30cm; background: lightgrey; font-size: 24px;}
20% {height:10cm; width: 30cm; background: lightgrey; font-size: 24px;}
   30% {height:12cm; width: 25cm; background: lightblue;}
35% {height:12cm; width: 25cm; background: lightblue;}
   50% {height:17.32cm; width: 17.32cm; background: lightblue; font-size: 36px;}
55% {height:17.32cm; width: 17.32cm; background: lightblue; font-size: 36px;}
   65% {height:25cm; width: 12cm; background: lightblue;}
 70% {height:25cm; width: 12cm; background: lightblue;}
   80% {height:30cm; width: 10cm; background: lightgrey; font-size: 24px;}
   85% {height:30cm; width: 10cm; background: lightgrey; font-size: 24px;}
   95% {height:150cm; width: 2cm; background: lightgrey;}
  100% {height:150cm; width: 2cm; background: lightgrey;}
}
/* --------------------------------------------------end------300 baht----------*/
/* --------------------------------------------------start------310 baht----------*/
#bht310 {font-weight: 900;}
#bht310:active + #bht310a {height: 17.61cm; width: 17.61cm; border: 1px solid red; position: absolute; top: 0px; box-shadow: 2px 2px 2px red;}
#bht310:active {color: black;
	    position:absolute; z-index: 4; top: 0px;
    border: 1px solid gold; box-shadow: inset 0px 0px 1px black, inset 0px 0px 2px gold, inset 0px 0px 2px gold;
    -webkit-animation: bht310 15s linear;   
	    animation: bht310 15s linear;  
}
@-webkit-keyframes bht310 {
    0% {height:0cm; width: 0cm;}
    2% {height:2cm; width: 155cm; background: lightgrey;}
   5% {height:2cm; width: 155cm; background: lightgrey;}
   15% {height:10.33cm; width: 30cm; background: lightgrey; font-size: 24px;}
20% {height:10.33cm; width: 30cm; background: lightgrey; font-size: 24px;}
   30% {height:12.4cm; width: 25cm; background: lightblue;}
35% {height:12.4cm; width: 25cm; background: lightblue;}
   50% {height:17.61cm; width: 17.61cm; background: lightblue; font-size: 36px;}
55% {height:17.61cm; width: 17.61cm; background: lightblue; font-size: 36px;}
   65% {height:25.83cm; width: 12cm; background: lightblue;}
 70% {height:25.83cm; width: 12cm; background: lightblue;}
   80% {height:31cm; width: 10cm; background: lightgrey; font-size: 24px;}
   85% {height:31cm; width: 10cm; background: lightgrey; font-size: 24px;}
   95% {height:155cm; width: 2cm; background: lightgrey;}
  100% {height:155cm; width: 2cm; background: lightgrey;}
}
@keyframes bht310 {
    0% {height:0cm; width: 0cm;}
    2% {height:2cm; width: 155cm; background: lightgrey;}
   5% {height:2cm; width: 155cm; background: lightgrey;}
   15% {height:10.33cm; width: 30cm; background: lightgrey; font-size: 24px;}
20% {height:10.33cm; width: 30cm; background: lightgrey; font-size: 24px;}
   30% {height:12.4cm; width: 25cm; background: lightblue;}
35% {height:12.4cm; width: 25cm; background: lightblue;}
   50% {height:17.61cm; width: 17.61cm; background: lightblue; font-size: 36px;}
55% {height:17.61cm; width: 17.61cm; background: lightblue; font-size: 36px;}
   65% {height:25.83cm; width: 12cm; background: lightblue;}
 70% {height:25.83cm; width: 12cm; background: lightblue;}
   80% {height:31cm; width: 10cm; background: lightgrey; font-size: 24px;}
   85% {height:31cm; width: 10cm; background: lightgrey; font-size: 24px;}
   95% {height:155cm; width: 2cm; background: lightgrey;}
  100% {height:155cm; width: 2cm; background: lightgrey;}
}
/* --------------------------------------------------end------310 baht----------*/
/* --------------------------------------------------start------320 baht----------*/
#bht320 {font-weight: 900;}
#bht320:active + #bht320a {height: 17.89cm; width: 17.89cm; border: 1px solid red; position: absolute; top: 0px; box-shadow: 2px 2px 2px red;}
#bht320:active {color: black;
	    position:absolute; z-index: 4; top: 0px;
    border: 1px solid gold; box-shadow: inset 0px 0px 1px black, inset 0px 0px 2px gold, inset 0px 0px 2px gold;
    -webkit-animation: bht320 15s linear;   
	    animation: bht320 15s linear;  
}
@-webkit-keyframes bht320 {
    0% {height:0cm; width: 0cm;}
    2% {height:2cm; width: 160cm; background: lightgrey;}
   5% {height:2cm; width: 160cm; background: lightgrey;}
   15% {height:10.67cm; width: 30cm; background: lightgrey; font-size: 24px;}
20% {height:10.67cm; width: 30cm; background: lightgrey; font-size: 24px;}
   30% {height:12.8cm; width: 25cm; background: lightblue;}
35% {height:12.8cm; width: 25cm; background: lightblue;}
   50% {height:17.89cm; width: 17.89cm; background: lightblue; font-size: 36px;}
55% {height:17.89cm; width: 17.89cm; background: lightblue; font-size: 36px;}
   65% {height:26.67cm; width: 12cm; background: lightblue;}
 70% {height:26.67cm; width: 12cm; background: lightblue;}
   80% {height:32cm; width: 10cm; background: lightgrey; font-size: 24px;}
   85% {height:32cm; width: 10cm; background: lightgrey; font-size: 24px;}
   95% {height:160cm; width: 2cm; background: lightgrey;}
  100% {height:160cm; width: 2cm; background: lightgrey;}
}
@keyframes bht320 {
    0% {height:0cm; width: 0cm;}
    2% {height:2cm; width: 160cm; background: lightgrey;}
   5% {height:2cm; width: 160cm; background: lightgrey;}
   15% {height:10.67cm; width: 30cm; background: lightgrey; font-size: 24px;}
20% {height:10.67cm; width: 30cm; background: lightgrey; font-size: 24px;}
   30% {height:12.8cm; width: 25cm; background: lightblue;}
35% {height:12.8cm; width: 25cm; background: lightblue;}
   50% {height:17.89cm; width: 17.89cm; background: lightblue; font-size: 36px;}
55% {height:17.89cm; width: 17.89cm; background: lightblue; font-size: 36px;}
   65% {height:26.67cm; width: 12cm; background: lightblue;}
 70% {height:26.67cm; width: 12cm; background: lightblue;}
   80% {height:32cm; width: 10cm; background: lightgrey; font-size: 24px;}
   85% {height:32cm; width: 10cm; background: lightgrey; font-size: 24px;}
   95% {height:160cm; width: 2cm; background: lightgrey;}
  100% {height:160cm; width: 2cm; background: lightgrey;}
}
/* --------------------------------------------------end------320 baht----------*/
/* --------------------------------------------------start------330 baht----------*/
#bht330 {font-weight: 900;}
#bht330:active + #bht330a {height: 18.16cm; width: 18.16cm; border: 1px solid red; position: absolute; top: 0px; box-shadow: 2px 2px 2px red;}
#bht330:active {color: black;
	    position:absolute; z-index: 4; top: 0px;
    border: 1px solid gold; box-shadow: inset 0px 0px 1px black, inset 0px 0px 2px gold, inset 0px 0px 2px gold;
    -webkit-animation: bht330 15s linear;   
	    animation: bht330 15s linear;  
}
@-webkit-keyframes bht330 {
    0% {height:0cm; width: 0cm;}
    2% {height:2cm; width: 165cm; background: lightgrey;}
    5% {height:2cm; width: 165cm; background: lightgrey;}
   15% {height:11cm; width: 30cm; background: lightgrey; font-size: 24px;}
   20% {height:11cm; width: 30cm; background: lightgrey; font-size: 24px;}
   30% {height:13.2cm; width: 25cm; background: lightblue;}
   35% {height:13.2cm; width: 25cm; background: lightblue;}
   50% {height:18.16cm; width: 18.16cm; background: lightblue; font-size: 36px;}
   55% {height:18.16cm; width: 18.16cm; background: lightblue; font-size: 36px;}
   65% {height:27.5cm; width: 12cm; background: lightblue;}
   70% {height:27.5cm; width: 12cm; background: lightblue;}
   80% {height:33cm; width: 10cm; background: lightgrey; font-size: 24px;}
   85% {height:33cm; width: 10cm; background: lightgrey; font-size: 24px;}
   95% {height:165cm; width: 2cm; background: lightgrey;}
  100% {height:165cm; width: 2cm; background: lightgrey;}
}
@keyframes bht330 {
    0% {height:0cm; width: 0cm;}
    2% {height:2cm; width: 165cm; background: lightgrey;}
    5% {height:2cm; width: 165cm; background: lightgrey;}
   15% {height:11cm; width: 30cm; background: lightgrey; font-size: 24px;}
   20% {height:11cm; width: 30cm; background: lightgrey; font-size: 24px;}
   30% {height:13.2cm; width: 25cm; background: lightblue;}
   35% {height:13.2cm; width: 25cm; background: lightblue;}
   50% {height:18.16cm; width: 18.16cm; background: lightblue; font-size: 36px;}
   55% {height:18.16cm; width: 18.16cm; background: lightblue; font-size: 36px;}
   65% {height:27.5cm; width: 12cm; background: lightblue;}
   70% {height:27.5cm; width: 12cm; background: lightblue;}
   80% {height:33cm; width: 10cm; background: lightgrey; font-size: 24px;}
   85% {height:33cm; width: 10cm; background: lightgrey; font-size: 24px;}
   95% {height:165cm; width: 2cm; background: lightgrey;}
  100% {height:165cm; width: 2cm; background: lightgrey;}
}
/* --------------------------------------------------end------330 baht----------*/
/* --------------------------------------------------start------340 baht----------*/
#bht340 {font-weight: 900;}
#bht340:active + #bht340a {height: 18.44cm; width: 18.44cm; border: 1px solid red; position: absolute; top: 0px; box-shadow: 2px 2px 2px red;}
#bht340:active {color: black;
	    position:absolute; z-index: 4; top: 0px;
    border: 1px solid gold; box-shadow: inset 0px 0px 1px black, inset 0px 0px 2px gold, inset 0px 0px 2px gold;
    -webkit-animation: bht340 15s linear;   
	    animation: bht340 15s linear;  
}
@-webkit-keyframes bht340 {
    0% {height:0cm; width: 0cm;}
    2% {height:2cm; width: 170cm; background: lightgrey;}
    5% {height:2cm; width: 170cm; background: lightgrey;}
   15% {height:11.33cm; width: 30cm; background: lightgrey; font-size: 24px;}
   20% {height:11.33cm; width: 30cm; background: lightgrey; font-size: 24px;}
   30% {height:13.6cm; width: 25cm; background: lightblue;}
   35% {height:13.6cm; width: 25cm; background: lightblue;}
   50% {height:18.44cm; width: 18.44cm; background: lightblue; font-size: 36px;}
   55% {height:18.44cm; width: 18.44cm; background: lightblue; font-size: 36px;}
   65% {height:28.33cm; width: 12cm; background: lightblue;}
   70% {height:28.33cm; width: 12cm; background: lightblue;}
   80% {height:34cm; width: 10cm; background: lightgrey; font-size: 24px;}
   85% {height:34cm; width: 10cm; background: lightgrey; font-size: 24px;}
   95% {height:170cm; width: 2cm; background: lightgrey;}
  100% {height:170cm; width: 2cm; background: lightgrey;}
}
@keyframes bht340 {
    0% {height:0cm; width: 0cm;}
    2% {height:2cm; width: 170cm; background: lightgrey;}
    5% {height:2cm; width: 170cm; background: lightgrey;}
   15% {height:11.33cm; width: 30cm; background: lightgrey; font-size: 24px;}
   20% {height:11.33cm; width: 30cm; background: lightgrey; font-size: 24px;}
   30% {height:13.6cm; width: 25cm; background: lightblue;}
   35% {height:13.6cm; width: 25cm; background: lightblue;}
   50% {height:18.44cm; width: 18.44cm; background: lightblue; font-size: 36px;}
   55% {height:18.44cm; width: 18.44cm; background: lightblue; font-size: 36px;}
   65% {height:28.33cm; width: 12cm; background: lightblue;}
   70% {height:28.33cm; width: 12cm; background: lightblue;}
   80% {height:34cm; width: 10cm; background: lightgrey; font-size: 24px;}
   85% {height:34cm; width: 10cm; background: lightgrey; font-size: 24px;}
   95% {height:170cm; width: 2cm; background: lightgrey;}
  100% {height:170cm; width: 2cm; background: lightgrey;}
}
/* --------------------------------------------------end------340 baht----------*/
/* --------------------------------------------------start------350 baht----------*/
#bht350 {font-weight: 900;}
#bht350:active + #bht350a {height: 18.7cm; width: 18.7cm; border: 1px solid red; position: absolute; top: 0px; box-shadow: 2px 2px 2px red;}
#bht350:active {color: black;
	    position:absolute; z-index: 4; top: 0px;
    border: 1px solid gold; box-shadow: inset 0px 0px 1px black, inset 0px 0px 2px gold, inset 0px 0px 2px gold;
    -webkit-animation: bht350 15s linear;   
	    animation: bht350 15s linear;  
}
@-webkit-keyframes bht350 {
    0% {height:0cm; width: 0cm;}
    2% {height:2cm; width: 175cm; background: lightgrey;}
    5% {height:2cm; width: 175cm; background: lightgrey;}
   15% {height:11.67cm; width: 30cm; background: lightgrey; font-size: 24px;}
   20% {height:11.67cm; width: 30cm; background: lightgrey; font-size: 24px;}
   30% {height:14cm; width: 25cm; background: lightblue;}
   35% {height:14cm; width: 25cm; background: lightblue;}
   50% {height:18.7cm; width: 18.7cm; background: lightblue; font-size: 36px;}
   55% {height:18.7cm; width: 18.7cm; background: lightblue; font-size: 36px;}
   65% {height:29.17cm; width: 12cm; background: lightblue;}
   70% {height:29.17cm; width: 12cm; background: lightblue;}
   80% {height:35cm; width: 10cm; background: lightgrey; font-size: 24px;}
   85% {height:35cm; width: 10cm; background: lightgrey; font-size: 24px;}
   95% {height:175cm; width: 2cm; background: lightgrey;}
  100% {height:175cm; width: 2cm; background: lightgrey;}
}
@keyframes bht350 {
    0% {height:0cm; width: 0cm;}
    2% {height:2cm; width: 170cm; background: lightgrey;}
    5% {height:2cm; width: 170cm; background: lightgrey;}
   15% {height:11.33cm; width: 30cm; background: lightgrey; font-size: 24px;}
   20% {height:11.33cm; width: 30cm; background: lightgrey; font-size: 24px;}
   30% {height:13.6cm; width: 25cm; background: lightblue;}
   35% {height:13.6cm; width: 25cm; background: lightblue;}
   50% {height:18.44cm; width: 18.44cm; background: lightblue; font-size: 36px;}
   55% {height:18.44cm; width: 18.44cm; background: lightblue; font-size: 36px;}
   65% {height:28.33cm; width: 12cm; background: lightblue;}
   70% {height:28.33cm; width: 12cm; background: lightblue;}
   80% {height:34cm; width: 10cm; background: lightgrey; font-size: 24px;}
   85% {height:34cm; width: 10cm; background: lightgrey; font-size: 24px;}
   95% {height:170cm; width: 2cm; background: lightgrey;}
  100% {height:170cm; width: 2cm; background: lightgrey;}
}
/* --------------------------------------------------end------350 baht----------*/
/***End-----zoom hover Grey border Info--------------------------------end*/