body{
    background-color:#ccc;
}

.wrap {  
    width: 430px;
    height: 300px;
    padding: 0;
    overflow: hidden;
    float:left;
    background-color:#333;
    position:relative;
    margin:0px 5px 5px 0px;
    color:#eee;
}

.frame {
    -ms-zoom: 0.5;
    -ms-transform-origin: 0 0;
    -moz-transform: scale(0.5);
    -moz-transform-origin: 0px 50px;
    -o-transform: scale(0.5);
    -o-transform-origin: 0px 50px;
    -webkit-transform: scale(0.5);
    -webkit-transform-origin: 0 0;
}

.frame {
    position:absolute;
    top:26px;
    left:7px;
    width: 830px;
    height: 530px;
    overflow: hidden;
    background-color:#fff;
    z-index:1;
    border:0px;
}

.frame::-webkit-scrollbar { 
    display: none; 
}

.wrap>p{
    position:absolute;
    z-index:3;
    line-height:1;
    padding:0;
    margin:0;
    left:7px;
    top:6px;
    font-family:sans-serif;
    font-size:14px;
}

.wrap>a.shield{
    position:absolute;
    z-index:5;
    height:300px;
    width:630px;
    top:0px;
    left:0px;
    text-decoration:none;
}

.wrap>a.shield:hover{
    background-color:blue;
    opacity:0.3;
}