* {
    font-family: Arial;
}

html, body {
    position: relative;
    width: 100%;
    height:100%;
    padding: 0;
    margin: 0;
}

.container {
    position: relative;
    width: 100%;
    height:100%;
}

    .container .header {
        position: relative;
        width: 100%;
        height: 60px;
        background: #333333;
        color: rgb(169, 169, 169);
        text-align: center;
        line-height: 60px;
        font-size: 24px;
    }

    .container .photo {
        position: relative;
        height: 60%;
        background: url(/photo/porano.jpg);
        background-position: center center;
        background-size: cover;
    }

    .container .subPhoto {
        position: relative;
        width: 100%;
        height: 100px;
        background: #674C3E;
        color: #fff;
        text-align: center;
        line-height: 100px;
        font-size: 40px;
    }

    .container .fbContainer {
        position: relative;
        width: 100%;
        height: calc(40% - 160px);
        background: #fff;
    }

        .container .fbContainer .fbText {
            position: relative;
            width: 100%;
            padding-top: 30px;
            text-align: center;
            color: #333333;
            font-size:24px;
        }

        .container .fbContainer .fbIcon {
            position:relative;
            width:30px;
            height:30px;
            margin-top:20px;
            margin-left:49%;
            background-image: url('/photo/fb_icon_325x325.png');
            background-position:center center;
            background-size:cover;
            cursor:pointer;
            display:block;
        }