/* ------主視覺------ */
.top-img {
    background-color: blanchedalmond;
    width: 100%;
    /* max-width: max-content; */
    /* min-width: min-content; */
}

.top-img .top-img-box {
    /* border-bottom: red solid 6px; */
    width: 100%;
    /* margin: 0 auto; */
    overflow: hidden;

}

.top-img .top-img-box img {
    width: 100%;
}

.top-img .top-img-box .pc {
    display: inline-block;
}

.top-img .top-img-box .mb {
    display: none;
}

@media (max-width:768px) {

    /* 手機模式 */
    .top-img {
        margin-top: 0;
    }

    .top-img .top-img-box {
        border-radius: 0px;
    }

    .top-img .top-img-box {
        padding: 0px;
    }

    .top-img .top-img-box .pc {
        display: none;
    }

    .top-img .top-img-box .mb {
        display: inline-block;
    }
}

/* PC MODE */
.pc_hidden {
    display: none;
}

@media (max-width:768px) {
    .mb_hidden {
        display: none;
    }
}

/* ------主視覺END------ */
/* ------Section Button------ */
.section {
    /* position: absolute; */
    /* top:700px; */
    /* width: 100%; */
    height: auto;
    /* height: 100px;  */
    /* height: auto;  */
    display: flex;
    justify-content: center;
    gap: 2rem;
}

.btn {

    /* width: 30%; */
    /* height: 100px; */
    /* display: flex; */
    /* background-image: url(./images/1280x640.jpg); */
    /* aspect-ratio: 2/1; */
    /* color: aliceblue; */
    position: relative;
    background-color: blueviolet;
    align-items: center;
}

.btn img {
    width: 100%;
    height: auto;
    object-fit: cover;
    /* object-position: top left; */
    /* position: absolute; */
    /* top: 50%;left: 50%; */

    /* transform: translate(-50%, -50%); */
    /* color: black; */

}

.btn img:hover {
    scale: 1.1;
}




/* ------Section Button End------ */

/* ------footer------ */
footer {
    background-color: brown;
    width: 100%;
    height: 100%;
    color: aliceblue;

}

.R18-box {
    /* border: 2px solid white; */
    margin-top: 1rem;
    padding-bottom: 1rem;
}

.R18-logo {
    max-width: 64px;
    display: inline-block;
    /* border: 2px solid white; */
    margin-bottom: 1rem;
}

.R18-text {
    max-height: 80px;
    /* line-height: 60px; */
    padding-left: 2rem;
    display: inline-block;
    /* border: 2px solid white; */
    vertical-align: middle;
    text-align: justify;

}

@media (max-width:768px) {
    .R18-text {
        padding-left: 0rem;
    }

}

.social-icon {
    width: 80px;
    height: 80px;
    margin-left: 1rem;
    /* aspect-ratio: 1/1; */
    /* padding-left: 1rem; */
}

/* ------footer END------ */

/* ------最下方的Button------ */
/* ------按鈕------ */
.object-box {
    width: 100%;
    /* max-width: 800px; */
    display: inline-block;
    margin: auto;
    align-items: center;
    justify-content: center;
    /* margin-top: 1rem; */
    /* border: 15px solid red; */
    /* border-radius: 15px; */
    /* box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1); */
    margin: 0;
    padding: auto;
    background-color: black;
}

.main-boxBtn {
    /* background-image: url(./images/board.png); */
    /* width: 600px; */
    width: 10dwv;
    max-width: 800px;
    /* height: 240px; */
    background-position: center;
    /* border: 3px solid rgb(97, 16, 16); */
    z-index: -10;
    /* background-color: rgb(121, 118, 118); */
    text-align: center;
    margin: auto;
    /* justify-content: center; */
    background-image: url(../images/card.png);
    background-position: center;
    background-repeat: no-repeat;
    /* background-size: cover; */
    box-shadow: 2px 2px 10px black;


}

.main-boxBtn a {
    font-weight: bold;
    font-size: 2rem;
    color: rgb(32, 43, 41);
    text-decoration: none;
    margin: auto;
    line-height: 90px;

}

.main-boxBtn a:hover {

    /* color: white; */
    /* transition: 0.5s ease-in-out; */


}

.main-boxBtn:hover {
    scale: 0.9;
    font-size: 2rem;

    /* color: white; */
    background-color: red;
    text-decoration: none;
    margin: auto;
    /* line-height: 90px; */
    transition: 0.5s ease-in-out;

}

/* ------最下方的Button END------ */