@charset "utf-8";
* { margin:0; padding:0;}
ul,ol,li { list-style:none;}
a { text-decoration:none;}
h1,h2,h3,h4,h5,h6 { font-size:100%;}
body { font-size:13px; line-height:1;}
table { border-collapse: collapse;}
img { vertical-align:top;}
.clear:after { content:""; display:block; clear:both;}


body{background-image: url(bg.jpg); background-size: cover; width: 100vw; height: 100vh;}

h2{position: absolute; top:200px; left:30%; transform: translateX(-50%); font-size: 30px;color:#fff; }
.write-btn { color:#fff; display: block; width: 100px; height: 30px; line-height: 30px;
             position: absolute; top:300px; left:30%; transform: translateX(-50%);
            border:1px solid #fff; font-size: 20px; ;background-color: rgba(0,0,0,0.7);}

.loginbox{border:1px solid #fff;position: absolute; top:45%; left:30%; transform: translate(-50%,-50%);
        background-color: rgba(0,0,0,0.7); color:#fff;font-size: 18px;padding:20px;}

label{line-height: 50px; width: 85px ; display: inline-block;}

td{width:100px; line-height: 30px;}

input{height: 20px;}
#name{position: relative; left:6px;}

table a{color:#fff;}


.submitbox{margin-top:20px;}
.submit{width: 100px; height: 30px; font-size: 15px; background-color: #fff ; border:none;
         margin:0 auto; border-radius: 0px;}

.reset{width: 100px; height: 30px; font-size: 15px; background-color: #fff ; border:none;
         margin:0 auto;border-radius: 0px;}