:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #ccc;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #ccc;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #ccc;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #ccc;
}

#layout{
    width: 100%;
    min-height: 600px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
    background: url(../images/reg_bg.png) no-repeat;
    -moz-background-size:100% 100%;
    background-size:100% 100%;
}
#layout ul li{
    list-style: none;
    margin-left:16%;
    position: relative;
}
#err_msg{
    height:15px;
    text-align: center;
    color:red;
}

.reg_ul{
    position: absolute;
    top: 16%;
    width: 100%;
}
.reg_ul li input{
    width:76%;
    height:45px;
    color:#fff;
    background:rgba( 223, 225, 234, 0.31 );
    list-style: none;
    margin:2px 0;
    padding-left:15px;
    z-index: 12;
    border: none;
    box-shadow:1px 1px 3px 1px rgba(0,0,0,.6) inset;
    transition: background 0.3s ease-in-out;
}
.reg_ul li input:focus {
    outline: none;
    border-color: #9ecaed;
    box-shadow: 0 0 10px #9ecaed;
}

.fx{
    width:13px;
    height:13px;
    border:1px solid #4f7b9c;
    float: left;
}

.login-btn{
    text-align: center;
}
.submit{
    width:70%;
    height:30px;
    cursor: pointer;
    position: absolute;
    bottom: 25%;
    left: 15%;
    background: none;
    border: none;
}
.reg-login{
    width:70%;
    height:30px;
    display: block;
    cursor: pointer;
    position: absolute;
    bottom: 19%;
    left: 15%;
    background: none;
    border: none;
}
@media screen and (max-width: 750px) {

    .reg_ul{
        top: 9%;
    }

    .reg_ul li input{
        height: 40px;
    }
}