html { width: 100%; height: 100%; }
body { width: 100%; height: 100%; margin: 0; padding: 0; border: none; font-family: 'Microsoft Yahei', 'HelveticaNeue', sans-serif; font-size: 12px; background-color: #f5f0eb; -webkit-user-selection: none; }
a { color: #2579a0; text-decoration: none; }

.block_w_100pc { float: left; width: 100%; }
.center_wrap { display: box; box-pack:center; box-align:center; display:-webkit-box; -webkit-box-pack:center; -webkit-box-align:center; }
.float_center { margin: 0 auto; }

.overlay { position: absolute; z-index: 9999; float: left; width: 100%; height: 100%; display: none; }
.popup { width: 100%; height: 100%; }
.popup .tip { position: relative; width: 70%; padding: 30px 0; border-radius: 5px; box-shadow: 0 1px 1px rgba(47, 47, 47, .5); background: url(imagesbg_overlay_fill_dark.png); background-size: 20px 20px; }
.popup .tip.confirm { padding-bottom: 0; }
.popup .tip a.close { position: absolute; top: -10px; right: -10px; float: right; width: 19px; height: 19px; line-height: 19px; text-align: center; border: 2px solid #737373; border-radius: 20px; color: rgba(255, 255, 255, .8); background: #4b4a48; }
.popup .tip .msg { line-height: 18px; color: white; text-indent: 28px; text-align: center; }
.popup .tip .msg:before { content: ''; display: inline-block; width: 25px; height: 25px; background:  left bottom no-repeat; background-size: 23px 18px; }
.popup .tip .msg.confirm:before { content: ''; display: none; background: none; }
.popup .confirm_btns { float: left; margin-top: 20px; padding: 10px 10%; width: 80%; border-top: 1px solid #9a9a9a; }
.confirm_btns input[type=button] { float: left; width: 75px; height: 28px; border: 0; border-radius: 3px; box-shadow: 2px 2px 2px rgba(116, 116, 116, .4) inset; font-size: 10px; color: #161616; background: -webkit-gradient(linear,0% 0%, 0% 100%, from(#FFFFFF), to(#F0F0F0), color-stop(0.5,#d6d6d6)); }
.confirm_btns input[type=button]:last-of-type { float: right; }

.overlay.dark { z-index: -1; background: rgba(0,0,0,.7); opacity: 0; }
.overlay.show { display: block; animation: showDialog 1s forwards; -webkit-animation: showDialog 1s forwards; }
.overlay.hide { display: block; animation: hideDialog 1s forwards; -webkit-animation: hideDialog 1s forwards; }

@keyframes showDialog { from {opacity: 0; z-index: -1;} to {opacity: 1; z-index: 998;} }
@-webkit-keyframes showDialog { from {opacity: 0; z-index: -1;} to {opacity: 1; z-index: 998;} }

@keyframes hideDialog { from {opacity: 1; z-index: 998;} to {opacity: 0; z-index: -1;} }
@-webkit-keyframes hideDialog { from {opacity: 1; z-index: 998;} to {opacity: 0; z-index: -1;} }

/*.overlay .float_center { width: 275px; }*/
.dialog { position: absolute; z-index: 999; margin-top: 20%; float: left; width: 275px; height: 180px; border-radius: 3px; box-shadow: 0 0 10px black; background: white; }
a.dialog_closer {
    position: absolute; right: 0; float: left; width: 20px; height: 20px; margin: -8px -8px 0 0; box-shadow: 3px -4px 10px black;
    border: 2px solid #c2c2c2; border-radius: 25px; text-align: center; background: -webkit-radial-gradient(#eeeeee, white);
}
a.dialog_closer:before, a.dialog_closer:after { content: ''; position: absolute; float: left; width: 2px; height: 12px; margin: 4px 9px; background: #2579a0; }
a.dialog_closer:before { transform:rotate(45deg); -webkit-transform:rotate(45deg); }
a.dialog_closer:after { transform:rotate(-45deg); -webkit-transform:rotate(-45deg); }