.sf-mask { display:none; position:fixed; z-index:9999997; top:0; left:0; padding:0; margin:0; height:100%; width:100%; background-color:rgba(0, 0, 0, 0.7); cursor:pointer; }
.sf-window { display:none; position:fixed; z-index:9999998; top:0; left:0; padding:0; margin:0; height:100%; width:100%; background:#ffffff url(./images/preload.gif) center center no-repeat; overflow-x:hidden; overflow-y:hidden; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.sf-close { display:none; position:fixed; z-index:9999999; top:0; right:0; padding:0; margin:0; height:66px; width:70px; background:rgba(255, 255, 255, 0.3) url(./images/icon_close.png) center center no-repeat; background-size:60px 60px; cursor:pointer; }
//.sf-close:hover { background-color:#fd45b9; }
.sf-frame { background:none; border:none; padding:0; margin:0; }
.sf-button { clear:both; margin:20px 0 0; padding:12px 24px; border:none; background-color:#ffffff; color:#000000; border:1px solid #000000; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; font-family:inherit; font-size:16px; font-weight:500; letter-spacing:1px; text-transform:uppercase; cursor:pointer; transition:all 0.5s; }
.sf-button:hover { background:#000000; color:#ffffff; }
.sf-cancel { margin:20px 10px 0 0; padding:10px 26px; border:none; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; color:#ffffff; background:#999999; font:normal 15px Arial; text-transform:uppercase; text-align:center; cursor:pointer; }
.sf-canel:hover { background:#a9a9a9; }
.sf-box-modal { display:none; }
.sf-overflow { overflow:hidden!important; }