/* CSS Document */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 
    margin: 0; 
    padding: 0; 
    outline: 0; 
    background: transparent; 
    text-decoration: none; 
}

body { 
    font:14px "PingFang SC","Lantinghei SC","Microsoft YaHei","HanHei SC",
          "Helvetica Neue","Open Sans",Arial,"Hiragino Sans GB","微软雅黑",
          STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif; 
    background: url(../image/back.png) no-repeat center center fixed;
    background-size: cover;
    background-color: #ece6d6;
}

/* 手機背景 */
@media screen and (max-width: 750px) {
    body {
        background: url(../image/mobbg.png) no-repeat center center fixed;
        background-size: cover;
        background-color: #ece6d6;
    }
}

ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
a{color:#444c64;}
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }


/* =========================
   LOGO 區
========================= */

.logow {
    width:100%;
    max-width: 1080px;
    height: auto;
    margin: 140px auto 0 auto;
}

.logow .logo{
    width: 60%;
    margin: 100px auto 10px auto;
}

.logow .logo img{
    width: 100%;
    height: auto;
    margin: 0 auto;
}

.logow .logotxt{
    width: 100%;
}

.logow .logotxt img{
    width: 100%;
    height: auto;
    margin: 0 auto;
}


/* =========================
   按鈕區
========================= */

.loadw{
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    gap: 3px;
}

.loadw a img{
    width: 100%;
    max-width: 300px;
    transition: transform 0.3s ease;
}

.loadw a:hover img{
    transform: scale(1.05);
}


/* =========================
   底部 LOGO
========================= */

.botlogow{
    width: 100%;
    height: auto;
    margin: 1rem auto 0;
}

.botlogow img{
    width: auto;
    max-width: 50%;
    margin: 0 auto;
    display: block;
}


/* =========================
   手機版 (750px 以下)
========================= */

@media screen and (max-width: 750px) {

    .logow {
        margin: 240px auto 0 auto;
    }

    .logow .logo{
        width: 80%;
        margin: 100px auto 10px auto;
    }

    .loadw a img{
        max-width: 17.5rem;
    }

    .botlogow img{
       max-width: 60%;
    }

}


/* =========================
   手機版 (480px 以下)
========================= */

@media screen and (max-width: 480px) {

    .logow {
        margin: 240px auto 0 auto;
    }

    .logow .logo{
        width: 92%;
        margin: 120px auto 0px auto;
    }

    .loadw a img{
        max-width: 13rem;
    }

    .botlogow img{
        max-width: 70%;
    }

}


/* =========================
   手機版 (393px 以下)
========================= */

@media screen and (max-width: 393px) {

    .logow {
        margin: 240px auto 0 auto;
    }

    .logow .logo{
        width: 92%;
        margin: 120px auto 0px auto;
    }

    .loadw a img{
        max-width: 10.2rem;
    }

    .botlogow img{
         max-width: 70%;
    }

}