@charset "utf-8";
/* font */
.font-mont {
  font-family: 'Montserrat';
}
/* reset */
html {
  overflow-y: scroll;
  font-size: 62.5%;
}
body { /*overflow-x:hidden !important;*/ margin: 0;
  padding: 0;
  font-size: 1.6rem;
  color: #333;
  height: 100%;
    font-family: "sinkin-sans", Noto Sans SC, "Microsoft Yahei", PingFangSC-Regular, sans-serif;
  font-weight: 400;
  /*letter-spacing: -0.04rem;*/
}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {
  margin: 0;
  padding: 0;
  border: 0
}
h1, h2, h3, h4, h5, h6 {
  font-size: 100%
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block
}
header ul, nav ul, footer ul {
  margin: 0;
  padding: 0;
  list-style: none
}
legend {
  position: absolute;
  font-size: 0;
  line-height: 0;
  text-indent: -9999em;
  overflow: hidden
}
label, input, button, select, img {
  vertical-align: middle
}
input, button {
  margin: 0;
  padding: 0;
}
button, input[type=submit] {
  cursor: pointer;
  font-weight: 400;
  letter-spacing: -0.04rem;
  outline: none
}
input[type=text], input[type=password], input[type=submit], input[type=image], input[type=button], button {
  border-radius: 0;
  -webkit-appearance: none;
}
textarea, select {
  font-weight: 400;
  letter-spacing: -0.04rem;
}
textarea {
  border-radius: 0;
  -webkit-appearance: none
}
p {
  margin: 0;
  padding: 0;
  word-break: keep-all;
}
hr {
  display: none
}
pre {
  overflow-x: scroll;
}
a:link, a:visited {
  text-decoration: none
}
ul, li, ol, dt, dd, dl {
  list-style: none;
  padding: 0;
  margin: 0;
}
button:focus, input:focus, textarea:focus, select:focus {
  outline: 0;
}
table {
  padding: 0;
  border: 0;
  border-spacing: 0px;
  border-collapse: collapse;
}
img {
  max-width: 100%;
}
a {
  color: #333;
}
.wrap {
  overflow-x: hidden;
}
* {
  word-break: keep-all; 
  white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  word-wrap: break-word; /* Internet Explorer 5.5+ */
  box-sizing: border-box;
}
*, :after, :before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
input[type=text], input[type=password], textarea {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
}
input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus {
  -webkit-box-shadow: 0 0 5px #9ed4ff;
  -moz-box-shadow: 0 0 5px #9ed4ff;
  box-shadow: 0 0 5px #9ed4ff;
  border: 1px solid #558ab7 !important;
}

/* html.fixed, html.fixed body {overflow:hidden !important; margin:0; height:100%;position: fixed; width: 100%;} */
html.fixed, html.fixed body {
  overflow: hidden !important;
}
/** Media size setting **/
@media (max-width: 1300px) {
  html {
    font-size: 57%;
  }
}
@media (max-width: 980px) {
  body {
    font-size: 1.5rem;
  }
}
@media (max-width: 768px) {
  html {
    font-size: 54%;
  }
}
@media all and (max-width:500px) {
  html {
    font-size: 53%;
  }
}