console
<div id="main_window">
<div id="tag_img">
<img src="http://share.axure.org/gsc/54ZO4Q/ea/98/dc/ea98dc36677c4fdcbc4aa2f5b00178c6/images/%E7%99%BB%E5%BD%95/u3.png?token=fa7436e898b68f42b21220f14fc736ed">
</img>
</div>
<div class="fcente">
<input class="account_input" placeholder="account"></input>
</div>
<div class="fcente">
<input class="account_input fcente" type="password" placeholder="password"></input>
</div>
<div class="fcente">
<div id="login_button">
<p>
logint
</p>
</div>
</div>
</div>
.br{
background: red
}
.bg{
background: green;
}
.gs{
width: 100px;
height: 200px;
}
body{
background-color: rgba(201, 226, 206, 1);
display: flex;
justify-content:center;
}
#main_window{
width: 778px;
height: 456px;
background: inherit;
background-color: rgba(255, 255, 255, 1);
display: flex;
justify-content:center;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.349019607843137);
margin-top: 80px;
flex-direction:column;
}
#tag_img{
width: 40;
height: 40;
max-width: 40;
max-height: 40;
display: flex;
justify-content:center;
margin-bottom: 50px;
}
#asd{
width: 40;
height: 40;
max-width: 40;
max-height: 40;
display: flex;
justify-content:center;
}
.account_input{
width: 343px;
height: 50px;
font-family: 'Arial Normal', 'Arial';
font-weight: 400;
font-style: normal;
font-size: 13px;
text-decoration: none;
color: #5E5E5E;
text-align: left;
display: flex;
justify-content:center;
margin-bottom: 20px;
}
input {
-webkit-appearance: textfield;
background-color: white;
-webkit-rtl-ordering: logical;
cursor: text;
padding: 1px;
border-width: 2px;
border-style: inset;
border-color: initial;
border-image: initial;
text-rendering: auto;
color: initial;
letter-spacing: normal;
word-spacing: normal;
text-transform: none;
text-indent: 0px;
text-shadow: none;
display: inline-block;
text-align: start;
margin: 0em;
font: 400 11px system-ui;
}
.fcente{
display: flex;
justify-content:center;
}
#login_button{
width: 343px;
height: 56px;
background-color: rgba(65, 126, 79, 1);
text-align: center;
color: #FFFFFF;
}