@charset "utf-8";

/* CSS Document by JOHN WONG */
.page_index {
    max-width: 600px;
    margin: 0 auto;

}



.page_wrap {
    position: relative;
    width: 100%;

    height: 100vh;
    background-color: #268efb;
    background-image: url("../images/bg.jpg");

    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: bottom center;

}

.page_head {
    position: absolute;
    width: 100%;
    height: 6vh;
    left: 3%;
    top: 3%;
    background-image: url("../images/logo.png");
    background-size: contain;
    background-repeat: no-repeat;
}

.page_wrap .page_title {
    position: absolute;
    width: 90%;
    height: 8vh;
    left: 5%;
    top: 16%;
    background-image: url('../images/title.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.page_index .page_wrap .btn_pc {
    position: absolute;
    width: 80%;
    height: 10vh;
    left: 10%;
    top: 30%;
    background-image: url("../images/pc_btn.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;

}

.page_index .page_wrap .btn_app {
    position: absolute;
    width: 80%;
    height: 10vh;
    left: 10%;
    bottom: 45%;
    background-image: url("../images/app_btn.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;

}