.form-group {
    margin-bottom:15px;
}
.form-group label {
    font-weight:bold; 
}    

.form-group input[type=text] {
    display: block;
    width: 500px;
    margin: 10px 0;
    color: #4f4f4f;
    background: #fff;
    padding: 10px;
    border: 1px solid #4f4f4f;
    border-radius: 2px;
    outline: 0;
    box-sizing: border-box;
    font-size: 16px; 
}
.form-group textarea {
    display: block;
    width: 500px;
    margin: 10px 0;
    color: #4f4f4f;
    background: #fff;
    padding: 10px;
    border: 1px solid #4f4f4f;
    border-radius: 2px;
    outline: 0;
    box-sizing: border-box;
    font-size: 16px;  
}
.form-group button {
    display: block;
    width: 200px;
    margin:15px 0;
    color: #000;
    background: #eee;
    padding: 5px;
    border-radius: 6px;
    outline: 0;
    box-sizing: border-box;
    font-size: 16px;  
    cursor:pointer;
}
.form-group button:hover {
    background: #fff;
    /*color:#fff;*/
}

.form-group button {
font-size: 11px;
    line-height: 18px;
    background: #DAA74E;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    border-radius: 5px;
    padding: 9px 20px 8px;
    border:0;
}
.form-group button:hover {
    color: #DAA74E;
    border:1px solid #DAA74E;
}
.form-group hr {
    width:500px;
    margin-left:0;
}


.type-wrap {
    width:500px;
    border: 1px solid #551d67;
    border-radius: 6px;
    margin-bottom:15px;
    overflow:hidden;
}
.type-wrap div {
    width:50%;
    float:left;
    padding: 5px;
    text-align:center;
    cursor:pointer;
}
.type-wrap div:hover {
    background:#eee;
    color:#000;
}
.type-wrap div.active {
    background:#DAA74E;
    color:#000;
}