@font-face {
  font-family: "JJannon";
  src: url('JJannon-Regular.otf');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "JJannon";
  src: url('JJannon-Italic.otf');
  font-weight: normal;
  font-style: italic;
}
html,body {
  margin: 0;
  border: 0;
  padding: 0;
  /*height: 3000%;*/
  width: 100vw;
  overflow-x: hidden;
  scroll-behavior: smooth;
}
.content{
  position: absolute;
  height: 0;
  width: 100vw;
  overflow-x: hidden;
}
a, p ,span {
  font-family: "JJannon","Times","Times New Roman","Times Newer Roman","Songti SC","宋体",STSong, Simsun,'Noto Serif CJK SC', 'Source Han Serif SC', ‘Source Han Serif’, source-han-serif-sc,TimesNewRoman,Times New Roman,Times,Baskerville,Georgia,serif;
  font-size: 15px;
  line-height: 15px;
  margin: 0;
  color: black;
  display:flex;
  transform-origin: 0;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
a:hover{
  text-decoration: none;
  color: black;
}
.warning{
  position: fixed;
  width: 100%;height: 100%;
  background-color: white;
}
.warningcontent{
  left: 50%;
  top: 50%;
  position: absolute;
  transform: translate(-50%,-50%);
}
.warningp{
  border: 1px;
  padding-bottom: 15px;
}
.warningbutton{
  border: 1px red dotted;
}
.images{
  position: fixed;
  top: 50%;left: 50%;
  transform: translate(-50%,-50%);
  width: 50vw;height: 50vh;
}
.image{
  position: absolute;
  width: auto;height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  opacity: 0;
  transition: opacity 1s;
}
.video{
  position: fixed;
  top: 50%;left: 50%;
  transform: translate(-50%,-50%);
  width: 80vw;height: 80vh;
}
#thevideo{
  position: absolute;
  width: auto;
  height: 0;
  top: 50%;left: 50%;
  transform: translate(-50%,-50%);
}
.partText0{
  white-space: nowrap;
  position: absolute;
  top: 50vh;
  left: 50%;transform: translateX(-55.5px);
}
.partText{
  white-space: nowrap;
  position: absolute;
  top: 150vh;
  left: 50%;transform: translateX(-55.5px);
}
.partTexta{
  white-space: nowrap;
  position: absolute;
  top: 150vh;
  left: 60vw;
}
.partTextb{
  white-space: nowrap;
  position: absolute;
  top: 150vh;
  right: 60vw;
}
.titles{
  opacity: 0;
  position: absolute;
  /*margin-left: 5vw;*/
}

#t1{
  margin-top: 0;border: 1px;
  /*background-color: aliceblue;*/
}
#t2{
  margin-top: 30px;border: 1px;
  /*background-color: lightgrey;*/
}
#t3{
  margin-top: 60px;border: 1px red dotted;
  /*background-color: #e90f92;*/
}

.partLines{
  position: absolute;
  margin-top: 800px;
}
.lines{
  /*width: 100vw;*/
}
.linesa{
  position: absolute;
  margin-left: 60vw;
}
.linesb{
  position: absolute;right: 0;
  margin-right: 60vw;
}
#p1{
  margin-top: 0;
}
#b1{
  margin-top: 200px;
}
#p2{
  margin-top: 400px;
}
#b2{
  margin-top: 600px;
}
#p3{
  margin-top: 800px;
}
#b3{
  margin-top: 1000px;
}
#p4{
  margin-top: 1200px;
}
#b4{
  margin-top: 1400px;
}
#p5{
  margin-top: 1600px;
}
#b5{
  margin-top: 1800px;
}
#p6{
  margin-top: 2000px;
}
#b6{
  margin-top: 2200px;
}
#p7{
  margin-top: 2400px;
}
#b7{
  margin-top: 2600px;
}
#p8{
  margin-top: 2800px;
}
#b8{
  margin-top: 3000px;
}
#p9{
  margin-top: 3200px;
}
#b9{
  margin-top: 3400px;
}
#p10{
  margin-top: 3600px;
}
#b10{
  margin-top: 3800px;
}
#p11{
  margin-top: 4000px;
}
#b11{
  margin-top: 4200px;
}
#p12{
  margin-top: 4400px;
}
#b12{
  margin-top: 4600px;
}
#p13{
  margin-top: 4800px;
}
#b13{
  margin-top: 5000px;
}
#p14{
  margin-top: 5200px;
}
#b14{
  margin-top: 5400px;
}
#p15{
  margin-top: 5600px;
}
#b15{
  margin-top: 5800px;
}
#p16{
  margin-top: 6000px;
}
#b16{
  margin-top: 6200px;
}
#b17{
  margin-top: 6400px;
}
#p17{
  margin-top: 6600px;
}
#p18{
  margin-top: 6800px;
}
#b18{
  margin-top: 7000px;
}
#p19{
  margin-top:7200px;
}
#b19{
  margin-top: 7400px;
}
#p20{
  margin-top: 7600px;
}
#b20{
  margin-top: 7800px;
}
#p21{
  margin-top: 8000px;
}
#b21{
  margin-top: 8200px;
}
#p22{
  margin-top: 8400px;
}
#b22{
  margin-top: 8600px;
}
#p23{
  margin-top: 8800px;
}
#b23{
  margin-top: 9000px;
}
#p24{
  margin-top: 9200px;
}
#b24{
  margin-top: 9400px;
}
#p25{
  margin-top: 9600px;
}
#b25{
  margin-top: 9800px;
}
#p26{
  margin-top: 10000px;
}
#b26{
  margin-top: 10200px;
}

#p27{
  margin-top: 10400px;
}
#b27{
  margin-top: 10600px;
}
#p28{
  margin-top: 10800px;
}
#b28{
  margin-top: 11000px;
}
#p29{
  margin-top: 11200px;
}
#b29{
  margin-top: 11400px;
}
#p30{
  margin-top: 11600px;
}
#b30{
  margin-top: 11800px;
}
#p31{
  margin-top: 12000px;
}
#b31{
  margin-top: 12200px;
}
#p32{
  margin-top: 12400px;
}
#b32{
  margin-top: 12600px;
}
#p33{
  margin-top: 12800px;
}
#b33{
  margin-top: 13000px;
}
#p34{
  margin-top: 13200px;
}
#b34{
  margin-top: 13400px;
}
#p35{
  margin-top: 13600px;
}
#b35{
  margin-top: 13800px;
}
#p36{
  margin-top: 14000px;
}
#b36{
  margin-top: 14200px;
}
#b37{
  margin-top: 14400px;
}
#p37{
  margin-top:14600px;
}
#p38{
  margin-top: 14800px;
}
#b38{
  margin-top: 15000px;
}
#p39{
  margin-top:15200px;
}
#b39{
  margin-top: 15400px;
}
#p40{
  margin-top: 15600px;
}
#b40{
  margin-top: 15800px;
}
@media (max-aspect-ratio: 1/1) {

  .partText{
  }

}

@media (min-aspect-ratio: 1/1) {

  .partText{
  }
}

@media (max-height: 400px) {
  a, p ,span {
  }
}