main{position:relative;width:980px;height:606px;margin:15px auto 0;overflow:hidden}
.bg{background-image: url(images/bg.png);}
@font-face{font-family:'Roboto';src:url(./fonts/Roboto-Regular.ttf)}




.btn {
    top: 520px;    
    left: 312px;    position: absolute;    font-family: Time New Roman;    
    width: 400px;
    border-radius: 6px;
    /* display: none; */
    height: 64px;
    font-size: 36px;    
    background-color: #2A8706;
    overflow: hidden;
    font-weight: bold;    
    color: #FFFFFF;
}

.btn:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 3px;
    font-family: Roboto;
    padding-top: 13px;
    text-align: center;
    top: -4px;
    left: -4px;
    background-color: #35B105;
}

.panorama {
    background: url(images/panorama.png);
    width: inherit;
    height: 480px;
}

.panorama > * {
    position: relative;
}

.mask {
    width: 326px;
    height: 160px;
    background-color: #FCE4BB;
    color: #35B105;
    opacity: 0.9;
    font-family: Roboto;
    font-size: 60px;
    padding-top: 41px;
    text-align: center;
}

.left.mask {
    float: left;
}

.right.mask {
    float: right;
    margin-left: 46px;
    width: 283px;
}

.btn span {
    display: block;
    width: inherit;
    position: absolute;
    text-align: center;
    padding-top: 7px;
}