body {
    height: 420px;
    width: 800px;
    margin: 0 auto;
    padding: 0;
    font-family: 'Helvetica Neue', 'Helvetica', 'Hiragino Sans GB', 'Hiragino Kaku Gothic Pro';
    -webkit-font-smoothing: antialiased;
    user-select:none;
    -webkit-user-select:none;
}

.wrapper {
    position: absolute;
    width: 800px;
    height: 420px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin: 0 auto;
    /*background-color: #ECECEC;*/
}

.renew-image {
    position: absolute;
    width: 120px;
    height: 120px;
    left: 60px;
    top: 112px; 
    display: block;
    background-image: url(images/img_renew.png);
    background-size: 100% 100%;
}

.title {
    position: absolute;
    font-size: 240%;
    font-weight: 200;
    color: #222222;
    width: 560px;
    left: 220px;
    top: 30px;
    text-align: left;
    cursor: default;
}

.description {
    position: absolute;
    font-size: 110%;
    font-weight: 400;
    color: #333333;
    width: 520px;
    left: 220px;
    top: 117px;
    text-align: left;
    line-height: 25px;
    cursor: default;
}

.ling{
    position: absolute;
    width: 800px;
    height: 1px;
    left: 0px;
    bottom: 84px;
    background-color: #EFEFEF;
}

.btn-reactivate{
    position: absolute;
    width: 140px;
    height: 34px;
    right: 220px;
    bottom: 25px; 
    background-image: url(images/btn_bg_gray.png);
    background-size: 100% 100%;
}

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

.btn-renew{
    position: absolute;
    width: 140px;
    height: 34px;
    right: 60px;
    bottom: 25px; 
    background-image: url(images/btn_bg_blue.png);
    background-size: 100% 100%;
}

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


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

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