body {

		margin-bottom:0;
		padding:0 auto;
		margin:0 auto;
		background-repeat:no-repeat;
		background-size:cover;
		background-color:#000;
		max-width:800px;

    }

	.swiper-container {
        width: 100%;
        margin: 0;
    }
    .swiper-slide {
		/* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;

    }
	

	.left {
		text-align:left;	
		}
	ul{
				width:100%;
				list-style:none;
				padding:0;
				margin:0;
		}


.slider {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.slider-container {
  display: flex;
  width: fit-content;
  transition: transform 0.3s ease-in-out;
}

.slider img {
  width: 100%;
  height: auto;
}

.prev-btn,
.next-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding: 10px;
  background-color: #333;
  color: #fff;
  border: none;
  cursor: pointer;
  z-index: 2;
}

.prev-btn {
  left: 10px;
}

.next-btn {
  right: 10px;
}


	ul{
				width:100%;
				list-style:none;
				padding:0;
				margin:0;
		}







	.imagemap {position:relative;width:100%;}
	img{display:block;width:100%;}


input[id="ok_01"] {
    position: absolute;
    display: inline-block;
    top: 40%;
    left: 85.5%;
    width: 3%;
    height: 1.8%;
    border: 1px solid #fff;
    cursor: pointer;
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
}

input[id="ok_01"]:checked {
	position: absolute;
	display: inline-block;
    top: 40%;
    left: 85.5%;
    width: 3%;
    height: 1.8%;
	background-image: url('../images/checker-on.svg');
}


.inputcontain input#uname{
    position: absolute;
    top: 26%;
    left: 22%;
    width: 20%;
    height: 2.3%;
    color: #000;
    background: none;
    font-weight: 500;
    padding-left: 10px;
    z-index: 500;
    border: none;
	}

.inputcontain input#uphone{
    position: absolute;
    top: 26%;
    left: 61.5%;
    width: 22%;
    height: 2.3%;
    color: #000;
    background: none;
    font-weight: 500;
    padding-left: 10px;
    z-index: 500;
    border: none;
	}

.inputcontain select#udate{
	position: absolute;
    top: 32.25%;
    left: 61.5%;
    width: 22%;
    height: 2.3%;
    color: #000;
    background: none;
    font-weight: 500;
    padding-left: 10px;
    z-index: 500;
    border: none;
	}
.inputcontain select#udate option{
	color:#000;
}
.inputcontain input#ubirth{
    position: absolute;
    top: 32.25%;
    left: 22%;
    width: 20%;
    height: 2.3%;
    color: #000;
    background: none;
    font-weight: 500;
    padding-left: 10px;
    z-index: 500;
    border: none;
	}

button {
	opacity:0;
	}

.submit {
	position: absolute;
    top: 51.6%;
    height: 6%;
    left: 16%;
    width: 68%;
    cursor: pointer;
	}