ul{ padding: 0; margin: 0; } .updated{ width: 100%; height: 100%; } .personal-choose{ position: absolute; top: 70px; left: 128px; height: 250px; border-radius: 5px; background-color: #f6f6f6; border: 1px solid rgba(0, 0, 0, 0.28); box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.23); } .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.82); 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; border: 1px solid rgba(0, 0, 0, 0.27); border-radius: 5px; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.23); } .personal-msg-frame .personal-msg-part{ width: 100%; height: 50px; margin: 20px 0px; } .personal-msg-frame .personal-msg-part:hover{ background-color: #e9e9e9; } .frame-info{ height: 60px; border-bottom: 1px solid #c6333e; } .frame-info .info-text{ margin: 15px auto; height: 40px; color: white; width: 150px; background-color: #c6333e; font-size: 20px; text-align: center; line-height: 40px; border-radius: 5px; } .personal-msg-frame .personal-msg-part .part-name{ width: 80px; text-align: right; line-height: 35px; padding-left: 40px; 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; color: rgba(0, 0, 0, 0.74); line-height: 35px; font-size: 20px; padding-left: 20px; } .updated .change-pw-frame{ display: none; position: absolute; top: 70px; left: 250px; width: 600px; border: 1px solid rgba(0, 0, 0, 0.27); border-radius: 5px; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.23); } .change-pw-frame .pw-input-style{ padding: 0px 0px 0px 20px; margin: 20px 130px; width:340px; height: 40px; border-radius: 5px; 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 150px; 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; }