{"id":193,"date":"2025-09-18T15:09:54","date_gmt":"2025-09-18T15:09:54","guid":{"rendered":"https:\/\/www-uat.caf.co.th\/?page_id=193"},"modified":"2025-11-05T11:47:28","modified_gmt":"2025-11-05T11:47:28","slug":"seminar","status":"publish","type":"page","link":"https:\/\/www.cai.co.th\/en\/seminar","title":{"rendered":"Seminar"},"content":{"rendered":"<div id=\"tdi_1\" class=\"tdc-zone\"><div class=\"tdc_zone tdi_2  wpb_row td-pb-row\"  >\n<style scoped>\n\/* custom css - generated by TagDiv Composer *\/\n\n\/* custom css - generated by TagDiv Composer *\/\n.tdi_2{\r\n                    min-height: 0;\r\n                }\n<\/style><div id=\"tdi_3\" class=\"tdc-row stretch_row_content td-stretch-content\"><div id=\"seminar-page\" class=\"vc_row tdi_4  wpb_row td-pb-row\" >\n<style scoped>\n\/* custom css - generated by TagDiv Composer *\/\n\n\/* custom css - generated by TagDiv Composer *\/\n.tdi_4,\r\n                .tdi_4 .tdc-columns{\r\n                    min-height: 0;\r\n                }.tdi_4,\r\n\t\t\t\t.tdi_4 .tdc-columns{\r\n\t\t\t\t    display: block;\r\n\t\t\t\t}.tdi_4 .tdc-columns{\r\n\t\t\t\t    width: 100%;\r\n\t\t\t\t}.tdi_4:before,\r\n\t\t\t\t.tdi_4:after{\r\n\t\t\t\t    display: table;\r\n\t\t\t\t}\n<\/style><div class=\"vc_column tdi_6  wpb_column vc_column_container tdc-column td-pb-span12\">\n<style scoped>\n\/* custom css - generated by TagDiv Composer *\/\n\n\/* custom css - generated by TagDiv Composer *\/\n.tdi_6{\r\n                    vertical-align: baseline;\r\n                }.tdi_6 > .wpb_wrapper,\r\n\t\t\t\t.tdi_6 > .wpb_wrapper > .tdc-elements{\r\n\t\t\t\t    display: block;\r\n\t\t\t\t}.tdi_6 > .wpb_wrapper > .tdc-elements{\r\n\t\t\t\t    width: 100%;\r\n\t\t\t\t}.tdi_6 > .wpb_wrapper > .vc_row_inner{\r\n\t\t\t\t    width: auto;\r\n\t\t\t\t}.tdi_6 > .wpb_wrapper{\r\n\t\t\t\t    width: auto;\r\n\t\t\t\t    height: auto;\r\n\t\t\t\t}\n<\/style><div class=\"wpb_wrapper\" ><div class=\"wpb_wrapper wpb_text_column td_block_wrap td_block_wrap vc_column_text tdi_7  tagdiv-type td-pb-border-top td_block_template_1\"  data-td-block-uid=\"tdi_7\" >\n<style>\n\n\/* inline tdc_css att - generated by TagDiv Composer *\/\n\n.tdi_7{\nmargin-bottom:0px !important;\npadding-bottom:0px !important;\n}\n\n<\/style>\n<style>\n\/* custom css - generated by TagDiv Composer *\/\n.vc_column_text > .td-element-style{\r\n\t\t\t\t\tz-index: -1;\r\n\t\t\t\t}\n<\/style><div class=\"td-fix-index\"> \n    \n    <style> \n\t.caf-seminar-single-card {\n            max-width: 1200px;\n            margin: 40px auto;\n            padding: 0 20px;\n        }\n\n        \/* Desktop View *\/\n        .seminar-card-wrapper {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 16px;\n            background: white;\n            border-radius: 12px;\n            overflow: hidden;\n            box-shadow: 0 4px 20px rgba(0,0,0,0.08);\n\t\t\tmax-height: 315px;\n\t\t\theight: 100%;\n        }\n\n        .seminar-card-image {\n            position: relative;\n            width: 100%;\n            height: 100%;\n            max-height: 315px;\n        }\n\n        .seminar-card-image img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n\t\t\tmargin: 0 !important;\n        }\n\n        .seminar-card-content {\n            padding: 16px;\n\t\t\tpadding-left: 0;\n            display: flex;\n            flex-direction: column;\n            justify-content: space-between;\n        }\n\n        .seminar-card-title {\n            font-size: 32px;\n            font-weight: bold;\n            color: #1a1a1a;\n            margin: 0 0 20px 0;\n            line-height: 1.3;\n\t\t\tmargin-bottom: 8px;\n        }\n\n        .seminar-card-excerpt {\n            font-size: 16px;\n            color: #666;\n            line-height: 1.8;\n            margin-bottom: 8px !important;\n\t\t\theight: 56px;\n\t\t\t-webkit-line-clamp: 2;\n\t\t\ttext-overflow: ellipsis;\n\t\t\toverflow: hidden;\n\t\t\t-moz-box-orient: vertical;\n\t\t\t-webkit-box-orient: vertical;\n\t\t\tdisplay: -webkit-box;\n        }\n\n        .seminar-card-meta { \n\t\t\tmargin-bottom: 16px;\n        }\n\n        .seminar-card-meta-item {\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            margin-bottom: 8px;\n            font-size: 16px;\n            color: #333;\n        }\n\n        .seminar-card-meta-icon {\n            width: 20px;\n            height: 20px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 18px;\n        }\n\n        .seminar-card-divider {\n            border: none;\n            border-top: 1px solid #e0e0e0;\n            margin: 25px 0;\n        }\n\n        .seminar-card-footer {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n\t\t\tborder-top: 1px solid #E94033;\n\t\t\tpadding-top: 8px;\n\t\t\tmargin-top: 8px;\n\t\t\tfont-size: 12px;\n        }\n\n        .seminar-card-seats {\n            display: flex;\n            align-items: center;\n            gap: 10px;\n            font-size: 12px;\n            color: #333;\n        }\n\n        .seminar-card-seats-icon img {\n            margin: 0 !important;\n        }\n\n        .seminar-card-seats-text {\n            font-weight: 400;\n        }\n\n        .seminar-card-btn {\n            padding: 4px 8px;\n            border-radius: 25px;\n            font-size: 12px;\n            font-weight: 400;\n            text-decoration: none;\n            transition: all 0.3s ease;\n            border: none;\n            cursor: pointer;\n            display: inline-block;\n            white-space: nowrap;\n        }\n\n        .seminar-card-btn.active {\n            background: #27ae60;\n            color: white;\n        }\n\n        .seminar-card-btn.active:hover {\n            background: #229954;\n            transform: translateY(-2px);\n            box-shadow: 0 4px 12px rgba(39, 174, 96, 0.3);\n        }\n\n        .seminar-card-btn.inactive {\n            background: #95a5a6;\n            color: white; \n        }\n\n        \/* Mobile View - \u0e41\u0e19\u0e27\u0e15\u0e31\u0e49\u0e07\u0e40\u0e2b\u0e21\u0e37\u0e2d\u0e19\u0e23\u0e39\u0e1b *\/\n        @media (max-width: 968px) {\n            .caf-seminar-single-card {\n                margin: 20px auto;\n                padding: 0 15px;\n            }\n\n            .seminar-card-wrapper {\n                grid-template-columns: 1fr;\n\t\t\t\tmax-height: unset;\n                gap: 0;\n            }\n\n            .seminar-card-image {\n                max-height: 315px;\n            }\n\n            .seminar-card-content {\n                padding: 25px 20px;\n            }\n\n            .seminar-card-title {\n                font-size: 20px;\n                margin-bottom: 15px;\n            }\n\n            .seminar-card-excerpt {\n                font-size: 14px;\n                margin-bottom: 20px;\n            }\n\n            .seminar-card-meta {\n                margin-bottom: 20px;\n            }\n\n            .seminar-card-meta-item {\n                font-size: 14px;\n                margin-bottom: 10px;\n            }\n\n            .seminar-card-meta-icon {\n                font-size: 16px;\n            }\n\n            .seminar-card-divider {\n                margin: 20px 0;\n            }\n\n            .seminar-card-footer {\n                flex-direction: row;\n                justify-content: space-between;\n            }\n\n            .seminar-card-seats {\n                font-size: 14px;\n            }\n\n            .seminar-card-seats-icon {\n                font-size: 18px;\n                display: flex;\n                align-items: center;\n            }\n\n            .seminar-card-btn {\n                padding: 10px 20px;\n                font-size: 14px;\n            }\n        }\n\n        \/* Extra Small Mobile *\/\n        @media (max-width: 480px) {\n            .seminar-card-title {\n                font-size: 18px;\n            }\n\n            .seminar-card-content {\n                padding: 20px 15px;\n            }\n\n            .seminar-card-footer {\n                flex-wrap: wrap;\n                gap: 12px;\n            }\n\n            .seminar-card-btn {\n                padding: 8px 16px;\n                font-size: 13px;\n            }\n        }\n        .seminar-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(272px, 1fr));\n            gap: 16px;\n        }\n\n        .seminar-card {\n            background: white;\n            border-radius: 12px;\n            overflow: hidden;\n            box-shadow: 0 2px 10px rgba(0,0,0,0.08);\n\/\/             transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n\n        .seminar-card:hover {\n\/\/             transform: translateY(-5px);\n            box-shadow: 0 8px 20px rgba(0,0,0,0.15);\n        }\n\n        .seminar-image {\n            position: relative;\n            width: 100%;\n            overflow: hidden;\n        }\n\n        .seminar-image img {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n        }\n\n        .seminar-ribbon {\n            position: absolute;\n            top: 15px;\n            right: 15px;\n            background: #e74c3c;\n            color: white;\n            padding: 5px 15px;\n            font-size: 12px;\n            font-weight: 500;\n            border-radius: 20px;\n\t\t\tdisplay: none;\n        }\n\n        .seminar-content-card {\n            padding: 16px 8px;\n        }\n\n        .seminar-title {\n            font-size: 16px;\n            font-weight: bold;\n            color: #1D1D1D;\n            margin: 0 0 15px 0;\n            line-height: 1.4;\n            min-height: 50px;\n            display: -webkit-box;\n            -webkit-line-clamp: 2;\n            -webkit-box-orient: vertical;\n            overflow: hidden;\n        }\n\n        .seminar-meta, .seminar-meta p, .seminar-meta img {\n            margin-bottom: 0px !important;\n        }\n\n        .seminar-meta p {\n            font-size: 14px;\n            color: #6E6E6E;\n            margin: 8px 0;\n            display: flex;\n            align-items: center;\n            gap: 8px;\n        }\n\n\t\t.seminar-meta img {\n\t\t\tmargin-top: 2px;\n\t\t}\n        .seminar-divider {\n            border: none;\n            border-top: 1px solid #E94033;\n            margin: 15px 0;\n        }\n\n        .seminar-footer {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n        }\n\n        .seminar-seats {\n            display: flex;\n            align-items: center;\n            gap: 8px;\n            font-size: 12px;\n            color: #1D1D1D;\n            font-weight: 500;\n        }\n\t\t.seminar-seats img {\n\t\t\tmargin: 0 !important;\n\t\t}\n        .seminar-btn {\n            padding: 4px;\n            border-radius: 100px;\n            font-size: 12px;\n            font-weight: 500;\n            text-decoration: none;\n            transition: all 0.3s ease;\n            border: none;\n            cursor: pointer;\n        }\n\n        .seminar-btn.active {\n            background: #009F69;;\n            color: white;\n        }\n\n        .seminar-btn.active:hover {\n            background: #229954;\n        }\n\n        .seminar-btn.inactive {\n            background: #6E6E6E;\n            color: white; \n        }\n\n        \/* Responsive *\/\n        @media (max-width: 1024px) {\n            .seminar-grid {\n                grid-template-columns: repeat(2, 1fr);\n            }\n        }\n\n        @media (max-width: 768px) {\n            .seminar-header {\n                flex-direction: column;\n                align-items: flex-start;\n                gap: 16px;\n            }\n\n            .seminar-header-text h2 {\n                font-size: 28px;\n            }\n\n            .seminar-grid {\n                grid-template-columns: 1fr;\n            }\n        }\n    <\/style>\n\t\t<p>\u0e22\u0e31\u0e07\u0e44\u0e21\u0e48\u0e21\u0e35\u0e2a\u0e31\u0e21\u0e21\u0e19\u0e32<\/p>\n<\/div><\/div><\/div><\/div><\/div><\/div><\/div><\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-193","page","type-page","status-publish"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.cai.co.th\/en\/wp-json\/wp\/v2\/pages\/193","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cai.co.th\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.cai.co.th\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.cai.co.th\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cai.co.th\/en\/wp-json\/wp\/v2\/comments?post=193"}],"version-history":[{"count":4,"href":"https:\/\/www.cai.co.th\/en\/wp-json\/wp\/v2\/pages\/193\/revisions"}],"predecessor-version":[{"id":1417,"href":"https:\/\/www.cai.co.th\/en\/wp-json\/wp\/v2\/pages\/193\/revisions\/1417"}],"wp:attachment":[{"href":"https:\/\/www.cai.co.th\/en\/wp-json\/wp\/v2\/media?parent=193"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}