#h2sContent{
    background-image: url("../img/h2s/H2S-01.jpg");
    background-position: center;
    background-size: cover;
}

#h2s-1{
    right: 75% ;
    top: 33%;
}
#h2s-2{
    width: 150px;
    height: auto;
    right: 26%;
    top: 9%;
}
#h2s-3{
    right: 22%;
    top: 87%;
}
#h2s-4{
    right: 61.5%;
    top: 72%;
}
/*----*/
#h2s-first-modal-1{
    width: 330px;
    height: 165px;
    left: 1%;
    top: 38%;
}
#h2s-first-modal-1-text{
    width: 300px;
    height: 155px;
    margin: 15px auto 0 auto;
}
#h2s-triangle1{
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 7px solid #0033a1;
    position: absolute;
    right: 10%;
    top: -9px;
}
/**/
#h2s-first-modal-2{
    width: 300px;
    height: 135px;
    right: 48%;
    top: 9%;
}
#h2s-first-modal-2-text{
    width: 270px;
    height: 125px;
    margin: 15px auto 0 auto;
}
#h2s-triangle2{
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-left: 7px solid #0033a1;
    border-bottom: 5px solid transparent;
    position: absolute;
    right: -9px;
    top: 50%;
}
/**/
#h2s-first-modal-3{
    width: 250px;
    height: 490px;
    right: 2%;
    top: 40%;
}
#h2s-first-modal-3-text{
    width: 220px;
    height: 480px;
    margin: 15px auto 0 auto;
}
#h2s-triangle3{
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-right: 7px solid #0033a1;
    border-bottom: 5px solid transparent;
    position: absolute;
    left: -9px;
    top: 80%;
}
/**/
#h2s-first-modal-4{
    width: 285px;
    height: 160px;
    right: 40%;
    top: 75%;
}
#h2s-first-modal-4-text{
    width: 255px;
    height: 150px;
    margin: 15px auto 0 auto;
}
#h2s-triangle4{
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-right: 7px solid #0033a1;
    border-bottom: 5px solid transparent;
    position: absolute;
    left: -9px;
    top: 10%;
}
#SliderPicture-h2s-1{
    background-image: url("../img/h2s/1/1.jpg");
}
#SliderPicture-h2s-2{
    background-image: url("../img/h2s/2/1.jpg");
}
#SliderPicture-h2s-3{
    background-image: url("../img/h2s/3/1.jpg");
}
#SliderPicture-h2s-4{
    background-image: url("../img/h2s/4/1.jpg");
}
/*zoom*/
#h2s-1-circle{
    right: 58.8%;
    bottom: 35.5%;
    width: 3.9%;
    height: 6.5%;
}
#h2s-1-circle:hover{
    width: 200px;
    height: 200px;
    background-image: url("../img/h2s/zoom/preview1.JPG");
}

#h2s-2-circle{
    width: 3.9%;
    height: 6.5%;
    right: 48.8%;
    top: 31.5%;
}
#h2s-2-circle:hover{
    width: 200px;
    height: 200px;
    background-image: url("../img/h2s/zoom/preview3.JPG");
    z-index: 3;
}
#h2s-3-circle{
    width: 3.9%;
    height: 6.5%;
    left: 43.5%;
    top: 65.3%;
}
#h2s-3-circle:hover{
    width: 200px;
    height: 200px;
    background-image: url("../img/h2s/zoom/preview4.JPG");
    z-index: 3;
}
#h2s-4-circle{
    width: 3.9%;
    height: 6.5%;
    left: 44.5%;
    bottom: 35.7%;
}
#h2s-4-circle:hover{
    width: 200px;
    height: 200px;
    background-image: url("../img/h2s/zoom/preview6.JPG");
    z-index: 3;
}