.blocker{
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
    overflow:auto;
    z-index:1000;
    padding:20px;
    box-sizing:border-box;
    background-color:#000;
    background-color:rgba(0,0,0,0.75);
    text-align:center
}
.blocker:before{
    content:"";
    display:inline-block;
    height:100%;
    vertical-align:middle;
    margin-right:-0.05em
}
.blocker.behind{
    background-color:transparent
}


.modal { /*border: 3px solid #480e0d;*/ display:none; vertical-align:middle; position:relative; width:100%; max-width:1200px; /*max-hight:490px; hight:490px;*/hight:auto; box-sizing:border-box; background:#000;
-webkit-border-radius:8px;
   -moz-border-radius:8px;
     -o-border-radius:8px;
    -ms-border-radius:8px;
        border-radius:8px;
-webkit-box-shadow:0 0 10px #000;
   -moz-box-shadow:0 0 10px #000;
     -o-box-shadow:0 0 10px #000;
    -ms-box-shadow:0 0 10px #000;
        box-shadow:0 0 10px #000;}
@media screen and (max-width: 919px) {
.modal { width:90%;}
}


.aclogpop,.nopop,.cgpop,.usdtpop { /*border: 3px solid #480e0d;*/ display:none; vertical-align:middle; position:relative; width:100%; max-width:966px; hight:auto; box-sizing:border-box; background:#fff;
-webkit-border-radius:8px;
   -moz-border-radius:8px;
     -o-border-radius:8px;
    -ms-border-radius:8px;
        border-radius:8px;
-webkit-box-shadow:0 0 10px #000;
   -moz-box-shadow:0 0 10px #000;
     -o-box-shadow:0 0 10px #000;
    -ms-box-shadow:0 0 10px #000;
        box-shadow:0 0 10px #000;}
.aclogpop img,.nopop img,.cgpop img,.usdtpop img {width: 100%;}
@media screen and (max-width: 919px) {
.aclogpop,.nopop,.cgpop,.usdtpop { width:100%;} 
}





.modal a.close-modal{ position:absolute; top:0px;right:-50px; display:block; width:44px; height:45px;text-indent:-9999px; background-size:contain; background-repeat:no-repeat; background-position:center center; background-image:url(../image/btn-close.png); }

/*.modal a.close-modal{ position:absolute; top:0px; right:-50px; display:block; width:43px; height:44px; text-indent:-9999px; background-size:contain; background-repeat:no-repeat; background-position:center center; background-image:url(../images/btn-close.png); }*/

@media screen and (max-width: 1024px) {
.modal a.close-modal{ position:absolute; top:0px; right:0px; display:block; width:31px; height:32px; text-indent:-9999px; background-size:contain; background-repeat:no-repeat; background-position:center center; background-image:url(../image/btn-close.png); }	
}

.modal-spinner{
    display:none;
    position:fixed;
    top:50%;
    left:50%;
    transform:translateY(-50%) translateX(-50%);
    padding:12px 16px;
    border-radius:5px;
    background-color:#111;
    height:20px
}
.modal-spinner>div{
    border-radius:100px;
    background-color:#fff;
    height:20px;
    width:2px;
    margin:0 1px;
    display:inline-block;
    -webkit-animation:sk-stretchdelay 1.2s infinite ease-in-out;
    animation:sk-stretchdelay 1.2s infinite ease-in-out
}
.modal-spinner .rect2{
    -webkit-animation-delay:-1.1s;
    animation-delay:-1.1s
}
.modal-spinner .rect3{
    -webkit-animation-delay:-1.0s;
    animation-delay:-1.0s
}
.modal-spinner .rect4{
    -webkit-animation-delay:
    -0.9s;animation-delay:-0.9s
}
@-webkit-keyframes sk-stretchdelay{
    0%,40%,100%{-webkit-transform:scaleY(0.5)}
    20%{-webkit-transform:scaleY(1.0)}
}
@keyframes sk-stretchdelay{
    0%,40%,100%{
        transform:scaleY(0.5);
        -webkit-transform:scaleY(0.5)
    }
    20%{
        transform:scaleY(1.0);
        -webkit-transform:scaleY(1.0)
    }
}