.elementor-534 .elementor-element.elementor-element-42a98ceb{--display:flex;--padding-top:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-534 .elementor-element.elementor-element-42a98ceb:not(.elementor-motion-effects-element-type-background), .elementor-534 .elementor-element.elementor-element-42a98ceb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F6F6;}.elementor-534 .elementor-element.elementor-element-954b6a4{text-align:center;}@media(max-width:1024px){.elementor-534 .elementor-element.elementor-element-42a98ceb{--padding-top:70px;--padding-bottom:70px;--padding-left:20px;--padding-right:20px;}}@media(max-width:767px){.elementor-534 .elementor-element.elementor-element-42a98ceb{--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-534 .elementor-element.elementor-element-954b6a4{text-align:center;}}/* Start custom CSS for shortcode, class: .elementor-element-5d100f52 *//* โหลดฟอนต์จาก Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@300;400;500;600;700&display=swap');

/* ใช้กับทุกส่วนของเว็บไซต์ */
body, html, h1, h2, h3, h4, h5, h6, p, span, a, div, input, button, select, textarea, label {
  font-family: 'IBM Plex Sans Thai', sans-serif !important;
}

/* เน้นเฉพาะฟอร์ม Ultimate Member */
.um, 
.um input, 
.um label, 
.um .um-field-label label,
.um .um-field-area input,
.um .um-field-area textarea,
.um .um-field-area select,
.um .um-button,
.um .um-button.um-alt {
  font-family: 'IBM Plex Sans Thai', sans-serif !important;
}

/* ปุ่มสมัครสมาชิก */
.um input[type="submit"].um-button,
.um a.um-button {
  background-color: #3f465c !important;
  color: #ffffff !important;
  border: 1px solid #3f465c !important;
  border-radius: 500px !important;
  padding: 10px 30px !important;
  font-size: 16px !important;
  text-decoration: none !important;
  display: inline-block !important;
  cursor: pointer !important;
  transition: 0.2s !important;
}

/* ปุ่มเข้าสู่ระบบ (um-alt) */
.um a.um-button.um-alt {
  background-color: transparent !important;
  color: #3f465c !important;
  border: 1px solid #3f465c !important;
  border-radius: 500px !important;
}

/* hover effect */
.um input[type="submit"].um-button:hover,
.um a.um-button:hover {
  opacity: 0.85 !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-566609c *//* ซ่อนข้อความแนะนำทั้งหมดก่อน */
#um_field_217_user_login .um-field-area::after,
#um_field_217_user_email .um-field-area::after,
#um_field_217_user_password .um-field-area::after,
#um_field_217_confirm_user_password .um-field-area::after{
  display: none;
  font-size: 13px;
  color: #d32f2f;
  margin-top: 6px;
  line-height: 1.4;
}

/* Username – แสดงตอน focus */
#um_field_217_user_login:focus-within .um-field-area::after{
  content: "* ชื่อผู้ใช้ควรเป็นภาษาอังกฤษ ไม่มีเว้นวรรค";
  display: block;
}

/* Email – แสดงตอน focus */
#um_field_217_user_email:focus-within .um-field-area::after{
  content: "* กรุณาใช้อีเมลที่ถูกต้อง ระบบจะใช้สำหรับยืนยันตัวตน";
  display: block;
}

/* Password – แสดงตอน focus */
#um_field_217_user_password:focus-within .um-field-area::after,
#um_field_217_confirm_user_password:focus-within .um-field-area::after{
  content: "* รหัสผ่านควรมีอย่างน้อย 8 ตัวอักษร และประกอบด้วยตัวอักษรและตัวเลข";
  display: block;
}


#um_field_217_user_login:focus-within label,
#um_field_217_user_email:focus-within label,
#um_field_217_user_password:focus-within label,
#um_field_217_confirm_user_password:focus-within label{
  color: #c62828;
  font-weight: 600;
}/* End custom CSS */