.personal-info-title{background-image:url(../img/titlebg.0e71cbab.png);height:309px}.edit-personal-infor-title-box{position:relative;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.edit-personal-infor-title{color:#fff;font-size:46px;font-weight:700;text-shadow:1px 1px 5px #111}.info-edit-card{border-radius:20px;background-color:#26938b;-webkit-transform:translateY(-20px);transform:translateY(-20px)}.expire-date{width:100%;height:50px}.expire-date-box{text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;position:relative;left:50%;top:50%;-webkit-transform:translate(-50%,-40%);transform:translate(-50%,-40%)}.expire-date-label{position:relative;top:0;bottom:0;color:#fff;font-size:16px;letter-spacing:1px}.expire-date-buttom{margin-left:10px;width:70px;font-weight:700}.edit-box{background-color:#fff;height:1200px;border-radius:0 0 20px 20px}.edit-info{padding:35px}.edit-info-image-box{display:inline-block;width:30px}.edit-info-title{text-align:left}.edit-info-title-label-box{display:inline-block;vertical-align:middle;-webkit-transform:translateY(10%);transform:translateY(10%)}.edit-info-title-label{font-size:20px;font-weight:700;margin-left:10px}.student-info-content{padding-left:30px}.edit-info-content-box{margin-top:10px;margin-bottom:10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;position:relative;left:60px;float:inline}.edit-box-label,.edit-box-label-label{text-align:left;color:#777;letter-spacing:1px;width:68px}.edit-box-label-label{-webkit-transform:translateY(20%);transform:translateY(20%)}.edit-box-label-content{position:relative;left:50px;text-align:left;letter-spacing:1px;-webkit-transform:translateY(25%);transform:translateY(25%)}.edit-box-input,.edit-info-content-notofication-buttom{margin-left:40px}.edit-box-input{border:0;padding:8px 15px;background-color:#eee;font-size:16px;width:220px}.edit-box-input-invalid-noti{margin-left:20px;color:red;font-size:14px}.edit-box-devider{height:1px;border:.5px solid #bbb;margin-bottom:5px}.edit-box-confirm-password-label{margin-left:40px;color:#888;letter-spacing:1px}.edit-info-button-box{padding:20px}.edit-info-button{margin:0 20px;width:160px}.sound-select{size:40px 200px;margin-left:40px;float:inline}.sound-select-box{display:-webkit-box;display:-ms-flexbox;display:flex}#edit-info-button-cancel{color:#fff}#edit-info-button-save{background-color:#26938b;border:0}.simple-info-text{position:relative;top:10px}.simple-info-text-name{font-size:20px;font-weight:700}.upload-avatar{margin-top:10px}.upload-avatar-label{background-color:#ddd}.avatar-cropper{width:300px;height:300px;position:relative;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.avatar-cropper-tip{text-align:center}.profile{width:100%}.profile-body{width:1024px;position:relative;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.info-edit-card{position:relative;top:-40px}.simple-info{-webkit-transform:translateY(-30%);transform:translateY(-30%)}