/* ส่วนท้าย */ .footer-list ul { display: flex; flex-direction: row; gap: 20px; list-style-type: none; justify-content: end; margin-left: 0px; padding-left: 0px; } .footer-list ul li a { color: #254151; } .footer-list ul li a:hover { color: #EFC94C; } @media screen and (max-width: 767px) { .footer-list ul { flex-direction: column; gap: 10px; } } div.wpforms-container-full .wpforms-form input.wpforms-field-medium, div.wpforms-container-full .wpforms-form select.wpforms-field-medium, div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-medium { max-width: 100%; } input { font-family: 'Merriweather'; font-size: 12px !important; background-color:transparent!important; color:#000 !important; border-color:#000 !important; } ::placeholder{ color:#fff !important; } textarea#wpforms-62-field_4 { font-family: 'Merriweather' !important; font-size: 12px !important; background-color: transparent!important; color:#000!important; border-color:#000 !important; } .comments-area a, .page-content a{ text-decoration:none !important; } button#wpforms-submit-62 { fill: var( --e-global-color-ffa891c ); color: var( --e-global-color-ffa891c ); background-color: var( --e-global-color-primary ); border-radius: 10px 20px 10px 20px; padding: 12px 24px 12px 24px; ขอบ: ไม่มี ! สำคัญ; } button#wpforms-submit-62:hover{ สีพื้นหลัง: var(--e-global-color-5c05547); สีขอบ: var(--e-global-color-3da6408); } button#wpforms-submit-218:hover { สีพื้นหลัง: var( --e-global-color-secondary ); สีขอบ: var( --e-global-color-secondary ); } form#wpforms-form-62 { padding: 30px; box-shadow: 0px 0px 6px 2px rgba(0 0 0 0.2%); box-shadow: 0px 0px 36px 6px rgb(0 0 0 / 7%); } header#masthead { z-index:9999 !important; position: sticky !important; top: 0; box-shadow: 0 0 10px 0 #b5aeae85; } div.wpforms-container-full .wpforms-form .wpforms-submit-spinner,.wpforms-submit-spinner{ max-width: 180px !important; line-height: 30px !important; height:30px !important; width: 180px !important; } div.wpforms-container-full .wpforms-form textarea { line-height: 1.3; min-height: var(--wpforms-field-size-input-height); padding: var(--wpforms-field-size-padding-h); ปรับขนาด: แนวตั้ง; ขนาดตัวอักษร: 12px !สำคัญ; สีพื้นหลัง: โปร่งใส !สำคัญ; สี: #fff !สำคัญ; สีเส้นขอบ: #fff !สำคัญ; } div.wpforms-container-full อินพุต[ชนิด=ส่ง]:ไม่(:โฮเวอร์):ไม่(:ใช้งานอยู่), div.wpforms-container-full ปุ่ม[ชนิด=ส่ง]:ไม่(:โฮเวอร์):ไม่(:ใช้งานอยู่), div.wpforms-container-full .wpforms-page-button:ไม่(:โฮเวอร์):ไม่(:ใช้งานอยู่), .wp-core-ui div.wpforms-container-full อินพุต[ชนิด=ส่ง]:ไม่(:โฮเวอร์):ไม่(:ใช้งานอยู่), .wp-core-ui div.wpforms-container-full ปุ่ม[ชนิด=ส่ง]:ไม่(:โฮเวอร์):ไม่(:ใช้งานอยู่), .wp-core-ui div.wpforms-container-full .wpforms-page-button:ไม่(:โฮเวอร์):ไม่(:ใช้งานอยู่) { สีพื้นหลัง: var(--wpforms-button-background-color-alt, var(--wpforms-button-background-color)); สี: var(--wpforms-button-text-color); เติม: var(--e-global-color-ffa891c); สี: var(--e-global-color-ffa891c); สีพื้นหลัง: var(--e-global-color-primary); รัศมีเส้นขอบ: 10px 20px 10px 20px; padding: 12px 24px 12px 24px; ขอบ: ไม่มี !สำคัญ; } div.wpforms-container-full อินพุต[ชนิด=ส่ง]:โฮเวอร์, div.wpforms-container-full อินพุต[ชนิด=ส่ง]:ใช้งานอยู่, div.wpforms-container-full ปุ่ม[ชนิด=ส่ง]:โฮเวอร์, div.wpforms-container-full ปุ่ม[ชนิด=ส่ง]:ใช้งานอยู่, div.wpforms-container-full .wpforms-page-button:โฮเวอร์, div.wpforms-container-full .wpforms-page-button:ใช้งานอยู่, .wp-core-ui div.wpforms-container-full อินพุต[ชนิด=ส่ง]:ใช้งานอยู่, .wp-core-ui div.wpforms-container-full ปุ่ม[ชนิด=ส่ง]:โฮเวอร์, .wp-core-ui div.wpforms-container-full ปุ่ม[ชนิด=ส่ง]:ใช้งานอยู่, .wp-core-ui div.wpforms-container-full .wpforms-page-button:hover, .wp-core-ui div.wpforms-container-full .wpforms-page-button:ใช้งานอยู่ { พื้นหลัง: การไล่ระดับสีเชิงเส้น(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), var(--wpforms-button-background-color-alt, var(--wpforms-button-background-color)); สีพื้นหลัง: var(--e-global-color-5c05547); รัศมีเส้นขอบ: 10px 20px 10px 20px; padding: 12px 24px 12px 24px; border: none !important; } /* ฟังก์ชันไอคอนโปรไฟล์ */ .profile-menu-list span.hfe-menu-toggle.sub-arrow.hfe-menu-child-0 { display: none !important; } li#menu-item-94, li#menu-item-212 { display: none; } .logged-in li#menu-item-94, .logged-in li#menu-item-212 { display: block; } li#menu-item-206, li#menu-item-207 { display: block; } .logged-in li#menu-item-206, .logged-in li#menu-item-207 { display: none; } @media screen and (min-width: 1025px) { ul#menu-1-4154274e ul { padding: 20px 0px; } } @media (min-width:1024px){ .mepr-checkout-container .form-wrapper { padding-right: 3rem; border: 1px solid #ccc; } } @media screen and (max-width: 1024px) { ul#menu-1-4154274e { padding: 20px 10px; } } @media (max-width:426px){ .elementor-icon-box-wrapper { align-items: baseline; } } /* CSS หน้า Memberpress */ .page-id-1277 main#primary { padding: 70px 20px; } .mepr-pro-template header#masthead { padding: 10px 20px !important; } .page-id-67 main#primary { padding: 60px 20px; } /* CSS หน้าหลักสูตรเดียว */ div#mepr_jump { display: flex; flex-direction: column; justify-content: center; gap: 20px; } .page-id-642 header#masthead { position: fixed !important; width: 100% !important; z-index: 999 !สำคัญ; } .page-id-642 #mepr-account-nav { margin-top: 116px; } .page-id-642 div#mepr-account-content { margin-top: 120px; } .mepr-courses-wrapper .course-progress .user-progress { background: #cc5b37 !สำคัญ; } .single-mpcs-lesson h1, .single-mpcs-lesson h2, .single-mpcs-lesson h3, .single-mpcs-lesson h4, .single-mpcs-course h1, .single-mpcs-course h2, .single-mpcs-course h3, .single-mpcs-course h4 { color: #0e0e0e !important; font-family: "Sora", Sans-serif !important; font-weight: 700 !important; letter-spacing: 2px !important; line-height: 1.2em !important; text-transform: uppercase !important; } .course-progress .progress-text { margin-top: 10px !important; } .course-progress .user-progress { พื้นหลัง: #cc5b37 !สำคัญ; } a.text-black { สี: #0e0e0e; } a:focus, a:hover, a:active, a.active { การตกแต่งข้อความ: ไม่ได้ตั้งค่า !สำคัญ; เงากล่อง: ไม่ได้ตั้งค่า !สำคัญ; } a.text-black:hover { สี: #cc5b37 !สำคัญ; } .course-progress h1 { ตระกูลฟอนต์: "Sora", Sans-serif !สำคัญ; น้ำหนักตัวอักษร: 600; ระยะห่างตัวอักษร: 2px; ความสูงบรรทัด: 1.2em; การแปลงข้อความ: ตัวพิมพ์ใหญ่; สี: #0e0e0e !สำคัญ } .course-progress .progress-text, .mpcs-lesson i.mpcs-circle-regular { สี: #cc5b37 !สำคัญ; font-family: "Sora", Sans-serif !สำคัญ; ระยะห่างระหว่างตัวอักษร: 2px; ความสูงบรรทัด: 1.2em; } .single-mpcs-course p.progress-text { margin-top: 10px !สำคัญ; } .single-mpcs-course #mpcs-sidebar a { ขนาดตัวอักษร: 14px !สำคัญ; font-family: "Sora", Sans-serif !สำคัญ; สี: #575757 !สำคัญ; การแปลงข้อความ: ตัวพิมพ์ใหญ่ !สำคัญ; ระยะห่างระหว่างตัวอักษร: 2px; } .single-mpcs-course #mpcs-sidebar a:hover { color: #cc5b37 !important; } /* ข้อความหลักสูตร */ .post-type-archive-mpcs-course header#mpcs-navbar a.navbar-brand.site-branding img { max-height: 100px !important; } .post-type-archive-mpcs-course header#mpcs-navbar { background: #000 !important; height: unset !important; z-index: 1111111; } .post-type-archive-mpcs-course .entry-content { padding-top: 60px !important; } .mpcs-classroom .navbar-section .dropdown .menu a:hover, .dropdown a:hover { text-decoration: unset !important; color: #cc5b37 !important; } ul#menu-memberpress-classroom li a, a.btn.dropdown-toggle { color: #fff !important; font-size: 14px !important; line-height: 1.6em !important; font-family: "Sora", Sans-serif !important; font-weight: 600 !important; letter-spacing: 2px !important; text-transform: uppercase !important; } .mpcs-classroom .mpcs-course-filter .input-group input[type=text], .form-input, .mpcs-classroom .mpcs-course-filter .input-group input[type=text]::placeholder, .form-input::placeholder { color: #575757 !important; font-size: 14px !important; line-height: 1.6em !important; font-family: "Sora", Sans-serif !important; font-weight: 600 !important; letter-spacing: 2px !important; text-transform: uppercase !important; } ul#menu-memberpress-classroom li a:hover, a.btn.dropdown-toggle:hover { color: #cc5b37 !important; } a.navbar-brand.site-branding:hover, a.btn.dropdown-toggle:hover { color: #cc5b37 !important; } .post-type-archive-mpcs-course ul.menu li a, .single-mpcs-course ul.menu li a, .post-type-archive-mpcs-course .card-body p, .mpcs-cards .card-footer .course-author a { color: #575757 !important; font-size: 14px !important; line-height: 1.6em !important; font-family: "Sora", Sans-serif !important; font-weight: 600 !important; letter-spacing: 2px !important; text-transform: uppercase !important; } .mpcs-cards .card-title h2 a { font-family: "Sora", Sans-serif !important; font-size: 24px !important; font-weight: 700 !important; color: #0e0e0e !important; letter-spacing: 2px !important; text-transform: uppercase !important; line-height: 1.2em !important; } .mpcs-cards .card-title h2 a:hover, .mpcs-cards .card-footer .course-author a:hover { text-decoration: unset !important; color: #cc5b37 !important; } /* ย้อนกลับข้อความ */ .page-id-1277 .mepr-login-actions { ตำแหน่ง: สัมบูรณ์; ด้านล่าง: 72px; } .page-id-1277 p.custom-login-message { ตำแหน่ง: สัมบูรณ์; ด้านล่าง: 37px; } .page-id-1277 .submit { margin-bottom: 10px; } .page-id-1277 .mepro-boxed { padding-bottom: 105px; } form#mepr_forgot_password_form { margin-bottom: -70px; } .single-mpcs-course form#mepr_loginform p.custom-login-message { ตำแหน่ง: สัมบูรณ์; ด้านล่าง: 0px; } .single-mpcs-course form#mepr_loginform { ตำแหน่ง: สัมพัทธ์; } .single-mpcs-course form#mepr_loginform p.custom-login-message { ตำแหน่ง: สัมบูรณ์; ด้านล่าง: -72px; } .single-mpcs-course .mepr-login-actions { padding-top: 5px; } .mepr-pro-template .site-branding__logo { ความสูงสูงสุด: 100px !สำคัญ; ความสูง: 100px !สำคัญ; } .footer-wrap .user-icon-module { display: none !สำคัญ; } #mepr-account-nav { พื้นหลัง: #F0ECE3 !สำคัญ; } .mp-form-row.mepr_confirm_password { ขอบด้านบน: 20px; ขอบด้านล่าง: 20px !สำคัญ; } form.mepr-newpassword-form.mepr-form อินพุต { ขอบด้านบน: 5px; } .profile-menu__text span { สี: #324A6D; } .mepr-pro-template .dropdown { พื้นหลัง: #fff !สำคัญ; ขอบ: 1px ทึบ #fff !สำคัญ; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px !สำคัญ; } .mepr-pro-template .dropdown__item:hover, .mepr-pro-template .dropdown__item:focus { พื้นหลัง: โปร่งใส ! สำคัญ; } .mepr-account-container h1, .mepr-account-container h2, .mepr-account-container h3, .mepr-account-container h4, .mepr-account-container h5, .mepr-account-container h6 { ขอบ: 0px; } #mepr-account-nav .mepr-nav-item.mepr-active-nav-tab a, #mepr-account-nav .mepr-nav-item a { พื้นหลัง: ยกเลิกการตั้งค่า ! สำคัญ; } .mepr-account-welcome-message { พื้นหลัง: โปร่งใส ! สำคัญ; ขอบ: 1px solid #C8D5DC !important; } h1.mepr_page_header { margin-bottom: 20px; } .mepr-pro-template .site-branding img { max-height: 100px !important; height: 100px !important; background: #fff !important; } .profile-menu__text span { color: #fff; } /* ลืมรหัสผ่านหน้า */ form#mepr_forgot_password_form { display: flex !important; flex-direction: column !important; gap: 20px !important; margin-top: 20px !important; } form#mepr_forgot_password_form label { margin-bottom: 20px; } /* หน้าเข้าสู่ระบบ */ .mpch-account-nav img { width: 150px !important; height: 150px !important; object-fit: contain; object-position: left; } #mepro-login-hero .mepro-login-contents form p { text-align: left !important; margin-bottom: 0px !important; } form#mepr_loginform { display: flex !important; flex-direction: column !important; gap: 20px !important; } form#mepr_loginform h1, form#mepr_loginform input { margin: 0px !important; } .mp-spacer { display: none !important; } .mp-form-row { margin-bottom: 0px !important; } p.custom-login-message { margin-top: 0px !important; margin-bottom: 20px !important; order: 6 !important; } .mp-password-strength-display { width: unset !important; } form.mepr-newpassword-form.mepr-form input { min-height: 47px; padding: 8px 12px; } #mpcs-main #bookmark, .mpcs-lesson.current { background: #fff !important; } #mepr-template-login ปุ่ม .mepro-form, #mepr-template-login .mepro-form อินพุต[type="button"], #mepr-template-login .mepro-form อินพุต[type="reset"], #mepr-template-login .mepro-form อินพุต[type="submit"], #mepr-template-login ปุ่ม .mepr-form, #mepr-template-login .mepr-form อินพุต[type="button"], #mepr-template-login .mepr-form อินพุต[type="reset"], #mepr-template-login .mepr-form อินพุต[type="submit"], .mepr-account-container .mepr-button.btn-outline, form#mepr_signup_form input.mepr-submit, .mepr-account-container input[type="submit"], span.mp-password-strength-display.mp-nopass, div#mepr-account-content input.mepr-submit, a.btn.btn-green, input#wp-submit { พื้นหลัง: #D55342 !สำคัญ; สี: #fff !สำคัญ; ฟอนต์แฟมิลี: "Merriweather Sans" !สำคัญ; ขนาดฟอนต์: 16px !สำคัญ; น้ำหนักฟอนต์: 600 !สำคัญ; ความสูงบรรทัด: 1.2em !สำคัญ; รัศมีเส้นขอบ: 10px 20px 10px 20px !สำคัญ; ระยะห่างระหว่างช่องว่าง: 16px 32px 16px 32px !สำคัญ; เคอร์เซอร์: ตัวชี้ !important; ขอบ: ไม่ได้ตั้งค่า !important; ขอบล่าง: 0px !important; ขอบบน: 0px !important; ความสูง: ไม่ได้ตั้งค่า !important; } .mpcs-lesson .btn, button#mpcs-classroom-next-lesson-link, button#mpcs-classroom-previous-lesson-link { พื้นหลัง: #cc5b37 !important; สี: #fff !important; ตระกูลฟอนต์: "Sora", Sans-serif !important; ขนาดตัวอักษร: 16px !important; น้ำหนักตัวอักษร: 600 !important; ความสูงบรรทัด: 1.2em !important; รัศมีเส้นขอบ: 6px !important; เคอร์เซอร์: ตัวชี้ !important; ขอบ: ไม่ได้ตั้งค่า !important; margin-bottom: 0px !important; margin-top: 0px !important; border: 1px solid #cc5b37 !important; letter-spacing: 2px !important; text-transform: uppercase !important; height: unset !important; padding: 12px 24px !important; border: 3px solid #cc5b37 !important; } button#mpcs-classroom-previous-lesson-link { background-color: #cc5b37 !important; border: 3px solid #cc5b37 !important; } .site-header .profile-menu__hamburger { color: #D55342 !important; } #mepr-template-login .mepro-form button.mp-hide-pw { พื้นหลัง: unset !important; padding: 0px 10px !important; } form#mepr_loginform input#wp-submit:hover, .mepr-account-container .mepr-button.btn-outline:hover, form#mepr_signup_form input.mepr-submit:hover, #mepr-template-login .mepro-form input[type="submit"]:hover, span.mp-password-strength-display.mp-nopass:hover, div#mepr-account-content input.mepr-submit:hover, a.btn.btn-green:hover, .mpcs-lesson .btn:hover, button#mpcs-classroom-next-lesson-link:hover, input#wp-submit:hover { พื้นหลัง: #254151 ! สำคัญ; สี: #fff !สำคัญ; } button#mpcs-classroom-previous-lesson-link:hover { พื้นหลัง: #fff !สำคัญ; สี: #cc5b37 !สำคัญ; ขอบ: 3px solid #fff !สำคัญ; } form#mepr_signup_form .mp-form-submit, form#mepr_signup_form .mepr-payment-methods-wrapper { ขอบด้านบน: 20px !สำคัญ; } .mepr-pro-template h1 { font-family: "Merriweather Sans" !สำคัญ; ขนาดตัวอักษร: 54px !สำคัญ; น้ำหนักตัวอักษร: 600 !สำคัญ; ความสูงบรรทัด: 1.2em !สำคัญ; สี: #254151 !สำคัญ; } .mepr-transaction-invoice-wrapper { padding-top: 0px !สำคัญ; } table.mp-table, table.mp-table th, table.mp-table td { ขอบ: 1px solid rgba(0, 0, 0, 0.1) !สำคัญ; } form#mepr_signup_form a:hover { สี: #cc5b37 !สำคัญ } form#mepr_signup_form p, form#mepr_signup_form a { สี: #7D8589 !สำคัญ; ขนาดตัวอักษร: 16px !สำคัญ; ความสูงบรรทัด: 1.6em !สำคัญ; font-family: "Merriweather" !สำคัญ; น้ำหนักตัวอักษร: 400 !สำคัญ; } .mepr-pro-template h2, .mepr-pro-template h3, .mepr-pro-template h4, .mepr-pro-template h5, .mepr-pro-template h6, .mepr-checkout-container .invoice-wrapper .invoice-amount { ตัวอักษร: "Merriweather Sans" !สำคัญ; น้ำหนักตัวอักษร: 600 !สำคัญ; สี: #254151 !สำคัญ; ความสูงบรรทัด: 1.2em !สำคัญ; ระยะขอบ: 0px !สำคัญ; } .mepr-pro-template h6, .mepr-checkout-container .invoice-wrapper .invoice-amount { สี: #254151 !สำคัญ; } .mepr-pro-template a, .mepr-account-container a, a.have-coupon-link { color: #EFC94C !important; } .mepr-pro-template a:hover, .mepr-account-container a:hover { color: #324A6D !important; } #mepr-account-nav .mepr-nav-item.--active a:hover, .mepr-pro-template .dropdown a:hover { color: #EFC94C !important; } #mepr-account-nav .mepr-nav-item.mepr-active-nav-tab a:hover, #mepr-account-nav .mepr-nav-item a:hover { color: #EFC94C !important; } .mepr-login-actions { margin-top: 10px; } span.mepr-nav-item.mepr-home.mepr-active-nav-tab a { background: unset !important; } #mepr-template-login .mepro-form label, #mepr-template-login .mepr-form label { line-height: 1.2em !important; } .mepr-checkout-container .invoice-wrapper table .bt { border-top: 1px solid #fff !important; } form#mepr_signup_form .mp-form-row.mepr_bold.mepr_price { margin-top: 10px; margin-bottom: 10px !important; } form#mepr_signup_form .form-wrapper .mp-form-row-group { gap: 20px; margin-top: 5px; } form#mepr_signup_form .mp-form-row.mp-address-group { display: flex; flex-direction: column; gap: 20px; margin-top: 20px; } .mepr-pro-template p, p.custom-login-message, .mepr-login-actions, #mepr-template-login .mepro-form label, #mepr-template-login .mepr-form label, .mepr-checkout-container .invoice-wrapper table th, .mepr-checkout-container .invoice-wrapper table td, .mp_wrapper .mp-form-row label, .mepr-pro-template .profile-menu__text, #mepr-account-nav .mepr-nav-item.--active a, .mepr-pro-template .dropdown a, #mepr-profile-details dt, #mepr-profile-details dd, .mp-wrapper.mp-no-subs, .mepr-no-active-subscriptions, .mp_price_str, form.mepr-newpassword-form.mepr-form, div#mepr-account-content .mepr-courses-wrapper .grid a, div#mpcs-main p, div#mpcs-main ul li, div#mpcs-main ol li, #mpcs-main .mpcs-bookmark-link-title, .mpcs-section-title-text, a.mpcs-lesson-row-link { color: #7D8589 !important; font-size: 16px !important; line-height: 1.6em !important; font-family: "Merriweather" !important; font-weight: 400 !important; } header#mpcs-navbar { พื้นหลัง: #000 ! สำคัญ; } .single-mpcs-course header#mpcs-navbar a:hover { สี: #cc5b37 ! สำคัญ; } .single-mpcs-lesson header#mpcs-navbar a:hover { สี: #cc5b37 ! สำคัญ; } a.mpcs-lesson-row-link:hover { สี: #cc5b37 ! สำคัญ; } div#mepr-account-content .mepr-courses-wrapper .grid a:hover { สี: #cc5b37 ! สำคัญ; } #mepr-account-nav .mepr-nav-item.mepr-active-nav-tab a, #mepr-account-nav .mepr-nav-item a { color: #254151 !important; font-size: 16px !important; line-height: 1.6em !important; font-family: "Merriweather" !important; font-weight: 400 !important; } #mepr-profile-details, .mepr-account-message { width: 100% !important; } .mepr_spacer { display: none; } .mepr-pro-template svg.mepr-profile-details__icon path { fill: #fff !important; } .mepro-boxed { พื้นหลัง: #fff !important; ขอบ: 1px solid #C8D5DC !important; } form#mepr_signup_form เลือกตัวเลือก { พื้นหลัง: โปร่งใส !important; } form#mepr_signup_form .mepr-payment-methods-radios label.checked { ขอบ: 2px solid #fff; สี: #fff !important; font-family: 'Inter', Helvetica, Arial, Lucida, sans-serif !important; font-weight: 700 !important; line-height: 1.2em !important; font-size: 16px !important; text-transform: uppercase !important; padding: 8px 12px; justify-content: center; } form#mepr_signup_form .mepr_spacer { display: none; } form#mepr_signup_form .mepr-payment-methods-radios { margin-bottom: 0px !important; } .mp-form-row.mp-password-strength-area { margin-bottom: 20px !important; } #mepr-template-login .mepro-form อินพุต, #mepr-template-login .mepro-form เลือก, #mepr-template-login .mepr-form อินพุต, #mepr-template-login .mepr-form เลือก, อินพุต form#mepr_signup_form, อินพุต form#mepr_signup_form เลือก #mepr-address-country, .mepr-account-container .mepr-form อินพุต[ชนิด="รหัสผ่าน"], อินพุต form.mepr-newpassword-form.mepr-form, อินพุต form.mepr-newpassword-form.mepr-form::placeholder { font-family: "Merriweather" !important; font-weight: 400 !important; line-height: 1.2em !important; ขนาดตัวอักษร: 16px !important; ความทึบ: 1 !important; พื้นหลัง: โปร่งใส !important; สี: #7D8589 !important; รัศมีเส้นขอบ: 0px !important; ขอบ: 1px ทึบ #C8D5DC !important; box-shadow: unset !important; } #mepr-template-login .mepro-form input::placeholder, form#mepr_signup_form input::placeholder { สี: #575757 !important; ความทึบ: 1 !important; } .mp_wrapper .mepr-form-has-errors, .mp_wrapper .cc-error, .mp_wrapper .mepr-validation-error { padding-top: 15px; padding-left: 0px; } #mepro-login-hero .mepro-login-contents { padding-left: 0px; padding-right: 0px; width: 100% !important; } .header-menu-wrap ul.wp-block-navigation__container.is-responsive.items-justified-right.wp-block-navigation { gap: 13px; } span.btn.is-outline:hover { border: 3px solid #0e0e0e !important; } form#mepr_forgot_password_form label { margin-bottom: 5px; } form#mepr_forgot_password_form input { margin-bottom: 0px !important; } .profile-menu__text span { color: #254151; } .single-memberpressproduct main#primary { padding: 70px 20px; } table.mp-table { margin-top: 0px; margin-bottom: 0px; } #mepr-account-content { padding: 70px 25px 70px 0px; } form#mepr_loginform .mepr-rl-footer-widgets { display: none; } @media(min-width:1024px){ form#mepr_signup_form .form-wrapper { border-left: 1px solid #ccc !important; } .mepr-checkout-container .form-wrapper { padding-right: 3rem; border: unset; } } @media(max-width:1440px){ .mepr-profile-wrapper__footer { ช่องว่าง: 10px; } } @media(max-width:1024px){ .header-menu-wrap ul.wp-block-navigation__container.is-responsive.items-justified-right.wp-block-navigation { ช่องว่าง: 0px; } .header-row-wrap { display: flex !important ; flex-direction: column; justify-content: center !important; } .header-menu-wrap { display: flex ; justify-content: center; } .header-menu-wrap form.wp-block-search__button-inside.wp-block-search__icon-button.wp-block-search { margin: auto; } /* หน้าเข้าสู่ระบบ */ .mepr-pro-template h1 { font-size: 42px !important; } /* หลักสูตร */ .post-type-archive-mpcs-course .entry-content { padding-top: 40px !important; } .single-mpcs-lesson h1.entry-title { font-size: 30px !important; } } @media(max-width:980px){ .mepr-pro-template #primary > * { padding-left: 20px; padding-right: 20px; } #mepr-account-content { padding: 70px 20px; } .mepr-checkout-container .form-wrapper { padding-bottom: 0rem !important; } .single-memberpressproduct p { padding: 0px !important; margin: 0px; } #mepro-login-hero .mepro-boxed { max-width: 100% !important; } .mepr-checkout-container .invoice-wrapper, .mepr-checkout-container.mp_wrapper .form-wrapper { padding-left: 0px !important; padding-right: 0px !important; } .mpcs-cards .card-title h2 a { font-size: 22px !important; } .mpcs-course-filter.columns .column.col-sm-12 { display: flex; gap: 10px; flex-direction: row; } div#mpcs-sidebar-header { display: flex; flex-direction: column; gap: 20px; } .single-mpcs-course h2, .single-mpcs-lesson h2 { font-size: 28px; } } @media(max-width:767px){ /* หน้าเข้าสู่ระบบ */ .single-mpcs-lesson h1.entry-title { font-size: 28px !important; } .mepr-pro-template h1 { font-size: 28px !important; } #mepro-login-hero .mepro-boxed { padding: 25px; } .page-id-1277 .mepro-boxed { padding-bottom: 145px !important; } .page-id-1277 p.custom-login-message { ด้านล่าง: 30px; ความกว้าง: 80%; } .page-id-1277 .mepr-login-actions { ด้านล่าง: 90px; ความกว้าง: 80%; } form#mepr_forgot_password_form { ขอบล่าง: -100px; } .mpcs-cards .card-title h2 a { ขนาดตัวอักษร: 20px ! สำคัญ; } .mpcs-course-filter.columns .column.col-sm-12 { ทิศทางยืดหยุ่น: คอลัมน์; } .single-mpcs-course h2, .single-mpcs-lesson h2 { ขนาดตัวอักษร: 24px; } .mepr-pro-template #primary > * { padding-left: 20px; padding-right: 20px; } } .woocommerce .quantity .qty { padding: 4px; width:6em; } .wf-application-form-panel-content { margin: 8px 0 8px 0; } #wf-application-form label, #wf-login-form label{ display: block; font-size: 16px; font-weight: 400; font-family: "DM Sans"; line-height: 2; } #wf-login-form label.woocommerce-form-login__rememberme{ display: contents; } #wf-application-form textarea, #wf-application-form input, #wf-login-form input{ width: 100%; font-size: 14px; สี: #838383; น้ำหนักตัวอักษร: 400; ตระกูลตัวอักษร: "DM Sans"; พื้นหลัง: #fff; ขอบ: 1px solid #000; ระยะห่างจากขอบ: 10px; รัศมีขอบ: 4px; } #wf-application-form .wf-application-form-panel-button input.button.wf-button { ความกว้าง: อัตโนมัติ; สีพื้นหลัง: #2c00d5; สี: #ffffff; น้ำหนักตัวอักษร: 500; ขอบ: 1px solid #000; รัศมีขอบ: 4px; ขนาดตัวอักษร: 16px; ระยะห่างจากขอบ: 17px 50px; ระยะขอบ: 24px 0 0 0; }