/*---修底色步驟---*/
/*1. 取代原有底色#F0CFD5 */
/*2. 取代文字色彩#555555 */

body {
    background: rgba(255,252,239,0.5);
}

.pageHeader {
    background: #F0CFD5;
    width: calc(100% - 16px);
    display: flex;
    flex-wrap: wrap;
    padding: 3px;
    margin: 5px auto 0;
}

.pageFooter {
    background: #F0CFD5;
    width: calc(100% - 16px);
    display: flex;
    flex-wrap: wrap;
    padding: 8px 3px;
    margin: 5px auto;
}

/*
.loginInfo{
    background: #F0CFD5;
    padding: 3px;
    margin: 5px auto;}
*/
.logoImg {
    width: 94px;
    padding: 3px;
    margin-right: 4px;
}

    .logoImg img {
        width: 100%;
    }

.logoTitle {
    width: calc(100% - 106px );
}

.logoTitleCC {
    color: #555555;
    font-size: 28pt;
    font-weight: 500;
}

.logoTitleCE {
    color: #555555;
    font-size: 15pt;
    font-weight: 500;
}

.logoTitleR {
    width: 100%;
    margin: 5px 0;
    text-align: center;
}

    .logoTitleR .logoTitleCC {
        font-weight: 900;
        text-shadow: -3px 0 #FFF, 0 3px #FFF, 3px 0 #FFF, 0 -3px #FFF;
    }

.pageFooterT {
    width: calc(100% - 5px);
    text-align: right;
    margin: 5px 5px 5px 0;
    color: #555555;
    font-weight: 500;
}


@media screen AND (min-width : 1200px) {
    .pageHeader {
        width: 1200px;
        box-sizing: border-box;
    }

    .pageFooter {
        width: 1200px;
        box-sizing: border-box;
    }

    .logoTitle {
        width: calc((100% - 106px)/2);
        display: flex;
        flex-wrap: wrap;
    }

        .logoTitle .logoTitleCC, .logoTitle .logoTitleCE {
            width: 100%;
        }

        .logoTitle .logoTitleCC {
            font-size: 39.5pt;
        }

    .logoTitleR {
        width: calc((100% - 106px)/2);
        display: flex;
        align-items: center;
    }

        .logoTitleR .logoTitleCC {
            width: calc(100% - 5px);
            text-align: right;
            padding-right: 5px;
            box-sizing: border-box;
            font-size: 36pt;
            font-weight: 900;
        }

    .pageFooterT {
        width: calc(100% - 10px);
        text-align: right;
        margin: 5px 10px 5px 0;
    }
}