body {
  background-image: url('img/diagmonds.webp');
  background-image: -webkit-image-set(url('img/diagmonds.png') 1x);
  background-position: top center;
  /*background-size: cover;*/
  background-repeat: repeat;
  font-family: 'Krub', Loma, Tahoma;
  font-size: 1em;
}
body,
li {
  line-height: 1.6;
  color: #fff;
}
a {
  /* color: #fead37;*/
  color: #fff504;
}
.g-input[class*=" icon-"]:before,
.g-input[class^="icon-"]:before {
  color: #000;
}
.bg_header {
  background-image: url('img/iu9l3bu8.png');
  background-image: -webkit-image-set url('img/iu9l3bu8.webp');
  background-position: top center;
  background-size: cover;
}
#logo img {
  width: 120px;
  height: auto;
}
h2.logo img {
  width: 120px;
  height: auto;
}
h4 {
    font-style: normal;
    color: #ffe605;
    font-weight: 600;
    font-size: 1.1em;
}
.img_right {
  width: 50%;
}
.img_right .description {
  width: 280px;
}
#logo img,
.img_right .description {
  margin: 20px 0 0 20px;
}
.img_right .top_right {
  height: 160px;
  width: auto;
}
.info {
  border: 1px dashed #a5b7cb;
  padding: 10px;
  background-color: #ededed;
  /*border: 1px solid #a5b7cb;*/
}
.info_lsm {
  border: 1px dashed #a5b7cb;
  padding: 10px;
  background: linear-gradient(to bottom, #a0a0a0 0%, #EDEFF3 35%, #a0a0a0 100%);
  /*border: 1px solid #a5b7cb;*/
}
.bg_color {
  /*background-color: #E7E7E8;
  background-color: #EDEFF3;*/
  padding: 15px;
}
.menu_bg {
  background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%),
                radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);
  /*background: linear-gradient(to bottom, #0d2c77 0%, #1168c4 35%, #0d2c77 100%);*/
  border-bottom: 1px solid #1423a8;
  font-size: 1.2em;
}
.topmenu {
  color: #fff;
}
.topmenu>ul>li:hover a {
  color: #fff;
  background-color: #000;
}
.topmenu>ul>li>a>span {
  /*  text-shadow: 1px 1px 0 #000;*/
  text-shadow: 1px 1px 0 #312e4a;
  /*color: #283e87;*/
}
.topmenu li.select {
  color: #ffe605;
  background: linear-gradient(to bottom, #352e14 0%, #cea400 35%, #201d10 100%);
  /*background: linear-gradient(to bottom, #06163c 0%, #0b4684 35%, #081e53 100%);*/
}
.topmenu li:hover {
  color: #fff;
  color: #283e87;
}
.bottom_menu {
  list-style-type: none;
  margin: 40px 0;
  padding: 0;
}
.bottom_menu a {
  color: #d5a433;
}
.bottom_menu li {
  display: inline-block;
  border-left: 1px solid #fff;
  padding: 0 10px;
}
.bottom_menu li:first-child {
  border-left: none;
}
.bdr_gold {
  border: 2px solid #f8d063; 
}
.bdr_gold,
.gbanner .slide_display {
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
}
.bdr_gold_footer {
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  /* border: 2px solid #3f518c;
  border: 6px solid #9fb8e8;
  background-color: #142053;
  background: linear-gradient(to bottom, #081736 0%, #0f1f41 35%, #16284e 100%)*/
}
.bdr_sbo {
  border: 6px solid #9fb8e8;
  background-image: linear-gradient( rgb(34, 77, 148), rgb(47, 79, 129), rgb(47, 79, 129), rgb(32, 55, 103));
  /*background-image: linear-gradient(#5e77b3, #4e66a7, #3b4d96);*/
}
.bdr_sbo_footer {
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  /* border: 2px solid #3f518c;
  border: 6px solid #9fb8e8;
  background-color: #142053;*/
  background: linear-gradient(to bottom, #081736 0%, #0f1f41 35%, #16284e 100%)
}
.bdr_sbo,
.gbanner .slide_display {
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
}
.bdr_lsm {
  border: 4px solid #ae0000;
  /*background-image: linear-gradient(
rgb(34, 77, 148), rgb(47, 79, 129), rgb(47, 79, 129),
    rgb(32, 55, 103));*/
  /*background: linear-gradient(to bottom, #990808 0%,#c41111 35%,#770d0d 100%);*/
  background: linear-gradient(to bottom, #0d2c77 0%, #1168c4 35%, #0d2c77 100%);
  /*background-image: linear-gradient(#5e77b3, #4e66a7, #3b4d96);*/
}
.bdr_lsm_gray {
  border: 4px solid #aaa;
  background: linear-gradient(to bottom, #b7b5b5 0%, #d7d4d4 35%, #797979 100%);
}
.bdr_lsm_footer {
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  /* border: 2px solid #3f518c;
  border: 6px solid #9fb8e8;
  background-color: #142053;*/
  background: linear-gradient(to bottom, #0d2c77 0%, #0d2c77 35%, #0d2c77 100%);
}
.bdr_lsm,
.gbanner .slide_display {
  border-radius: 7px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
}
.divbar img {
  width: 25%;
  height: auto;
  float: left;
}
.center {
  text-align: center;
}
.home_table section {
  padding: 5%;
}
.home_table th {
  background-color: #333;
  color: #fff;
}
.home_table td,
.home_table th {
  text-align: center;
}
.tablebody td,
.tablebody th {
  white-space: nowrap;
}
.home_content {
  padding: 15px 30px 30px;
}
.home_content2 {
  padding: 15px 15px 30px 30px;
}
.section {
  margin-bottom: 20px;
}
.homepage a.line {
  font-size: 2em;
}
.homepage a.line img {
  width: 24px;
  margin-right: 10px;
}
.callcenter {
  padding: 0 10px;
}
.callcenter h2 {
  margin: 5px 0 10px;
}
.callcenter img.qr {
  width: 95%;
  max-width: 234px;
}
.callcenter p {
  font-size: 80%;
}
.group_w .w {
  width: 100%;
}
.group_w .w7 {
  width: 70%;
}
.group_w .w3 {
  width: 28%;
}
.group_w .w6 {
  width: 60%;
}
.group_w .w5 {
  width: 49%;
}
.group_w .w4 {
  width: 38%;
}
.group_w .float-left {
  margin-right: 2%;
}
#login-box {
  background-image: linear-gradient( rgb(123, 95, 40), rgb(121, 96, 47), rgb(115, 99, 67), rgb(52, 45, 31));
  padding: 5%;
}
#login-box h1 {
  font-size: 1.5em;
  text-align: center;
  margin-bottom: 5%;
}
#login-box-sbo {
  background-image: linear-gradient(#224d94, #2f4f81, #2f4f81, #203767);
  padding: 5%;
}
#login-box-sbo h1 {
  font-size: 1.5em;
  text-align: center;
  margin-bottom: 5%;
}
#login-box-lsm {
  background: linear-gradient(to bottom, #0d2c77 0%, #1168c4 35%, #0d2c77 100%);
  padding: 5%;
}
#login-box-lsm h1 {
  font-size: 1.5em;
  text-align: center;
  margin-bottom: 5%;
}
#memberfrm .button {
  height: auto;
  /*padding: 0 5px;*/
  background-color: #333;
  color: #fff;
  text-shadow: 1px 1px 0 #000;
  border: 1px solid #fff;
  border-radius: 0.7em;
  -moz-border-radius: 0.7em;
  -webkit-border-radius: 0.7em;
  /*animation: walk-cyclet 0.5s steps(5) infinite;
  -webkit-animation: walk-cyclet 0.5s steps(5) infinite;*/
}
.agency_button .button {
  display: block;
  width: 80%;
  margin: 5px auto 0;
}
.h_content {
  background-color: #0d2c77;
  color: #fff;
  text-shadow: 1px 1px 0 #000;
  font-size: 1.4em;
  padding: 0 10px;
}
.h_content_gold {
  color: #fff;
  text-shadow: 2px 1px 2px #000;
  font-size: 1.4em;
  padding: 30px;
  /*background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);*/
  font-weight: 800;
  border: 3px solid #d59f00;
  border-radius: 10px;
}
.h_content_mini {
  background-color: #0d2c77;
  color: #fff;
  text-shadow: 1px 1px 0 #000;
  font-size: 1.1em;
  padding: 0 14px;
  width: 60%;
  margin: auto;
}
.h_content_gold_mini {
  color: #fff;
  text-shadow: 2px 1px 2px #000;
  /*background: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%), radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);*/
  font-weight: 800;
  border: 2px solid #d59f00;
  font-size: 1.1em;
  padding: 14px;
  width: 60%;
  margin: auto;
  border-radius: 10px;
}
.news h2 {
  font-size: 1.2em;
  clip-path: polygon(50% 0%, 100% 0, 89% 100%, 0 100%, 0 0);
  -moz-clip-path: polygon(50% 0%, 100% 0, 89% 100%, 0 100%, 0 0);
  -webkit-clip-path: polygon(50% 0%, 100% 0, 89% 100%, 0 100%, 0 0);
  /*background-color: #4e4e4e;*/
  background-color: #0d2c77;
  width: 53%;
  padding: 5px 20px 5px 10px;
}
.news a {
  color: #fead37;
}
.page .detail,
.news .items {
  background-color: #ddd;
  border: 1px solid #ac0005;
  margin-bottom: 5px;
}
.page .detail {
  padding: 4%;
}
.page .figure {
  display: block;
  margin-bottom: 4%;
}
.news .items .detail {
  padding: 4% 2%;
}
.splitpage strong {
  /*background-color: rgba(255, 255, 255, 0.3);*/
}
.member_section {
  /*border-color: #ac0005;*/
  /*border-color: #ddd;*/
}
.member_section .content {
  border-width: 1px;
  border-style: solid;
  border-color: inherit;
  border-radius: 0 3px 3px 3px;
  -moz-border-radius: 0 3px 3px 3px;
  -webkit-border-radius: 0 3px 3px 3px;
  padding: 4% 4% 3%;
}
.member_section .content,
.tab>ul>li.select>a {
  background-color: #EDEFF3;
  color: #000;
}
.tab>ul>li>a {
  background-color: #ac0005;
  color: #fff;
}
.bdr_gray {
  background-color: rgba(255, 255, 255, 0.1);
  padding: 5%;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border: 3px solid rgba(0, 0, 0, 0.4);
}
.bdr_bluesea {
  background-color: rgba(201, 223, 248);
  padding: 5%;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border: 3px solid rgba(0, 0, 0, 0.4);
}
.bdr_scbbox {
  background-color: rgba(201, 223, 248);
  padding: 5%;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.4);
  background-image: linear-gradient(to right, #4b2f82, #8356d5);
  box-shadow: 0 0 5px 0 #000;
}
.g-input.icon-copy {
  background-color: #fff;
  color: #000;
  border: 1px solid #000;
  display: block;
  font-size: initial;
  margin: 0 auto;
  line-height: 2.3em;
  height: 2.286em;
}
input[readonly],
select[readonly],
input:disabled,
select:disabled {
  color: #666 !important;
  background-color: #eee !important;
}
input[type=file]+input[type=text] {
  color: #000 !important;
  background-color: #fff !important;
}
input[type=t] {
  /*color: #000 !important;*/
  background-color: #333 !important;
}
.detail caption {
  background-color: rgba(255, 255, 255, 0.2);
}
.detail thead th {
  background-color: #ac0005;
  color: #fff;
}
.detail .total {
  font-size: 2em;
}
.homepage .tablebody {
  overflow-y: auto;
  max-height: 13.6em;
}

/* gbanner */

.gbanner {
  position: relative;
}
.gbanner .slide_display {
  overflow: hidden;
  position: relative;
  height: 100%;
}
.vscroller:hover .btnnav,
.gbanner:hover .btnnav {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.4);
}
.vscroller .btnnav,
.gbanner .btnnav {
  font-size: 1.3em;
}
.gbanner .button_wrapper {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 10px;
  margin: 0;
  width: 100%;
  text-align: center;
}
.gslideshow .button_wrapper_thumbnail {
  overflow: hidden;
  position: relative;
  margin-top: 5px;
}
.gbanner .button_wrapper .button_container {
  margin: 0;
}
.gbanner .button_wrapper_thumbnail .button_container {
  display: table;
  margin: 0 auto;
}
.gslideshow .button_wrapper_thumbnail .button_container.scroll {
  -webkit-transition: left 0.5s ease-in-out;
  -moz-transition: left 0.5s ease-in-out;
  -ms-transition: left 0.5s ease-in-out;
  -o-transition: left 0.5s ease-in-out;
  transition: left 0.5s ease-in-out;
}
.gbanner .button_wrapper .button_container>a {
  position: relative;
  display: inline-block;
  /*background-color: rgba(255, 0, 0, 0.3);*/
  cursor: pointer;
  font-size: 10px;
  width: 1em;
  height: 1em;
  line-height: 1em;
  font-family: Arial;
  margin: 0 5px;
  -moz-border-radius: 50em;
  -webkit-border-radius: 50em;
  border-radius: 50em;
}
.gbanner .button_wrapper_thumbnail .button_container>a {
  display: table-cell;
}
.gbanner .button_wrapper a {
  color: #fff;
  display: block;
}
.gbanner .button_wrapper a.current {
  /*background-color: rgba(255, 0, 0, 0.8);*/
}
.gbanner .button_wrapper .button_container>a>span {
  display: none;
  width: 50px;
  height: 37.5px;
  position: absolute;
  left: 50%;
  margin-top: -47.5px;
  margin-left: -25px;
  border: 1px solid rgba(0, 0, 0, 0.3);
}
.gbanner .button_wrapper_thumbnail .button_container>a>span,
.gbanner .button_wrapper .button_container>a>span {
  background-size: cover;
  background-position: center;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.gbanner .button_wrapper_thumbnail .button_container>a>span {
  display: block;
  width: 100px;
  height: 75px;
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.3);
  margin: 3px 5px;
}
.gbanner .button_wrapper_thumbnail a.current>span {
  box-shadow: 0 0 0 3px rgba(255, 0, 0, 0.3);
  -moz-box-shadow: 0 0 0 3px rgba(255, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 0 3px rgba(255, 0, 0, 0.3);
}
.gbanner .button_wrapper .button_container span:after {
  content: "";
  position: absolute;
  border-width: 6px;
  border-color: rgba(0, 0, 0, 0.5);
  border-style: solid solid none solid;
  border-left-color: transparent;
  border-right-color: transparent;
  bottom: -7px;
  margin-left: -6px;
  left: 50%;
}
.gbanner .button_wrapper .button_container>a:hover>span {
  display: block;
  -webkit-animation: fadein 1s ease both;
  -moz-animation: fadein 1s ease both;
  -ms-animation: fadein 1s ease both;
  animation: fadein 1s ease both;
}
.gbanner figure {
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
  margin-right: -100%;
  background-position: center;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  -webkit-transition: opacity 14 ease-in-out;
  -moz-transition: opacity 2s ease-in-out;
  -ms-transition: opacity 2s ease-in-out;
  -o-transition: opacity 2s ease-in-out;
  transition: opacity 2s ease-in-out;
  background-position: center;
  background-size: contain;
}
.gbanner figure>a {
  display: block;
}
.gbanner figure.show {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
.gbanner figcaption {
  padding: 0.5em;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  left: 0;
  bottom: -3em;
  line-height: 2em;
  width: 100%;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
.gbanner:hover figcaption {
  bottom: 0;
}

/* big landscape tablets, laptops, and desktops */
@media (min-width:1025px) {
  div.sticky_top {
    display: none;
  }
}


/* phone, tablet */

@media only screen and (max-width: 960px) {
  body.responsive .gcss-wrapper {
    max-width: 100%;
  }
  img.top_right {
    display: none;
  }
}

/* iphone and small device */

@media only screen and (max-width: 600px) {
  body.responsive .gcss-wrapper {
    max-width: 100%;
  }
  body.responsive .group_w .w4,
  body.responsive .group_w .w6,
  body.responsive .group_w .w7,
  body.responsive .group_w .w3 {
    margin: 0 0 5%;
  }
  body.responsive .header .td {
    text-align: center;
    /* ซ่อน header */
    display:none;
    float: none;
    width: auto;
  }
  /*body.responsive .header .td,*/
  body.responsive .footer .td,
  body.responsive .group_w .w4,
  body.responsive .group_w .w6,
  body.responsive .group_w .w7,
  body.responsive .group_w .w3 {
    display: block;
    float: none;
    width: auto;
  }
  body.responsive li.tab span {
    display: none;
  }
  body.responsive li.tab a::before {
    margin: 0;
    font-size: 1.4em;
  }
  body.responsive .divbar img {
    width: 50%;
  }
  body.responsive .topmenu.slidemenu {
    /*background-color: rgb(106, 20, 20);
    background-image: linear-gradient(#c3d9fa, #fffffd, #cddffb);*/
  }
  .bg_header {
    /*background: linear-gradient(to bottom, #0d2c77 0%, #1168c4 35%, #0d2c77 100%);*/
  }
  /*body {
  background-image: none;
  background-image: -webkit-image-set none;
  background: url('https://txt-1-3.cdnnetworks.net/images/landing-bg.png') #162460 repeat-x;
  background-color: rgb(106, 20, 20);
  }*/
  #logo img {
    width: 120px;
  }
  img.top_right {
    display: none;
  }
  .callcenter img.qr {
    width: 50%;
    /*max-width: 234px;*/
  }
  .h_content_gold_mini {
    width: 86%;
}
  .comment_white {
    font-size: 0.8em;
  }
  .button.howto {
    padding: 0 0.6em;
  }
  .img_right .description {
    display: none;
  }
  .section2 {
    margin-top: -20px;
  }
  .group_w .w5 {
    width: 100%;
}
  .hidden-lg {
    display: block !important;
  }
  .lucky_img_left {
    display: none;
  }
  .lucky_img_right {
    display: none;
  }
  .hidden-mobile {
    display: none;
  }
  div.sticky {
    width: 30%;
    max-width: 180px;
    position: fixed;
    bottom: 30px;
    z-index: 999;
    left: 10px;    
  }
  div.sticky_bottom {
    width: 20%;
    max-width: 80px;
    bottom: 25px;
    right: 30px;
  }
  .button_register {
    font-size: 1.5em;
    font-weight: 600;
  }
  .click_luckynumber {
    top: 0;
    left: 50px;
  }
}

/* �������� */

#recommend-box {
  background-image: linear-gradient( rgb(34, 77, 148), rgb(47, 79, 129), rgb(47, 79, 129), rgb(32, 55, 103));
  padding: 5%;
}
.wait-box {
  margin: 10px -5px 10px -5px;
}
.bg-green,
.button.green,
.button.ok,
.button.send,
.button.save,
.button.login {
  background-color: #f1983b;
}
.button {
  background-color: #59b326;
}
.button_register {
  border-radius: 0.7em;
  line-height: 2em;
  height: 2em;
  padding: 0 1em;
  font-size: 1.5em;
  font-weight: 800;
}
/*
.button.large {
  line-height: 1.8em;
}*/
h1 {
  font-size: 2em;
  /*color: #ac0005;*/
  color: #fff;
}
.comment {
  color: #ddd;
  font-size: 0.9em;
}
.comment_white {
  color: #fff;
  font-size: 0.9em;
}

/*
.tab > ul > li, .btntab > ul > li {
    float: left;
    border-color: inherit;
    width: 33%;
    line-height: 1.6em;
    font-size: 0.9em;
}
*/

em {
  font-style: normal;
  color: #ac0005;
  font-weight: 600;
  font-size: 1.1em;
}
em_mini {
  font-style: normal;
  color: #d5a433;
  font-weight: 500;
  font-size: 0.9em;
}
em2 {
  font-style: normal;
  color: #911111;
  font-weight: 600;
  font-size: 1.1em;
}
em3 {
  font-style: normal;
  color: #3c3a3a;
  font-weight: 600;
  font-size: 1.1em;
}
em4 {
  font-style: normal;
  color: #ffe605;
  font-weight: 600;
  font-size: 1.1em;
}
em4mini {
  font-style: normal;
  color: #ffe605;
  font-weight: 600;
  font-size: 1.1em;
}
em5 {
  font-style: normal;
  color: #ffbf44;;
  font-weight: 600;
  font-size: 1.1em;
}
.button.howto {
  background-color: #333;
  border: 1px solid #fff504;
  border-radius: 0.5em;
  -moz-border-radius: 0.5em;
  -webkit-border-radius: 0.5em;
}
.h_content2 {
  background-color: #ac0005;
  color: #fff;
  text-shadow: 1px 1px 0 #000;
  font-size: 1.2em;
  padding: 0 10px;
  margin-left: 10px;
}
.txt {
  /*display: inline-block;
	border-left: 1px solid #fff;*/
  padding: 0 20px;
}
.txt a {
  color: #ac0005;
}
.label {
  color: azure;
}
@keyframes walk-cyclet {
  0% {
    background-color: #D61A1B;
  }
  100% {
    background-color: #000;
  }
  /* Must be full height of sprite or skipping will happen.*/
}
.blink {
  animation: blinker 0.6s linear infinite;
  color: #fff504;
  /*font-weight: bold;*/
}
.blink-1 {
  animation: blinker 0.6s linear infinite;
  color: #ff6000;
  font-weight: bold;
}
.blink-2 {
  animation: blinker 0.8s linear infinite;
  /*color: #f40505;
  font-weight: bold;*/
}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}
.blink-one {
  animation: blinker-one 1s linear infinite;
}
@keyframes blinker-one {
  0% {
    opacity: 0;
  }
}
.blink-two {
  animation: blinker-two 1.4s linear infinite;
}
@keyframes blinker-two {
  100% {
    opacity: 0;
  }
}
/*
@keyframes x-rotate-item {
  0%, 60%, 100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}
*/
@keyframes x-rotate-item {
  0%,60%,to{
    -webkit-transform:rotate(0);
    transform:rotate(0);
  }
  8%{
    -webkit-transform:rotate(-7deg);
    transform:rotate(-7deg);
  }
  15%{
    -webkit-transform:rotate(5deg);
    transform:rotate(5deg);
  }
  30%{
    -webkit-transform:rotate(-5deg);
    transform:rotate(-5deg);
  }
  45%{
    -webkit-transform:rotate(2deg);
    transform:rotate(2deg);
  }
  50%{
    -webkit-transform:rotate(-2deg);
    transform:rotate(-2deg);
  }
}
.banner_hover .tt_img_hover {
  position: absolute;
  left: 0px;
  top: 0px;
  opacity: 0;
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -ms-transform: scale(1.5);
  -o-transform: scale(1.5);
  transform: scale(1.5);
}
.banner_hover:hover .tt_img_hover {
  left: 0px;
  opacity: 1;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transform: scale(1.0);
  -moz-transform: scale(1.0);
  -ms-transform: scale(1.0);
  -o-transform: scale(1.0);
  transform: scale(1.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;
}
figure,
img {
  position: relative;
}
figure::before,
img::before {
  position: absolute;
  top: 0;
  left: -75%;
  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);
}
.flash:hover figure::before,
figure:hover::before,
img::before,
img:hover::before {
  -webkit-animation: shine 1.50s;
  animation: shine 1.50s;
}
@-webkit-keyframes shine {
  100% {
    left: 125%;
  }
}
@keyframes shine {
  100% {
    left: 125%;
  }
}
div.menubarfooter {
  background: -webkit-gradient(linear, left top, left bottom, from(#ac0000), to(#670015));
  background: -webkit-linear-gradient(top, #ac0000 0%, #670015 100%);
  background: -o-linear-gradient(top, #ac0000 0%, #670015 100%);
  background: linear-gradient(to bottom, #ac0000 0%, #670015 100%);
  position: fixed;
  width: 100%;
  bottom: 0;
  z-index: 999;
  -webkit-box-shadow: 3px -3px 6px #0e0e0ea3;
  box-shadow: 3px -3px 6px #0e0e0ea3;
  border-radius: 12px 12px 0 0;
}
div.menubarfooter ul.menu {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 0;
}
div.menubarfooter ul.menu li {
  text-align: center;
  width: 20%;
}
div.menubarfooter ul.menu li a {
  /*color:#fff;*/
  font-size: 15px;
}
div.menubarfooter ul.menu li a i {
  display: block;
  background: #fff;
  width: 27px;
  height: 27px;
  margin-left: auto;
  margin-right: auto;
  color: #f40505;
  border-radius: 50%;
  text-align: center;
  line-height: 26px;
  margin-top: 5px;
  font-size: 20px;
  padding-left: 3px;
}
div.menubarfooter ul.menu li a div {
  position: absolute;
  width: 100%;
  bottom: 0;
  font-size: 16px;
}
div.menubarfooter ul.menu li a div.group {
  width: 20%;
  font-size: 12px;
}
div.menubarfooter ul.menu li a div img {
  /*width:55px;*/
  display: block;
  /*margin-left:auto;
	margin-right:auto;*/
}
.img-responsive,
.thumbnail>img,
.thumbnail a>img,
.carousel-inner>.item>img,
.carousel-inner>.item>a>img {
  display: block;
  max-width: 100%;
  height: auto;
}
.hidden-lg {
  display: none;
}
.toTop .scroller {
  bottom: 85px;
}
.tip {
  background-color: #2b488c;
  border-color: #194480;
  color: #fff;
  text-shadow: none;
}
.luckynumber {
  background-color: rgba(0, 0, 0, 0.03);
  border: 1px dashed #ddd;
  background-image: url(img/luckynumber_order_bg.jpg);
  background-position: center;
}
.luckynumber input {
  font-size: 2em;
  height: 1.5em;
}
.luckynumber tr.selected {
  -moz-animation: rainbow 2s infinite alternate linear;
  -ms-animation: rainbow 2s infinite alternate linear;
  -o-animation: rainbow 2s infinite alternate linear;
  -webkit-animation: rainbow 2s infinite alternate linear;
  animation: rainbow 2s infinite alternate linear;
  color: #FFF;
}
.luckynumber a {
  color: #1168c4;
}
.lucky_img_left {
  position: absolute;
  /*top: 45%;*/
  width: 36%;
  left: 22%;
  z-index: 2;
  max-width: 180px;
  margin-top: -200px;
}
.lucky_img_right {
  position: absolute;
  /*top: 45%;*/
  width: 36%;
  right: 22%;
  z-index: 2;
  max-width: 180px;
  margin-top: -200px;
}
/* Login Image Modal */
#GModal_modaldiv {
  width: auto;
}
.img-icon {
  width: 50px;
}
.rounded-circle {
  border-radius: 50% !important;
}
@keyframes comment-warning {
  0% {
    color: #D61A1B;
  }
  100% {
    color: #000;
  }
  /* Must be full height of sprite or skipping will happen.*/
}

.x-contact-us-v2 .-link-item {
  display: block;
  padding-right: 10px;
  -webkit-filter: drop-shadow(0 0 10px rgba(236,189,123,.3));
  filter: drop-shadow(0 0 10px rgba(236,189,123,.3));
  transition: -webkit-filter .3s;
  transition: filter .3s;
  transition: filter .3s,-webkit-filter .3s;
}
.x-contact-us-v2 .-link-item .-img {
  width: 120px;
  height: auto;
}
.img-fluid, .img-thumbnail, .x-coin-hunting .-img-chest, .x-coin-hunting .-img-chest-open, .x-coin-hunting .-img-flying, .x-coin-hunting .-img-get-coin-alert, .x-coin-hunting .-img-get-coin-alert-light, .x-coin-hunting .-img-text-container {
  max-width: 100%;
  height: auto;
}
div.sticky_top {
  width: 15%;
  max-width: 100px;
  position: fixed;
  top: 20px;
  z-index: 5;
  right: 20px;
}
div.sticky {
  width: 30%;
  max-width: 180px;
  position: fixed;
  bottom: 30px;
  z-index: 999;
  left: 30px;
}
div.sticky_bottom {
  /*width: 30%;*/
  max-width: 140px;
  position: fixed;
  bottom: 30px;
  z-index: 999;
  right: 30px;
}
.scroller:hover {
  background-color: #d5a433;
}
.-ic-img {
  /*width: 30px;*/
  -webkit-animation: x-rotate-item 1s infinite;
  animation: x-rotate-item 1s infinite;
}
.click_luckynumber {
  z-index: 5;
  position: relative;
}