body { background-color: #002378; } .background { position: absolute; left: 0; top: 0; bottom: 0; width: 100%; height: 100%; min-height: 768px; min-width: 1366px; } .title-content { /* position: absolute; */ width: 100%; height: 200px; padding: 3vh 0 0 0; /* top: 80px; left: 0; right: 0; */ color: white; font-size: 1.4rem; display: flex; justify-content: center; background-image: url('../asset/mipmap/title_bg.png'); background-size: contain; background-repeat: no-repeat; } .img-1 { min-height: 500px; height: 60vh; /* margin-left: 6vw; */ } .input-box { width: 400px; height: 420px; /* background-color: aquamarine; */ background-image: url('../asset/mipmap/border.png'); background-size: 100% 100%; color: white; } .input-content {} .input-content .text-box { width: 220px; height: 28px; font-size: 12px; border-radius: 6px; } .btn-login { margin-top: 20px; border-radius: 6px; padding: 8px 60px; box-shadow: 10px 10px 10px rgba(39, 39, 39, 0.473); background: -moz-linear-gradient(left, rgb(109, 213, 231), rgb(80, 166, 202), rgb(65, 141, 186), rgb(33, 90, 154), rgb(13, 56, 133), rgb(11, 53, 131)); background: -ms-linear-gradient(left, rgb(109, 213, 231), rgb(80, 166, 202), rgb(65, 141, 186), rgb(33, 90, 154), rgb(13, 56, 133), rgb(11, 53, 131)); background: -o-linear-gradient(left, rgb(109, 213, 231), rgb(80, 166, 202), rgb(65, 141, 186), rgb(33, 90, 154), rgb(13, 56, 133), rgb(11, 53, 131)); background: -webkit-linear-gradient(left, rgb(109, 213, 231), rgb(80, 166, 202), rgb(65, 141, 186), rgb(33, 90, 154), rgb(13, 56, 133), rgb(11, 53, 131)); cursor: pointer; }