*{
    margin: 0;
    padding: 0;
}
.BaseBox{
  display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.pageone{
  width: 100%;
  height: 100%;
  background-image: url(../image/index/pageone.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  align-items: center;
  justify-content: center;
}
.pageoneimg{
    background-image: url(../image/index/pageoneimg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 76vw;
    height: 26vh;
    margin: 10vh auto auto auto;
    box-shadow: 1px 1px 90px rgba(0,0,0,0.1);
-moz-box-shadow: 1px 1px 90px rgba(0,0,0,0.1);
-webkit-box-shadow: 1px 1px 90px rgba(0,0,0,0.1);
}
.pageonetitle{
    background-image: url(../image/index/pageonetitle.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 87vw;
    height: 9.6vh;
    margin: 2vh auto;
}
.pagetext{
    font-size: 3.5vw;
    margin: 0 auto;
    width: 76vw;
    color: white;
    line-height: 4vh;
    text-align: justify;
    margin-bottom: 3vh;
}
.pageonebtn{
        background-image: url(../image/index/pageonebutton.png);
    width: 82%;
    height: 10vh;
    margin: 0 auto;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.fp-tableCell{
vertical-align: top !important;
}
.pagetwo{
    width: 100%;
    height: 100%;
    background-image: url(../image/index/pagetwo.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    align-items: center;
    justify-content: center;
}
.pagetwotitle{

        background-image: url(../image/index/pagetwotitle.png);
        background-repeat: no-repeat;
        background-position: left;
        background-size: contain;
        width:66vw;
        height: 9vh;
        margin: 12vh 0 0 10vw;
       

}
.pagetwotext{
    font-size: 3.5vw;
    color: white;
    line-height: 4vh;
    width: 80vw;
    margin: 2vh auto;
}
.pagetwoimg{
    background-image: url(../image/index/pagetwoimg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 80vw;
    height: 26vh;
    margin: 0 auto auto auto;
}
.pagetwobtn{
    background-image: url(../image/index/pagetwobutton.png);
    width: 88%;
    height: 10vh;
    margin: 3vh auto;
    background-size: cover;
    background-repeat: no-repeat;
}
.pagethree{
    width: 100%;
    height: 100%;
    background-image: url(../image/index/pagethree.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    align-items: center;
    justify-content: center;
}
.pagethreetitle{

    background-image: url(../image/index/pagethreetitle.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
    width: 49vw;
    height: 9vh;
    margin: 12vh 0 0 10vw;

}
.pagethreetext{
font-size: 3.5vw;
color: white;
line-height: 4vh;
width: 80vw;
margin: 2vh auto;
}
.pagethreeimg{
background-image: url(../image/index/pagethreeimg.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
width: 80vw;
height: 26vh;
margin: 0 auto auto auto;
box-shadow: 1px 1px 30px rgb(0 0 0 / 20%);
}
.pagethreebtn{
background-image: url(../image/index/pagethreebutton.png);
width: 88%;
height: 10vh;
margin: 3vh auto;
background-size: cover;
background-repeat: no-repeat;
}



.pagefour{
    width: 100%;
    height: 100%;
    background-image: url(../image/index/pagefour.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    align-items: center;
    justify-content: center;
    position: relative;
}
.pagefourtitle{
    background-image: url(../image/index/pagefourtitle.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
    width: 61vw;
    height: 12vh;
    margin: 18vh auto auto 11vw;

}
.pagefourtext{
    font-size: 3.5vw;
color: white;
line-height: 4vh;
width: 60vw;
margin: 2vh auto auto 13vw;
}
.pagefourbtn{
    background-image: url(../image/index/pagefourbutton.png);
    width: 60vw;
    height: 10vh;
    margin: 3vh auto auto 13vw;
    background-size: contain;
    background-repeat: no-repeat;
    }
    .pagefourl{
        position: absolute;
        background-image: url(../image/index/pagefourl.png);
        width: 33vw;
        height: 45vh;
        background-size: cover;
        background-repeat: no-repeat;
        right: 0;
        top: 3vh;
    }
    .pagefuorh{
        position: absolute;
        background-image: url(../image/index/pagefourh.png);
        width: 41vw;
        height: 20vh;
        background-size: cover;
        background-repeat: no-repeat;
        left: 0;
        bottom: 3vh;
    }