html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
      margin: 0;
      padding: 0;
      border: 0;
      outline: 0;
      font-size: 100%;
      vertical-align: baseline;
      background: transparent
}

html,
body {
      height: 100%
}

html {
      -webkit-font-smoothing: antialiased
}

body,
button,
input,
select,
textarea {
      border: none
}

a,
button,
input,
select,
span,
img,
i,
cite,
tt,
em,
button {
      transition: all .4s;
      color: #666
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
      display: block
}

audio,
canvas,
progress,
video {
      display: inline-block;
      vertical-align: baseline
}

audio:not([controls]) {
      display: none;
      height: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
      font-weight: 700;
      text-transform: capitalize
}

img {
      border: 0;
      vertical-align: middle;
      -ms-interpolation-mode: bicubic
}

.slots-contant img {
      width: 113px !important
}

a,
a:hover {
      text-decoration: none !important;
      outline: 0
}

b,
strong {
      font-weight: 700
}

p {
      margin: 0;
      /* line-height: 200%; */
      color: #666
}

ul,
li {
      margin: 0;
      padding: 0;
      list-style: none
}

button,
input,
optgroup,
select,
textarea {
      margin: 0;
      padding: 0;
      font: inherit;
      color: inherit
}

button,
input {
      outline: none
}

::-webkit-input-placeholder {
      color: #ccc
}

::-moz-placeholder {
      color: #ccc
}

:-moz-placeholder {
      color: #ccc
}

::-ms-input-placeholder {
      color: #ccc
}

input:-moz-placeholder {
      color: #ccc
}

textarea:-moz-placeholder {
      color: #ccc
}

::selection {
      background: #333;
      color: #999;
      text-shadow: none
}

.yh {
      font-family: Microsoft YaHei, '\9ed1\4f53'
}

.jh {
      font-family: Microsoft JhengHei, '\9ed1\4f53'
}

.hide {
      display: none !important
}

.clear {
      clear: both
}

.fl {
      float: left !important
}

.fr {
      float: right !important
}

.black {
      -webkit-filter: grayscale(100%);
      -moz-filter: grayscale(100%);
      -ms-filter: grayscale(100%);
      filter: grayscale(100%);
      filter: gray
}

.black:hover {
      -webkit-filter: grayscale(0%);
      -moz-filter: grayscale(0%);
      -ms-filter: grayscale(0%);
      filter: grayscale(0%);
      filter: none
}

@keyframes fadeIn {
      from {
            opacity: 0;
      }

      to {
            opacity: 1;
      }
}

/* Keyframes for fade-out */
@keyframes fadeOut {
      from {
            opacity: 1;
      }

      to {
            opacity: 0;
      }
}

@keyframes fadeInZoom {
      from {
            opacity: 0;
            transform: scale(0.5);
      }

      to {
            opacity: 1;
            transform: scale(1);
      }
}

@keyframes fadeOutZoom {
      from {
            opacity: 1;
            transform: scale(1);
      }

      to {
            opacity: 0;
            transform: scale(0.5);
      }
}

@keyframes fadeInLeft {
      from {
            opacity: 0;
            transform: translateX(-100%);
      }

      to {
            opacity: 1;
            transform: translateX(0);
      }
}

@keyframes fadeOutLeft {
      from {
            opacity: 1;
            transform: translateX(0);
      }

      to {
            opacity: 0;
            transform: translateX(-100%);
      }
}

@keyframes fadeInBlur {
      from {
            opacity: 0;
            filter: blur(10px);
      }

      to {
            opacity: 1;
            filter: blur(0);
      }
}

@keyframes fadeOutBlur {
      from {
            opacity: 1;
            filter: blur(0);
      }

      to {
            opacity: 0;
            filter: blur(10px);
      }
}

@keyframes fadeColorChange {
      from {
            opacity: 0;
            background-color: red;
      }

      to {
            opacity: 1;
            background-color: blue;
      }
}

@keyframes fadeInRotate {
      from {
            opacity: 0;
            transform: rotate(-180deg);
      }

      to {
            opacity: 1;
            transform: rotate(0deg);
      }
}

@keyframes fadeInUp {
      from {
            opacity: 0;
            transform: translateY(100%);
      }

      to {
            opacity: 1;
            transform: translateY(0);
      }
}

@keyframes fadeOutDown {
      from {
            opacity: 1;
            transform: translateY(0);
      }

      to {
            opacity: 0;
            transform: translateY(100%);
      }
}

@keyframes fadeInBackground {
      from {
            opacity: 0;
            background-color: transparent;
      }

      to {
            opacity: 1;
            background-color: #ff6347;
            /* Tomato color */
      }
}

@keyframes fadeInShadow {
      from {
            opacity: 0;
            box-shadow: 0px 0px 10px rgba(0, 0, 0, 0);
      }

      to {
            opacity: 1;
            box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.2);
      }
}

@keyframes fadeInMultiple {
      0% {
            opacity: 0;
            transform: scale(0.8);
      }

      50% {
            opacity: 0.5;
            transform: scale(1.1);
      }

      100% {
            opacity: 1;
            transform: scale(1);
      }
}

@keyframes pulseFade {
      0% {
            opacity: 0;
      }

      50% {
            opacity: 1;
      }

      100% {
            opacity: 0;
      }
}

@keyframes fadeInColorShift {
      from {
            opacity: 0;
            transform: translateY(20px);
      }

      to {
            opacity: 1;
            transform: translateY(0);
      }
}

@keyframes fadeInRounded {
      from {
            opacity: 0;
            border-radius: 0;
      }

      to {
            opacity: 1;
            border-radius: 50%;
      }
}

@keyframes fadeInGrow {
      from {
            opacity: 0;
            transform: scale(0.5);
      }

      to {
            opacity: 1;
            transform: scale(1);
      }
}