* Modify page style.

module/admin/css/register.ui.css

@@ -1,57 +1,64 @@
 #main {min-height: 94%;}
+.panel-form-div {margin: 0 auto; margin-top: 15%;}
+.z-panel-form-div {margin: 0 auto;}
 .page-title {position: absolute; top: 1rem; float: left;}
 .page-title span {margin-left: 1rem;}
 .panel-form {padding: 0; max-width: 36rem;}
-.form-title {background: linear-gradient(98.73deg, #28A5FF 1.4%, #0084FF 100%); display: block; color: #ffffff; margin: 0 auto; margin-top: 5%; max-width: 36rem; padding-left: 12px;}
-.form-title .main-title {padding-top: 26px; padding-left: 12px;}
-.form-title .sub-title {width: 24%; display: inline-block; color: #ffffff; margin-top: 28px; text-align: center;}
+.form-title {display: block; margin: 0 auto; margin-top: 15%; max-width: 36rem;}
+.form-title .main-title {padding-top: 26px; padding-left: 4.8rem;}
+.form-title .sub-title {width: 20%; display: inline-block; margin-top: 28px; text-align: center;}
 .form-title .sub-title .icon {margin-right: 4px;}
-.label-text {font-size: 16px; margin-left: 10px;}
+.label-text {margin-left: 10px; float: left; line-height: 2.5rem;}
 .label-text:before { content: '* '; color: rgba(var(--color-danger-500-rgb), var(--tw-text-opacity));}
-.no-label-mobile {width: 32rem;}
-.no-label-code {width: 32rem; margin-left: 0.9rem;}
-.no-label-input {height: 40px;}
-#captchaImageLabel {margin-top: -1.5rem;}
+.no-label-mobile {width: 70%; margin-left: 1.5rem; float: left;}
+.no-label-code {width: 75%; margin-left: 1.5rem; float: left;}
+.no-label-input {height: 2.5rem}
+.label-text-mobile {margin-top: 0.1rem; margin-left: 3rem;}
+.label-text-code {margin-top: 0.1rem; margin-left: 3rem;}
+#captchaImageLabel {margin-top: 0;}
 #captchaImage {width: 7rem; margin-left: 0.8rem; display: inline;}
 #checkMobileSenderID {display: inline; cursor: pointer;}
-#captcha-btn {width: 7rem; line-height: 40px; padding-left: 2rem; font-size: 15px; color: #0084FF;}
-.form-agree-ux {color: #5A6D88;}
-.form-agree-ux-text {max-width: 90%;}
+#captcha-btn {width: 7rem; line-height: 40px; padding-left: 1rem; color: #0084FF;}
+.form-agree-ux {color: #5A6D88; margin-left: 3.5rem; margin-top: 0.6rem;}
+.form-agree-ux-text {max-width: 90%; font-size: 12px; line-height: 20px;}
 #experience-plan-show {color: #0084FF;}
 .form-actions .open-url{display: none;}
-.captcha-mobile-sender {width: 204px; height: 124px; position: absolute; margin-left: 562px; box-shadow: 0px 2px 24px 3px #1F232914; background-color: #fff; margin-top: -16rem;}
+.captcha-mobile-sender {width: 204px; height: 124px; position: absolute; margin-left: 32rem; box-shadow: 0px 2px 24px 3px #1F232914; background-color: #fff; margin-top: -17rem;}
 .captcha-wrapper {height:68px; margin-bottom: 12px;}
 .captcha-wrapper img, .image-box {width: 100%;height: 100%;}
 #checkMobileSender {height: 36px; line-height: 36px; color: #007AFF; background: #fff; padding:0;}
 #checkMobileSender:hover,#checkMobileSender:active,#checkMobileSender:focus {box-shadow: none;}
 button[type="submit"] {height: 40px; width: 120px;}
-.panel-form {padding: 0; max-width: 36rem;}
 .z-box-container {width: 100%; margin: 0 auto; background: white; border-radius: 8px; padding: 24px; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);}
 .z-bind-info-image {display: flex; align-items: center; margin-top: 0.4rem; margin-left: 0.4rem;}
 .z-bind-info-image img {width: 44px; height: 44px; margin-right: 12px;}
-.z-bind-info-website {font-size: 18px; color: #666; margin-bottom: 4px; width: 10rem; display: flex;}
+.z-bind-info-website {color: #666; margin-bottom: 4px; width: 10rem; display: flex;}
 .z-bind-info-website span {width: 10rem; display: flex;}
-.z-bind-info-mobile {font-size: 15px;}
-.z-unbind-btn {border: 1px solid #E6ECF8; color: #0084FF; border-radius: 16px; padding: 6px 16px; margin-left: 11rem; font-size: 15px; line-height: 15px; width: 7rem;}
+.z-unbind-btn {border: 1px solid #E6ECF8; color: #0084FF; border-radius: 16px; padding: 6px 16px; margin-left: 11rem; line-height: 15px; width: 7rem;}
 .z-plan-info {margin-top: 20px; padding-top: 20px;}
-.z-plan-info-box {margin-top: -2px; margin-left: 12px;}
+.z-plan-info-box {margin-top: 1.3rem; margin-left: 30px;}
 .z-plan-info-box a {color: #0084FF; text-decoration: none;}
 .z-plan-info-box span {color: #666;}
 .z-plan-info-box-text {float: left; width: 80%;}
-.z-switch {float: left; display: inline-block; margin-left: 2.6rem;}
+.z-switch {display: inline-block; float: left;}
 .switch {min-height: 16px;}
 .z-switch-toggle {height: 24px; background: #0084FF; border-radius: 12px; position: relative;}
-.z-footer-btn {margin-top: 24px; display: flex; justify-content: center; align-items: center; height: 40px;}
-.z-footer-btn button {height: 40px; width: 146px; font-size: 16px;}
+.z-footer-btn {margin-top: 68px; display: block; justify-content: center; align-items: center; height: 40px; margin-left: 2rem;}
+.z-footer-btn button {width: 86px;}
+.z-footer-btn .z-show-gift {margin-left: 2rem; width: 106px;}
 .z-bind-info {border: 1px solid #f0f0f0; border-radius: 5px;height: 4.4rem;}
 .z-plan-info {border: 1px solid #f0f0f0; border-radius: 5px;height: 3.6rem;}
 .install-logo {position: relative; top: 3rem; left: 3rem; float: left; margin-right: -12rem;}
 .install-logo img {height: auto; max-width: 9rem;}
-.unbind-modal-title {font-size: 18px; font-weight: bold;}
+/*.unbind-modal-title {font-weight: bold;}*/
 .modal-dialog {width: 28rem; border-radius: 8px;}
 .modal-footer button {float: right;}
 .modal-footer .primary {margin-right: 1rem;}
 .modal-footer {display: block;}
 .modal-footer .toolbar {display: block;}
 .modal-footer .toolbar .primary {float: right;}
-.skip-btn {float: right; margin-top: -4.5rem;margin-right: 1rem;z-index: 100;height: 40px;}
+.skip-btn {float: right; margin-top: -4.5rem; margin-right: 1rem; z-index: 70; height: 40px; width: 5rem;}
+#unBind {color: #0084FF; margin-left: 1rem;}
+.z-main-title {margin-left: 2rem;}
+.load-indicator:before{background-color: rgb(248 249 250); height: 35rem;}
+.unbind-modal-content{font-size: 14px}