/* Body and structure
-------------------------------------------------- */

*{word-wrap:break-word}
html,body{border:0 !important}
body{background:#2F4556 url(./bgimg.png) center;text-align:center;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}
body,td,input,textarea,select,button{color:#5D6879;font:14px/1.6em -apple-system,BlinkMacSystemFont,"Helvetica Neue","PingFang SC","Microsoft YaHei","Source Han Sans SC","Noto Sans CJK SC","WenQuanYi Micro Hei","MiSans L3","Segoe UI",sans-serif}
input,select,button{vertical-align:middle}
textarea{resize:none}
textarea,input{outline:none}
input,button{margin:0}
body,ul,li,dl,dd,p,h1,h2,h3,h4,h5,h6,form,fieldset{margin:0;padding:0}
h1,h2,h3,h4,h5,h6{font-size:1em}
ul li{list-style:none}
a{text-decoration:none;color:#3F4652}
a:hover{text-decoration:underline;color:#3F4652}
img{border:0}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
.clearfix{display:inline-table}
.clearfix{display:block}
.left{float:left}
.right{float:right}
.header{width:100%;box-sizing:border-box;margin:16px auto 0;text-align:left;position:relative}
.header h1{font-size:50px;font-weight:bold;color:#3F4652;margin:30px 0px 25px;text-shadow:0 1px 0 rgba(255,255,255,.1),0 0 30px rgba(255,255,255,.125)}
.header h1 a span{background:url(./logo.png) no-repeat;display:block;height:50px;width:200px}
.header p{font-size:14px}
.footer{color:#fff;font-size:13px;margin:15px 0}
.footer a{color:#fff}
.entry{margin:15px auto 0;width:100%;height:450px;text-align:left;box-sizing:border-box;border-radius:0;background:#fff;box-shadow:0px 1px 12px rgba(0,0,0,0.15);padding:10px 15px;position:relative}
.entry .inner{display:none;margin:auto}
.entry .modal-header{padding:3px 15px 13px;font-size:14px;margin:0 -15px 10px;border-bottom:1px solid #eee}
.entry .modal-header h2{font-size:18px}
.entry .modal-body{height:320px}
.entry .modal-footer{position:absolute;right:15px;bottom:15px;z-index:499}
#levelform{background:#fcfcfc;border:1px solid #ddd}
#levelform:hover{background:#f9f9f9}
#levelform input.txt{background:none;border:0;height:28px;line-height:28px;width:240px;margin:6px 10px;-webkit-appearance:none}
#levelform input.submit{border:0;height:42px;background:none;line-height:42px;-webkit-appearance:none}
#levelform .tooltip{margin-bottom:55px}
.loading{background:url(./loading.gif) no-repeat center;height:114px;opacity:0.6}
.entry .inner > .loading{width:100%;height:200px;opacity:.6}
.entry .btn{display:inline-block;height:75px;margin:40px 15px 45px;color:#3EAF9B;font-size:48px;line-height:75px;text-decoration:none}
.entry .btn:hover{opacity:.8}
.tooltip{position:absolute;z-index:1030;display:block;padding:5px;font-size:11px;visibility:visible}
.tooltip.right{margin-left:3px}
.tooltip-inner{max-width:200px;padding:3px 8px;color:#ffffff;text-align:center;text-decoration:none;background-color:#000000;border-radius:4px}
.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}
.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-right-color:#000000;border-width:5px 5px 5px 0}
#ajaxwaitid{display:none;position:absolute;z-index:100;top:0;right:0;width:100px;height:1.6em;background:#3F4652;line-height:1.6em;color:#FFF;overflow:hidden}
.fuck-ie{background:#fff;padding:10px 0;opacity:0.8}
.fwinmask{background:#fff;padding:15px;width:264px;text-align:center;box-shadow:0 3px 7px rgba(0,0,0,0.3)}
.fwinmask h3,.float_close,.fwinmask hr{display:none}
.alert_info{}
.alert_btn input{color:#fff;background:#59606B;border:0;padding:5px;margin-top:15px;width:264px}
.absolute{position:absolute}
.absolute.f{background:#F9D8AF;text-align:center}
.vh{visibility:hidden}
.modal-body img{max-width:100%;max-height:100%}
@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2){
.header h1 a span{background-image:url(./logo_2x.png) !important;background-size:200px 50px}
}
.entry .btn span{width:250px}
#levelform input.txt{width:180px}
@media only screen and (orientation:landscape){
.header,.entry{width:440px}
.entry .btn span{width:250px}
.entry .user{width:410px}
}