
* {
  margin: 0;
  padding: 0;
}

#slide-box1 {
  position: relative;
  overflow: hidden;
  z-index: 888;
  margin:0 auto;
}

#slide-box1 ul {
  list-style: none;
  position: absolute;
  left: 0;
  top: 0;
}

#slide-box1 ul li {
  float: left;
  position: relative;
  text-align:center;
}

#slide-box1 ul li img {
	/*width: 100%;
	height: 100%; */
	/*border: 2px solid #9ad;*/
    /*float: left;*/
    /*margin: 0pt 3px;*/
	/*margin:auto;*/
   /* padding: 2px;*/
    height: 60%;
    width:  none;
}

#slide-box1 ol {
  position: absolute;
  top: 0px;
  left: 0px;
  list-style: none;
  z-index: 999;
}

#slide-box1 ol li {
  width: 6px;
  height: 6px;
  float: left;
  margin: 1px;
  border-radius: 50%;
  cursor: pointer;
  background-color: #fff;
}

#slide-box2 {
  position: relative;
  overflow: hidden;
  z-index: 888;
  margin:0 auto;
}

#slide-box2 ul {
  list-style: none;
  position: absolute;
  left: 0;
  top: 0;
}

#slide-box2 ul li {
  float: left;
  position: relative;
  text-align:center;
}

#slide-box2 ul li img {
	/*width: 100%;
	height: 100%; */
	/*border: 2px solid #9ad;*/
    /*float: left;*/
    /*margin: 0pt 3px;*/
	/*margin:auto;*/
    /*padding: 2px;*/
    height: 60%;
    width:  none;
}

#slide-box2 ol {
  position: absolute;
  top: 0px;
  right: 100px;
  list-style: none;
  z-index: 777;
}

#slide-box2 ol li {
  width: 6px;
  height: 6px;
  float: left;
  margin: 1px;
  border-radius: 50%;
  cursor: pointer;
  background-color: #fff;
}

p {
	font-size:clamp(10px, 1.6vw, 18px);
	/*font-size:15px;*/
	font-weight:bold;
	color:darkblue;
	margin:5px;
}


#slide-box3 {
  position: relative;
  overflow: hidden;
  z-index: 888;
  margin:0 auto;
  background:#adf;
}

#slide-box3 ul {
  list-style: none;
  position: absolute;
  left: 0;
  top: 0;
  margin-top:20px;
}

#slide-box3 ul li {
  float: left;
  position: relative;
  text-align:center;
}

#slide-box3 ul li img {
	/*width: 100%;
	height: 100%; */
	border: 2px solid yellow;
    /*float: left;*/
    /*margin: 0pt 3px;*/
	/*margin:auto;*/
    /*padding: 2px;*/
    height: 60%;
    width:  none;
}

#slide-box3 ol {
  position: absolute;
  top: 0px;
  left: 0px;
  list-style: none;
  z-index: 666;
}

#slide-box3 ol li {
  width: 6px;
  height: 6px;
  float: left;
  margin: 1px;
  border-radius: 50%;
  cursor: pointer;
  background-color: #009;
}


#slide-box4 {
  position: relative;
  overflow: hidden;
  z-index: 555;
  margin:0 auto;
  background:#adf;
}

#slide-box4 ul {
  list-style: none;
  position: absolute;
  margin-top:20px;
  left: 0;
  top: 0;
}

#slide-box4 ul li {
  float: left;
  position: relative;
  text-align:left;
  font-size:clamp(10px, 1.6vw, 18px);
  padding-left:10px;
}

#slide-box4 ul li img {
	/*width: 100%;
	height: 100%; */
	/*border: 2px solid #9ad;*/
    /*float: left;*/
    /*margin: 0pt 3px;*/
	/*margin:auto;*/
   /* padding: 2px;*/
    height: 60%;
    width:  none;
}

#slide-box4 ol {
  position: relative;
  bottom: 0px;
  left: 0px;
  list-style: none;
  z-index: 444;
}

#slide-box4 ol li {
  width: 6px;
  height: 6px;
  float: left;
  margin: 1px;
  border-radius: 50%;
  cursor: pointer;
  background-color: #009;
}



#slide-box5 {
  position: relative;
  overflow: hidden;
  z-index: 333;
  margin:0 auto;
  background:#adf;
}

#slide-box5 ul {
  list-style: none;
  position: absolute;
  margin-top:20px;
  left: 0;
  top: 0;
}

#slide-box5 ul li {
  float: left;
  position: relative;
  text-align:left;
  font-size:clamp(10px, 1.6vw, 18px);
  padding-left:10px;
}

#slide-box5 ul li img {
	/*width: 100%;
	height: 100%; */
	/*border: 2px solid #9ad;*/
    /*float: left;*/
    /*margin: 0pt 3px;*/
	/*margin:auto;*/
   /* padding: 2px;*/
    height: 60%;*/
    width:  none;
}

#slide-box5 ol {
  position: relative;
  bottom: 0px;
  left: 0px;
  list-style: none;
  z-index: 222;
}

#slide-box5 ol li {
  width: 6px;
  height: 6px;
  float: left;
  margin: 1px;
  border-radius: 50%;
  cursor: pointer;
  background-color: #009;
}


#slide-box1 ol li.on { background: #FF5C1B; }
#slide-box2 ol li.on { background: #FF5C1B; }
#slide-box3 ol li.on { background: #FF5C1B; }
#slide-box4 ol li.on { background: #FF5C1B; }
#slide-box5 ol li.on { background: #FF5C1B; }