.updated{ width: 100%; height: 100%; } .personal-choose{ position: absolute; top: 50px; left: 15px; } .personal-choose .nav-personal-choose{ margin: 0px; } .nav-personal-choose .choose-child{ transition: all 0.3s; list-style: none; border-radius: 5px 5px 0px 0px; margin: 10px 0px; color: rgba(0, 0, 0, 0.93); width: 120px; height: 30px; border-bottom: 1px solid rgb(198, 68, 66); font-size: 15px; text-align: center; line-height: 30px; cursor: pointer; } .nav-personal-choose .choose-child:hover{ background-color: #e24f46; border-radius: 5px; border-bottom: 1px solid rgba(198, 68, 66, 0); color: white; } .personal-msg-frame{ position: absolute; top: 70px; left: 250px; width: 600px; } .personal-msg-frame .personal-msg-part{ width: 550px; height: 50px; margin: 30px 0px; border-bottom: 1px solid rgba(0, 0, 0, 0.54); } .personal-msg-frame .personal-msg-part .part-name{ width: 80px; text-align: left; line-height: 35px; color: rgba(0, 0, 0, 0.78); float: left; height: 100%; font-size: 20px; } .personal-msg-frame .personal-msg-part .part-cont{ width: 450px; height: 100%; float: left; text-align: left; line-height: 35px; font-size: 15px; } .updated .change-pw-frame{ display: none; position: absolute; top: 70px; left: 250px; width: 600px; } .change-pw-frame .pw-input-style{ padding: 0px 0px 0px 20px; margin: 20px 100px; width:340px; height: 40px; border-radius: 5px; left: 29px; border:1px solid rgba(0, 0, 0, 0.37); } .change-pw-frame .pw-input-style:hover{ background-color: #f0f0f0; } .change-pw-frame .sm-input-style{ margin: 20px 120px; top: 280px; width: 300px; height: 40px; border-radius: 5px; left: 49px; border: 1px solid rgba(0, 0, 0, 0.2); background-color: #65b0ff; color: white; font-size: 20px; } .change-pw-frame .sm-input-style:hover{ background-color: #517fff; }