@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400&display=swap');

body, html {
    padding: 0;
    margin: 0;
    font-family: Noto Sans TC;
    background: #e5e0da;
}

#container {
    width: 1000px;
    padding: auto;
    margin: auto;
    font-family: Arial;
}

#header {
    width: 100%;
    border: none;
}

#top {
    width: 1000px;
    height: 672px;
    position: relative;
}

#top .sales {
    width:206px;
    height:90px;
    position:absolute;
    z-index:20;
    top:55px;
    right:-10px;
}

    #fblike {
        position: absolute;
        top: 3px;
        right: 0;
        z-index: 12;
    }

#banner {
    position: absolute;
    width: 1000px;
    height: 909px;
    z-index: 10;
    top: 0;
    left: 0;
}



#campus {
    width: 1000px;
    height: 888px;
    position: relative;
    background:#EAE8DB;
}

#campus .menu {
    width: 1000px;
    height: 93px;
    position: absolute;
    z-index: 15;
    left: 0;
    top: 0;
}

    #campus .book {
        width: 1000px;
        height: 795px;
        position: absolute;
        z-index: 10;
        left:0;
        top:85px;
    }

        #campus .book .finger {
            width: 53px;
            height: 42px;
            z-index: 12;
            bottom: 30px;
            right: 52px;
            position:absolute;
        }

    #publisher {
        width: 1000px;
        height: 742px;
        position: relative;
    }

        #publisher .finger {
            width: 53px;
            height: 42px;
            z-index: 12;
            top: 197px;
            right: 105px;
            position: absolute;
        }

#publisher02 {
    width: 1000px;
    height: 573px;
    position: relative;
}

    #publisher02 .finger {
        width: 53px;
        height: 42px;
        z-index: 12;
        top: 27px;
        right: 98px;
        position: absolute;
    }

#publisher03 {
    width: 1000px;
    height: 566px;
    position: relative;
}

    #publisher03 .finger {
        width: 53px;
        height: 42px;
        z-index: 12;
        top: 32px;
        right: 103px;
        position: absolute;
    }

#publisher04 {
    width: 1000px;
    height: 652px;
    position: relative;
}

    #publisher04 .finger {
        width: 53px;
        height: 42px;
        z-index: 12;
        top: 39px;
        right: 102px;
        position: absolute;
    }

#gift {
    width: 1000px;
    height: 495px;
    position: relative;
}

#gift02 {
    width: 1000px;
    height: 1359px;
    position: relative;
}

#gift03 {
    width: 1000px;
    height: 1191px;
    position: relative;
}

#ebook {
    width: 1000px;
    height: 320px;
    position: relative;
    background:url(images/web_10.png);
}

.copyright {
    font-size: 12px;
    color: #464646;
    position: absolute;
    bottom: 2px;
    left: 350px;
    z-index: 10;
    /*width: 350px;*/
    line-height: 110%;
}

#footer {
    text-align: center;
    font-size: 11pt;
    font-weight: bold;
    color: white;
    letter-spacing: 2px;
    line-height: 200%;
    background: #4E5A75;
    /*border-bottom: 7px solid #D5DEE3;*/
}

    #footer .imp {
        font-size: 12pt;
        color: #F3E8BA;
    }

#gotop {
    display: none;
    position: fixed;
    right: 0;
    bottom: 1px;
   /* padding: 2px 2px;*/
    cursor: pointer;
    z-index: 100;
}

#gohome {
    display: block;
    position: fixed;
    right: 0;
    bottom: 85px;
    /*padding: 2px 2px;*/
    cursor: pointer;
    font-family: Arial;
    z-index: 100;
}
#gogift {
    display: block;
    position: fixed;
    right: 3px;
    bottom: 148px;
    padding: 2px 2px;
    cursor: pointer;
    font-family: Arial;
    z-index: 100;
}