@charset "utf-8";
body {
                margin: 0 auto;
                width: 1800px;
               
            }
input,select,textarea,button { outline:0; font-size: 20px;  }
.form { border:1px solid #DDD; font-size:22px; padding:20px; overflow:hidden; margin:400px; }
.item { padding:20px 0; border-bottom:1px solid #EEE; line-height:38px; }
.item span { display:inline-block; vertical-align:top; }
.item select { width:20%; }
.item .width { width:200px; }

.inElement { display:inline-block; _zoom:1; *display:inline; }
.inElement label { transition:all .5s; }
.inElement label:focus { background:#eee; }
.inRadio label { display:block; background:url(../images/form-radio-check-normal.png) no-repeat left center; padding-left:22px; cursor:pointer; }
.inRadio label.hover { background-image:url(../images/form-radio-checke-hover.png); }
.inRadio label.checked { background-image:url(../images/form-radio-checked-normal.png); }
.inRadio label.focus { background-image:url(../images/form-radio-checked-hover.png); }
.inRadio label.full { background-image:url(../images/form-radio-full.png); }
.inRadio label.disabled { background-image:url(../images/form-radio-disabled.png); color:#999; cursor:not-allowed; }
.inRadio.checked label.hover { background-image:url(../images/form-radio-checked-hover.png); }
.inRadio.checked label.focus { background-image:url(../images/form-radio-checked-hover.png); }
.inCheckbox label { display:block; background:url(../images/form-check-check-normal.png) no-repeat left center; padding-left:22px; cursor:pointer; }
.inCheckbox label.hover { background-image:url(../images/form-check-check-hover.png); }
.inCheckbox label.checked { background-image:url(../images/form-check-checked-normal.png); }
.inCheckbox label.focus { background-image:url(../images/form-check-check-hover.png); }
.inCheckbox label.full { background-image:url(../images/form-check-full.png); }
.inCheckbox label.disabled { background-image:url(../images/form-check-disabled.png); color:#999; cursor:not-allowed; }
.inCheckbox.checked label.hover { background-image:url(../images/form-check-checked-hover.png); }
.inCheckbox.checked label.focus { background-image:url(../images/form-check-checked-hover.png); }
.inText label { display:block; _zoom:1; *display:inline; border:1px solid #DDD; }
.inText label.hover { border-color:#1E5EBF; }
.inText label.focus { border-color:#1E5EBF; box-shadow:0 0 5px 0 rgba(30,94,191,.5); }
.inText input { border:0; margin:0; padding:10px; box-sizing:border-box; }
.inTextarea label { display:block; border:1px solid #DDD; }
.inTextarea label.hover { border-color:#1E5EBF; }
.inTextarea label.focus { border-color:#1E5EBF; box-shadow:0 0 5px 0 rgba(30,94,191,.5); }
.inTextarea label textarea { border:0; margin:0; padding:10px; box-sizing:border-box; }
.inSelect label { display:block; width:100%; border:1px solid #DDD; font-weight:normal; color:#353535; vertical-align:top; overflow:hidden;  margin:0; padding:0; z-index:2; position:relative; box-sizing:border-box; }
.inSelect label span,
.inSelect label em { height:36px; line-height:36px; display:inline-block; vertical-align:top;}
.inSelect label span { float:left; padding:0 10px; left:0; }
.inSelect label em { float:right; width:30px; background:url(../images/form-select-arrow-down.png) no-repeat center center; transition:all .5s; }
.inSelect label em.open { background-image:url(../images/form-select-arrow-up.png); }
.inSelect label.hover { border-color:#1E5EBF; }
.inSelect label.hover em { background-image:url(../images/form-select-arrow-down-on.png); }
.inSelect label.hover em.open { background-image:url(../images/form-select-arrow-up-on.png); }
.inSelect label.focus { border-color:#1E5EBF; box-shadow:0 0 5px 0 rgba(30,94,191,.5); }
.inSelect label.focus em { background-image:url(../images/form-select-arrow-down-on.png); }
.inSelect label.focus em.open { background-image:url(../images/form-select-arrow-up-on.png); }
.inSelect label.disabled { background:#F5F5F5; color:#999; cursor:not-allowed; }
.inSelect .dropbox { width:100%; margin:0; padding:0; border:1px solid #DDD; clear:both; background:#FFF; z-index:1; left:0; box-sizing:border-box; border-top:0; z-index:-1; }
.inSelect .dropbox .listbox dl,
.inSelect .dropbox .listbox .option,
.inSelect .dropbox .listbox .optgroup { list-style:none; margin:0; padding:0;}
.inSelect .dropbox .listbox .option a,
.inSelect .dropbox .listbox .optgroup a { display:block; text-decoration:none; color:#353535; margin:0px; cursor:default; }
.inSelect .dropbox .listbox .option a span,
.inSelect .dropbox .listbox .optgroup a span { display:block; margin-left:10px; line-height:25px; }
.inSelect .dropbox .listbox .optgroup dt a { color:#000; font-weight:bold; margin:0px; }
.inSelect .dropbox .listbox .selected { background-color:#F3F3F3; }
.inSelect .dropbox .listbox .hover a { background-color:#1E5EBF; color:#FFF; }
.inSelect .dropbox .listbox .option a:hover { background-color:#1E5EBF; color:#FFF; }
.inSelect .dropbox .listbox .option a:hover span.selected { background-color:#1E5EBF; color:#FFF; }
.inSelect .dropbox .listbox dd.disabled a { background-color:#FFF; color:#999; cursor:not-allowed; }
.inSelect .dropbox .listbox dd.disabled a:hover { background-color:#FFF; color:#999; }
.inSelect .dropbox .listbox dd.disabled a span.selected { background-color:#FFF; }
.inSelect .dropbox .listbox dd.disabled a:hover span.selected { background-color:#FFF; color:#999; }
.inSelect .dropbox .listbox dd.option { overflow:hidden; }
.inSelect .dropbox .listbox dd.option a span { display:inline-block; }
.inSelect .dropbox .listbox dd .option a span { margin-left:20px; }
.inSelect .dropbox .multiple dd.option a span { background:url(../images/form-select-check-normal.png) no-repeat left center; padding-left:22px; }
.inSelect .dropbox .multiple dd.option a:hover span { background-image:url(../images/form-select-check-hover.png); }
.inSelect .dropbox .multiple dd.selected a span { background-image:url(../images/form-select-checked-normal.png); }
.inSelect .dropbox .multiple dd.selected a:hover span { background-image:url(../images/form-select-checked-hover.png); }
.inSelect .dropbox .multiple dd.disabled a span { background-image:url(../images/form-select-check-disabled.png); }
.inSelect .dropbox .multiple dd.disabled a:hover span { background-image:url(../images/form-select-check-disabled.png); }
.inSelect .dropbox .multiple dd.disabled a span.selected { background-image:url(../images/form-select-checked-disabled.png); }
.inSelect .dropbox .multiple dd.disabled dt a span { background-image:none; }
.inSelect .dropbox .multiple dd.disabled dt a:hover span { background-image:none; }
div,form,label,input{
    font-family:"Arial","Microsoft Yahei","ºÚÌå","ËÎÌå";
    line-height: 1.5rem;
    font-size:18px;
    color:rgb(99, 79, 53);
}


label{ display: inline-block; width:100px; 
    text-align: right; line-height: 2.6rem;
}

.overpage{
  margin:0 auto;
  width:80%;
  
  margin-top:10px;
  padding:50px;
  padding-top:20px;
  padding-bottom:70px;
  background-color: rgb(253, 252, 244);
}

.toptitle{
    text-align:center;
}
.toptitle:hover{
    font-size:105%;
    color:rgb(97, 97, 97);
}
.toptitle h1{
    margin-top:3px;
    font-family:"Arial","Microsoft Yahei","ºÚÌå","ËÎÌå";
}

fieldset{
    margin:10px;
    border-radius:7px;
    border-color:rgb(182, 181, 143)
}

fieldset:hover{
    
    font-style:unset;
    border-style:dashed;
    border-width:3px;
}

legend{
    font-size:105%;
    font-style:oblique;
}
fieldset legend:hover{
    font-size:110%;
    color:rgb(97, 97, 97);
    font-weight: bold;
}

.fontrun:hover{
    font-size:110%;
    color:rgb(73, 57, 14);
    font-weight: bold;
}



textarea{
    background-color: rgb(241, 239, 224);
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: rgb(163, 161, 133);
    font-size:17px;
  }

.form1 label{
    display: inline-block; width:100px; 
    text-align: right; line-height: 3rem;
}
.form1 input{
    border-width:2px;
    border-style:solid;
    border-color:rgb(192, 186, 140);
    border-radius: 5px;
    margin-left:10px;
    background-color: rgb(253, 252, 244);
    height: 40px;
    margin:10px;
}
.form1 input:hover{
    border-width:2.1px;
    border-style:solid;
    border-color:rgb(177, 171, 128);
    border-radius: 5px;
    margin-left:10px;
    background-color: rgb(236, 234, 218);
    height: 40px;
    margin:10px;
}
.form1 .genderchange{
    width:70px;

}
.form1 .genderinput{
    padding-bottom:0px;
    padding-top:20px;
}

.form2 label{
    position:relative;
    display: inline-block; width:550px; 
    text-align: left; line-height: 2.3rem;
    margin-left:40px;

}

.form2 .inputstyle{
    display:inline-block;
    width:275px;
    margin-left:5px;
    line-height: 2rem;
}

.a2{
    margin-left:30px;
}

.form2 .aa2{
    line-height:2rem;
    width:400px;
    margin-left:3px;
}

select,option{
    color:rgb(141, 123, 65);
    border-width:2px;
    border-style:solid;
    border-color:rgb(192, 186, 140);
    border-radius: 5px;
    margin-left:10px;
    background-color: rgb(243, 240, 215);
    height: 40px;
    margin:10px;
    margin-top:0px;
    font-size:14px;
}

select:hover{
    background-color: rgb(226, 223, 191);
    border-width:2.1px;
    font-size:15px;
    font-weight: bold;
}

.form3 label{
    position:relative;
    display: inline-block; width:250px; 
    text-align: left; line-height: 2.3rem;
    margin-left:40px;
}

.form3 .a3{
    margin-left:100px;
}
.form3 .sizea3{
    margin-left:20px;
}


.form3 .size3{
    text-align:right;
    width:50px;
    
}

.form3 .projectstyle{
    display:inline-block;
    width:130px;
    margin-left:3px;
    margin-right:10px;
    line-height: 2rem;
}

.form4 label{
    position:relative;
    display: inline-block; width:400px; 
    text-align: left; line-height: 2.1rem;
    margin-left:40px;
}

.form4 .a4{
    margin-left:100px;
}

.form4 .showstyle{
    color:rgb(141, 123, 65);
    border-width:1.6px;
    border-style:solid;
    border-color:rgb(192, 186, 140);
    border-radius: 5px;
    margin-left:10px;
    background-color: rgb(243, 240, 215);
    height: 30px;
    width:56px;
    text-align:center;
    margin:10px;
    margin-top:0px;
    font-size:16px;
    
}

.ssubmit{
    background-color: rgb(207, 191, 97);
    width:120px;
    height:50px;
    margin:auto;
    float:right;
    border-width:2px;
    border-radius: 10px;
    margin-right:100px;
    margin-top:8px;
    margin-bottom:20px;
}