@charset "UTF-8";
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

body {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

ul,
li {
    list-style: none;
}

a {
    text-decoration: none;
}

input {
  outline: none;
}

i {
    font-style: normal;
}

body,
html {
    /* height: 100%; */
    /* overflow: hidden; */
    -webkit-overflow-scrolling: touch;
}


@font-face {
  font-family: 'headliner';
  src: url("../fonts/Headliner.ttf");
}

@font-face {
  font-family: 'burbank';
  src: url("../fonts/burbank.otf");
}

@font-face {
  font-family: 'all';
  src: url("../fonts/all.ttf");
}

body,
html,
body input,
html input {
  /* font-family: 'all'; */
  font-family: 'burbank';
}

/* auto_img */

.auto_img {
    display: block;
    width: 100%;
}

/* scroll */

.scrollbar::-webkit-scrollbar {
  width: 1px;
  height: 0;
  border-radius: 0.5rem;
}

.scrollbar::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 2px #293988;
  -webkit-box-shadow: inset 0 0 0px #e7e25d;
  background: #ffdf76;
  border-radius: 0.5rem;
  border: 1px solid #364d24;
}

.scrollbar::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 1px rgb(48 58 35);
  background-color: #21252c;
  border-radius: 0.5rem;
}

/* no_scroll */

.no_scrollbar::-webkit-scrollbar {
  width: 0;
  height: 0;
  border-radius: 0.5rem;
}

.no_scrollbar::-webkit-scrollbar-thumb {
  box-shadow: inset 0 0 2px #293988;
  -webkit-box-shadow: inset 0 0 0px #212f4c;
  background: #ffdf76;
  border-radius: 0.5rem;
  border: 1px solid #231B3C;
}

.no_scrollbar::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0);
  background-color: #21252c;
  border-radius: 0.5rem;
}

::-webkit-input-placeholder{/*Webkit browsers*/
  font-size: 0.24rem;
  color: rgba(242, 255, 216, 0.35);
}
:-moz-placeholder{/*Mozilla Firefox 4 to 8*/
  font-size: 0.24rem;
  color: rgba(242, 255, 216, 0.35);
}
::moz-placeholder{/*Mozilla Firefox 19+*/
  font-size: 0.24rem;
  color: rgba(242, 255, 216, 0.35);
}
:-ms-input-placeholder{/*Internet Explorer 10+*/
  font-size: 0.24rem;
  color: rgba(242, 255, 216, 0.35);
}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{
  font-size: 0.24rem;
  color: rgba(242, 255, 216, 0.35);
}

input:-moz-placeholder,textarea:-moz-placeholder{
  font-size: 0.24rem;
  color: rgba(242, 255, 216, 0.35);
}

input::-moz-placeholder,textarea::-moz-placeholder{
  font-size: 0.24rem;
  color: rgba(242, 255, 216, 0.35);
}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{
  font-size: 0.24rem;
  color: rgba(242, 255, 216, 0.35);
}