.body_mask_islogin {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.2;
    background: black;
    top: 0px;
    left: 0px;
    z-index: 1000000
}
.islogin_alert_warp {
    width: 500px;
    position: fixed;
    margin-left: -250px;
    left: 50%;
    z-index: 1000001;
    margin-bottom: 100px;
}

.i_islogin_alert_warp {
    background-color: white;
    width: 500px;
    height:auto;
    box-shadow: 1px 1px 3px 0px gainsboro;
    padding: 40px 30px 40px 30px;
}
.i_islogin_alert_warp .no_login_icon,
.i_islogin_alert_warp .had_add_icon,
.i_islogin_alert_warp .add_ok_icon{
    width: 20px;
    height: 20px;
    float: left;
    margin-right: 10px;

}
.i_islogin_alert_warp .no_login_icon img,
.i_islogin_alert_warp .had_add_icon img,
.i_islogin_alert_warp .add_ok_icon img{
    width: 100%;
    height: 100%;
}
.i_islogin_alert_warp .no_login_text,
.i_islogin_alert_warp .had_add_text,
.i_islogin_alert_warp .add_ok_text{
    height: 20px;
    float: left;
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
}

.i_islogin_alert_warp .no_login_title{
    font-size: 18px;
    text-align: center;
    font-weight: bold;
    line-height: 36px;
    padding: 0px 0px 10px 0px;
}
.i_islogin_alert_warp .add_ok_warp{

    margin-left: 85px;
}
.i_islogin_alert_warp .had_add_warp{
    margin-left: 135px;
}
.i_islogin_alert_warp .no_login_inner{
    margin-left: 145px;
}
.i_islogin_alert_warp .no_login_text_a{
    color: #63d5c3;
}