main {
    background-color: black;
    padding-top: 2em;
    padding-bottom: 2em;
    overflow: hidden;
}


main > div{
    border: solid 3px #666666;
}

main h2{
    font-size: 1.5em;
    padding: 1em;
    text-align: center;
}

main h2 {
    font-size: 1.2em;
    position: relative;
    line-height: 2em;
}
main h3, main h2 {
    color: #f39800;
}
/*main h2:before {
	content: "\f0a4";
    position: absolute;
    left: 50%;
    transform: translateX(-70px);
    font-family: FontAwesome;
    top: 1.1em;
}*/

main section {
    padding-left: 2em;
    padding-right: 2em;
    padding-bottom: 2em;
}

main input:not([type="submit"]), main select {
	width: 100%;
    border:none;
    font-size: 16px;
    height: 32px;
    /*height: 2.5em;*/
    background-color: #D3D3D3;
    box-sizing: border-box;
}

label span {
	display: inline-block;
	/*width: 100px;*/
	text-align: right;
	margin-right: 2em;
}
section > div, section > h3 {
	margin-bottom: 0.5em;
	/*margin-left: 10em;*/
	text-align: center;
}

[role="submit-button"] {
    text-align: center;
}

button[type="submit"]{
    background: #D80308;
    width: 10em;
    height: 3em;
    color: white;
    padding-left: initial;
    padding-right: initial;
    cursor: pointer;
    border: none;
}

form section div > div {
    display: inline-block;
}

form section div > div{
    width: 10em;
}
form section div > label {
    width: 15em;
    display: inline-block;
    position: relative;
}


/* adjust libs */
.articulate_ajaxForm span.invalid_msg {
    left: 100%;
    top: 0;
    height: 30px;
    line-height: 30px;
    font-size: 20px;
    white-space: nowrap;
    text-align: left;
    color: red;
}

.field-wrapper {
    vertical-align: top; 
    /* 对于fform invalid msg break了style的fix */
}