@charset "utf-8";
/*----------------------------------------------------- Table Form */
table.form-table {
    width:100%;
}
table.form-table th {
    text-align:right;
    /*padding:10px 0;*/
}
table.form-table td {
    padding:10px;
}
table.form-table td input, table.form-table td select {
    width:100%;
}

.emestar{
    color:#de2075}

/*----------------------------------------------------- Login */
#login {
    max-width:600px;
    min-height: 280px;
    width:70%;
    margin:0 auto 25px;
}
#login table th {
    width:24%; line-height:40px;
}
.verify {
    width:145px;
}

#login a.login-btn {
    min-width: 150px;
    /*width:150px;*/
    height:30px;
    line-height:30px;
    text-align:center;
    display:inline-block;
    margin-left:0%;
    background:#de2075; /* #7f1084(紫色)  #b5b5b6(灰色) */
    color:#fff;
}
#login a.other-btn {
    padding:3px 20px;
    background:#b5b5b6;
    color:#fff;
    font-size:0.8em;
    float:right;
    margin:7px 0 0 5px;
}
#login a:active {
    position:relative;
    top:1px;
}
.login-link {
    width: 100%;
    height: 45px;
    clear: both;
    border-bottom: 1px solid #ccc;
}
.login-link li {
    float: left;
    margin-left: 5px;
}
.login-link li span{
   padding: 6px 10px;
   font-size: 1.2em;
   border: 1px solid #ccc;
   border-radius: 6px;
}
.login-link li .active {
    background-color: #7f1084; /*#ffc000;  /* #d24dff */
    color: #fff;
}
.login-link li span:hover {
    background-color:#ffc000;
    color: #fff;
    font-weight:bold;
}


/*----------------------------------------------------- Register */
#register {
    width:500px;
    margin:0 auto 25px;
}
#register table th {
     width:170px;
}
#register a.register-btn {
    width:100%;
    height:30px;
    line-height:30px;
    text-align:center;
    display:inline-block;
    background:#de2075; /* #7f1084(紫色)  #b5b5b6(灰色) */
    color:#fff;
}
#register a.register-btn:active {
    position:relative;
    top:1px;
}

/*----------------------------------------------------- media(RWD) */
@media only screen and (max-width: 768px) {
    #login, #register {
        width:98%;
    }
    #login a.login-btn {
        width:100%;
        height:35px;
        line-height:35px;
        margin:0 0 10px;
    }
    #login a.other-btn {
        height:35px;
        line-height:36px;
        display:block;
        font-size:1em;
        margin:0 0 10px;
        text-align:center;
        padding:0;
        float:none;
    }
}