*{
	padding: 0;
	margin: 0;
}
html,
body{
	height: 100%;
	margin: 0 auto;
	max-width: 100%;
}

#box-control{
	width: 100%;
	text-align: left;
}

.box {
    font-size: 13px;
    width: 100%;
    margin: 0 auto;
    padding-top: 1%;
}

.box-head {
    width: 100%;
    padding: 15px 20px;
    font-size: 210%;
}

.box-body {
    padding: 10px 20px;
}

.box-body label {
    font-weight: normal;
    vertical-align: text-bottom;
    padding-top: 12px;
    padding: 6% 0;
    font-size: 140%;
}
.box-body span{
	font-size: 110%;
}
#form:last-child {
    text-align: center;
}
#form{
	padding: 1%;
}

.box-body input, button {
    vertical-align: middle;
    font-family: Tahoma, simsun;
    font-size: 12px;
}

.box-body input[type=radio] {
    height: 38px;
}

.box-body input[type=text],
.box-body input[type=password] {
    border-color: #bbb;
    height: 38px;
    font-size: 14px;
    border-radius: 2px;
    outline: 0;
    border: #ccc 1px solid;
    padding: 0 10px;
    width: 350px;
    -webkit-transition: box-shadow .5s;
    margin-bottom: 15px;
}

.box-body input[type=text]:hover,
.box-body input[type=text]:focus,
.box-body input[type=password]:hover,
.box-body input[type=password]:focus {
    border: 1px solid #56b4ef;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 0 8px rgba(82, 168, 236, .6);
    -webkit-transition: box-shadow .5s;
}

.box-body input::-webkit-input-placeholder {
    color: #999;
    -webkit-transition: color .5s;
}

.box-body input:focus::-webkit-input-placeholder,
input:hover::-webkit-input-placeholder {
    color: #c2c2c2;
    -webkit-transition: color .5s;
}

.box-body button[type=submit] {
    padding: 4px 15px;
    cursor: pointer;
    width: 120px;
    height: 40px;
    background: #4393C9;
    border: 1px solid #fff;
    color: #fff;
    font: 16px bolder;
    border-radius:15px ;
}
.box-body button[type=submit]:hover{
	background: #46B8DA;
}

.box-body button[type=reset] {
    margin-left: 30px;
    cursor: pointer;
    width: 120px;
    height: 40px;
    background: #4393C9;
    border: 1px solid #fff;
    color: #fff;
    font: 16px bolder;
    border-radius:15px ;
}
.box-body button[type=reset]:hover{
	background: #46B8DA;
}
.box-body .error {
    border: 1px solid #FF3300;
    background: #FFF2E5;
    font-size: 10px;
    height: 30px;
    line-height: 30px;
    margin-bottom: 10px;
    padding: 0 10px;
}

.box-body .success {
    border: 1px solid #01BE00;
    background: #E6FEE4;
    font-size: 10px;
    height: 30px;
    line-height: 30px;
    margin-bottom: 10px;
    padding: 0 10px;
}
#button{
	margin-top: 20px;
	margin-left: 70px;
}
