body {
    height: 100%;
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 0;
    font-family: 'Helvetica Neue', 'Helvetica', 'Hiragino Sans GB', 'Hiragino Kaku Gothic Pro';
    -webkit-font-smoothing: antialiased;
    background: -webkit-linear-gradient(left, #FFFFFF 0%, #FFFFFF 60%);
    background:linear-gradient(left, #FFFFFF 0%, #FFFFFF 60%);
}

.wrapper {
    position: absolute;
    width: 900px;
    height: 600px;
    left: 50%;
    margin-left: -450px;
    top: 45%;
    margin-top: -300px;
    /*background-color: #ECECEC;*/
}

.vpn-image {
    position: absolute;
    top: 60px;
    left: 257px;
    width: 393px;
    height: 250px;
    background-image: url(images/VPNOne.png);
}

.title {
    font-size: 300%;
    font-weight: 200;
    color: #333333;
    margin: 350px auto 0;
    width: 750px;
    text-align: center;
    /*top: 360px;*/
    /*position: absolute;*/
    cursor: default;
}

.unsafe-percentage-colorfont {
    font-size: 200%;
    color: #F5A623;
}

.description-1 {
    font-size: 150%;
    font-weight: 200;
    color: #333333;
    margin: 30px auto 0;
    width: 830px;
    /*top: 447px;*/
    /*left: 0px;*/
    text-align: center;
    /*position: absolute;*/
    cursor: default;
}

.description-2 {
    font-size: 130%;
    font-weight: 200;
    color: #333333;
    margin: 20px auto 0;
    top: 497px;
    width: 750px;
    /*left: 0px;*/
    text-align: center;
    /*position: absolute;*/
    cursor: default;
}

.btn-cancel {
    /*position: absolute;*/
    float: left;
    margin-top: 38px;
    margin-left: 220px;
    /*top: 554px;*/
    /*left: 220px;*/
    width: 201px;
    height: 34px;
    background-image: url(images/btn_bg_light.png);
}

.btn-cancel-title {
    font-size: 100%;
    font-weight: 400;
    color: #333333;
    display: inline-block;
    line-height: 34px;
    width: 197px;
    text-align: center;
    padding-left: 2px;
    cursor: default;
}

.btn-open {
    /*position: absolute;*/
    float: left;
    margin-top: 38px;
    margin-left: 48px;
    /*top: 554px;*/
    /*left: 470px;*/
    width: 201px;
    height: 35px;
    background-image: url(images/btn_bg_blue.png);
}

.btn-open-title {
    font-size: 100%;
    font-weight: 400;
    color: #FFFFFF;
    display: inline-block;
    line-height: 35px;
    width: 197px;
    text-align: center;
    padding-left: 2px;
    cursor: default;
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {  
    .vpn-image {
        background-image: url(images/VPNOne@2x.png);
        background-size: 100% 100%;
    }

    .btn-cancel {
        background-image: url(images/btn_bg_light@2x.png);
        background-size: 100% 100%;
    }

    .btn-open {
        background-image: url(images/btn_bg_blue@2x.png);
        background-size: 100% 100%;
    }
}