
                .result-game{
                  -webkit-animation: color-change 1s infinite;
                  -moz-animation: color-change 1s infinite;
                  -o-animation: color-change 1s infinite;
                  -ms-animation: color-change 1s infinite;
                  animation: color-change 1s infinite;
                  border : 4px #ecb209 solid;
                }

                @-webkit-keyframes color-change {
                  0% { border : 4px red solid; }
                  50% { border : 4px #ecb209 solid; }
                  100% { border : 4px red solid; }
                }
                @-moz-keyframes color-change {
                  0% { border : 4px red solid; }
                  50% { border : 4px #ecb209 solid; }
                  100% { border : 4px red solid; }
                }
                @-ms-keyframes color-change {
                  0% { border : 4px red solid; }
                  50% { border : 4px #ecb209 solid; }
                  100% { border : 4px red solid; }
                }
                @-o-keyframes color-change {
                  0% { border : 4px red solid; }
                  50% { border : 4px #ecb209 solid; }
                  100% { border : 4px red solid; }
                }
                @keyframes color-change {
                  0% { border : 4px red solid; }
                  50% { border : 4px #ecb209 solid; }
                  100% { border : 4px red solid; }
                }




                .banner_hover {overflow: hidden;}
                .register  {min-height: 300px;background-color: #08111B;margin: 0px 0px 15px 0px;padding: 5px;}
                .tt_fb  {min-height: 100px;margin: 0px 0px 15px 0px;}
                .tt_col {width:48.8%;margin: 0px 0px 15px 0px;}
                .banner_stb  {margin: 0px 0px 15px 0px;background-color: #08111B;position: relative;}
                .tt_text {margin: 0px 0px 15px 0px;border: 1px solid #BFC0C4;padding: 15px;background-color: #08111B;}
                .right_ct .banner_hover {border: 1px solid #BFC0C4;}
                .banner_hover  .tt_img_hover { position:absolute;left: -100%;top: 0px;opacity:0;}
                .banner_hover:hover  .tt_img_hover{left: 0px;opacity:1;-webkit-filter: grayscale(0%);filter: grayscale(0%);}
                .menu_list ul li a,
                .banner_hover  .tt_img_hover,
                .banner_hover {-webkit-transition: all .3s ease-in-out 0s;  -o-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s;}
                .banner_hover.eff2 {position: relative;overflow: hidden;}
                figure {
                  position: relative;
                }
                figure::before {
                  position: absolute;
                  top: 0;
                  left: -100%;
                  z-index: 2;
                  display: block;
                  content: '';
                  width: 50%;
                  height: 100%;
                  background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
                  background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
                  -webkit-transform: skewX(-25deg);
                  transform: skewX(-25deg);
                }
                .thaitheme1x:hover figure::before,
                figure:hover::before {
                  -webkit-animation: shine 0.50s;
                  animation: shine 0.50s;
                }
                @-webkit-keyframes shine {
                  100% {
                    left: 125%;
                  }
                }
                @keyframes shine {
                  100% {
                    left: 125%;
                  }
                }
                .banner_bank {margin: 0px 0px 15px 0px;background-color: #08111B;position: relative;}
                .tt_text .thaitheme_read {padding:0px 0px 0px 0px;color: #ccc;}
                .tt_home_bank {width: 100%;position:absolute;left: 0px;top: 10px;}
                .tt_home_bank a {float: right;width: 116px;height: 100px;margin: 8px 0px 0px 0px;}
                .tt_home_bank a:hover {opacity:0.8; }
                .tt_home_bank a.tt_kc { margin-right: 10px;}
                .tt_home_bank a img {width: 100%;}
                .tt_news {min-height: 300px;margin: 0px 0px 15px 0px;overflow: hidden;padding:2px 2px 15px 2px;position: relative;border-radius: 3px;}
                .tt_news h2 {background-color: #F5F5F5;padding:5px 30px 5px 30px;color: #333;font-size: 20px;display: inline-block;border-radius: 5px 5px 0px 0px;}
                .tt_head_news  {width: 100%;background-color: #050E1F;padding:10px 0px 0px 10px;border-radius: 3px 3px 0px 0px;}
                .post-hl {width: 43%;background-color: #020A19;margin: 10px 0px 0px 10px;}
                .post-hl .title {width: 100%;padding:10px;}
                .post-hl .title h3 {color: #FFF;font-size: 16px;}
                .post-hl .title p {color: #ccc;max-height: 54px;overflow: hidden;margin: 10px 0px 0px 0px;line-height: 20px;}
                .post-hl:hover {background-color: #000;}
                .post-sm {width: 51%;margin: 10px 2% 5px 10px;}
                .post-sm .tt_img{width: 30%;}
                .post-sm .title{width: 68%;padding:0px 10px 10px 10px;}
                .post-sm .title h3 {color: #555;font-size: 14px;text-shadow: 1px 1px 0 #FFF;}
                .more_news {position:absolute;top: 17px;right: 15px;background-color: #eee;border-radius: 3px;padding: 5px 10px 5px 10px;line-height: 13px;}
                .more_news:hover {background-color: #FFF;}
                .post-sm:hover h3{color: #000;}



 