.elementor-1411 .elementor-element.elementor-element-5a6a0c6e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1411 .elementor-element.elementor-element-7f5b0605{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1411 .elementor-element.elementor-element-11937c95{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1411 .elementor-element.elementor-element-11937c95.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1411 .elementor-element.elementor-element-7456ea1b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1411 .elementor-element.elementor-element-4a28f3f{--display:flex;}.elementor-1411 .elementor-element.elementor-element-3f68c76{text-align:center;font-family:"Chulacharas New", Sans-serif;font-size:18px;color:#F03D93;}.elementor-1411 .elementor-element.elementor-element-9f82121.elementor-element{--align-self:center;}.elementor-1411 .elementor-element.elementor-element-9f82121 .elementor-button-content-wrapper{flex-direction:row;}.elementor-1411 .elementor-element.elementor-element-9f82121 .elementor-button{font-family:"Chulacharas New", Sans-serif;font-size:17px;font-weight:400;letter-spacing:1px;fill:#FFFFFF;color:#FFFFFF;border-radius:25px 25px 25px 25px;}.elementor-1411 .elementor-element.elementor-element-eaf1ce8{width:var( --container-widget-width, 61% );max-width:61%;--container-widget-width:61%;--container-widget-flex-grow:0;border-radius:100px 100px 100px 100px;}.elementor-1411 .elementor-element.elementor-element-eaf1ce8.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}@media(min-width:768px){.elementor-1411 .elementor-element.elementor-element-11937c95{--width:59.481%;}.elementor-1411 .elementor-element.elementor-element-7456ea1b{--width:66.6666%;}}/* Start custom CSS for container, class: .elementor-element-11937c95 *//* กำหนดขนาดเฟรมให้กับรูปภาพเฉพาะ Widget นี้ */
.elementor-element-d1d8a09 img {
    width: 492px !important;    /* บังคับความกว้าง */
    height: 492px !important;   /* บังคับความสูง */
    object-fit: cover;          /* คำสั่งสำคัญ! ช่วยให้รูปพยายามขยายให้เต็มเฟรมโดยไม่บิดเบี้ยว (อาจมีการครอปส่วนเกินออกเล็กน้อย) */
    max-width: none !important; /* ป้องกันไม่ให้ธีมมาย่อรูปเรา */
}

/* (ทางเลือกเสริม) จัดให้อยู่กึ่งกลางถ้าพื้นที่เหลือ */
.elementor-element-d1d8a09 .elementor-widget-container {
    display: flex;
    justify-content: center;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-9f82121 *//* --- 1. ปรับกล่องหุ้ม (Container) ของทั้งคู่ให้ไร้ขอบ --- */
.registration_details.wpem-register-event-form,
.quiz-btn-wrapper {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    box-sizing: border-box !important;
}

/* เพิ่มระยะห่างให้ปุ่มทำแบบทดสอบนิดนึง (จะได้ไม่ติดปุ่มบน) */
.quiz-btn-wrapper {
    margin-top: 15px !important;
}

/* --- 2. สร้างโครงสร้างปุ่มให้ "เหมือนกันเป๊ะ" (Twin Styling) --- */
/* บรรทัดนี้คือการเลือกทั้งปุ่มลงทะเบียน และ ปุ่มแบบทดสอบพร้อมกัน */
.registration_details p a, 
.quiz-btn {
    display: flex !important;       /* จัดกึ่งกลางด้วย Flex */
    justify-content: center !important;
    align-items: center !important;
    
    width: 100% !important;         /* กว้างเต็มขอบ */
    height: 50px !important;        /* สูงเท่ากัน (แก้เลขตรงนี้ถ้าอยากเปลี่ยนความสูง) */
    
    font-size: 16px !important;     /* ขนาดตัวอักษร */
    font-weight: bold !important;
    border-radius: 5px !important;
    text-decoration: none !important;
    border: none !important;
    
    box-sizing: border-box !important; /* สำคัญ! ให้คำนวณขนาดรวมขอบ */
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
    
    /* รีเซ็ตค่าอื่นๆ ที่อาจติดมา */
    line-height: normal !important; 
    padding: 0 !important;
    margin: 0 !important;
    position: relative !important;
}

/* --- 3. แยกสี (ถ้าต้องการสีต่างกัน) --- */

/* ปุ่มลงทะเบียน (สีฟ้า) */
.registration_details p a {
    background-color: #007bff !important;
    color: transparent !important; /* ซ่อน Text เดิม */
}
/* ใส่ข้อความ "ลงทะเบียน" (เพราะเราซ่อน Text เดิม) */
.registration_details p a::after {
    content: "ลงทะเบียน";
    color: #ffffff !important;
    font-size: 16px !important;
    position: absolute;
    z-index: 10;
}

/* ปุ่มแบบทดสอบ (สีฟ้าอมเขียว) */
.quiz-btn.active {
    background-color: #17a2b8 !important; 
    color: #ffffff !important; /* ปุ่มนี้ Text ไม่ได้ซ่อน แสดงได้เลย */
}
.quiz-btn.disabled {
    background-color: #cccccc !important;
    color: #666666 !important;
}

/* --- 4. เอฟเฟกต์ Hover (ชี้แล้วขยับเหมือนกัน) --- */
.registration_details p a:hover,
.quiz-btn.active:hover {
    filter: brightness(0.9); /* ทำให้สีเข้มขึ้นนิดนึงแบบอัตโนมัติ */
    transform: translateY(-2px);
    box-shadow: 0 6px 10px rgba(0,0,0,0.15);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7f5b0605 *//* กำหนดขนาดเฟรมให้กับรูปภาพเฉพาะ Widget นี้ */
.elementor-element-d1d8a09 img {
    width: 492px !important;    /* บังคับความกว้าง */
    height: 492px !important;   /* บังคับความสูง */
    object-fit: cover;          /* คำสั่งสำคัญ! ช่วยให้รูปพยายามขยายให้เต็มเฟรมโดยไม่บิดเบี้ยว (อาจมีการครอปส่วนเกินออกเล็กน้อย) */
    max-width: none !important; /* ป้องกันไม่ให้ธีมมาย่อรูปเรา */
}

/* (ทางเลือกเสริม) จัดให้อยู่กึ่งกลางถ้าพื้นที่เหลือ */
.elementor-element-d1d8a09 .elementor-widget-container {
    display: flex;
    justify-content: center;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5a6a0c6e *//* กำหนดขนาดเฟรมให้กับรูปภาพเฉพาะ Widget นี้ */
.elementor-element-d1d8a09 img {
    width: 492px !important;    /* บังคับความกว้าง */
    height: 492px !important;   /* บังคับความสูง */
    object-fit: cover;          /* คำสั่งสำคัญ! ช่วยให้รูปพยายามขยายให้เต็มเฟรมโดยไม่บิดเบี้ยว (อาจมีการครอปส่วนเกินออกเล็กน้อย) */
    max-width: none !important; /* ป้องกันไม่ให้ธีมมาย่อรูปเรา */
}

/* (ทางเลือกเสริม) จัดให้อยู่กึ่งกลางถ้าพื้นที่เหลือ */
.elementor-element-d1d8a09 .elementor-widget-container {
    display: flex;
    justify-content: center;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Chulacharas New';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://ce.pharm.chula.ac.th/wp-content/uploads/2025/12/ChulaCharasNewReg.ttf') format('truetype');
}
@font-face {
	font-family: 'Chulacharas New';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://ce.pharm.chula.ac.th/wp-content/uploads/2025/12/ChulaCharasNewBold.ttf') format('truetype');
}
@font-face {
	font-family: 'Chulacharas New';
	font-style: italic;
	font-weight: bold;
	font-display: auto;
	src: url('https://ce.pharm.chula.ac.th/wp-content/uploads/2025/12/ChulaCharasNewBoldIta.ttf') format('truetype');
}
@font-face {
	font-family: 'Chulacharas New';
	font-style: italic;
	font-weight: normal;
	font-display: auto;
	src: url('https://ce.pharm.chula.ac.th/wp-content/uploads/2025/12/ChulaCharasNewIta.ttf') format('truetype');
}
/* End Custom Fonts CSS */