*{
    margin: 0;
    padding: 0;
}
html{
}
body{
    margin: 2px;
    padding: 2px;
    width: 100%;
    height: 100%;
    font-family: Arial, Helvetica, sans-serif; 
    font-size: 16px;
    color: #2d2f2f;
    background-image: url(/img/background.jpg);
}
.contentl{
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
}
.contentl .forml .form-system{
    font-size: 20px;
    width: 70vw;
    padding: 2em;
    left: 50vw;
    margin-left: -35vw;
}
.contentl .forml .form-system input,select{
    width: 50vw;
}

.wrapper{
    position: relative;
    display: block;
    width: 100vw;
    height: 100vw;
    margin: auto;
}
.menu-wrapper{
    position: absolute;
    display: inline-block;
    width: 18vw;
    top: 1em;
    left: 0;
    min-width: 10em;
}
.content{
    position: absolute;
    display: inline-block;
    width: 80vw;
    top: 1em;
    left: 20vw;
}
.content-wrapper{
    position: absolute;
    display: block;
    width: 100%;
}
h1{
    position: relative;
    display: block;
    width: 100%;
    padding: 1.5em;
    font-size: 1.2em;
    color: #fdffec;
    background: #765fcd;
}
.top-menu{
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    min-height: 20em;
    margin: 1em;
    margin-bottom: -10em;
    background: #eeeaef;
}
.top-menu .menu-right{
    position: absolute;
    display: block;
    width: auto;
    right: 1.5em; 
}
.top-menu span{
    position: relative;
    display: block;
    width: 90%;
}

.top-menu span a{
    position: relative;
    display: block;
    width: 90%;
    margin: 0.3em;
    padding: 0.4em;
    font-size: 1.1em;
    background: #827fff;
    width: 100%;
    color: #fff;
    text-decoration: none;
}
.top-menu span a:hover{
    color: #f1fbda;
    background: #454385;
}
.content-div{
  position: relative;
  display: none;
  min-width: 70em;
  padding: 2.0em;
  font-size: 1.0em;
  color: #888;
  margin-left: 21%;
  background: RGBA(254, 254, 228, 0.7);
}
.form-system {
    position: relative;
    display: block;
    top: 0.1em;
    left: 0;
    width: 40em;
    padding: 2.0em;
    margin: 1em;
    font-size: 1.2em;
    background: RGBA(254, 254, 248, 0.7);
}
.form-system div{
    position: relative;
    display: block;
    padding: 0.2em;
    margin: 0.5em;
}
.form-system span{
    position: relative;
    display: block;
    margin: 0.1em;
}
.form-system input,select{
    width: 25em;
    padding: .5em;
    font-size: 1.1em;
    margin: 0.1em;
}
.form-system input[name="ch_link"]{
    width: 35em;
}
.form-system .input150{
    width: 10em;
}
.form-system .select-opt2{
    display: none;
}
.rText{
    position: absolute;
    display: none;
    min-width: 30em;
    min-height: 10em;
    padding: 1.0em;
    top: 1em;
    left: 0;
    padding: 5em 1em 1em 1em;
    font-size: 0.9em;
    color: #fffbdd;
    background: #023e6af2;
}
.rText b{
    position: absolute;
    display: block;
    padding: 1em;
    top: .5em;
    right: .5em;
    background: #ce0c0cb2;
    cursor: pointer;
}