body {
    background: #000;
    margin: 0 auto;
    padding: 0;
}

.center {
    width: 1366px;
    margin: auto;
    position: relative;
}

#sec1 {
    background: url(../images/review_landing-page_1920_01.jpg) center;
    height: 84px;
    position: relative;
}

#sec1 .a1 {
    width: 265px;
    height: 45px;
    background: url(../images/logo_1920.png) center;
    position: absolute;
    display: inline-block;
    left: 45px;
    top: 15px;
}

#sec2 {
    background: url(../images/review_landing-page_1920_02.jpg) center;
    height: 450px;
    position: relative;
}

#sec3 {
    background: url(../images/review_landing-page_1920_03.jpg) center;
    height: 318px;
    position: relative;
}

#sec3 .l1 {
    width: 380px;
    height: 30px;
    position: absolute;
    left: 280px;
    top: 240px;
    /*background-color: yellow;
*/
}

#sec4 {
    background: url(../images/review_landing-page_1920_04.jpg) center;
    height: 337px;
    position: relative;
}

#sec4 .l1 {
    width: 190px;
    height: 60px;
    position: absolute;
    left: 110px;
    top: 80px;
    /*background-color: pink;*/
}

#sec4 .l2 {
    width: 190px;
    height: 60px;
    position: absolute;
    left: 350px;
    top: 80px;
    /* background-color: pink;*/
}

#sec4 .l3 {
    width: 190px;
    height: 60px;
    position: absolute;
    left: 580px;
    top: 80px;
    /*background-color: pink;
*/
}

#sec4 .l4 {
    width: 190px;
    height: 60px;
    position: absolute;
    left: 820px;
    top: 80px;
    /* background-color: pink;*/
}

#sec4 .l5 {
    width: 190px;
    height: 60px;
    position: absolute;
    left: 1070px;
    top: 80px;
    /* background-color: pink;*/
}

#sec4 .l6 {
    width: 190px;
    height: 60px;
    position: absolute;
    left: 110px;
    top: 180px;
    /* background-color: pink;
*/
}

#sec4 .l7 {
    width: 190px;
    height: 60px;
    position: absolute;
    left: 350px;
    top: 180px;
    /* background-color: pink;*/
}

#sec4 .l8 {
    width: 190px;
    height: 60px;
    position: absolute;
    left: 580px;
    top: 180px;
    /* background-color: pink;
*/
}

#sec4 .l9 {
    width: 190px;
    height: 60px;
    position: absolute;
    left: 820px;
    top: 180px;
    /*background-color: pink;
*/
}

#sec5 {
    /* background: url(../images/review_landing-page_1920_05.jpg) center;*/
    height: 75px;
    position: relative;
    background-color: #f29100;
}

#sec5 .txt {
    font-family: arial, sans-serif, '微軟正黑體', Microsoft JhengHei, 'Myriad Pro';
    font-size: 14px;
    color: #000;
    font-weight: bolder;
    text-align: center;
    padding-top: 20px;
    line-height: 1.5;
}

#sec5 ul li {
    list-style: none;
}

@media screen and (max-width: 1366px) {
    .center {
        width: 960px;
        margin: auto;
        position: relative;
    }
    #sec1 {
        background: url(../images/review_landing-page_1366_01.jpg) center;
        height: 78px;
        position: relative;
    }
    #sec1 .a1 {
        width: 265px;
        height: 45px;
        /*background-color: yellow;
*/
        position: absolute;
        display: inline-block;
        left: -125px;
        top: 13px;
    }
    #sec2 {
        background: url(../images/review_landing-page_1366_02.jpg) center;
        height: 358px;
        position: relative;
    }
    #sec3 {
        background: url(../images/review_landing-page_1366_03.jpg) center;
        height: 326px;
        position: relative;
    }
    #sec3 .l1 {
        width: 360px;
        height: 30px;
        position: absolute;
        left: 110px;
        top: 230px;
        /*background-color: yellow;
*/
    }
    #sec4 {
        background: url(../images/review_landing-page_1366_04.jpg) center;
        height: 316px;
        position: relative;
    }
    #sec4 .l1 {
        width: 180px;
        height: 60px;
        position: absolute;
        left: -50px;
        top: 80px;
        /* background-color: pink;
*/
    }
    #sec4 .l2 {
        width: 180px;
        height: 60px;
        position: absolute;
        left: 170px;
        top: 80px;
        /* background-color: pink;*/
    }
    #sec4 .l3 {
        width: 180px;
        height: 60px;
        position: absolute;
        left: 400px;
        top: 80px;
        /*background-color: pink;
*/
    }
    #sec4 .l4 {
        width: 180px;
        height: 60px;
        position: absolute;
        left: 620px;
        top: 80px;
        /*background-color: pink;
*/
    }
    #sec4 .l5 {
        width: 180px;
        height: 60px;
        position: absolute;
        left: 850px;
        top: 80px;
        /*background-color: pink;
*/
    }
    #sec4 .l6 {
        width: 180px;
        height: 60px;
        position: absolute;
        left: -50px;
        top: 180px;
        /*background-color: pink;
*/
    }
    #sec4 .l7 {
        width: 180px;
        height: 60px;
        position: absolute;
        left: 170px;
        top: 180px;
        /*background-color: pink;
*/
    }
    #sec4 .l8 {
        width: 180px;
        height: 60px;
        position: absolute;
        left: 400px;
        top: 180px;
        /* background-color: pink;
*/
    }
    #sec4 .l9 {
        width: 180px;
        height: 60px;
        position: absolute;
        left: 620px;
        top: 180px;
        /*background-color: pink;
*/
    }
    #sec5 {
        /* background: url(../images/review_landing-page_1366_05.jpg) center;
*/
        height: 97px;
        background-color: #f29100;
    }
    #sec5 .txt {
        text-align: center;
        padding-top: 20px;
        letter-spacing: -0.25px;
    }
}

@media screen and (max-width: 960px) {
    .center {
        width: 640px;
        margin: auto;
        position: relative;
    }
    #sec1 {
        background: url(../images/review_landing-page_960_01.jpg) center;
        height: 89px;
        position: relative;
    }
    #sec1 .a1 {
        width: 266px;
        height: 50px;
        /* background-color: yellow;
*/
        position: absolute;
        display: inline-block;
        left: 2px;
        top: 23px;
    }
    #sec2 {
        background: url(../images/review_landing-page_960_02.jpg) center;
        height: 597px;
        position: relative;
    }
    #sec2 .a1 {
        width: 387px;
        height: 34px;
        left: 93px;
        top: 748px;
        display: inline-block;
        position: absolute;
        /*background-color: yellow;
*/
    }
    #sec3 {
        background: url(../images/review_landing-page_960_03.jpg) center;
        height: 562px;
        position: relative;
    }
    #sec3 .l1 {
        width: 360px;
        height: 30px;
        position: absolute;
        left: 0px;
        top: 190px;
        /*background-color: yellow;
*/
    }
    #sec4 {
        background: url(../images/review_landing-page_960_04.jpg) center;
        height: 396px;
        position: relative;
    }
    #sec4 .l1 {
        width: 180px;
        height: 60px;
        position: absolute;
        left: 10px;
        top: 100px;
        /*background-color: pink;
*/
    }
    #sec4 .l2 {
        width: 180px;
        height: 60px;
        position: absolute;
        left: 230px;
        top: 100px;
        /*background-color: pink;
*/
    }
    #sec4 .l3 {
        width: 180px;
        height: 60px;
        position: absolute;
        left: 450px;
        top: 100px;
        /*background-color: pink;
*/
    }
    #sec4 .l4 {
        width: 180px;
        height: 60px;
        position: absolute;
        left: 10px;
        top: 200px;
        /*background-color: pink;
*/
    }
    #sec4 .l5 {
        width: 180px;
        height: 60px;
        position: absolute;
        left: 230px;
        top: 200px;
        /*background-color: pink;
*/
    }
    #sec4 .l6 {
        width: 180px;
        height: 60px;
        position: absolute;
        left: 450px;
        top: 200px;
        /*background-color: pink;
*/
    }
    #sec4 .l7 {
        width: 180px;
        height: 60px;
        position: absolute;
        left: 10px;
        top: 290px;
        /* background-color: pink;
*/
    }
    #sec4 .l8 {
        width: 180px;
        height: 60px;
        position: absolute;
        left: 230px;
        top: 290px;
        /*background-color: pink;
*/
    }
    #sec4 .l9 {
        width: 180px;
        height: 60px;
        position: absolute;
        left: 450px;
        top: 290px;
        /*background-color: pink;
*/
    }
    #sec5 {
        height: 94px;
        position: relative;
    }
    #sec5 .txt {
        text-align: center;
        padding-top: 20px;
        letter-spacing: 0px;
    }
}

@media screen and (max-width: 640px) {
    .center {
        width: 320px;
    }
    #sec1 {
        background: url(../images/review_landing-page_01.jpg) center;
        height: 90px;
        position: relative;
    }
    #sec1 .a1 {
        width: 266px;
        height: 50px;
        /*background-color: yellow;
*/
        position: absolute;
        display: inline-block;
        left: 30px;
        top: 23px;
    }
    #sec2 {
        background: url(../images/review_landing-page_640_02.jpg) center;
        height: 679px;
        position: relative;
    }
    #sec2 .a1 {
        width: 326px;
        height: 34px;
        left: -6px;
        top: 895px;
        display: inline-block;
        position: absolute;
        /*background-color: yellow;
*/
    }
    #sec3 {
        background: url(../images/review_landing-page_640_03.jpg) center;
        height: 633px;
        position: relative;
    }
    #sec3 .l1 {
        width: 320px;
        height: 30px;
        position: absolute;
        left: 0px;
        top: 260px;
        /*background-color: yellow;
*/
    }
    #sec4 {
        background: url(../images/review_landing-page_640_04.jpg) center;
        height: 457px;
        position: relative;
    }
    #sec4 .l1 {
        width: 140px;
        height: 53px;
        position: absolute;
        left: 5px;
        top: 78px;
        /* background-color: pink;
*/
    }
    #sec4 .l2 {
        width: 140px;
        height: 53px;
        position: absolute;
        left: 165px;
        top: 78px;
        /* background-color: pink;
*/
    }
    #sec4 .l4 {
        width: 140px;
        height: 53px;
        position: absolute;
        left: 5px;
        top: 148px;
        /* background-color: pink;
*/
    }
    #sec4 .l3 {
        width: 140px;
        height: 53px;
        position: absolute;
        left: 165px;
        top: 148px;
        /*  background-color: pink;
*/
    }
    #sec4 .l5 {
        width: 140px;
        height: 53px;
        position: absolute;
        left: 5px;
        top: 228px;
        /* background-color: pink;
*/
    }
    #sec4 .l6 {
        width: 140px;
        height: 53px;
        position: absolute;
        left: 165px;
        top: 22 8px;
        /* background-color: pink;*/
    }
    #sec4 .l7 {
        width: 140px;
        height: 53px;
        position: absolute;
        left: 5px;
        top: 298px;
        /* background-color: pink;
*/
    }
    #sec4 .l8 {
        width: 140px;
        height: 53px;
        position: absolute;
        left: 165px;
        top: 298px;
        /*background-color: pink;
*/
    }
    #sec4 .l9 {
        width: 140px;
        height: 53px;
        position: absolute;
        left: 5px;
        top: 368px;
        /*background-color: pink;
*/
    }
    #sec5 {
        height: 135px;
        position: relative;
    }
    #sec5 .txt {
        text-align: center;
        line-height: 16px;
        letter-spacing: 0px;
    }
}