*{
    margin: 0;
    padding: 0;
    font-family: "微软雅黑",Arial;
}
body {
    padding-top: 10px;
    overflow-x: hidden;
    background: url(../UI/bodybg.gif) repeat center 0;
}
/* 小屏样式修复 */
@media all and (max-width:1033px) and (min-width:600px){
    #loginContainer {
        border: none;
    }
}
@media all and (min-width: 1034px) and (max-width:9999px){
    #loginContainer {
        border:5px solid #ffffff;
    }
}
/* 全局容器 */
#loginContainer{
    margin: 0 auto;
    position: relative;
    background-image: url('../UI/poster-home.jpg');
    background-repeat: no-repeat;
    background-size: contain;
    width: 1024px;
    height: 630px;
    overflow: hidden;
}
/* 原版登录页那段盒子乐园全景。原来是拿 Ruffle 现场播 load_home.swf，
   但 Ruffle 的舞台底色永远是实心的（品红/黑都试过，就是不给 alpha），那块深灰方块怎么都去不掉，
   所以离线烘成 UI/load_home.webp：把原片改成 4fps 慢放逐帧抓两套（品红底 + 绿底），
   同一帧两个已知底色联立反解出真实 alpha，再按原速 24fps 存回来。
   只用单一底色会把跳舞女孩那圈浅粉光晕猜成荧光品红描边，这就是上一版的脏边。
   循环取 121 帧 = 5.08 秒，首尾差 0.33 与帧间均值 0.33 相同，接得上不跳帧。
   尺寸按 700:398 等比；pointer-events:none —— 纯装饰，别抢输入框和按钮的点击。 */
#loginSwf{
    position: absolute;
    left: 328px;
    top: 0;
    width: 680px;
    height: 387px;
    pointer-events: none;
}
#login-input{
    margin-top: 388px;
    margin-left: 395px;
    width: 220px;
    height: 110px;
    /* border: 1px solid white; */
    color: white;
}
#login-input a{
    color: white;
    text-decoration: none;
    float:right;
    margin-top: 6px;
}
input[type="text"],input[type="number"],input[type="password"]{
    outline-style: none ;
    border: 2px solid #80C1EE;
    box-shadow:inset 0px 5px 10px -7px #000;
    border-radius: 8px;
    padding: 5px;
    width: 208px;
    font-size: 14px;
    margin-bottom: 5px;
}
input[type="checkbox"]{
    margin-top: 10px;
    margin-right: 5px;
    border: 2px solid darkblue;
    border-radius: 2px;
    width: 15px;
    height: 15px;
    background: none;
    color: #215C9C;
}
.icon{
    margin-right: 5px;
    height:20px;
}
#login-btn{
    display: -webkit-flex;
    display: flex;
    justify-content:  center;
    width: 1024px;
    height: 100px;
}
.flex-item {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
    width: 150px;
    height: 80px;
    margin: 10px 20px;
}
#loginBtn{
    background-color: transparent;
    border: none;
    background-image: url('../UI/btn-login.png');
}
#loginBtn:hover{
    background-image: url('../UI/btn-login-h.png');
}
#regsiterBtn{
    background-image: url('../UI/btn-reg.png');
}
#regsiterBtn:hover{
    background-image: url('../UI/btn-reg-h.png');
}
#starBtn{
    background-image: url('../UI/btn-star.png');
}
#starBtn:hover{
    background-image: url('../UI/btn-star-h.png');
}
#regContainer{
    padding: 20px 30px;
    background: rgba(255, 255, 255, .5);
}
#regContainer input[type="submit"]{
    background: orange;
    width: 100px;
    height: 50px;
    border-radius: 15px;
    color: white;
    border: 2px solid white;
}
#regContainer input:disabled{
    background: #cccccc;
}
#regContainer a{
    color: black;
    text-decoration: none;
}
.line{
    padding: 0 20px;
    line-height: 40px;
}
#verifyCode{
    font-weight: bold;
    letter-spacing: 3px;
    background: white;
    padding: 2px;
}