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

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

#container {
    width: 1000px;
    padding: auto;
    margin: auto;
    
}

#header {
    width: 1000px;
    border: none;
    background:url(bg2.jpg) no-repeat;
}

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

#fblike {
    height: 30px;
    position: absolute;
    top: 0;
    left: 5px;
    z-index: 10;
}
#top .pick {
    width: 368px;
    height:403px;
    position: absolute;
    bottom: 330px;
    right: 0;
    z-index: 10;
}
#top .publisher {
    width: 362px;
    height:123px;
    position: absolute;
    bottom: 185px;
    left: 48px;
    z-index: 10;
}
#top .other {
    width: 191px;
    height:158px;
    position: absolute;
    bottom: 25px;
    left: 48px;
    z-index: 10;
}
#top .ebook {
    width: 171px;
    height:158px;
    position: absolute;
    bottom: 25px;
    left: 240px;
    z-index: 10;
}
#top .coupon {
    width: 341px;
    height:139px;
    position: absolute;
    bottom: 27px;
    right: 215px;
    z-index: 10;
}
#top .out {
    position: absolute;
    bottom: 183px;
    right: 235px;
    z-index: 10;
    font-size:13px;
    color:red;
    font-weight:bold;
}
#top .out01 {
    position: absolute;
    bottom: 155px;
    right: 218px;
    z-index: 10;
    font-size: 13px;
    color: red;
    font-weight: bold;
}
#top .out02 {
    position: absolute;
    bottom: 115px;
    right: 215px;
    z-index: 10;
    font-size: 13px;
    color: red;
    font-weight: bold;
}
#menu{
    width:1000px; 
    height:180px;
    position:absolute;
    bottom:0;
    left:0;
}
    #menu .ls01 {
        width:169px;
        height:180px;
        position:absolute;
        top:0;
        left:0;
        z-index:5;
    }
     #menu .ls02 {
        width:92px;
        height:180px;
        position:absolute;
        top:0;
        left:169px;
        z-index:5;
    }
     #menu .ls03 {
        width:116px;
        height:180px;
        position:absolute;
        top:0;
        left:261px;
        z-index:5;
    }
     #menu .ls04 {
        width:134px;
        height:180px;
        position:absolute;
        top:0;
        left:377px;
        z-index:5;
    }
     #menu .ls05 {
        width:118px;
        height:180px;
        position:absolute;
        top:0;
        left:511px;
        z-index:5;
    }
      #menu .ls06 {
        width:126px;
        height:180px;
        position:absolute;
        top:0;
        left:629px;
        z-index:5;
    }
      #menu .ls07 {
        width:123px;
        height:180px;
        position:absolute;
        top:0;
        left:755px;
        z-index:5;
    }
      #menu .ls08 {
        width:122px;
        height:180px;
        position:absolute;
        top:0;
        right:0;
        z-index:5;
    }
 #buying {
    width:1000px;
    height:569px;
    position:relative;
}
    #buying .cover {
        width:239px;
        height:337px;
        position:absolute;
        left:40px;
        top:200px;
        z-index:5;
    }
    #buying .end {
        font-size:28px;
        color:red;
        font-weight:bold;
        line-height:130%;
        position: absolute;
        left:300px;
        top: 210px;
        z-index: 5;
    }
    #buying .bst {
        width:525px;
        height:201px;
        position:absolute;
        right:30px;
        top:175px;
        z-index:5;
    }
    #buying .milestone {
        width:525px;
        height:173px;
        position:absolute;
        right:30px;
        bottom:12px;
        z-index:5;
    }
#stott {
    width:1000px;
    height:524px;
    position:relative;
}
    #stott .more {
        width:169px;
        height:57px;
        position:absolute;
        right:45px;
        bottom:35px;
        z-index:5;
    }

#peterson {
    width:1000px;
    height:480px;
    position:relative;
}
#peterson .more {
        width:169px;
        height:54px;
        position:absolute;
        right:45px;
        bottom:35px;
        z-index:5;
    }
#lewis {
    width:1000px;
    height:479px;
    position:relative;
}
#lewis .more {
        width:169px;
        height:47px;
        position:absolute;
        right:45px;
        bottom:27px;
        z-index:5;
    }
#nouwen {
    width: 1000px; 
    height: 458px;
    position:relative;
}
#nouwen .more {
        width:169px;
        height:49px;
        position:absolute;
        right:45px;
        bottom:23px;
        z-index:5;
    }
#others {
    width: 1000px; 
    height: 529px;
    position:relative;
}
#others .cssa {
        width:243px;
        height:331px;
        position:absolute;
        left:0;
        top:43px;
        z-index:5;
    }
#others .taosheng {
        width:367px;
        height:325px;
        position:absolute;
        left:275px;
        top:60px;
        z-index:5;
    }
#others .wwbible {
        width:412px;
        height:281px;
        position:absolute;
        right:0;
        top:43px;
        z-index:5;
    }
#others .bstwn {
        width:951px;
        height:114px;
        position:absolute;
        left:40px;
        bottom:20px;
        z-index:5;
    }

#ebook {
    width:1000px;
    height:713px;
    position:relative;
}
#ebook .palmer {
        width:573px;
        height:160px;
        position:absolute;
        right:20px;
        top:55px;
        z-index:5;
    }
#ebook .james {
        width:573px;
        height:148px;
        position:absolute;
        right:20px;
        top:215px;
        z-index:5;
    }
#ebook .stott {
        width:573px;
        height:162px;
        position:absolute;
        right:20px;
        top:363px;
        z-index:5;
    }
#ebook .nouwen {
        width:573px;
        height:163px;
        position:absolute;
        right:20px;
        top:525px;
        z-index:5;
    }

#pickup {
    width: 1000px; 
    height: 555px;
    position:relative;
}

.copyright {
    font-size: 10pt;
    color: #464646;
    text-align:center;
    width:1000px;
    position:absolute;
    bottom:3px;
    z-index:5;
    line-height:150%;
}

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

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

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

#gohome {
    display: block;
    position: fixed;
    right: 0;
    bottom: 60px;
    /*padding: 2px 2px;*/
    cursor: pointer;
    font-family: Arial;
    z-index: 100;
}
#more {
    display: block;
    position: fixed;
    right: 0;
    bottom: 91px;
    /*padding: 2px 2px;*/
    cursor: pointer;
    font-family: Arial;
    z-index: 100;
}