body{margin-top: 100px;background: url(../images/email.jpg) no-repeat;background-size: cover;}
.email{width:450px;position:absolute;top:50%;left:50%;margin-left: -225px;margin-top: -200px;
    border-radius:10px;border: 1px solid #b2b2b2;background: #fff;box-shadow: 2px 2px 5px #ccc;
}
.email .head{font-size:18px;line-height:40px;height:40px;background:#008dff;border-top-left-radius: 10px;border-top-right-radius: 10px;border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;color:#FFF;text-indent: 20px;margin-top: 0px;margin-bottom: 1px;
}
p{color: #bdbdbd;text-indent: 20px;text-align: center;font-size:12px;}
form{padding: 5px 16px;width: 360px;height: 310px;margin: 0 auto;border-radius: 5px;}
.email input{margin: 5px;}
.email input:hover {border-color: #03a9f4;}
.email input:focus{border-color:red;outline: none;}
input.text{ font-size: 14px;width: 350px;line-height: 1em; padding: 2px; border-radius: 3px; height: 30px;border: 1px solid #b2b2b2;margin-top: 5px;margin-bottom: 5px;}
.button {    float: right;
    border-width: 1px;
    text-transform: uppercase;
    font-size: 14px;
    padding: 5px 10px;
    border-color: #008dff;
    color: #fff;
    text-shadow: rgb(0 0 0 / 35%) 0 1px 0;
    /* box-shadow: inset 0px 1px 0px 0px rgb(255 255 255 / 50%); */
    background: #008dff;
    background: -moz-linear-gradient(top, #54b3ff 0%, #0078d9 100%);
    /* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #54b3ff), color-stop(100%, #0078d9)); */
    /* background: -webkit-linear-gradient(top, #54b3ff 0%, #0078d9 100%); */
    /* background: linear-gradient(#54b3ff, #0078d9); */
    background: -o-linear-gradient(top, #54b3ff 0%, #0078d9 100%);
    background: -ms-linear-gradient(top, #54b3ff 0%, #0078d9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#54b3ff', endColorstr='#0078d9', GradientType=0);
    /* -webkit-border-radius: 4px; */
    -moz-border-radius: 4px;
    border-radius: 4px;
    /* box-shadow: 0px 1px 0px 0px rgb(255 255 255 / 20%) inset, 0px 1px 0px 0px rgb(204 204 204); */
    display: inline-block;
    /* vertical-align: middle; */
    cursor: pointer;
        }

.button:hover {background: rgb(56, 155, 235);
            background: -moz-linear-gradient(top, rgb(56, 155, 235) 0%, #0078d9 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(56, 155, 235)), color-stop(100%, #0078d9));
            background: -webkit-linear-gradient(top, rgb(56, 155, 235) 0%, #0078d9 100%);
            background: linear-gradient(rgb(56, 155, 235), #0078d9);
            background: -o-linear-gradient(top, rgb(56, 155, 235) 0%, #0078d9 100%);
            background: -ms-linear-gradient(top, rgb(56, 155, 235) 0%, #0078d9 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgb(56, 155, 235)', endColorstr='#0078d9', GradientType=0);
            box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 0px 0px rgb(204, 204, 204);
        }

.button:active {
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset !important;
-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset !important;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset !important;
}