@charset "UTF-8";a,button{outline:0;box-shadow:none}a,h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}.no-scroll{overflow:hidden;touch-action:none;-ms-touch-action:none}.no-scroll::-webkit-scrollbar{display:none}.no-scroll{-ms-overflow-style:none;scrollbar-width:none}body{padding:0;margin:0;border:0;min-width:100%;min-height:100vh;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body .plyr__control--overlaid{background:#e80000}@media (max-width:992px){.desktopOnly{display:none}}@media (max-width:767px){.desktopTablet{display:none}}@media (max-width:992px){.desktopMobile{display:none}}@media (max-width:767px){.desktopMobile{display:block}}.tabletMobile{display:none}@media (max-width:992px){.tabletMobile{display:block}}.mobileOnly{display:none}@media (max-width:767px){.mobileOnly{display:block}}.tabletOnly{display:none}@media (max-width:992px){.tabletOnly{display:block}}@media (max-width:767px){.tabletOnly{display:none}}.wrapperPage{width:calc(100% - 120px);height:auto;margin:0 auto}@media (max-width:992px){.wrapperPage{width:calc(100% - 70px)}}@media (max-width:767px){.wrapperPage{width:calc(100% + -0px)}}.row{--bs-gutter-x:1.25rem!important}@media (max-width:767px){.row{--bs-gutter-x:1rem!important}}header .menuHeaderDesktopBar .ulMenuHeader li a,header .wrapbtnBackHome .btnBackHome{font-family:IBM Plex Sans Thai,sans-serif;color:#040404;font-size:14px;font-style:normal;font-weight:500;line-height:normal}header .wrapMenuMobile .btnMenuHamBox .menu_wrapper ul li a{font-family:IBM Plex Sans Thai,sans-serif;color:#040404;font-size:18px;font-style:normal;font-weight:500;line-height:normal}@media (max-width:767px){header .wrapMenuMobile .btnMenuHamBox .menu_wrapper ul li a{font-size:14px}}footer .wrapContentFooter .footerRight .ulFooterRight li,footer .wrapContentFooter .footerRight .ulFooterRight li a,footer .wrapContentFooter .footerRight p{font-family:IBM Plex Sans Thai,sans-serif;color:#040404;font-size:12px;font-style:normal;font-weight:500;line-height:normal}header .menuHeaderDesktopBar .ulMenuHeader .btnLogin,header .wrapMenuMobile .btnLoginMobile{background-color:#b30d14;text-align:center;padding:8.5px 14px;font-weight:700;color:#fff;font-size:14px;font-style:normal;font-weight:500;border-radius:8px;font-family:IBM Plex Sans Thai,sans-serif}.sectionBannerProfileMain .wrapTextInfoProfile .wrapListInfoProfile .btnEditProfile,.sectionInfoRegister .btnBack,.sectionListCourse .wrapTextCourseIndustry a,.sectionListCourseProfile .btnLernExpMore,.sectionPopupConfirmVerify .wrapoPopupConfirmVerify .wrapTextPopupConfirmVerifyEmail .btnConfirm,.sectionProfileExperience .btnLernExpMore{width:100%;display:block;text-decoration:none;color:#040404;text-align:center;padding:12px 0;font-size:14px;font-style:normal;font-weight:700;line-height:normal;font-family:IBM Plex Sans Thai,sans-serif;border:1px solid #040404;border-radius:8px;background-color:transparent}.sectionBannerMainCourse .wrapBannerMainCourse .articleBannerMainCourse .wrapTextBannerMainCourse .textBannerMainCourse .btnRegistCourse,.sectionBannerMainCourseInfoLimited .wrapTextBannerMainCourse .textBannerMainCourse .wrapBtnBannerMainCourse .btn,.sectionInfoRegister .btnAccept,.sectionInfoRegister .btnAcceptPolicy,.sectionInfoRegister .btnAcceptRegis3,.sectionInfoRegister .btnCheckStatus,.sectionPopupError .boxPopupError .wrapPopupError .btnSubmitPopup{width:100%;display:block;text-decoration:none;padding:12px 0;font-size:14px;font-style:normal;font-weight:700;line-height:normal;font-family:IBM Plex Sans Thai,sans-serif;color:#fff;border:none;border-radius:8px;text-align:center;background-color:#b30d14}.sectionFormLogin .wrapFormLogin .btnLoginThaiId{width:100%;padding:12px 0;display:block;text-decoration:none;text-align:center;font-size:14px;font-style:normal;font-weight:700;line-height:normal;font-family:IBM Plex Sans Thai,sans-serif;color:#fff;border:none;border-radius:8px;background-color:#030650}.sectionFormLogin .wrapFormLogin .btnLoginThaiId img{max-width:43px;margin-right:8px}.sectionFormLogin .wrapFormLogin .btnLogin{width:100%;padding:12px 0;font-size:14px;font-style:normal;font-weight:700;line-height:normal;font-family:IBM Plex Sans Thai,sans-serif;color:#040404;border:none;border-radius:8px;background-color:transparent;border:1px solid #040404;display:block;text-decoration:none;text-align:center}.sectionBannerArticle .wrapTextTitleBannerArticle .wrapTextBannerArticle a,.sectionInfoRegister .wrapTimeCoutdown .btnOtpRepeat,.sectionListArticle .wrapCardArticle a,.sectionListCourseMain .wrapSelectListCourseTablet .btn p,.sectionListCourseMain .wrapSelectListCourseTablet .dropdown-menu p{font-size:14px;font-style:normal;font-weight:700;line-height:normal;text-decoration-line:underline;font-family:IBM Plex Sans Thai,sans-serif}.sectionInfoArticleInfo .wrapBtnBack{display:flex;align-items:center;gap:4px;color:#050505}.sectionInfoArticleInfo .wrapBtnBack h4{font-size:14px;font-style:normal;font-weight:700;line-height:normal;font-family:IBM Plex Sans Thai,sans-serif;text-decoration-line:underline;color:#050505}.sectionInfoArticleInfo .wrapBtnBack:hover{color:#b30d14}.sectionBannerArticle .wrapTextTitleBannerArticle .wrapTextBannerArticle h1,.sectionBannerMainCourse .wrapBannerMainCourse .articleBannerMainCourse .wrapTextBannerMainCourse .textBannerMainCourse h1,.sectionBannerMainCourseInfoLimited .wrapTextBannerMainCourse .textBannerMainCourse h1,.sectionBannerProfileCourse h1,.sectionBannerProfileMain .wrapBannerBgProfile .bgBannerProfileMain h1,.sectionFormLogin h1,.sectionInfoAbout h1,.sectionInfoArticleInfo .wrapTitleInfoArticleInfo h1,.sectionInfoIndustry .wrapTitleInfoIndustry h1,.sectionInfoRegister h1,.sectionListCourse .wrapTextCourseIndustry h1,.sectionListCourseMain .wrapListCourseMain .wrapMenuListCourseMain h1{font-size:44px;font-style:normal;font-weight:600;line-height:56px;font-family:IBM Plex Sans Thai,sans-serif}.sectionInfoIndustry .wrapTextInfoIndustry h2{font-size:42px;font-style:normal;font-weight:600;line-height:54px;letter-spacing:.2px;font-family:IBM Plex Sans Thai,sans-serif}.sectioInfoPolicy h1,.sectionBannerProfileMain .wrapTextInfoProfile h2,.sectionInfoIndustry .wrapTextInfoIndustry .wrapListInfoIndustry .wrapListTextInfoIndustry .articleListTextInfoIndustry h2,.sectionInfoRegister .form-card .wrapInputForm .wrapTitleSelectCareer h2,.sectionInfoRegister h2,.sectionListCourseMain .wrapListCourseMain .wrapContentCourse .wrapTitleContentCourse h3,.sectionListCourseProfile h2,.sectionPopupError .boxPopupError .wrapPopupError h3,.sectionProfileExperience h2{font-size:24px;font-style:normal;font-weight:700;line-height:26px;font-family:IBM Plex Sans Thai,sans-serif}.sectionFormLogin .wrapFormLogin .wrapLineFormLogin h3,.sectionListCourse .wrapCardCourse h2,.sectionListCourseMain .wrapListCourseMain .wrapContentCourse .wrapCardListCourseMain a .card .card-body .card-title,.sectionListCourseProfile .wrapCardListCourseProfile a .card .card-body .card-title,.sectionProfileExperience .wrapCardListExperience .card .card-body .card-title{font-size:18px;font-style:normal;font-weight:700;line-height:24px;font-family:IBM Plex Sans Thai,sans-serif}.sectioInfoPolicy p,.sectioInfoPolicy ul li,.sectionBannerProfileMain .wrapTextInfoProfile .wrapListInfoProfile .wrapInfoProfileContact .articleInfoProfileContact a,.sectionBannerProfileMain .wrapTextInfoProfile .wrapListInfoProfile .wrapInfoProfileContact .articleInfoProfileContact h3,.sectionInfoAbout .wrapListAbout .articleListAbout p,.sectionInfoAbout p,.sectionInfoArticleInfo .wrapTextInfoArticleInfo p,.sectionInfoArticleInfo .wrapTitleInfoArticleInfo p,.sectionInfoIndustry .wrapTextInfoIndustry .wrapListInfoIndustry .wrapListTextInfoIndustry .articleListTextInfoIndustry p,.sectionInfoRegister .boxCheckBox .wrapCheckBox .wrap_checkbox_section p,.sectionInfoRegister .wrapTimeCoutdown p,.sectionInfoRegister h4,.sectionInfoRegister p,.sectionListCourse .wrapTextCourseIndustry p,.sectionListCourseMain .wrapListCourseMain .wrapContentCourse .wrapTitleContentCourse p,.sectionPopupError .boxPopupError .wrapPopupError p{font-size:18px;font-style:normal;font-weight:400;line-height:24px;font-family:Bai Jamjuree,sans-serif}.sectionBannerMainCourse .wrapBannerMainCourse .articleBannerMainCourse .wrapTextBannerMainCourse .textBannerMainCourse h3,.sectionInfoRegister .form-card .wrapInputForm .articleInputForm .errorInputForm,.sectionInfoRegister .form-card .wrapInputForm .articleInputForm .wrapErrorInputForm h3,.sectionInfoRegister .progressbar li h4,.sectionInfoRegister h6,.sectionListCourseMain .wrapListCourseMain .wrapContentCourse .wrapCardListCourseMain a .card .card-body .card-text,.sectionListCourseProfile .wrapCardListCourseProfile a .card .card-body .card-text,header .btnMenuProfile .wrapMenuProfile ul li a{font-size:14px;font-style:normal;font-weight:400;line-height:18px;font-family:IBM Plex Sans Thai,sans-serif}.sectionInfoRegister .progressbar li h3{font-size:12px;font-style:normal;font-weight:500;line-height:18px;font-family:IBM Plex Sans Thai,sans-serif}.sectionBannerMainCourse .wrapBannerMainCourse .articleBannerMainCourse .wrapTextBannerMainCourse .textBannerMainCourse p,.sectionBannerMainCourseInfoLimited .wrapTextBannerMainCourse .textBannerMainCourse p,.sectionBannerProfileMain .wrapTextInfoProfile .wrapListInfoProfile .wrapListInterestProfile .articleListInterestProfile h3{font-size:16px;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.3px;font-family:IBM Plex Sans Thai,sans-serif}.sectionPopupConfirmVerify .wrapoPopupConfirmVerify .wrapTextPopupConfirmVerifyEmail h3{font-size:16px;font-style:normal;font-weight:500;line-height:24px;font-family:IBM Plex Sans Thai,sans-serif}.sectionInfoIndustry .wrapTextInfoIndustry .tagTextInfoIndustry{background-color:#0053a1;width:fit-content;padding:4px 12px;border-radius:2px}.sectionInfoIndustry .wrapTextInfoIndustry .tagTextInfoIndustry h3{font-size:12px;font-style:normal;font-weight:400;line-height:12px;text-align:center;font-family:Bai Jamjuree,sans-serif;color:#fff}.sectionProfileExperience .wrapCardListExperience .card .card-body .tagLabel{background-color:#0053a1;width:fit-content;padding:4px 12px;border-radius:2px}.sectionProfileExperience .wrapCardListExperience .card .card-body .tagLabel h4{font-size:12px;font-style:normal;font-weight:400;line-height:12px;text-align:center;font-family:Bai Jamjuree,sans-serif;color:#fff}.sectionProfileExperience .wrapCardListExperience .card .card-body .tagLabelFevtival{background-color:#641e7c}.sectionProfileExperience .wrapCardListExperience .card .card-body .tagLabelMusic{background-color:#0053a1}.sectionProfileExperience .wrapCardListExperience .card .card-body .tagLabelGame{background-color:#cc2600}.sectionProfileExperience .wrapCardListExperience .card .card-body .tagLabelFasion{background-color:#ac0039}.sectionProfileExperience .wrapCardListExperience .card .card-body .tagLabelDesign{background-color:#344b5f}.sectionProfileExperience .wrapCardListExperience .card .card-body .tagLabelFood{background-color:#258200}.sectionProfileExperience .wrapCardListExperience .card .card-body .tagLabelArt{background-color:#7b4c00}.sectionProfileExperience .wrapCardListExperience .card .card-body .tagLabelSport{background-color:#041d44}.sectionProfileExperience .wrapCardListExperience .card .card-body .tagLabelTravel{background-color:#005959}.sectionProfileExperience .wrapCardListExperience .card .card-body .tagLabelMovie{background-color:#250035}.sectionProfileExperience .wrapCardListExperience .card .card-body .tagLabelBook{background-color:#644f38}.select2-container--default .select2-selection--single .select2-selection__rendered,.select2-results__option{font-size:16px;font-style:normal;line-height:22px;font-family:Bai Jamjuree,sans-serif}.sectionBannerProfileMain .wrapTextInfoProfile .wrapListInfoProfile .wrapListCareerProfile .articleListCareerProfile h3,.sectionBannerProfileMain .wrapTextInfoProfile .wrapListInfoProfile .wrapListCareerProfile .articleListCareerProfileArt h3,.sectionBannerProfileMain .wrapTextInfoProfile .wrapListInfoProfile .wrapListCareerProfile .articleListCareerProfileBook h3,.sectionBannerProfileMain .wrapTextInfoProfile .wrapListInfoProfile .wrapListCareerProfile .articleListCareerProfileDesign h3,.sectionBannerProfileMain .wrapTextInfoProfile .wrapListInfoProfile .wrapListCareerProfile .articleListCareerProfileFashion h3,.sectionBannerProfileMain .wrapTextInfoProfile .wrapListInfoProfile .wrapListCareerProfile .articleListCareerProfileFestival h3,.sectionBannerProfileMain .wrapTextInfoProfile .wrapListInfoProfile .wrapListCareerProfile .articleListCareerProfileFood h3,.sectionBannerProfileMain .wrapTextInfoProfile .wrapListInfoProfile .wrapListCareerProfile .articleListCareerProfileGame h3,.sectionBannerProfileMain .wrapTextInfoProfile .wrapListInfoProfile .wrapListCareerProfile .articleListCareerProfileMovie h3,.sectionBannerProfileMain .wrapTextInfoProfile .wrapListInfoProfile .wrapListCareerProfile .articleListCareerProfileMusic h3,.sectionBannerProfileMain .wrapTextInfoProfile .wrapListInfoProfile .wrapListCareerProfile .articleListCareerProfileSport h3,.sectionBannerProfileMain .wrapTextInfoProfile .wrapListInfoProfile .wrapListCareerProfile .articleListCareerProfileTravel h3,.sectionInfoRegister .boxCheckBox .wrapErrorCheckPolicy p,.sectionInfoRegister .form-card .wrapInputForm .articleInputForm .wraplistCareerCheckItem .articleListCareerCheckItem .listCareerCheckItem .listCareerCheck h3,.sectionProfileExperience .wrapCardListExperience .card .card-body .card-text,.sectionProfileExperience .wrapCardListExperience .card .card-body ul li{font-size:14px;font-style:normal;font-weight:400;line-height:20px;font-family:Bai Jamjuree,sans-serif}.sectionBannerArticle .wrapTextTitleBannerArticle .wrapTextBannerArticle h4{font-size:16px;font-style:normal;font-weight:500;line-height:24px;font-family:IBM Plex Sans Thai,sans-serif}.sectionListArticle .wrapCardArticle h2{font-size:18px;font-style:normal;font-weight:700;line-height:24px;letter-spacing:.1px;font-family:IBM Plex Sans Thai,sans-serif;color:#373f41;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.sectionListArticle .wrapCardArticle .wrapProfileCardArticle .wrapTextProfileCardArticle h4{font-size:14px;font-style:normal;font-weight:600;line-height:20px;color:#7b7b7b;font-family:Bai Jamjuree,sans-serif}.sectionListArticle .wrapCardArticle .wrapProfileCardArticle .wrapTextProfileCardArticle h5{font-size:14px;font-style:normal;font-weight:400;line-height:20px;color:#040404;font-family:Bai Jamjuree,sans-serif}.sectionListCourse .wrapCardCourse{width:100%;background-color:#fff;padding:12px;border-radius:8px;box-shadow:0 0 10px #0000001a;margin-bottom:40px}@media (max-width:992px){.sectionListCourse .wrapCardCourse{margin-bottom:20px}}@media (max-width:767px){.sectionListCourse .wrapCardCourse{margin-bottom:32px}}.sectionListCourse .wrapCardCourse h2{min-height:48px;margin:16px 0 8px}@media (max-width:992px){.sectionListCourse .wrapCardCourse h2{font-size:16px;font-style:normal;font-weight:700;line-height:24px;letter-spacing:.1px;font-family:IBM Plex Sans Thai,sans-serif}}@media (max-width:767px){.sectionListCourse .wrapCardCourse h2{font-size:16px;font-style:normal;font-weight:700;line-height:24px;letter-spacing:.1px;font-family:IBM Plex Sans Thai,sans-serif;min-height:auto}}.sectionListCourse .wrapCardCourse a{text-decoration:underline;font-size:14px;font-style:normal;font-weight:500;line-height:24px;font-family:IBM Plex Sans Thai,sans-serif;color:#040404}.sectionListCourse .wrapCardCourse a:hover{color:#b30d14}.sectionListCourse .wrapCardCourse .wrapImageCardCourse{position:relative}.sectionListCourse .wrapCardCourse .wrapImageCardCourse .wrapTagImageCardCourse{position:absolute;top:0;width:fit-content;padding:4px 10px;display:flex;align-items:center;border-radius:4px 0;justify-content:center;background:var(--DG0,linear-gradient(94deg,#b30d14 2.98%,#641e7c 97.02%))}.sectionListCourse .wrapCardCourse .wrapImageCardCourse .wrapTagImageCardCourse h4{font-size:12px;font-style:normal;font-weight:600;line-height:12px;font-family:Bai Jamjuree,sans-serif;color:#fff}.sectionListCourse .wrapCardCourse .wrapImageCardCourse .imageCardCourse{width:100%;height:240px;background-position:center;background-repeat:no-repeat;background-size:cover;border-radius:4px}.sectionListCourse .wrapCardCourse .wrapTagCardCourse{display:flex;margin:16px 0;gap:8px}.sectionListCourse .wrapCardCourse .wrapTagCardCourse .articleTagCardCourse{width:fit-content;padding:4px 12px;background-color:#0053a1;border-radius:2px}.sectionListCourse .wrapCardCourse .wrapTagCardCourse .articleTagCardCourse h3{font-size:12px;font-style:normal;font-weight:400;line-height:12px;color:#fff;font-family:Bai Jamjuree,sans-serif}.sectionListCourse .wrapCardCourse .wrapTagCardCourse .articleTagCardCoursReccom{background-color:#ffad08}.sectionListCourse .wrapCardCourse .wrapTagCardCourse .articleTagCardCoursReccom h3{color:#040404}.sectionListCourseMain .wrapListCourseMain .wrapContentCourse .wrapCardListCourseMain a,.sectionListCourseProfile .wrapCardListCourseProfile a{text-decoration:none;display:block}.sectionListCourseMain .wrapListCourseMain .wrapContentCourse .wrapCardListCourseMain a .card,.sectionListCourseProfile .wrapCardListCourseProfile a .card{box-shadow:0 0 10px #0000001a;border-radius:8px;padding:12px 12px 24px;height:100%}.sectionListCourseMain .wrapListCourseMain .wrapContentCourse .wrapCardListCourseMain a .card .wrapImageCardCourse,.sectionListCourseProfile .wrapCardListCourseProfile a .card .wrapImageCardCourse{position:relative;overflow:hidden;border-radius:4px}.sectionListCourseMain .wrapListCourseMain .wrapContentCourse .wrapCardListCourseMain a .card .wrapImageCardCourse .wrapTagImageCardCourse,.sectionListCourseProfile .wrapCardListCourseProfile a .card .wrapImageCardCourse .wrapTagImageCardCourse{position:absolute;z-index:2;top:0;width:fit-content;padding:4px 10px;display:flex;align-items:center;gap:2px;border-radius:4px 0;justify-content:center;background:var(--DG0,linear-gradient(94deg,#b30d14 2.98%,#641e7c 97.02%))}.sectionListCourseMain .wrapListCourseMain .wrapContentCourse .wrapCardListCourseMain a .card .wrapImageCardCourse .wrapTagImageCardCourse h4,.sectionListCourseProfile .wrapCardListCourseProfile a .card .wrapImageCardCourse .wrapTagImageCardCourse h4{font-size:12px;font-style:normal;font-weight:600;line-height:12px;font-family:Bai Jamjuree,sans-serif;color:#fff}.sectionListCourseMain .wrapListCourseMain .wrapContentCourse .wrapCardListCourseMain a .card .wrapImageCardCourse .wrapTagImageCardCourseFavorite,.sectionListCourseProfile .wrapCardListCourseProfile a .card .wrapImageCardCourse .wrapTagImageCardCourseFavorite{background:#1a272e}.sectionListCourseMain .wrapListCourseMain .wrapContentCourse .wrapCardListCourseMain a .card .wrapImageCardCourse .imageCardCourse,.sectionListCourseProfile .wrapCardListCourseProfile a .card .wrapImageCardCourse .imageCardCourse{width:100%;height:16.4vw;background-position:center;background-repeat:no-repeat;background-size:cover;border-radius:4px;transition:transform .2s}@media (max-width:992px){.sectionListCourseMain .wrapListCourseMain .wrapContentCourse .wrapCardListCourseMain a .card .wrapImageCardCourse .imageCardCourse,.sectionListCourseProfile .wrapCardListCourseProfile a .card .wrapImageCardCourse .imageCardCourse{height:30.8vw}}@media (max-width:767px){.sectionListCourseMain .wrapListCourseMain .wrapContentCourse .wrapCardListCourseMain a .card .wrapImageCardCourse .imageCardCourse,.sectionListCourseProfile .wrapCardListCourseProfile a .card .wrapImageCardCourse .imageCardCourse{height:62.8vw}}.sectionListCourseMain .wrapListCourseMain .wrapContentCourse .wrapCardListCourseMain a .card .wrapTagCardCourse,.sectionListCourseProfile .wrapCardListCourseProfile a .card .wrapTagCardCourse{display:flex;margin:16px 0;gap:8px}.sectionListCourseMain .wrapListCourseMain .wrapContentCourse .wrapCardListCourseMain a .card .wrapTagCardCourse .articleTagCardCourse,.sectionListCourseProfile .wrapCardListCourseProfile a .card .wrapTagCardCourse .articleTagCardCourse{width:fit-content;padding:4px 12px;background-color:#0053a1;border-radius:2px}.sectionListCourseMain .wrapListCourseMain .wrapContentCourse .wrapCardListCourseMain a .card .wrapTagCardCourse .articleTagCardCourse h3,.sectionListCourseProfile .wrapCardListCourseProfile a .card .wrapTagCardCourse .articleTagCardCourse h3{font-size:12px;font-style:normal;font-weight:400;line-height:12px;color:#fff;font-family:Bai Jamjuree,sans-serif}.sectionListCourseMain .wrapListCourseMain .wrapContentCourse .wrapCardListCourseMain a .card .wrapTagCardCourse .articleTagCardCourseMusic,.sectionListCourseProfile .wrapCardListCourseProfile a .card .wrapTagCardCourse .articleTagCardCourseMusic{background-color:#0053a1}.sectionListCourseMain .wrapListCourseMain .wrapContentCourse .wrapCardListCourseMain a .card .wrapTagCardCourse .articleTagCardCourseFood,.sectionListCourseProfile .wrapCardListCourseProfile a .card .wrapTagCardCourse .articleTagCardCourseFood{background-color:#258200}.sectionListCourseMain .wrapListCourseMain .wrapContentCourse .wrapCardListCourseMain a .card .wrapTagCardCourse .articleTagCardCourseMovie,.sectionListCourseProfile .wrapCardListCourseProfile a .card .wrapTagCardCourse .articleTagCardCourseMovie{background-color:#250035}.sectionListCourseMain .wrapListCourseMain .wrapContentCourse .wrapCardListCourseMain a .card .wrapTagCardCourse .articleTagCardCourseDesign,.sectionListCourseProfile .wrapCardListCourseProfile a .card .wrapTagCardCourse .articleTagCardCourseDesign{background-color:#344b5f}.sectionListCourseMain .wrapListCourseMain .wrapContentCourse .wrapCardListCourseMain a .card .wrapTagCardCourse .articleTagCardCourseSport,.sectionListCourseProfile .wrapCardListCourseProfile a .card .wrapTagCardCourse .articleTagCardCourseSport{background-color:#041d44}.sectionListCourseMain .wrapListCourseMain .wrapContentCourse .wrapCardListCourseMain a .card .wrapTagCardCourse .articleTagCardCourseTravel,.sectionListCourseProfile .wrapCardListCourseProfile a .card .wrapTagCardCourse .articleTagCardCourseTravel{background-color:#005959}.sectionListCourseMain .wrapListCourseMain .wrapContentCourse .wrapCardListCourseMain a .card .wrapTagCardCourse .articleTagCardCourseFasion,.sectionListCourseProfile .wrapCardListCourseProfile a .card .wrapTagCardCourse .articleTagCardCourseFasion{background-color:#ac0039}.sectionListCourseMain .wrapListCourseMain .wrapContentCourse .wrapCardListCourseMain a .card .wrapTagCardCourse .articleTagCardCourseBook,.sectionListCourseProfile .wrapCardListCourseProfile a .card .wrapTagCardCourse .articleTagCardCourseBook{background-color:#644f38}.sectionListCourseMain .wrapListCourseMain .wrapContentCourse .wrapCardListCourseMain a .card .wrapTagCardCourse .articleTagCardCourseArt,.sectionListCourseProfile .wrapCardListCourseProfile a .card .wrapTagCardCourse .articleTagCardCourseArt{background-color:#7b4c00}.sectionListCourseMain .wrapListCourseMain .wrapContentCourse .wrapCardListCourseMain a .card .wrapTagCardCourse .articleTagCardCourseGame,.sectionListCourseProfile .wrapCardListCourseProfile a .card .wrapTagCardCourse .articleTagCardCourseGame{background-color:#cc2600}.sectionListCourseMain .wrapListCourseMain .wrapContentCourse .wrapCardListCourseMain a .card .wrapTagCardCourse .articleTagCardCourseFestival,.sectionListCourseProfile .wrapCardListCourseProfile a .card .wrapTagCardCourse .articleTagCardCourseFestival{background-color:#641e7c}.sectionListCourseMain .wrapListCourseMain .wrapContentCourse .wrapCardListCourseMain a .card .wrapTagCardCourse .articleTagCardCoursReccom,.sectionListCourseProfile .wrapCardListCourseProfile a .card .wrapTagCardCourse .articleTagCardCoursReccom{background-color:#ffad08}.sectionListCourseMain .wrapListCourseMain .wrapContentCourse .wrapCardListCourseMain a .card .wrapTagCardCourse .articleTagCardCoursReccom h3,.sectionListCourseProfile .wrapCardListCourseProfile a .card .wrapTagCardCourse .articleTagCardCoursReccom h3{color:#040404}.sectionListCourseMain .wrapListCourseMain .wrapContentCourse .wrapCardListCourseMain a .card .card-body,.sectionListCourseProfile .wrapCardListCourseProfile a .card .card-body{padding:0}.sectionListCourseMain .wrapListCourseMain .wrapContentCourse .wrapCardListCourseMain a .card .card-body .card-title,.sectionListCourseProfile .wrapCardListCourseProfile a .card .card-body .card-title{margin:16px 0 8px;color:#040404;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}@media (max-width:992px){.sectionListCourseMain .wrapListCourseMain .wrapContentCourse .wrapCardListCourseMain a .card .card-body .card-title,.sectionListCourseProfile .wrapCardListCourseProfile a .card .card-body .card-title{font-size:16px;font-style:normal;font-weight:700;line-height:24px;letter-spacing:.1px;font-family:IBM Plex Sans Thai,sans-serif}}@media (max-width:767px){.sectionListCourseMain .wrapListCourseMain .wrapContentCourse .wrapCardListCourseMain a .card .card-body .card-title,.sectionListCourseProfile .wrapCardListCourseProfile a .card .card-body .card-title{font-size:16px;font-style:normal;font-weight:700;line-height:24px;letter-spacing:.1px;font-family:IBM Plex Sans Thai,sans-serif;min-height:auto}}.sectionListCourseMain .wrapListCourseMain .wrapContentCourse .wrapCardListCourseMain a .card .card-body .card-text,.sectionListCourseProfile .wrapCardListCourseProfile a .card .card-body .card-text{text-decoration:underline;color:#040404}.sectionListCourseMain .wrapListCourseMain .wrapContentCourse .wrapCardListCourseMain a:hover .card,.sectionListCourseProfile .wrapCardListCourseProfile a:hover .card{border:1px solid #d2d2d2;box-shadow:0 0 10px #0000001a}.sectionListCourseMain .wrapListCourseMain .wrapContentCourse .wrapCardListCourseMain a:hover .card .wrapImageCardCourse .imageCardCourse,.sectionListCourseProfile .wrapCardListCourseProfile a:hover .card .wrapImageCardCourse .imageCardCourse{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.sectionListCourseMain .wrapListCourseMain .wrapContentCourse .wrapCardListCourseMain a:hover .card .card-body .card-text,.sectionListCourseProfile .wrapCardListCourseProfile a:hover .card .card-body .card-text{color:#b30d14}.sectionListArticle .wrapPagination{margin-top:16px}.sectionListArticle .wrapPagination ul{display:flex;align-items:center;justify-content:center;gap:8px;margin:0;padding:0}.sectionListArticle .wrapPagination ul li{list-style:none;padding:5px 10px}.sectionListArticle .wrapPagination ul li a{color:#4d4c4c;text-decoration:none;font-family:Inter,sans-serif;font-size:14px;font-style:normal;font-weight:700;line-height:20px}.select2-search--dropdown{display:none}.select2-container--default .select2-selection--single .select2-selection__rendered{padding-top:11px!important;color:#040404}header{padding:12px 0 0;position:fixed;width:100%;top:0;background-color:#fff;z-index:99}header .logoImg{padding-bottom:12px}header .btnMenuProfile{position:relative;padding:0!important;margin-left:53px}header .btnMenuProfile .wrapImageMenuProfile{cursor:pointer;border-radius:50%;overflow:hidden}header .btnMenuProfile .wrapImageMenuProfile .imageMenuProfile{width:46px;height:46px;background-position:center;background-repeat:no-repeat;background-size:cover}header .btnMenuProfile .wrapImageMenuProfile:hover{outline:1px solid #e80000}header .btnMenuProfile .wrapImageMenuProfileActive{outline:1px solid #e80000}header .btnMenuProfile .wrapMenuProfile{display:none;background-color:#f2f1ed;position:fixed;top:68px;right:70px}@media (max-width:992px){header .btnMenuProfile .wrapMenuProfile{right:60px}}@media (max-width:767px){header .btnMenuProfile .wrapMenuProfile{width:100%;left:0;right:0;min-height:399px;text-align:center}}header .btnMenuProfile .wrapMenuProfile ul{position:relative;padding:0}@media (max-width:767px){header .btnMenuProfile .wrapMenuProfile ul{padding:24px}}header .btnMenuProfile .wrapMenuProfile ul li{padding:9px 16px;list-style:none;position:relative}@media (max-width:767px){header .btnMenuProfile .wrapMenuProfile ul li{border-bottom:1px solid #d2d2d2;padding:12px 16px}}header .btnMenuProfile .wrapMenuProfile ul li a{color:#4d4c4c;font-weight:500;text-decoration:none}header .btnMenuProfile .wrapMenuProfile ul li:hover{background-color:#dbdad5}@media (max-width:992px){header .btnMenuProfile .wrapMenuProfile ul li:hover{background-color:transparent}}header .btnMenuProfile .wrapMenuProfile ul li:hover a{color:#4d4c4c}@media (max-width:992px){header .btnMenuProfile .wrapMenuProfile ul li:hover a{color:#b30d14}}header .btnMenuProfile .wrapMenuProfile ul .btnLogout{padding-top:0}@media (max-width:767px){header .btnMenuProfile .wrapMenuProfile ul .btnLogout{padding-top:40px;border-bottom:0}}header .btnMenuProfile .wrapMenuProfile ul .btnLogout hr{background-color:#dbdad5;margin:0 0 9px;opacity:1}@media (max-width:767px){header .btnMenuProfile .wrapMenuProfile ul .btnLogout hr{display:none}}header .btnMenuProfile .wrapMenuProfile ul:before{content:"\a";border-style:solid;border-width:10px 10px 10px 0;border-color:transparent #f2f1ed transparent transparent;position:absolute;top:-11px;transform:rotate(90deg);margin-left:auto;margin-right:auto;text-align:center;width:10px;right:20px}@media (max-width:992px){header .btnMenuProfile .wrapMenuProfile ul:before{left:0;right:3px}}@media (max-width:767px){header .btnMenuProfile .wrapMenuProfile ul:before{display:none}}header .btnMenuProfile .wrapMenuProfile .triangleUp{position:fixed;top:61px;right:100px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:5px solid #f2f1ed}header .btnMenuProfile .wrapMenuProfileActive{display:block}header .menuHeaderDesktopBar{height:100%}@media (max-width:992px){header .menuHeaderDesktopBar{display:none}}header .menuHeaderDesktopBar .ulMenuHeader{padding:0;margin:0;display:flex;gap:20px;justify-content:flex-end;align-items:center;height:100%}header .menuHeaderDesktopBar .ulMenuHeader li{list-style:none;height:100%;padding-top:8px;padding-left:12px;padding-right:12px}header .menuHeaderDesktopBar .ulMenuHeader li a{text-decoration:none}header .menuHeaderDesktopBar .ulMenuHeader li a:hover{color:#d2d2d2}header .menuHeaderDesktopBar .ulMenuHeader .menuActive{border-bottom:6px solid #e80000}header .menuHeaderDesktopBar .ulMenuHeader .btnLogin{border-radius:4px;margin-bottom:12px;height:auto}header .menuHeaderDesktopBar .ulMenuHeader .btnLogin a{font-weight:700;color:#fff}header .menuHeaderDesktopBar .ulMenuHeader .btnLogin:hover{background-color:#e80000}header .wrapMenuMobile{opacity:0;display:none}@media (max-width:992px){header .wrapMenuMobile{display:flex;justify-content:flex-end;gap:24px;opacity:1}}header .wrapMenuMobile .btnLoginMobile{border-radius:4px;font-weight:700;color:#fff;text-decoration:none}header .wrapMenuMobile .btnMenuHamBox .btnMenuHam{position:relative;width:40px;height:40px;cursor:pointer}header .wrapMenuMobile .btnMenuHamBox .btnMenuHam .ham_line{position:absolute;left:9px;width:27px;height:2px;background-color:#050505}header .wrapMenuMobile .btnMenuHamBox .btnMenuHam .ham_line1{top:14px;transition:all .3s}header .wrapMenuMobile .btnMenuHamBox .btnMenuHam .ham_line2{top:18px}header .wrapMenuMobile .btnMenuHamBox .btnMenuHam .ham_line3{top:25px;transition:all .3s}header .wrapMenuMobile .btnMenuHamBox .menu_wrapper{opacity:0;display:none;position:fixed;width:100%;top:80px;height:100%;left:0;z-index:9;padding:32px 0 56px;background-color:#f2f1ed}@media (max-width:992px){header .wrapMenuMobile .btnMenuHamBox .menu_wrapper{top:66px}}header .wrapMenuMobile .btnMenuHamBox .menu_wrapper .menu{width:100%;height:0;opacity:0;transition:all .3s}header .wrapMenuMobile .btnMenuHamBox .menu_wrapper ul{list-style-type:none;padding:0;margin:0}header .wrapMenuMobile .btnMenuHamBox .menu_wrapper ul li{text-align:center;border-bottom:1px solid #d2d2d2;padding:13px 0}header .wrapMenuMobile .btnMenuHamBox .menu_wrapper ul li a{text-decoration:none;pointer-events:none}header .wrapMenuMobile .btnMenuHamBox .menu_wrapper ul li a:hover{color:#b30d14}header .wrapMenuMobile .btnMenuHamBox .clicked{opacity:1;display:block}header .wrapMenuMobile .btnMenuHamBox .clicked .ham_line1{transform:rotate(45deg);top:20px}header .wrapMenuMobile .btnMenuHamBox .clicked .ham_line2{width:0}header .wrapMenuMobile .btnMenuHamBox .clicked .ham_line3{transform:rotate(-45deg);top:20px}header .wrapMenuMobile .btnMenuHamBox .clicked .menu{opacity:1}header .wrapMenuMobile .btnMenuHamBox .clicked a{pointer-events:auto}header .wrapbtnBackHome{display:flex;align-items:center;justify-content:flex-end;padding-bottom:12px}.opacityMenuTablet{background-color:#040404;opacity:.6;width:100%;position:fixed;height:100vh;z-index:3;display:none}.opacityMenuTabletActive{display:block}.sectionSpaceMenu{height:66px;width:100%}footer{padding:34px 0;border-top:1px solid #f2f1ed}@media (max-width:767px){footer{padding:32px 0 24px}}footer .wrapContentFooter{display:flex;justify-content:space-between;align-items:center}@media (max-width:992px){footer .wrapContentFooter{display:grid;grid-template-columns:1fr;grid-gap:24px}}footer .wrapContentFooter .footerLeft .ulFooterLeft{display:flex;align-items:center;gap:16px;padding:0;margin:0}@media (max-width:992px){footer .wrapContentFooter .footerLeft .ulFooterLeft{justify-content:center}}footer .wrapContentFooter .footerLeft .ulFooterLeft li{list-style:none}footer .wrapContentFooter .footerRight .ulFooterRight{display:flex;align-items:center;gap:56px;padding:0;margin:0}@media (max-width:992px){footer .wrapContentFooter .footerRight .ulFooterRight{justify-content:space-between;gap:inherit}}@media (max-width:767px){footer .wrapContentFooter .footerRight .ulFooterRight{display:grid;grid-template-columns:1fr 1fr}}footer .wrapContentFooter .footerRight .ulFooterRight li{list-style:none}@media (max-width:767px){footer .wrapContentFooter .footerRight .ulFooterRight li{text-align:center}}footer .wrapContentFooter .footerRight .ulFooterRight li a{text-decoration:none}@media (max-width:767px){footer .wrapContentFooter .footerRight .ulFooterRight .coppyRight{display:none}}footer .wrapContentFooter .footerRight p{display:none}@media (max-width:767px){footer .wrapContentFooter .footerRight p{display:block;margin-top:16px;text-align:center}}.sectioInfoPolicy{padding:64px 0 80px;background-color:#f2f1ed}@media (max-width:992px){.sectioInfoPolicy{padding:56px 0 64px}}@media (max-width:767px){.sectioInfoPolicy{padding:40px 0 48px}}.sectioInfoPolicy h1{text-align:center;margin-bottom:48px}@media (max-width:992px){.sectioInfoPolicy h1{margin-bottom:40px;font-size:22px;font-style:normal;font-weight:700;line-height:22px;font-family:IBM Plex Sans Thai,sans-serif}}@media (max-width:767px){.sectioInfoPolicy h1{font-size:20px;font-style:normal;font-weight:700;line-height:22px;font-family:IBM Plex Sans Thai,sans-serif}}@media (max-width:992px){.sectioInfoPolicy p{font-size:16px;font-style:normal;line-height:22px;font-family:Bai Jamjuree,sans-serif}}@media (max-width:767px){.sectioInfoPolicy p{font-size:14px;font-style:normal;font-weight:400;line-height:20px;font-family:Bai Jamjuree,sans-serif}}.sectioInfoPolicy ul li{list-style:number}@media (max-width:992px){.sectioInfoPolicy ul li{font-size:16px;font-style:normal;line-height:22px;font-family:Bai Jamjuree,sans-serif}}@media (max-width:767px){.sectioInfoPolicy ul li{font-size:14px;font-style:normal;font-weight:400;line-height:20px;font-family:Bai Jamjuree,sans-serif}}.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color:#f2f1ed!important;color:#050505}.select2-results__option{padding:12px 13px;border-bottom:1px solid #d2d2d2}.sectionInfoRegister{padding:64px 0 80px;background-color:#f2f1ed;min-height:calc(100vh - 80px)}.sectionInfoRegister h1{text-align:center;margin-bottom:48px}@media (max-width:992px){.sectionInfoRegister h1{font-size:42px;font-style:normal;font-weight:600;line-height:54px;letter-spacing:.2px;font-family:IBM Plex Sans Thai,sans-serif;margin-bottom:32px}}@media (max-width:992px){.sectionInfoRegister h1{font-size:28px;font-style:normal;font-weight:600;line-height:40px;letter-spacing:.2px;font-family:IBM Plex Sans Thai,sans-serif;margin-bottom:24px}}.sectionInfoRegister h2{text-align:center}@media (max-width:992px){.sectionInfoRegister h2{font-size:22px;font-style:normal;font-weight:700;line-height:22px;font-family:IBM Plex Sans Thai,sans-serif}}@media (max-width:992px){.sectionInfoRegister h2{font-size:20px;font-style:normal;font-weight:700;line-height:22px;font-family:IBM Plex Sans Thai,sans-serif}}.sectionInfoRegister h4{color:#040404}@media (max-width:992px){.sectionInfoRegister h4{font-size:16px;font-style:normal;line-height:22px;font-family:Bai Jamjuree,sans-serif}}@media (max-width:767px){.sectionInfoRegister h4{font-size:14px;font-style:normal;font-weight:400;line-height:20px;font-family:Bai Jamjuree,sans-serif}}.sectionInfoRegister .boxCheckBox{margin-bottom:32px}.sectionInfoRegister .boxCheckBox .wrapCheckBox{margin:32px 0 0;display:flex;justify-content:center}@media (max-width:767px){.sectionInfoRegister .boxCheckBox .wrapCheckBox{margin:24px 0}}.sectionInfoRegister .boxCheckBox .wrapCheckBox .wrap_checkbox_section .label_checkbox{display:block;position:relative;cursor:pointer;font-size:22px;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.sectionInfoRegister .boxCheckBox .wrapCheckBox .wrap_checkbox_section .label_checkbox .wrap_checkbox_box .checkbox_field{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.sectionInfoRegister .boxCheckBox .wrapCheckBox .wrap_checkbox_section .label_checkbox .wrap_checkbox_box .checkbox_style{position:absolute;top:0;left:0;height:16px;width:16px;border:1px solid #373f41;border-radius:2px;margin-top:5px}.sectionInfoRegister .boxCheckBox .wrapCheckBox .wrap_checkbox_section .label_checkbox .wrap_checkbox_box .checkbox_style:after{content:"";position:absolute;display:none}.sectionInfoRegister .boxCheckBox .wrapCheckBox .wrap_checkbox_section .label_checkbox .wrap_checkbox_box .checkbox_style:after{height:8px;width:11px;left:3px;top:4px;content:"";background-image:url(../images/icon/iconCheck.svg);background-size:cover;background-repeat:no-repeat;background-position:center}.sectionInfoRegister .boxCheckBox .wrapCheckBox .wrap_checkbox_section .label_checkbox .wrap_checkbox_box .checkbox_field:checked~.checkbox_style{background-color:#b30d14;border:none}.sectionInfoRegister .boxCheckBox .wrapCheckBox .wrap_checkbox_section .label_checkbox .wrap_checkbox_box .checkbox_field:checked~.checkbox_style:after{display:block}.sectionInfoRegister .boxCheckBox .wrapCheckBox .wrap_checkbox_section p{color:#050505;padding:0;margin:0 0 0 30px}.sectionInfoRegister .boxCheckBox .wrapErrorCheckPolicy{text-align:center;margin-bottom:32px;display:none;margin-top:8px}.sectionInfoRegister .boxCheckBox .wrapErrorCheckPolicy p{color:#b30d14}.sectionInfoRegister .btnBack:hover{border:1px solid #e80000}.sectionInfoRegister .btnAcceptNext{max-width:310px;margin:0 auto}.sectionInfoRegister .btnAccept:hover,.sectionInfoRegister .btnAcceptPolicy:hover,.sectionInfoRegister .btnAcceptNext:hover,.sectionInfoRegister .btnAcceptRegis3:hover,.sectionInfoRegister .btnCheckStatus:hover{background-color:#e80000}.sectionInfoRegister .form-card p{text-align:center}.sectionInfoRegister .form-card h2{margin-bottom:16px}.sectionInfoRegister .form-card .wrapInputForm{margin-top:48px}.sectionInfoRegister .form-card .wrapInputForm .articleInputForm{margin-bottom:38px;position:relative}.sectionInfoRegister .form-card .wrapInputForm .articleInputForm .fieldlabels{font-size:14px;font-style:normal;font-weight:500;line-height:18px;font-family:IBM Plex Sans Thai,sans-serif;margin-bottom:8px;color:#040404}.sectionInfoRegister .form-card .wrapInputForm .articleInputForm .inputForm{width:100%;border-radius:4px;border:1px solid #d2d2d2;background-color:#fff;padding:12px;font-family:Bai Jamjuree,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:22px}.sectionInfoRegister .form-card .wrapInputForm .articleInputForm .inputForm:focus{border:1px solid #5865ff}.sectionInfoRegister .form-card .wrapInputForm .articleInputForm .inputFormError{border:1px solid #b30d14}.sectionInfoRegister .form-card .wrapInputForm .articleInputForm .wrapErrorInputForm{opacity:0;display:flex;gap:8px;align-items:center;display:none}.sectionInfoRegister .form-card .wrapInputForm .articleInputForm .wrapErrorInputForm h3{color:#b30d14}.sectionInfoRegister .form-card .wrapInputForm .articleInputForm .wrapErrorInputFormShow{opacity:1;display:flex}@media (max-width:767px){.sectionInfoRegister .form-card .wrapInputForm .articleInputForm .wrapErrorInputFormShow{margin-top:8px}}.sectionInfoRegister .form-card .wrapInputForm .articleInputForm .iconMarkup{position:absolute;right:17px;bottom:15px}.sectionInfoRegister .form-card .wrapInputForm .articleInputForm .iconErrorInputForm{position:absolute;right:17px;bottom:15px;display:none}.sectionInfoRegister .form-card .wrapInputForm .articleInputForm .errorInputForm{display:none;position:absolute;bottom:-26px;left:0;margin-top:8px;color:#b30d14}.sectionInfoRegister .form-card .wrapInputForm .articleInputForm .wrapSelelectBirthday{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:20px}@media (max-width:767px){.sectionInfoRegister .form-card .wrapInputForm .articleInputForm .wrapSelelectBirthday{grid-gap:4px}}.sectionInfoRegister .form-card .wrapInputForm .articleInputForm .articleSelelectBirthday{position:relative}.sectionInfoRegister .form-card .wrapInputForm .articleInputForm .inputSelectError .select2-container--default .select2-selection--single{border:1px solid #b30d14!important}.sectionInfoRegister .form-card .wrapInputForm .articleInputForm .inputSelectError .errorInputForm{display:block}.sectionInfoRegister .form-card .wrapInputForm .articleInputForm .select2-container{width:100%!important}.sectionInfoRegister .form-card .wrapInputForm .articleInputForm .select2-container .select2-selection--single .select2-selection__rendered{padding-left:12px;padding-top:8px}.sectionInfoRegister .form-card .wrapInputForm .articleInputForm .select2-container--default .select2-selection--single .select2-selection__arrow{right:13px;height:6px!important;width:11px!important;top:21px}.sectionInfoRegister .form-card .wrapInputForm .articleInputForm .select2-container--default .select2-selection--single .select2-selection__arrow b{background-image:url(../images/icon/iconDropdown.svg);background-repeat:no-repeat;background-size:contain;background-position:center;border:none!important;height:6px!important;width:11px!important;margin:auto!important;top:auto!important;left:auto!important}.sectionInfoRegister .form-card .wrapInputForm .articleInputForm .select2-container--open .select2-selection__arrow{transform:rotate(180deg)!important}.sectionInfoRegister .form-card .wrapInputForm .articleInputForm .select2-container--default .select2-selection--single{border:1px solid #d2d2d2;height:48px}.sectionInfoRegister .form-card .wrapInputForm .articleInputForm .select2-container--default .select2-selection--single .select2-selection__placeholder{color:#bababa;font-size:16px;font-style:normal;font-weight:400;line-height:22px;font-family:Bai Jamjuree,sans-serif}.sectionInfoRegister .form-card .wrapInputForm .articleInputForm .wrapInputRadio .wrapRadio{display:flex;gap:35px;align-items:center}@media (max-width:767px){.sectionInfoRegister .form-card .wrapInputForm .articleInputForm .wrapInputRadio .wrapRadio{justify-content:space-between;gap:inherit}}.sectionInfoRegister .form-card .wrapInputForm .articleInputForm .wrapInputRadio .wrapRadio .articleInputRadio{display:block;position:relative;padding-left:20px;padding-right:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:14px;font-style:normal;font-weight:500;line-height:18px;letter-spacing:.4px;font-family:IBM Plex Sans Thai,sans-serif}.sectionInfoRegister .form-card .wrapInputForm .articleInputForm .wrapInputRadio .wrapRadio .articleInputRadio input{position:absolute;opacity:0;cursor:pointer}.sectionInfoRegister .form-card .wrapInputForm .articleInputForm .wrapInputRadio .wrapRadio .checkmark{position:absolute;top:2px;left:0;height:14px;width:14px;background-color:transparent;border:1px solid #bababa;border-radius:50%}.sectionInfoRegister .form-card .wrapInputForm .articleInputForm .wrapInputRadio .wrapRadio .articleInputRadio:hover input~.checkmark{background-color:#ccc}.sectionInfoRegister .form-card .wrapInputForm .articleInputForm .wrapInputRadio .wrapRadio .articleInputRadio input:checked~.checkmark{background-color:#040404;border:none}.sectionInfoRegister .form-card .wrapInputForm .articleInputForm .wrapInputRadio .wrapRadio .checkmark:after{content:"";position:absolute;display:none}.sectionInfoRegister .form-card .wrapInputForm .articleInputForm .wrapInputRadio .wrapRadio .articleInputRadio input:checked~.checkmark:after{display:block}.sectionInfoRegister .form-card .wrapInputForm .articleInputForm .wrapInputRadio .wrapRadio .articleInputRadio .checkmark:after{top:3px;left:3px;width:8px;height:8px;border-radius:50%;background:#fff}.sectionInfoRegister .form-card .wrapInputForm .articleInputForm .wrapSelectInterest{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}@media (max-width:767px){.sectionInfoRegister .form-card .wrapInputForm .articleInputForm .wrapSelectInterest{gap:16px}}.sectionInfoRegister .form-card .wrapInputForm .articleInputForm .wrapSelectInterest .boxSelectInterest{display:flex;flex-direction:column}.sectionInfoRegister .form-card .wrapInputForm .articleInputForm .wrapSelectInterest .boxSelectInterest .articleSelectInterest{position:relative;cursor:pointer}.sectionInfoRegister .form-card .wrapInputForm .articleInputForm .wrapSelectInterest .boxSelectInterest .articleSelectInterest .wrapBtnSelectInterest{position:relative;overflow:hidden;border-radius:16px}.sectionInfoRegister .form-card .wrapInputForm .articleInputForm .wrapSelectInterest .boxSelectInterest .articleSelectInterest .wrapBtnSelectInterest .opacityImagSelectInterest{background-color:#000;opacity:.6;position:absolute;top:0;width:13.6vw;height:13.1vw;border-radius:16px;z-index:1}@media (max-width:1440px){.sectionInfoRegister .form-card .wrapInputForm .articleInputForm .wrapSelectInterest .boxSelectInterest .articleSelectInterest .wrapBtnSelectInterest .opacityImagSelectInterest{width:12.6vw;height:12.1vw}}@media (max-width:992px){.sectionInfoRegister .form-card .wrapInputForm .articleInputForm .wrapSelectInterest .boxSelectInterest .articleSelectInterest .wrapBtnSelectInterest .opacityImagSelectInterest{min-width:27vw;height:26vw}}@media (max-width:767px){.sectionInfoRegister .form-card .wrapInputForm .articleInputForm .wrapSelectInterest .boxSelectInterest .articleSelectInterest .wrapBtnSelectInterest .opacityImagSelectInterest{min-width:45vw;height:44vw}}.sectionInfoRegister .form-card .wrapInputForm .articleInputForm .wrapSelectInterest .boxSelectInterest .articleSelectInterest .wrapBtnSelectInterest .wrapImagSelectInterest{top:0;background-position:center;background-repeat:no-repeat;background-size:cover;width:13.6vw;height:13.1vw;border-radius:16px;z-index:1}@media (max-width:1440px){.sectionInfoRegister .form-card .wrapInputForm .articleInputForm .wrapSelectInterest .boxSelectInterest .articleSelectInterest .wrapBtnSelectInterest .wrapImagSelectInterest{width:12.6vw;height:12.1vw}}@media (max-width:992px){.sectionInfoRegister .form-card .wrapInputForm .articleInputForm .wrapSelectInterest .boxSelectInterest .articleSelectInterest .wrapBtnSelectInterest .wrapImagSelectInterest{min-width:27vw;height:26vw}}@media (max-width:767px){.sectionInfoRegister .form-card .wrapInputForm .articleInputForm .wrapSelectInterest .boxSelectInterest .articleSelectInterest .wrapBtnSelectInterest .wrapImagSelectInterest{min-width:44vw;height:44vw}}.sectionInfoRegister .form-card .wrapInputForm .articleInputForm .wrapSelectInterest .boxSelectInterest .articleSelectInterest .wrapBtnSelectInterest .wrapTextSelectInterest{width:13.6vw;position:absolute;margin-left:auto;margin-right:auto;left:0;right:0;text-align:center;z-index:2;height:13.1vw;display:flex;align-items:center;justify-content:center}@media (max-width:1440px){.sectionInfoRegister .form-card .wrapInputForm .articleInputForm .wrapSelectInterest .boxSelectInterest .articleSelectInterest .wrapBtnSelectInterest .wrapTextSelectInterest{width:12.6vw;height:12.1vw}}@media (max-width:992px){.sectionInfoRegister .form-card .wrapInputForm .articleInputForm .wrapSelectInterest .boxSelectInterest .articleSelectInterest .wrapBtnSelectInterest .wrapTextSelectInterest{min-width:27vw;height:26vw}}@media (max-width:767px){.sectionInfoRegister .form-card .wrapInputForm .articleInputForm .wrapSelectInterest .boxSelectInterest .articleSelectInterest .wrapBtnSelectInterest .wrapTextSelectInterest{min-width:45vw;height:44vw}}.sectionInfoRegister .form-card .wrapInputForm .articleInputForm .wrapSelectInterest .boxSelectInterest .articleSelectInterest .wrapBtnSelectInterest .wrapTextSelectInterest .articleTextSelectInterest h3{font-size:20px;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.3px;font-family:IBM Plex Sans Thai,sans-serif;color:#fff;margin-top:15px}.sectionInfoRegister .form-card .wrapInputForm .articleInputForm .wrapSelectInterest .boxSelectInterest .articleSelectInterestFood .wrapBtnSelectInterest .wrapImagSelectInterest{border:3px solid #258200}.sectionInfoRegister .form-card .wrapInputForm .articleInputForm .wrapSelectInterest .boxSelectInterest .articleSelectInterestFood .wrapBtnSelectInterest .wrapImagSelectInterest .opacityImagSelectInterest{opacity:.7;background-color:#258200}.sectionInfoRegister .form-card .wrapInputForm .articleInputForm .wrapSelectInterest input{display:none}.sectionInfoRegister .form-card .wrapInputForm .articleInputForm .wraplistCareerCheckItem{display:flex;gap:8px;flex-wrap:wrap}.sectionInfoRegister .form-card .wrapInputForm .articleInputForm .wraplistCareerCheckItem .articleListCareerCheckItem .listCareerCheckItem .listCareerCheck{padding:6px 16px;border:1px solid #bababa;border-radius:8px}.sectionInfoRegister .form-card .wrapInputForm .articleInputForm .wraplistCareerCheckItem .articleListCareerCheckItem input{display:none}.sectionInfoRegister .form-card .wrapInputForm .articleInputForm .wraplistCareerCheckItem .articleListCareerCheckItem input:checked+.listCareerCheckItem .listCareerCheck{border-color:#0053a1}.sectionInfoRegister .form-card .wrapInputForm .articleInputForm .wraplistCareerCheckItem .articleListCareerCheckItem input:checked+.listCareerCheckItem .listCareerCheck h3{color:#0053a1}.sectionInfoRegister .form-card .wrapInputForm .articleInputForm .wraplistCareerCheckItem .articleListCareerCheckItem .checkboxFashion:checked+.listCareerCheckItem .listCareerCheck{border-color:#ac0039}.sectionInfoRegister .form-card .wrapInputForm .articleInputForm .wraplistCareerCheckItem .articleListCareerCheckItem .checkboxFashion:checked+.listCareerCheckItem .listCareerCheck h3{color:#ac0039}.sectionInfoRegister .form-card .wrapInputForm .articleInputForm .wraplistCareerCheckItem .articleListCareerCheckItem .checkboxFood:checked+.listCareerCheckItem .listCareerCheck{border-color:#258200}.sectionInfoRegister .form-card .wrapInputForm .articleInputForm .wraplistCareerCheckItem .articleListCareerCheckItem .checkboxFood:checked+.listCareerCheckItem .listCareerCheck h3{color:#258200}.sectionInfoRegister .form-card .wrapInputForm .articleInputForm .wraplistCareerCheckItem .articleListCareerCheckItem .checkboxMovie:checked+.listCareerCheckItem .listCareerCheck{border-color:#250035}.sectionInfoRegister .form-card .wrapInputForm .articleInputForm .wraplistCareerCheckItem .articleListCareerCheckItem .checkboxMovie:checked+.listCareerCheckItem .listCareerCheck h3{color:#250035}.sectionInfoRegister .form-card .wrapInputForm .articleInputForm .wraplistCareerCheckItem .articleListCareerCheckItem .checkboxDesign:checked+.listCareerCheckItem .listCareerCheck{border-color:#344b5f}.sectionInfoRegister .form-card .wrapInputForm .articleInputForm .wraplistCareerCheckItem .articleListCareerCheckItem .checkboxDesign:checked+.listCareerCheckItem .listCareerCheck h3{color:#344b5f}.sectionInfoRegister .form-card .wrapInputForm .articleInputForm .wraplistCareerCheckItem .articleListCareerCheckItem .checkboxSport:checked+.listCareerCheckItem .listCareerCheck{border-color:#041d44}.sectionInfoRegister .form-card .wrapInputForm .articleInputForm .wraplistCareerCheckItem .articleListCareerCheckItem .checkboxSport:checked+.listCareerCheckItem .listCareerCheck h3{color:#041d44}.sectionInfoRegister .form-card .wrapInputForm .articleInputForm .wraplistCareerCheckItem .articleListCareerCheckItem .checkboxTravel:checked+.listCareerCheckItem .listCareerCheck{border-color:#005959}.sectionInfoRegister .form-card .wrapInputForm .articleInputForm .wraplistCareerCheckItem .articleListCareerCheckItem .checkboxTravel:checked+.listCareerCheckItem .listCareerCheck h3{color:#005959}.sectionInfoRegister .form-card .wrapInputForm .articleInputForm .wraplistCareerCheckItem .articleListCareerCheckItem .checkboxBook:checked+.listCareerCheckItem .listCareerCheck{border-color:#644f38}.sectionInfoRegister .form-card .wrapInputForm .articleInputForm .wraplistCareerCheckItem .articleListCareerCheckItem .checkboxBook:checked+.listCareerCheckItem .listCareerCheck h3{color:#644f38}.sectionInfoRegister .form-card .wrapInputForm .articleInputForm .wraplistCareerCheckItem .articleListCareerCheckItem .checkboxArt:checked+.listCareerCheckItem .listCareerCheck{border-color:#7b4c00}.sectionInfoRegister .form-card .wrapInputForm .articleInputForm .wraplistCareerCheckItem .articleListCareerCheckItem .checkboxArt:checked+.listCareerCheckItem .listCareerCheck h3{color:#7b4c00}.sectionInfoRegister .form-card .wrapInputForm .articleInputForm .wraplistCareerCheckItem .articleListCareerCheckItem .checkboxGame:checked+.listCareerCheckItem .listCareerCheck{border-color:#cc2600}.sectionInfoRegister .form-card .wrapInputForm .articleInputForm .wraplistCareerCheckItem .articleListCareerCheckItem .checkboxGame:checked+.listCareerCheckItem .listCareerCheck h3{color:#cc2600}.sectionInfoRegister .form-card .wrapInputForm .articleInputForm .wraplistCareerCheckItem .articleListCareerCheckItem .checkboxFestival:checked+.listCareerCheckItem .listCareerCheck{border-color:#641e7c}.sectionInfoRegister .form-card .wrapInputForm .articleInputForm .wraplistCareerCheckItem .articleListCareerCheckItem .checkboxFestival:checked+.listCareerCheckItem .listCareerCheck h3{color:#641e7c}.sectionInfoRegister .form-card .wrapInputForm .articleInputForm .digit-group{display:flex;justify-content:center;gap:16px}.sectionInfoRegister .form-card .wrapInputForm .articleInputForm .digit-group input{width:48px;height:48px;border:1px solid #d2d2d2;padding:8px;border-radius:4px;text-align:center;font-size:24px;font-style:normal;font-weight:400;line-height:24px;color:#040404;font-family:Bai Jamjuree,sans-serif}.sectionInfoRegister .form-card .wrapInputForm .articleInputForm .digit-group .otpActive{border:1px solid #040404}.sectionInfoRegister .form-card .wrapInputForm .articleInputForm .digit-group .splitter{padding:0 5px;color:#fff;font-size:24px}.sectionInfoRegister .form-card .wrapInputForm .articleInputForm .digit-group .inputError{border:1px solid #b30d14}.sectionInfoRegister .form-card .wrapInputForm .articleInputForm .digit-group .inputError[type=text]:focus{border:1px solid #b30d14}.sectionInfoRegister .form-card .wrapInputForm .articleInputForm .digit-group .inputError:focus{border:1px solid #b30d14}.sectionInfoRegister .form-card .wrapInputForm .articleInputForm .digit-group .inputError:focus-visible{outline:#b30d14 auto 1px}.sectionInfoRegister .form-card .wrapInputForm .wrapTitleSelectCareer{display:flex;gap:8px;align-items:center;margin-bottom:16px}.sectionInfoRegister .form-card .wrapInputForm .wrapTitleSelectCareer h2{margin-bottom:0}.sectionInfoRegister .form-card .wrapInputForm .wrapTitleSelectCareer .textTitleCareerMusic{color:#0053a1}.sectionInfoRegister .form-card .wrapInputForm .wrapTitleSelectCareer img{max-width:24px}.sectionInfoRegister .form-card .wrapInputFormShow{margin-top:0}.sectionInfoRegister .form-card .wrapInputFormMusic{margin-bottom:32px}.sectionInfoRegister .form-card .wrapInputFormFashion .wrapTitleSelectCareer h2{color:#ac0039}.sectionInfoRegister .form-card .wrapInputFormFood .wrapTitleSelectCareer h2{color:#258200}.sectionInfoRegister .form-card .wrapInputFormMovie .wrapTitleSelectCareer h2{color:#250035}.sectionInfoRegister .form-card .wrapInputFormDesign .wrapTitleSelectCareer h2{color:#344b5f}.sectionInfoRegister .form-card .wrapInputFormSport .wrapTitleSelectCareer h2{color:#041d44}.sectionInfoRegister .form-card .wrapInputFormTravel .wrapTitleSelectCareer h2{color:#005959}.sectionInfoRegister .form-card .wrapInputFormBook .wrapTitleSelectCareer h2{color:#644f38}.sectionInfoRegister .form-card .wrapInputFormArt .wrapTitleSelectCareer h2{color:#7b4c00}.sectionInfoRegister .form-card .wrapInputFormGame .wrapTitleSelectCareer h2{color:#cc2600}.sectionInfoRegister .form-card .wrapInputFormFestival .wrapTitleSelectCareer h2{color:#641e7c}.sectionInfoRegister .form-card .wrapInputFormShowActive{padding-bottom:40px;border-bottom:1px solid #bababa;margin-top:48px}@media (max-width:767px){.sectionInfoRegister .form-card .wrapInputFormShowActive{margin-top:24px;padding-bottom:24px}}.sectionInfoRegister .form-card .wrapInputFormShowActive .articleInputForm{margin-bottom:0}.sectionInfoRegister .form-card .wrapInputFormShowActive .articleInputForm .wrapSelectInterest .boxSelectInterestFood .articleSelectInterest .wrapBtnSelectInterest .wrapImagSelectInterest{border:3px solid #258200}.sectionInfoRegister .form-card .wrapInputFormShowActive .articleInputForm .wrapSelectInterest .boxSelectInterestFood .articleSelectInterest .wrapBtnSelectInterest .wrapImagSelectInterest .opacityImagSelectInterest{opacity:.7;background-color:#258200}.sectionInfoRegister .form-card .wrapInputFormShowActive .articleInputForm .wrapSelectInterest .boxSelectInterestSport .articleSelectInterest .wrapBtnSelectInterest .wrapImagSelectInterest{border:3px solid #041d44}.sectionInfoRegister .form-card .wrapInputFormShowActive .articleInputForm .wrapSelectInterest .boxSelectInterestSport .articleSelectInterest .wrapBtnSelectInterest .wrapImagSelectInterest .opacityImagSelectInterest{opacity:.7;background-color:#041d44}.sectionInfoRegister .form-card .wrapInputFormShowActive .articleInputForm .wrapSelectInterest .boxSelectInterestTravel .articleSelectInterest .wrapBtnSelectInterest .wrapImagSelectInterest{border:3px solid #005959}.sectionInfoRegister .form-card .wrapInputFormShowActive .articleInputForm .wrapSelectInterest .boxSelectInterestTravel .articleSelectInterest .wrapBtnSelectInterest .wrapImagSelectInterest .opacityImagSelectInterest{opacity:.7;background-color:#005959}.sectionInfoRegister .form-card .wrapInputFormShowActive .articleInputForm .wrapSelectInterest .boxSelectInterestMusic .articleSelectInterest .wrapBtnSelectInterest .wrapImagSelectInterest{border:3px solid #0053a1}.sectionInfoRegister .form-card .wrapInputFormShowActive .articleInputForm .wrapSelectInterest .boxSelectInterestMusic .articleSelectInterest .wrapBtnSelectInterest .wrapImagSelectInterest .opacityImagSelectInterest{opacity:.7;background-color:#0053a1}.sectionInfoRegister .form-card .wrapInputFormShowActive .articleInputForm .wrapSelectInterest .boxSelectInterestBook .articleSelectInterest .wrapBtnSelectInterest .wrapImagSelectInterest{border:3px solid #644f38}.sectionInfoRegister .form-card .wrapInputFormShowActive .articleInputForm .wrapSelectInterest .boxSelectInterestBook .articleSelectInterest .wrapBtnSelectInterest .wrapImagSelectInterest .opacityImagSelectInterest{opacity:.7;background-color:#644f38}.sectionInfoRegister .form-card .wrapInputFormShowActive .articleInputForm .wrapSelectInterest .boxSelectInterestMovie .articleSelectInterest .wrapBtnSelectInterest .wrapImagSelectInterest{border:3px solid #250035}.sectionInfoRegister .form-card .wrapInputFormShowActive .articleInputForm .wrapSelectInterest .boxSelectInterestMovie .articleSelectInterest .wrapBtnSelectInterest .wrapImagSelectInterest .opacityImagSelectInterest{opacity:.7;background-color:#250035}.sectionInfoRegister .form-card .wrapInputFormShowActive .articleInputForm .wrapSelectInterest .boxSelectInterestFestival .articleSelectInterest .wrapBtnSelectInterest .wrapImagSelectInterest{border:3px solid #641e7c}.sectionInfoRegister .form-card .wrapInputFormShowActive .articleInputForm .wrapSelectInterest .boxSelectInterestFestival .articleSelectInterest .wrapBtnSelectInterest .wrapImagSelectInterest .opacityImagSelectInterest{opacity:.7;background-color:#641e7c}.sectionInfoRegister .form-card .wrapInputFormShowActive .articleInputForm .wrapSelectInterest .boxSelectInterestGame .articleSelectInterest .wrapBtnSelectInterest .wrapImagSelectInterest{border:3px solid #cc2600}.sectionInfoRegister .form-card .wrapInputFormShowActive .articleInputForm .wrapSelectInterest .boxSelectInterestGame .articleSelectInterest .wrapBtnSelectInterest .wrapImagSelectInterest .opacityImagSelectInterest{opacity:.7;background-color:#cc2600}.sectionInfoRegister .form-card .wrapInputFormShowActive .articleInputForm .wrapSelectInterest .boxSelectInterestArt .articleSelectInterest .wrapBtnSelectInterest .wrapImagSelectInterest{border:3px solid #7b4c00}.sectionInfoRegister .form-card .wrapInputFormShowActive .articleInputForm .wrapSelectInterest .boxSelectInterestArt .articleSelectInterest .wrapBtnSelectInterest .wrapImagSelectInterest .opacityImagSelectInterest{opacity:.7;background-color:#7b4c00}.sectionInfoRegister .form-card .wrapInputFormShowActive .articleInputForm .wrapSelectInterest .boxSelectInterestDesign .articleSelectInterest .wrapBtnSelectInterest .wrapImagSelectInterest{border:3px solid #344b5f}.sectionInfoRegister .form-card .wrapInputFormShowActive .articleInputForm .wrapSelectInterest .boxSelectInterestDesign .articleSelectInterest .wrapBtnSelectInterest .wrapImagSelectInterest .opacityImagSelectInterest{opacity:.7;background-color:#344b5f}.sectionInfoRegister .form-card .wrapInputFormShowActive .articleInputForm .wrapSelectInterest .boxSelectInterestFashion .articleSelectInterest .wrapBtnSelectInterest .wrapImagSelectInterest{border:3px solid #ac0039}.sectionInfoRegister .form-card .wrapInputFormShowActive .articleInputForm .wrapSelectInterest .boxSelectInterestFashion .articleSelectInterest .wrapBtnSelectInterest .wrapImagSelectInterest .opacityImagSelectInterest{opacity:.7;background-color:#ac0039}.sectionInfoRegister .form-card .wrapInputFormShowActiveBorder{border:none}.sectionInfoRegister .wrapTimeCoutdown{margin-top:32px}.sectionInfoRegister .wrapTimeCoutdown #timer{font-weight:600}@media (max-width:992px){.sectionInfoRegister .wrapTimeCoutdown p{font-size:16px;font-style:normal;line-height:22px;font-family:Bai Jamjuree,sans-serif}}@media (max-width:767px){.sectionInfoRegister .wrapTimeCoutdown p{font-size:14px;font-style:normal;font-weight:400;line-height:20px;font-family:Bai Jamjuree,sans-serif}}.sectionInfoRegister .wrapTimeCoutdown .btnOtpRepeat{display:none}.sectionInfoRegister .wrapTimeCoutdown .btnOtpRepeat:hover{color:#b30d14}.sectionInfoRegister #msform fieldset:not(:first-of-type){display:none}.sectionInfoRegister #msform input:focus,.sectionInfoRegister #msform textarea:focus{-moz-box-shadow:none!important;-webkit-box-shadow:none!important;box-shadow:none!important;outline-width:0}.sectionInfoRegister #msform .action-button{width:100px;font-weight:700;color:#fff;border:0 none;border-radius:0;cursor:pointer;padding:10px 5px;margin:10px 0 10px 5px;float:right}.sectionInfoRegister #msform .action-button:focus,.sectionInfoRegister #msform .action-button:hover{background-color:#311b92}.sectionInfoRegister #msform .action-button-previous{width:100px;background:#616161;font-weight:700;color:#fff;border:0 none;border-radius:0;cursor:pointer;padding:10px 5px;margin:10px 5px 10px 0;float:right}.sectionInfoRegister #msform .action-button-previous:focus,.sectionInfoRegister #msform .action-button-previous:hover{background-color:#000}.sectionInfoRegister .steps{font-size:25px;color:gray;margin-bottom:10px;font-weight:400;text-align:right}.sectionInfoRegister .fieldlabels{color:gray;text-align:left}.sectionInfoRegister .progressbar{margin:0 0 64px;padding:0;color:#d3d3d3;display:flex;gap:11px}.sectionInfoRegister .progressbar .wrapBar{display:flex;gap:10px;align-items:center;justify-content:space-between}.sectionInfoRegister .progressbar .wrapBar .circle{border:1px solid #a1aebe;min-width:32px;height:32px;border-radius:50%;padding-left:8px;padding-top:3px}.sectionInfoRegister .progressbar .wrapBar .circle img{opacity:0}.sectionInfoRegister .progressbar .wrapBar .line{height:1px;background-color:#a1aebe;width:100%}.sectionInfoRegister .progressbar li{width:100%}.sectionInfoRegister .progressbar li h3{text-align:left;margin:4px 0;color:#a1aebe}.sectionInfoRegister .progressbar li h4{text-align:left;color:#a1aebe;margin-bottom:4px}.sectionInfoRegister .progressbar li:last-child{width:fit-content;min-width:72px}.sectionInfoRegister .progressbar .active h3,.sectionInfoRegister .progressbar .active h4{color:#040404}.sectionInfoRegister .progressbar .active .wrapBar .circle{background-color:#c60035;border:none}.sectionInfoRegister .progressbar .activeArrow .wrapBar .circle img{opacity:1}.sectionInfoRegister .progressbar .activeArrow .wrapBar .line{background-color:#c60035}.sectionInfoRegister .progressbar li{list-style-type:none;font-size:15px;float:left;position:relative;font-weight:400}.sectionInfoRegister #progressbar li:before{width:50px;height:50px;line-height:45px;display:block;font-size:20px;color:#fff;background:#d3d3d3;border-radius:50%;margin:0 auto 10px;padding:2px}.sectionInfoRegister #progressbar li.active:after,.sectionInfoRegister #progressbar li.active:before{background:#673ab7}.sectionInfoRegister .progress{height:20px}.sectionInfoRegister .progress-bar{background-color:#673ab7}.sectionInfoRegister .fit-image{width:100%;object-fit:cover}.sectionInfoRegisterStepVerifyID{padding:100px 0;text-align:center}.sectionInfoRegisterStepVerifyID img{max-width:174px;margin:32px 0}.sectionInfoRegisterStepVerifyID .btnCheckStatus{margin:32px auto 16px;max-width:310px}.sectionStepProgressRegister .registerStep{display:none}.sectionStepProgressRegister .registerStepActive{display:block}.sectionFormLogin{padding:80px 0;min-height:calc(100vh - 80px);background-color:#f2f1ed}@media (max-width:992px){.sectionFormLogin{padding:100px 0}}@media (max-width:767px){.sectionFormLogin{padding:80px 0}}.sectionFormLogin h1{text-align:center;margin-bottom:40px}@media (max-width:992px){.sectionFormLogin h1{font-size:42px;font-style:normal;font-weight:600;line-height:54px;letter-spacing:.2px;font-family:IBM Plex Sans Thai,sans-serif}}@media (max-width:767px){.sectionFormLogin h1{font-size:28px;font-style:normal;font-weight:600;line-height:40px;letter-spacing:.2px;font-family:IBM Plex Sans Thai,sans-serif}}.sectionFormLogin .wrapFormLogin{padding:57px 22px;box-shadow:0 0 10px #0000001a;background-color:#fff;border-radius:8px}.sectionFormLogin .wrapFormLogin .wrapLineFormLogin{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:24px 0}.sectionFormLogin .wrapFormLogin .wrapLineFormLogin .lineFormLogin{width:100%;height:1px;background-color:#d2d2d2}.sectionInfoAbout h1{color:#fff;text-align:center;margin-bottom:40px}@media (max-width:992px){.sectionInfoAbout h1{font-size:42px;font-style:normal;font-weight:600;line-height:54px;letter-spacing:.2px;font-family:IBM Plex Sans Thai,sans-serif;margin-bottom:32px}}@media (max-width:767px){.sectionInfoAbout h1{font-size:28px;font-style:normal;font-weight:600;line-height:40px;letter-spacing:.2px;font-family:IBM Plex Sans Thai,sans-serif}}.sectionInfoAbout p{color:#fff}@media (max-width:992px){.sectionInfoAbout p{font-size:16px;font-style:normal;line-height:22px;font-family:Bai Jamjuree,sans-serif}}@media (max-width:767px){.sectionInfoAbout p{font-size:14px;font-style:normal;font-weight:400;line-height:20px;font-family:Bai Jamjuree,sans-serif}}.sectionInfoAbout .wrapListAbout .articleListAbout{margin:0 auto 80px;text-align:center;max-width:310px}@media (max-width:992px){.sectionInfoAbout .wrapListAbout .articleListAbout{margin-bottom:56px}}@media (max-width:767px){.sectionInfoAbout .wrapListAbout .articleListAbout{margin-bottom:40px;max-width:100%}}.sectionInfoAbout .wrapListAbout .articleListAbout img{max-height:32px;width:auto}.sectionInfoAbout .wrapListAbout .articleListAbout h3{color:#fff;text-align:center;margin:16px 0;font-size:16px;font-style:normal;font-weight:700;line-height:22px;letter-spacing:.3px;font-family:IBM Plex Sans Thai,sans-serif}.sectionInfoAbout .wrapListAbout .articleListAbout p{color:#fff;text-align:center}.sectionInfoAboutA{padding:100px 0;background:var(--GD,linear-gradient(104deg,#b30d14 1.73%,#641e7c 60.11%))}@media (max-width:992px){.sectionInfoAboutA{padding:88px 0}}.sectionInfoAboutB{padding:80px 0 0;background-color:#000}@media (max-width:992px){.sectionInfoAboutB{padding:72px 0 0}}@media (max-width:767px){.sectionInfoAboutB{padding:56px 0 16px}}.sectionInfoAboutB h1{margin-bottom:64px}.sectionInfoIndustry{padding:64px 0 80px}@media (max-width:992px){.sectionInfoIndustry{padding:40px 0 64px}}@media (max-width:767px){.sectionInfoIndustry{padding:40px 0}}.sectionInfoIndustry .wrapTitleInfoIndustry{display:flex;align-items:center;justify-content:center;gap:24px;margin-bottom:40px}@media (max-width:992px){.sectionInfoIndustry .wrapTitleInfoIndustry{margin-bottom:32px}}@media (max-width:767px){.sectionInfoIndustry .wrapTitleInfoIndustry{gap:16px;margin-bottom:24px}}@media (max-width:992px){.sectionInfoIndustry .wrapTitleInfoIndustry h1{font-size:42px;font-style:normal;font-weight:600;line-height:54px;letter-spacing:.2px;font-family:IBM Plex Sans Thai,sans-serif}}@media (max-width:767px){.sectionInfoIndustry .wrapTitleInfoIndustry h1{font-size:28px;font-style:normal;font-weight:600;line-height:40px;letter-spacing:.2px;font-family:IBM Plex Sans Thai,sans-serif}}.sectionInfoIndustry .wrapTitleInfoIndustry img{width:48px}@media (max-width:767px){.sectionInfoIndustry .wrapTitleInfoIndustry img{max-width:31px}}.sectionInfoIndustry .bannerIndustry .bgBannerIndustry{width:100%;height:42vw;background-repeat:no-repeat;background-position:center;background-size:cover;border-radius:8px}@media (max-width:992px){.sectionInfoIndustry .bannerIndustry .bgBannerIndustry{height:46vw}}.sectionInfoIndustry .wrapTextInfoIndustry{padding:80px 0 0}@media (max-width:992px){.sectionInfoIndustry .wrapTextInfoIndustry{padding:32px 0 0}}@media (max-width:767px){.sectionInfoIndustry .wrapTextInfoIndustry{padding:24px 0 0}}.sectionInfoIndustry .wrapTextInfoIndustry .tagTextInfoIndustry{margin-bottom:24px}@media (max-width:767px){.sectionInfoIndustry .wrapTextInfoIndustry h2{font-size:28px;font-style:normal;font-weight:600;line-height:40px;letter-spacing:.2px;font-family:IBM Plex Sans Thai,sans-serif}}.sectionInfoIndustry .wrapTextInfoIndustry .wrapListInfoIndustry{margin:80px 0}@media (max-width:992px){.sectionInfoIndustry .wrapTextInfoIndustry .wrapListInfoIndustry{margin:32px 0}}@media (max-width:767px){.sectionInfoIndustry .wrapTextInfoIndustry .wrapListInfoIndustry{margin:24px 0}}.sectionInfoIndustry .wrapTextInfoIndustry .wrapListInfoIndustry .imageInfoIndustry .bgImageInfoIndustry{width:100%;height:27.5vw;background-repeat:no-repeat;background-position:center;background-size:cover}@media (max-width:992px){.sectionInfoIndustry .wrapTextInfoIndustry .wrapListInfoIndustry .imageInfoIndustry .bgImageInfoIndustry{height:55vw}}@media (max-width:767px){.sectionInfoIndustry .wrapTextInfoIndustry .wrapListInfoIndustry .imageInfoIndustry .bgImageInfoIndustry{height:83vw}}.sectionInfoIndustry .wrapTextInfoIndustry .wrapListInfoIndustry .wrapListTextInfoIndustry{display:flex;flex-direction:column;justify-content:space-between}.sectionInfoIndustry .wrapTextInfoIndustry .wrapListInfoIndustry .wrapListTextInfoIndustry .articleListTextInfoIndustry h2{margin-bottom:24px}@media (max-width:992px){.sectionInfoIndustry .wrapTextInfoIndustry .wrapListInfoIndustry .wrapListTextInfoIndustry .articleListTextInfoIndustry h2{margin-top:32px;margin-bottom:16px}}@media (max-width:767px){.sectionInfoIndustry .wrapTextInfoIndustry .wrapListInfoIndustry .wrapListTextInfoIndustry .articleListTextInfoIndustry h2{margin-top:24px}}.sectionInfoIndustry .wrapTextInfoIndustry .wrapListInfoIndustry .wrapListTextInfoIndustry .articleListTextInfoIndustry p{color:#4d4c4c}@media (max-width:992px){.sectionInfoIndustry .wrapTextInfoIndustry .wrapListInfoIndustry .wrapListTextInfoIndustry .articleListTextInfoIndustry p{font-size:16px;font-style:normal;line-height:22px;font-family:Bai Jamjuree,sans-serif}}@media (max-width:767px){.sectionInfoIndustry .wrapTextInfoIndustry .wrapListInfoIndustry .wrapListTextInfoIndustry .articleListTextInfoIndustry p{font-size:14px;font-style:normal;font-weight:400;line-height:20px;font-family:Bai Jamjuree,sans-serif}}.sectionListCourse{padding:80px 0 40px;background-color:#f2f1ed}@media (max-width:992px){.sectionListCourse{padding:64px 0}}@media (max-width:767px){.sectionListCourse{padding:40px 0 8px}}.sectionListCourse .wrapTextCourseIndustry h1{text-align:left}@media (max-width:992px){.sectionListCourse .wrapTextCourseIndustry h1{font-size:42px;font-style:normal;font-weight:600;line-height:54px;letter-spacing:.2px;font-family:IBM Plex Sans Thai,sans-serif}}@media (max-width:992px){.sectionListCourse .wrapTextCourseIndustry h1{font-size:28px;font-style:normal;font-weight:600;line-height:40px;letter-spacing:.2px;font-family:IBM Plex Sans Thai,sans-serif}}.sectionListCourse .wrapTextCourseIndustry p{margin:24px 0 48px}@media (max-width:992px){.sectionListCourse .wrapTextCourseIndustry p{font-size:16px;font-style:normal;line-height:22px;font-family:Bai Jamjuree,sans-serif}}@media (max-width:767px){.sectionListCourse .wrapTextCourseIndustry p{font-size:14px;font-style:normal;font-weight:400;line-height:20px;font-family:Bai Jamjuree,sans-serif;margin:16px 0 32px}}.sectionListCourse .wrapTextCourseIndustry a{margin-left:0;width:fit-content;padding:12px 24px}@media (max-width:767px){.sectionListCourse .wrapTextCourseIndustry a{min-width:fit-content}}.sectionListCourse .wrapTextCourseIndustry a:hover{border:1px solid #e80000}.sectionBannerArticleInfo{margin:64px 0 48px}@media (max-width:992px){.sectionBannerArticleInfo{margin:40px 0}}@media (max-width:992px){.sectionBannerArticleInfo{margin:32px 0}}.sectionBannerArticleInfo .bgBannerArticleInfo{width:100%;height:42vw;background-repeat:no-repeat;background-position:center;background-size:cover;border-radius:8px}@media (max-width:992px){.sectionBannerArticleInfo .bgBannerArticleInfo{height:46vw}}@media (max-width:767px){.sectionBannerArticleInfo .bgBannerArticleInfo{height:56vw}}.sectionInfoArticleInfo .wrapTitleInfoArticleInfo{margin-bottom:64px}@media (max-width:992px){.sectionInfoArticleInfo .wrapTitleInfoArticleInfo{margin-bottom:40px}}@media (max-width:992px){.sectionInfoArticleInfo .wrapTitleInfoArticleInfo h1{font-size:42px;font-style:normal;font-weight:600;line-height:54px;letter-spacing:.2px;font-family:IBM Plex Sans Thai,sans-serif}}@media (max-width:767px){.sectionInfoArticleInfo .wrapTitleInfoArticleInfo h1{font-size:28px;font-style:normal;font-weight:600;line-height:40px;letter-spacing:.2px;font-family:IBM Plex Sans Thai,sans-serif}}.sectionInfoArticleInfo .wrapTitleInfoArticleInfo p{color:#4d4c4c}@media (max-width:992px){.sectionInfoArticleInfo .wrapTitleInfoArticleInfo p{font-size:16px;font-style:normal;line-height:22px;font-family:Bai Jamjuree,sans-serif}}@media (max-width:767px){.sectionInfoArticleInfo .wrapTitleInfoArticleInfo p{font-size:14px;font-style:normal;font-weight:400;line-height:20px;font-family:Bai Jamjuree,sans-serif}}.sectionInfoArticleInfo .wrapTitleInfoArticleInfo .wrapShareArticle ul{padding:0;margin:32px 0 0;display:flex;gap:24px}@media (max-width:992px){.sectionInfoArticleInfo .wrapTitleInfoArticleInfo .wrapShareArticle ul{margin-top:24px;margin-bottom:24px;gap:24px}}.sectionInfoArticleInfo .wrapTitleInfoArticleInfo .wrapShareArticle ul li{list-style:none;cursor:pointer}.sectionInfoArticleInfo .wrapTitleInfoArticleInfo .wrapTextTitleArticleInfo{display:flex;align-items:center;gap:8px;margin-bottom:24px}@media (max-width:992px){.sectionInfoArticleInfo .wrapTitleInfoArticleInfo .wrapTextTitleArticleInfo{margin-bottom:16px}}@media (max-width:767px){.sectionInfoArticleInfo .wrapTitleInfoArticleInfo .wrapTextTitleArticleInfo{gap:14px}}.sectionInfoArticleInfo .wrapTitleInfoArticleInfo .wrapTextTitleArticleInfo .wrapImageProfileArticleInfo .imageProfileArticleInfo{width:48px;height:48px;border-radius:50%;background-size:cover;background-position:center;background-repeat:no-repeat}.sectionInfoArticleInfo .wrapTitleInfoArticleInfo .wrapTextTitleArticleInfo .wrapTextArticleInfo{display:flex;gap:16px;align-items:center}@media (max-width:767px){.sectionInfoArticleInfo .wrapTitleInfoArticleInfo .wrapTextTitleArticleInfo .wrapTextArticleInfo{gap:0 16px;flex-wrap:wrap}}.sectionInfoArticleInfo .wrapTitleInfoArticleInfo .wrapTextTitleArticleInfo .wrapTextArticleInfo h3{font-size:14px;font-style:normal;font-weight:600;line-height:20px;font-family:Bai Jamjuree,sans-serif;color:#040404}.sectionInfoArticleInfo .wrapTitleInfoArticleInfo .wrapTextTitleArticleInfo .wrapTextArticleInfo .circleTitleInfoArticleInfo{width:5px;height:5px;border-radius:50%;background-color:#040404}.sectionInfoArticleInfo .wrapImageInfoArticleInfo .imageInfoArticleInfo{width:100%;height:35vw;background-position:center;background-repeat:no-repeat;background-size:cover;border-radius:4px}@media (max-width:767px){.sectionInfoArticleInfo .wrapImageInfoArticleInfo .imageInfoArticleInfo{height:88vw;margin-bottom:32px}}.sectionInfoArticleInfo .wrapTextInfoArticleInfo{margin:48px 0}@media (max-width:992px){.sectionInfoArticleInfo .wrapTextInfoArticleInfo{margin:40px 0}}@media (max-width:767px){.sectionInfoArticleInfo .wrapTextInfoArticleInfo{margin:0 0 32px}}.sectionInfoArticleInfo .wrapTextInfoArticleInfo p{color:#4d4c4c}@media (max-width:992px){.sectionInfoArticleInfo .wrapTextInfoArticleInfo p{font-size:16px;font-style:normal;line-height:22px;font-family:Bai Jamjuree,sans-serif}}@media (max-width:767px){.sectionInfoArticleInfo .wrapTextInfoArticleInfo p{font-size:14px;font-style:normal;font-weight:400;line-height:20px;font-family:Bai Jamjuree,sans-serif}}.sectionBannerArticle{background-color:#000;padding:56px 0}.sectionBannerArticle .bannerArticle .bgBannerArticle{width:100%;height:24vw;background-position:center;background-repeat:no-repeat;background-size:cover;border-radius:8px}.sectionBannerArticle .wrapTextTitleBannerArticle{display:flex;height:100%;align-items:center}.sectionBannerArticle .wrapTextTitleBannerArticle .wrapTextBannerArticle h4{color:#fff}.sectionBannerArticle .wrapTextTitleBannerArticle .wrapTextBannerArticle h1{color:#fff;margin:7px 0 12px}.sectionBannerArticle .wrapTextTitleBannerArticle .wrapTextBannerArticle a{color:#fff}.sectionListArticle{padding:80px 0}.sectionListArticle .wrapCardArticle{margin-bottom:48px}.sectionListArticle .wrapCardArticle .imageCardArticle{width:100%;height:18vw;background-position:center;background-repeat:no-repeat;background-size:cover;border-radius:4px}.sectionListArticle .wrapCardArticle a{color:#040404}.sectionListArticle .wrapCardArticle a:hover{color:#b30d14}.sectionListArticle .wrapCardArticle h2{margin:16px 0 8px}.sectionListArticle .wrapCardArticle .wrapProfileCardArticle{display:flex;gap:8px;margin-bottom:12px}.sectionListArticle .wrapCardArticle .wrapProfileCardArticle .wrapImageProfileCardArticle .imageProfileCardArticle{width:48px;height:48px;border-radius:50%;background-size:cover;background-position:center;background-repeat:no-repeat}.sectionPopupError{display:none}.sectionPopupError .boxPopupError{position:fixed;width:100%;height:100vh;top:0;left:0;z-index:999;background:#05050599;display:flex;align-items:center}.sectionPopupError .boxPopupError .wrapPopupError{width:100%;padding:31px 24px;background-color:#fff;border-radius:8px;text-align:center}.sectionPopupError .boxPopupError .wrapPopupError img{margin-bottom:8px;width:48px}.sectionPopupError .boxPopupError .wrapPopupError p{margin:8px 0}.sectionPopupError .boxPopupError .wrapPopupError .btnSubmitPopup{margin-top:32px}.sectionPopupConfirmVerify{position:fixed;top:66px;width:100%;z-index:9}.sectionPopupConfirmVerify .wrapoPopupConfirmVerify{padding:18px 0;background-color:#d2d2d2}@media (max-width:992px){.sectionPopupConfirmVerify .wrapoPopupConfirmVerify{padding:10px 0}}@media (max-width:767px){.sectionPopupConfirmVerify .wrapoPopupConfirmVerify{padding:12px 0;text-align:center}}.sectionPopupConfirmVerify .wrapoPopupConfirmVerify .wrapTextPopupConfirmVerifyEmail{display:flex;align-items:center;justify-content:center;gap:8px}@media (max-width:767px){.sectionPopupConfirmVerify .wrapoPopupConfirmVerify .wrapTextPopupConfirmVerifyEmail h3{font-size:14px;font-style:normal;font-weight:500;line-height:24px}}.sectionPopupConfirmVerify .wrapoPopupConfirmVerify .wrapTextPopupConfirmVerifyEmail .btnConfirm{padding:8px 24px;width:fit-content}@media (max-width:767px){.sectionPopupConfirmVerify .wrapoPopupConfirmVerify .wrapTextPopupConfirmVerifyEmail .btnConfirm{padding:6px 12px}}.sectionPopupConfirmVerify .wrapoPopupConfirmVerify .wrapTextPopupConfirmVerifyEmail .btnConfirm:hover{border:1px solid #b30d14}.sectionPopupConfirmVerify .wrapoPopupConfirmVerifyPhone{background-color:#bababa}@media (max-width:767px){.sectionPopupConfirmVerify .wrapoPopupConfirmVerifyPhone .wrapTextPopupConfirmVerifyEmail{display:block}}@media (max-width:767px){.sectionPopupConfirmVerify .wrapoPopupConfirmVerifyPhone .wrapTextPopupConfirmVerifyEmail .btnConfirm{margin:8px auto 0}}.sectionPopupConfirmVerify .wrapoPopupConfirmVerifyPhone .wrapTextPopupConfirmVerifyEmail .btnConfirm:hover{border:1px solid #b30d14}.sectionBannerProfileMain .wrapBannerBgProfile{position:relative}.sectionBannerProfileMain .wrapBannerBgProfile .bgBannerProfileMain{background:var(--GD,linear-gradient(104deg,#b30d14 1.73%,#641e7c 60.11%));height:20vw;width:100%;position:relative}@media (max-width:992px){.sectionBannerProfileMain .wrapBannerBgProfile .bgBannerProfileMain{height:33vw}}@media (max-width:767px){.sectionBannerProfileMain .wrapBannerBgProfile .bgBannerProfileMain{height:59vw}}.sectionBannerProfileMain .wrapBannerBgProfile .bgBannerProfileMain h1{color:#fff;text-align:center}@media (max-width:992px){.sectionBannerProfileMain .wrapBannerBgProfile .bgBannerProfileMain h1{font-size:42px;font-style:normal;font-weight:600;line-height:54px;letter-spacing:.2px;font-family:IBM Plex Sans Thai,sans-serif}}@media (max-width:767px){.sectionBannerProfileMain .wrapBannerBgProfile .bgBannerProfileMain h1{font-size:28px;font-style:normal;font-weight:600;line-height:40px;letter-spacing:.2px;font-family:IBM Plex Sans Thai,sans-serif}}.sectionBannerProfileMain .wrapBannerBgProfile .wrapImageProfile{width:100%;position:absolute;bottom:-90px}@media (max-width:767px){.sectionBannerProfileMain .wrapBannerBgProfile .wrapImageProfile{bottom:-54px}}.sectionBannerProfileMain .wrapBannerBgProfile .wrapImageProfile .wrapBgImageProfile .bgImageProfile{outline:2px solid #f2f1ed;width:180px;height:180px;background-repeat:no-repeat;background-size:cover;background-position:center;border-radius:50%;margin:0 auto}@media (max-width:992px){.sectionBannerProfileMain .wrapBannerBgProfile .wrapImageProfile .wrapBgImageProfile .bgImageProfile{width:142px;height:142px}}@media (max-width:767px){.sectionBannerProfileMain .wrapBannerBgProfile .wrapImageProfile .wrapBgImageProfile .bgImageProfile{width:112px;height:112px}}.sectionBannerProfileMain .wrapTextInfoProfile{padding:150px 0 0}@media (max-width:767px){.sectionBannerProfileMain .wrapTextInfoProfile{padding:80px 0 0}}.sectionBannerProfileMain .wrapTextInfoProfile h2{text-align:center}@media (max-width:992px){.sectionBannerProfileMain .wrapTextInfoProfile h2{font-size:22px;font-style:normal;font-weight:700;line-height:22px;font-family:IBM Plex Sans Thai,sans-serif}}@media (max-width:767px){.sectionBannerProfileMain .wrapTextInfoProfile h2{font-size:20px;font-style:normal;font-weight:700;line-height:22px;font-family:IBM Plex Sans Thai,sans-serif}}.sectionBannerProfileMain .wrapTextInfoProfile .wrapListInfoProfile{margin-top:40px}@media (max-width:992px){.sectionBannerProfileMain .wrapTextInfoProfile .wrapListInfoProfile{margin-top:32px}}@media (max-width:767px){.sectionBannerProfileMain .wrapTextInfoProfile .wrapListInfoProfile{margin-top:24px}}.sectionBannerProfileMain .wrapTextInfoProfile .wrapListInfoProfile .wrapInfoProfileContact{display:flex;gap:32px;align-items:center;justify-content:center}@media (max-width:767px){.sectionBannerProfileMain .wrapTextInfoProfile .wrapListInfoProfile .wrapInfoProfileContact{display:block}}.sectionBannerProfileMain .wrapTextInfoProfile .wrapListInfoProfile .wrapInfoProfileContact .articleInfoProfileContact{display:flex;gap:16px;align-items:center}@media (max-width:767px){.sectionBannerProfileMain .wrapTextInfoProfile .wrapListInfoProfile .wrapInfoProfileContact .articleInfoProfileContact{justify-content:space-between;margin-bottom:8px;align-items:flex-start}}.sectionBannerProfileMain .wrapTextInfoProfile .wrapListInfoProfile .wrapInfoProfileContact .articleInfoProfileContact a{color:#040404;text-decoration:none;display:flex;gap:4px;align-items:center}@media (max-width:992px){.sectionBannerProfileMain .wrapTextInfoProfile .wrapListInfoProfile .wrapInfoProfileContact .articleInfoProfileContact a{font-size:16px;font-style:normal;line-height:22px;font-family:Bai Jamjuree,sans-serif}}@media (max-width:767px){.sectionBannerProfileMain .wrapTextInfoProfile .wrapListInfoProfile .wrapInfoProfileContact .articleInfoProfileContact a{font-size:14px;font-style:normal;font-weight:400;line-height:20px;font-family:Bai Jamjuree,sans-serif}}.sectionBannerProfileMain .wrapTextInfoProfile .wrapListInfoProfile .wrapInfoProfileContact .articleInfoProfileContact .btnEdit svg mask rect{fill:#b30d14}.sectionBannerProfileMain .wrapTextInfoProfile .wrapListInfoProfile .wrapInfoProfileContact .articleInfoProfileContact .btnEdit svg g path{fill:#4d4c4c}.sectionBannerProfileMain .wrapTextInfoProfile .wrapListInfoProfile .wrapInfoProfileContact .articleInfoProfileContact .btnEdit:hover svg mask rect{fill:#b30d14}.sectionBannerProfileMain .wrapTextInfoProfile .wrapListInfoProfile .wrapInfoProfileContact .articleInfoProfileContact .btnEdit:hover svg g path{fill:#b30d14}@media (max-width:992px){.sectionBannerProfileMain .wrapTextInfoProfile .wrapListInfoProfile .wrapInfoProfileContact .articleInfoProfileContact h3{font-size:16px;font-style:normal;line-height:22px;font-family:Bai Jamjuree,sans-serif}}@media (max-width:767px){.sectionBannerProfileMain .wrapTextInfoProfile .wrapListInfoProfile .wrapInfoProfileContact .articleInfoProfileContact h3{font-size:14px;font-style:normal;font-weight:400;line-height:20px;font-family:Bai Jamjuree,sans-serif}}.sectionBannerProfileMain .wrapTextInfoProfile .wrapListInfoProfile .wrapInfoProfileContact .articleInfoProfileContactEducation{gap:4px}@media (max-width:767px){.sectionBannerProfileMain .wrapTextInfoProfile .wrapListInfoProfile .wrapInfoProfileContact .articleInfoProfileContactEducation{justify-content:unset}}.sectionBannerProfileMain .wrapTextInfoProfile .wrapListInfoProfile .wrapInfoProfileContactAddress{margin-top:16px}@media (max-width:767px){.sectionBannerProfileMain .wrapTextInfoProfile .wrapListInfoProfile .wrapInfoProfileContactAddress{margin-top:0}}.sectionBannerProfileMain .wrapTextInfoProfile .wrapListInfoProfile .wrapInfoProfileContactAddress .articleInfoProfileContact{gap:4px}@media (max-width:767px){.sectionBannerProfileMain .wrapTextInfoProfile .wrapListInfoProfile .wrapInfoProfileContactAddress .articleInfoProfileContact{justify-content:unset}}.sectionBannerProfileMain .wrapTextInfoProfile .wrapListInfoProfile .btnEditProfile{max-width:198px;margin:32px auto 0}@media (max-width:767px){.sectionBannerProfileMain .wrapTextInfoProfile .wrapListInfoProfile .btnEditProfile{max-width:100%;width:fit-content;padding:12px 8px}}.sectionBannerProfileMain .wrapTextInfoProfile .wrapListInfoProfile .btnEditProfile:hover{border:1px solid #b30d14}.sectionBannerProfileMain .wrapTextInfoProfile .wrapListInfoProfile .wrapListInterestProfile{display:flex;justify-content:space-between}.sectionBannerProfileMain .wrapTextInfoProfile .wrapListInfoProfile .wrapListInterestProfile .articleListInterestProfile{text-align:center;min-width:198px}@media (max-width:767px){.sectionBannerProfileMain .wrapTextInfoProfile .wrapListInfoProfile .wrapListInterestProfile .articleListInterestProfile{min-width:109px}}.sectionBannerProfileMain .wrapTextInfoProfile .wrapListInfoProfile .wrapListInterestProfile .articleListInterestProfile h3{margin-top:16px}.sectionBannerProfileMain .wrapTextInfoProfile .wrapListInfoProfile .wrapListInterestProfile .articleListInterestProfile img{width:34px}.sectionBannerProfileMain .wrapTextInfoProfile .wrapListInfoProfile .wrapListCareerProfile{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.sectionBannerProfileMain .wrapTextInfoProfile .wrapListInfoProfile .wrapListCareerProfile .articleListCareerProfile{width:fit-content;padding:6px 16px;border:1px solid #040404;border-radius:8px}.sectionBannerProfileMain .wrapTextInfoProfile .wrapListInfoProfile .wrapListCareerProfile .articleListCareerProfileMusic{border:1px solid #0053a1}.sectionBannerProfileMain .wrapTextInfoProfile .wrapListInfoProfile .wrapListCareerProfile .articleListCareerProfileMusic h3{color:#0053a1}.sectionBannerProfileMain .wrapTextInfoProfile .wrapListInfoProfile .wrapListCareerProfile .articleListCareerProfileFashion{border:1px solid #ac0039}.sectionBannerProfileMain .wrapTextInfoProfile .wrapListInfoProfile .wrapListCareerProfile .articleListCareerProfileFashion h3{color:#ac0039}.sectionBannerProfileMain .wrapTextInfoProfile .wrapListInfoProfile .wrapListCareerProfile .articleListCareerProfileFood{border:1px solid #258200}.sectionBannerProfileMain .wrapTextInfoProfile .wrapListInfoProfile .wrapListCareerProfile .articleListCareerProfileFood h3{color:#258200}.sectionBannerProfileMain .wrapTextInfoProfile .wrapListInfoProfile .wrapListCareerProfile .articleListCareerProfileFestival{border:1px solid #641e7c}.sectionBannerProfileMain .wrapTextInfoProfile .wrapListInfoProfile .wrapListCareerProfile .articleListCareerProfileFestival h3{color:#641e7c}.sectionBannerProfileMain .wrapTextInfoProfile .wrapListInfoProfile .wrapListCareerProfile .articleListCareerProfileGame{border:1px solid #cc2600}.sectionBannerProfileMain .wrapTextInfoProfile .wrapListInfoProfile .wrapListCareerProfile .articleListCareerProfileGame h3{color:#cc2600}.sectionBannerProfileMain .wrapTextInfoProfile .wrapListInfoProfile .wrapListCareerProfile .articleListCareerProfileDesign{border:1px solid #344b5f}.sectionBannerProfileMain .wrapTextInfoProfile .wrapListInfoProfile .wrapListCareerProfile .articleListCareerProfileDesign h3{color:#344b5f}.sectionBannerProfileMain .wrapTextInfoProfile .wrapListInfoProfile .wrapListCareerProfile .articleListCareerProfileArt{border:1px solid #7b4c00}.sectionBannerProfileMain .wrapTextInfoProfile .wrapListInfoProfile .wrapListCareerProfile .articleListCareerProfileArt h3{color:#7b4c00}.sectionBannerProfileMain .wrapTextInfoProfile .wrapListInfoProfile .wrapListCareerProfile .articleListCareerProfileSport{border:1px solid #041d44}.sectionBannerProfileMain .wrapTextInfoProfile .wrapListInfoProfile .wrapListCareerProfile .articleListCareerProfileSport h3{color:#041d44}.sectionBannerProfileMain .wrapTextInfoProfile .wrapListInfoProfile .wrapListCareerProfile .articleListCareerProfileTravel{border:1px solid #005959}.sectionBannerProfileMain .wrapTextInfoProfile .wrapListInfoProfile .wrapListCareerProfile .articleListCareerProfileTravel h3{color:#005959}.sectionBannerProfileMain .wrapTextInfoProfile .wrapListInfoProfile .wrapListCareerProfile .articleListCareerProfileMovie{border:1px solid #250035}.sectionBannerProfileMain .wrapTextInfoProfile .wrapListInfoProfile .wrapListCareerProfile .articleListCareerProfileMovie h3{color:#250035}.sectionBannerProfileMain .wrapTextInfoProfile .wrapListInfoProfile .wrapListCareerProfile .articleListCareerProfileBook{border:1px solid #644f38}.sectionBannerProfileMain .wrapTextInfoProfile .wrapListInfoProfile .wrapListCareerProfile .articleListCareerProfileBook h3{color:#644f38}.sectionBannerProfileMain .wrapTextInfoProfileInterest{padding:80px 0 0}@media (max-width:992px){.sectionBannerProfileMain .wrapTextInfoProfileInterest{padding:60px 0 0}}@media (max-width:767px){.sectionBannerProfileMain .wrapTextInfoProfileInterest{padding:40px 0 0}}@media (max-width:992px){.sectionBannerProfileMain .wrapTextInfoProfileInterest h2{font-size:16px;font-style:normal;font-weight:700;line-height:24px;letter-spacing:.1px;font-family:IBM Plex Sans Thai,sans-serif}}.sectionBannerProfileMain .wrapTextInfoProfileICareer{padding:80px 0}@media (max-width:992px){.sectionBannerProfileMain .wrapTextInfoProfileICareer{padding:60px 0}}@media (max-width:992px){.sectionBannerProfileMain .wrapTextInfoProfileICareer h2{font-size:16px;font-style:normal;font-weight:700;line-height:24px;letter-spacing:.1px;font-family:IBM Plex Sans Thai,sans-serif}}.sectionBannerProfileMainEdit .wrapBannerBgProfile .bgBannerProfileMain{padding-top:78px}@media (max-width:992px){.sectionBannerProfileMainEdit .wrapBannerBgProfile .bgBannerProfileMain{padding-top:56px}}@media (max-width:767px){.sectionBannerProfileMainEdit .wrapBannerBgProfile .bgBannerProfileMain{height:100%;padding-bottom:84px}}.sectionBannerProfileMainEdit .wrapImageProfile input{display:none}.sectionBannerProfileMainEdit .wrapImageProfile .btnEditProfile{background-color:transparent;border:none;position:relative}.sectionBannerProfileMainEdit .wrapImageProfile .btnEditProfile .iconUpload{position:absolute;right:5px;bottom:5px}@media (max-width:767px){.sectionBannerProfileMainEdit .wrapImageProfile .btnEditProfile .iconUpload{max-width:20px;right:2px}}.sectionBannerProfileMainEdit .wrapImageProfile .wrapBgImageProfile{cursor:pointer}@media (max-width:992px){.sectionBannerProfileMainEdit .wrapImageProfile .wrapBgImageProfile{width:fit-content;margin:0 auto}}.sectionBannerProfileMainEdit .wrapImageProfile .wrapBgImageProfile .bgImageProfile{overflow:hidden;object-fit:cover;object-position:25% 25%;background-color:#fff}.sectionBannerProfileMainEdit .wrapImageProfile .wrapBgImageProfile .bgImageProfile .media-object .img-object{width:180px;object-fit:cover;height:180px}@media (max-width:992px){.sectionBannerProfileMainEdit .wrapImageProfile .wrapBgImageProfile .bgImageProfile .media-object .img-object{width:142px;height:142px}}@media (max-width:767px){.sectionBannerProfileMainEdit .wrapImageProfile .wrapBgImageProfile .bgImageProfile .media-object .img-object{width:112px;height:112px}}.sectionProfileExperience{padding:80px 0;background-color:#f2f1ed}@media (max-width:992px){.sectionProfileExperience{padding:56px 0}}@media (max-width:767px){.sectionProfileExperience{padding:48px 0}}.sectionProfileExperience h1{font-size:32px;font-style:normal;font-weight:400;line-height:38px;font-family:Bai Jamjuree,sans-serif;text-align:center}@media (max-width:992px){.sectionProfileExperience h1{font-size:14px;line-height:20px}}.sectionProfileExperience h2{text-align:center;margin-bottom:48px}@media (max-width:992px){.sectionProfileExperience h2{margin-bottom:32px}}@media (max-width:767px){.sectionProfileExperience h2{font-size:20px;font-style:normal;font-weight:700;line-height:22px;font-family:IBM Plex Sans Thai,sans-serif}}.sectionProfileExperience .btnLernExpMore{width:fit-content;padding:12px 24px;margin:48px auto 0}@media (max-width:992px){.sectionProfileExperience .btnLernExpMore{margin-top:32px}}.sectionProfileExperience .btnLernExpMore:hover{border:1px solid #b30d14}.sectionProfileExperience .wrapCardListExperience .card{border-radius:8px;border:none;background-color:#fff;box-shadow:0 0 10px #0000000d;padding:12px;margin-bottom:20px}.sectionProfileExperience .wrapCardListExperience .card .bgImageCardListExperience{width:100%;height:241px;background-position:center;background-repeat:no-repeat;background-size:cover;border-radius:4px}.sectionProfileExperience .wrapCardListExperience .card .card-body{padding:12px 0 4px}.sectionProfileExperience .wrapCardListExperience .card .card-body hr{margin:12px 0 8px;background:#d2d2d2;opacity:1}.sectionProfileExperience .wrapCardListExperience .card .card-body .card-title{margin-top:6px}@media (max-width:992px){.sectionProfileExperience .wrapCardListExperience .card .card-body .card-title{font-size:16px;font-style:normal;font-weight:700;line-height:24px;letter-spacing:.1px;font-family:IBM Plex Sans Thai,sans-serif}}@media (max-width:767px){.sectionProfileExperience .wrapCardListExperience .card .card-body .card-title{font-size:16px;font-style:normal;font-weight:700;line-height:24px;letter-spacing:.1px;font-family:IBM Plex Sans Thai,sans-serif}}.sectionProfileExperience .wrapCardListExperience .card .card-body .card-text{margin-bottom:8px}.sectionProfileExperience .wrapCardListExperience .card:last-child{margin-bottom:0}.sectionListCourseProfile{background-color:#fff;padding:80px 0}@media (max-width:992px){.sectionListCourseProfile{padding:64px 0}}@media (max-width:767px){.sectionListCourseProfile{padding:48px 0}}.sectionListCourseProfile h1{font-size:32px;font-style:normal;font-weight:400;line-height:38px;font-family:Bai Jamjuree,sans-serif;text-align:center}@media (max-width:992px){.sectionListCourseProfile h1{font-size:14px;line-height:20px}}.sectionListCourseProfile h2{text-align:center;margin-bottom:48px}@media (max-width:992px){.sectionListCourseProfile h2{margin-bottom:32px}}@media (max-width:767px){.sectionListCourseProfile h2{font-size:20px;font-style:normal;font-weight:700;line-height:22px;font-family:IBM Plex Sans Thai,sans-serif}}.sectionListCourseProfile .btnLernExpMore{width:fit-content;padding:12px 24px;margin:48px auto 0}@media (max-width:992px){.sectionListCourseProfile .btnLernExpMore{margin-top:32px}}.sectionListCourseProfile .btnLernExpMore:hover{border:1px solid #b30d14}.sectionListCourseProfile .wrapCardListCourseProfile{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:48px 20px}@media (max-width:992px){.sectionListCourseProfile .wrapCardListCourseProfile{grid-template-columns:1fr 1fr;grid-gap:20px}}@media (max-width:767px){.sectionListCourseProfile .wrapCardListCourseProfile{grid-template-columns:1fr;grid-gap:32px}}.profileCourseRecomment{padding:80px 0;background-color:#f2f1ed}@media (max-width:992px){.profileCourseRecomment{padding:64px 0}}@media (max-width:767px){.profileCourseRecomment{padding:48px 0}}.sectionBannerProfileCourse{padding:60px 0;background:var(--DG0,linear-gradient(94deg,#b30d14 2.98%,#641e7c 97.02%))}@media (max-width:767px){.sectionBannerProfileCourse{padding:40px 0}}.sectionBannerProfileCourse h1{color:#fff;text-align:center}@media (max-width:992px){.sectionBannerProfileCourse h1{font-size:42px;font-style:normal;font-weight:600;line-height:54px;letter-spacing:.2px;font-family:IBM Plex Sans Thai,sans-serif}}@media (max-width:767px){.sectionBannerProfileCourse h1{font-size:28px;font-style:normal;font-weight:600;line-height:40px;letter-spacing:.2px;font-family:IBM Plex Sans Thai,sans-serif}}.sectionListCourseProfileExperienceCourse{background-color:#f2f1ed}.sectionListCourseProfileExperienceCourse .btnLernExpMore{min-width:196px}@media (max-width:767px){.sectionListCourseProfileExperienceCourse .btnLernExpMore{min-width:100%}}.sectionProfileExperienceLearn{background-color:#f2f1ed}.sectionProfileExperienceLearn .btnLernExpMore{min-width:196px}@media (max-width:767px){.sectionProfileExperienceLearn .btnLernExpMore{min-width:100%}}.sectionBannerMainCourse{background-color:#000;padding:60px 0}@media (max-width:992px){.sectionBannerMainCourse{padding-bottom:100px}}@media (max-width:767px){.sectionBannerMainCourse{padding-bottom:60px}}.sectionBannerMainCourse .wrapBannerMainCourse .articleBannerMainCourse .wrapImageBannerMainCourse .bgImageBannerMainCourse{width:100%;height:23.4vw;background-repeat:no-repeat;background-position:center;background-size:cover;border-radius:16px}@media (max-width:992px){.sectionBannerMainCourse .wrapBannerMainCourse .articleBannerMainCourse .wrapImageBannerMainCourse .bgImageBannerMainCourse{height:46.4vw}}@media (max-width:767px){.sectionBannerMainCourse .wrapBannerMainCourse .articleBannerMainCourse .wrapImageBannerMainCourse .bgImageBannerMainCourse{height:60.4vw}}.sectionBannerMainCourse .wrapBannerMainCourse .articleBannerMainCourse .wrapTextBannerMainCourse{display:flex;align-items:center;height:100%;padding-left:30px}@media (max-width:992px){.sectionBannerMainCourse .wrapBannerMainCourse .articleBannerMainCourse .wrapTextBannerMainCourse{padding-left:0;justify-content:center}}@media (max-width:992px){.sectionBannerMainCourse .wrapBannerMainCourse .articleBannerMainCourse .wrapTextBannerMainCourse .textBannerMainCourse{text-align:center;padding:32px 0 0}}@media (max-width:767px){.sectionBannerMainCourse .wrapBannerMainCourse .articleBannerMainCourse .wrapTextBannerMainCourse .textBannerMainCourse{padding:24px 0 0}}.sectionBannerMainCourse .wrapBannerMainCourse .articleBannerMainCourse .wrapTextBannerMainCourse .textBannerMainCourse h1{color:#fff;margin:16px 0 8px}@media (max-width:992px){.sectionBannerMainCourse .wrapBannerMainCourse .articleBannerMainCourse .wrapTextBannerMainCourse .textBannerMainCourse h1{font-size:42px;font-style:normal;font-weight:600;line-height:54px;letter-spacing:.2px;font-family:IBM Plex Sans Thai,sans-serif}}@media (max-width:767px){.sectionBannerMainCourse .wrapBannerMainCourse .articleBannerMainCourse .wrapTextBannerMainCourse .textBannerMainCourse h1{font-size:28px;font-style:normal;font-weight:600;line-height:40px;letter-spacing:.2px;font-family:IBM Plex Sans Thai,sans-serif}}.sectionBannerMainCourse .wrapBannerMainCourse .articleBannerMainCourse .wrapTextBannerMainCourse .textBannerMainCourse h3{color:#fff;font-weight:500;line-height:18px;letter-spacing:.4px}.sectionBannerMainCourse .wrapBannerMainCourse .articleBannerMainCourse .wrapTextBannerMainCourse .textBannerMainCourse p{color:#fff;font-weight:400;line-height:24px;letter-spacing:.3px}@media (max-width:767px){.sectionBannerMainCourse .wrapBannerMainCourse .articleBannerMainCourse .wrapTextBannerMainCourse .textBannerMainCourse p{font-size:14px;font-style:normal;font-weight:400;line-height:20px;font-family:Bai Jamjuree,sans-serif}}.sectionBannerMainCourse .wrapBannerMainCourse .articleBannerMainCourse .wrapTextBannerMainCourse .textBannerMainCourse .btnRegistCourse{width:fit-content;padding:12px 40px;margin-top:24px}@media (max-width:992px){.sectionBannerMainCourse .wrapBannerMainCourse .articleBannerMainCourse .wrapTextBannerMainCourse .textBannerMainCourse .btnRegistCourse{margin:24px auto 0}}.sectionBannerMainCourse .wrapBannerMainCourse .slick-dots li button{width:20px;height:4px;background-color:#fff;opacity:.2;border-radius:2px;padding:0}.sectionBannerMainCourse .wrapBannerMainCourse .slick-dots li button:before{color:#b30d14;content:""}.sectionBannerMainCourse .wrapBannerMainCourse .slick-dots{width:47.5%;right:0;bottom:0;text-align:left}@media (max-width:1400px){.sectionBannerMainCourse .wrapBannerMainCourse .slick-dots{bottom:-10%}}@media (max-width:992px){.sectionBannerMainCourse .wrapBannerMainCourse .slick-dots{text-align:center;width:100%;bottom:-10%}}.sectionBannerMainCourse .wrapBannerMainCourse .slick-dots .slick-active button{background-color:#b30d14;opacity:1}.sectionBannerMainCourseInfoLimited{position:relative}.sectionBannerMainCourseInfoLimited .wrapImageBannerMainCourse .bgImageBannerMainCourse{width:100%;height:500px;background-position:center;background-repeat:no-repeat;background-size:cover}.sectionBannerMainCourseInfoLimited .wrapTextBannerMainCourse{width:100%;position:absolute;top:0;padding:52px 0 44px}@media (max-width:992px){.sectionBannerMainCourseInfoLimited .wrapTextBannerMainCourse .textBannerMainCourse{text-align:center;padding:32px 0 0}}@media (max-width:767px){.sectionBannerMainCourseInfoLimited .wrapTextBannerMainCourse .textBannerMainCourse{padding:24px 0 0}}.sectionBannerMainCourseInfoLimited .wrapTextBannerMainCourse .textBannerMainCourse h1{color:#fff;margin:16px 0 8px}@media (max-width:992px){.sectionBannerMainCourseInfoLimited .wrapTextBannerMainCourse .textBannerMainCourse h1{font-size:42px;font-style:normal;font-weight:600;line-height:54px;letter-spacing:.2px;font-family:IBM Plex Sans Thai,sans-serif}}@media (max-width:767px){.sectionBannerMainCourseInfoLimited .wrapTextBannerMainCourse .textBannerMainCourse h1{font-size:28px;font-style:normal;font-weight:600;line-height:40px;letter-spacing:.2px;font-family:IBM Plex Sans Thai,sans-serif}}.sectionBannerMainCourseInfoLimited .wrapTextBannerMainCourse .textBannerMainCourse h5{font-family:Bai Jamjuree,sans-serif;color:#fff;font-size:14px;font-style:normal;font-weight:300;line-height:20px}.sectionBannerMainCourseInfoLimited .wrapTextBannerMainCourse .textBannerMainCourse p{color:#fff;font-weight:400;line-height:24px;letter-spacing:.3px}@media (max-width:767px){.sectionBannerMainCourseInfoLimited .wrapTextBannerMainCourse .textBannerMainCourse p{font-size:14px;font-style:normal;font-weight:400;line-height:20px;font-family:Bai Jamjuree,sans-serif}}.sectionBannerMainCourseInfoLimited .wrapTextBannerMainCourse .textBannerMainCourse .wrapBtnBannerMainCourse{display:flex;gap:24px}.sectionBannerMainCourseInfoLimited .wrapTextBannerMainCourse .textBannerMainCourse .wrapBtnBannerMainCourse .btn{width:fit-content;padding:12px 40px;margin-top:24px}.sectionListCourseMain{padding:0 0 80px}@media (max-width:992px){.sectionListCourseMain{padding-top:32px;padding-bottom:56px}}@media (max-width:767px){.sectionListCourseMain{padding-top:16px}}.sectionListCourseMain .wrapSelectListCourseTablet{display:none!important}@media (max-width:992px){.sectionListCourseMain .wrapSelectListCourseTablet{display:block!important}}@media (max-width:992px){.sectionListCourseMain .wrapSelectListCourseTablet .wrapContentCourse{width:100%!important;padding-bottom:32px!important}}.sectionListCourseMain .wrapSelectListCourseTablet .apto-dropdown-wrapper{position:relative}.sectionListCourseMain .wrapSelectListCourseTablet .apto-trigger-dropdown{transition:.2s ease-in;cursor:pointer;position:relative}.sectionListCourseMain .wrapSelectListCourseTablet .apto-trigger-dropdown .iconDropdown{position:absolute;right:24px}.sectionListCourseMain .wrapSelectListCourseTablet .btn{display:flex;width:100%;align-items:center;padding:12px 24px;gap:4px;height:50px;background-color:transparent;outline:0;box-shadow:none;border-radius:8px;border:1px solid #040404}.sectionListCourseMain .wrapSelectListCourseTablet .btn p{text-decoration:none}.sectionListCourseMain .wrapSelectListCourseTablet .dropdown-item.active,.sectionListCourseMain .wrapSelectListCourseTablet .dropdown-item:active{background-color:#dbdad5;color:#040404}.sectionListCourseMain .wrapSelectListCourseTablet .dropdown-menu{width:100%;display:none;z-index:4;position:absolute;left:0;top:48px;padding-top:0;padding-bottom:28px;background-color:#f2f1ed;border-radius:8px;border:none}.sectionListCourseMain .wrapSelectListCourseTablet .dropdown-menu p{text-decoration:none}.sectionListCourseMain .wrapSelectListCourseTablet .dropdown-item:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.sectionListCourseMain .wrapSelectListCourseTablet .dropdown-menu.show{display:block}.sectionListCourseMain .wrapSelectListCourseTablet .dropdown-item svg{width:25px;height:25px;float:left;margin-right:10px;color:#222}.sectionListCourseMain .wrapSelectListCourseTablet .dropdown-item{width:100%;border:0;padding:12px 20px;border:none;cursor:pointer;transition:.2s ease-in;display:flex;gap:8px;align-items:center}.sectionListCourseMain .wrapSelectListCourseTablet .dropdown-item:hover{background-color:#dbdad5}.sectionListCourseMain .wrapListCourseMain{display:grid;grid-template-columns:1fr 3fr;grid-gap:20px}@media (max-width:992px){.sectionListCourseMain .wrapListCourseMain{display:block}}.sectionListCourseMain .wrapListCourseMain .wrapMenuListCourseMain{background-color:#f2f1ed;padding:48px 0;height:fit-content}@media (max-width:992px){.sectionListCourseMain .wrapListCourseMain .wrapMenuListCourseMain{display:none}}.sectionListCourseMain .wrapListCourseMain .wrapMenuListCourseMain h1{text-align:left;margin-bottom:32px;padding-left:70px}.sectionListCourseMain .wrapListCourseMain .wrapMenuListCourseMain .nav .nav-link{font-size:18px;font-style:normal;font-weight:500;line-height:24px;font-family:IBM Plex Sans Thai,sans-serif;text-align:left;background-color:transparent;border:none;width:100%;border-radius:0;position:relative;box-shadow:0;outline:0;padding:14px 48px 14px 70px;display:flex;justify-content:space-between;align-items:center}.sectionListCourseMain .wrapListCourseMain .wrapMenuListCourseMain .nav .nav-link .borderActive{width:20px;background-color:#b30d14;height:100%;position:absolute;left:0;top:0;display:none}.sectionListCourseMain .wrapListCourseMain .wrapMenuListCourseMain .nav .active{color:#040404;background-color:#dbdad5}.sectionListCourseMain .wrapListCourseMain .wrapMenuListCourseMain .nav .active .borderActive{display:block}.sectionListCourseMain .wrapListCourseMain .wrapContentCourse{padding:60px 70px 0 0}@media (max-width:992px){.sectionListCourseMain .wrapListCourseMain .wrapContentCourse{padding:32px 10px;width:calc(100% - 70px);margin:0 auto}}@media (max-width:767px){.sectionListCourseMain .wrapListCourseMain .wrapContentCourse{width:100%}}@media (max-width:992px){.sectionListCourseMain .wrapListCourseMain .wrapContentCourse .wrapTitleContentCourse{display:none}}.sectionListCourseMain .wrapListCourseMain .wrapContentCourse .wrapTitleContentCourse h3{text-align:center}.sectionListCourseMain .wrapListCourseMain .wrapContentCourse .wrapTitleContentCourse p{text-align:center;margin-top:8px}@media (max-width:992px){.sectionListCourseMain .wrapListCourseMain .wrapContentCourse .wrapTitleContentCourseActive{display:block}}.sectionListCourseMain .wrapListCourseMain .wrapContentCourse .wrapCardListCourseMain{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:40px 20px;margin-top:40px}@media (max-width:992px){.sectionListCourseMain .wrapListCourseMain .wrapContentCourse .wrapCardListCourseMain{grid-template-columns:1fr 1fr;margin-top:0}}@media (max-width:767px){.sectionListCourseMain .wrapListCourseMain .wrapContentCourse .wrapCardListCourseMain{grid-template-columns:1fr;margin-top:0}}.sectionListCourseMain .wrapListCourseMain .wrapPagination{display:flex;justify-content:flex-end;padding-right:70px;padding-top:40px}@media (max-width:992px){.sectionListCourseMain .wrapListCourseMain .wrapPagination{justify-content:center;padding-right:0;padding-top:0}}.sectionListCourseMain .wrapListCourseMain .wrapPagination nav .pagination{margin-bottom:0;align-items:center}.sectionListCourseMain .wrapListCourseMain .wrapPagination nav .pagination .page-item .page-link{font-size:14px;font-style:normal;font-weight:700;line-height:20px;font-family:Inter,sans-serif;color:#4d4c4c;border:none}.sectionListCourseMain .wrapListCourseMain .wrapPagination nav .pagination .page-item .page-link svg path{fill:#040404}.sectionListCourseMain .wrapListCourseMain .wrapPagination nav .pagination .page-item .page-link:hover{color:#7b7b7b;background-color:transparent}.sectionListCourseMain .wrapListCourseMain .wrapPagination nav .pagination .page-item .page-link:hover svg path{fill:#7b7b7b}.sectionListCourseMain .wrapListCourseMain .wrapPagination nav .pagination .page-item:first-child .page-link{padding:4px}.sectionListCourseMain .wrapListCourseMain .wrapPagination nav .pagination .page-link{padding:12px}.sectionListCourseMain .wrapListCourseMain .wrapPagination nav .pagination .page-item:last-child .page-link{padding:4px}.sectionListCourseMain .wrapListCourseMain .wrapPagination nav .pagination .page-item.active .page-link{color:#040404;background-color:transparent;border:none}.sectionListCourseMain .wrapListCourseMain .wrapPagination nav .pagination .page-item.disabled .page-link svg path{fill:#4d4c4c}.sectionListCourseMain .fade{transition:opacity .5s linear}.sectionBannerProfileMainEditInterest .wrapBannerBgProfile .bgBannerProfileMain{height:auto;padding:62px 0}@media (max-width:992px){.sectionProfileEditInterest{padding:56px 0 80px}}@media (max-width:767px){.sectionProfileEditInterest{padding:48px 0 56px}}.sectionProfileEditInterest .form-card .wrapInputFormShowActive{margin-top:0}@media (max-width:992px){.sectionProfileEditInterest .form-card .wrapInputFormShowActive{margin-top:0!important}}@media (max-width:767px){.sectionProfileEditInterest .form-card .wrapInputFormShowActive{margin-top:0!important}}@media (max-width:992px){.sectionProfileEditInterest .form-card .wrapInputForm{margin-top:40px}}@media (max-width:767px){.sectionProfileEditInterest .form-card .wrapInputForm{margin-top:24px}}@media (max-width:992px){.sectionProfileEditCareer{padding:56px 0 80px}}@media (max-width:767px){.sectionProfileEditCareer{padding:48px 0 56px}}.sectionProfileEditCareer .form-card .wrapInputFormShowActive{margin-top:0}@media (max-width:992px){.sectionProfileEditCareer .form-card .wrapInputFormShowActive{margin-top:0!important}}@media (max-width:767px){.sectionProfileEditCareer .form-card .wrapInputFormShowActive{margin-top:0!important}}@media (max-width:992px){.sectionProfileEditCareer .form-card .wrapInputForm{margin-top:40px}}@media (max-width:767px){.sectionProfileEditCareer .form-card .wrapInputForm{margin-top:24px}}.sectionInfoRegisterConfirmOtp .form-card .wrapInputForm{margin-top:32px}.sectionInfoRegisterConfirmOtp .form-card .wrapInputForm .articleInputForm{text-align:left}.sectionProfileEditInfo{min-height:100%}@media (max-width:767px){.sectionProfileEditInfo{padding-top:30px;padding-bottom:56px}}.logoImg{height:40px!important;padding-bottom:0!important}.articleListAbout a{text-decoration:none}header{padding:0}footer{padding:10px}.sectionFormLogin .wrapFormLogin .btnLogin,.sectionFormLogin .wrapFormLogin .btnLoginThaiId{font-size:16px}.nav-link{font-family:IBM Plex Sans Thai,sans-serif;color:#000;font-size:16px!important;font-weight:400;border-bottom:#fff solid 1px!important}.dropdown-item{border-bottom:#fff solid 1px!important;color:#000!important}.nav-item.active .nav-link{color:#b30d14;font-weight:700}.btn{font-style:normal;font-weight:700;line-height:normal;font-family:IBM Plex Sans Thai,sans-serif!important;border-radius:8px;text-align:center;padding:6px 12px;min-width:160px!important;--bs-btn-font-size: 14px}.btn-block{width:100%}.btn-lg{padding:12px 0}.btn-sm{min-width:0px!important}.sectionPopupConfirmVerify .wrapoPopupConfirmVerifyPhone .wrapTextPopupConfirmVerifyEmail{display:flex}.btn-outline-dark{--bs-btn-color: #040404;--bs-btn-border-color: #040404;--bs-btn-hover-color: #fff;--bs-btn-hover-bg: #040404;--bs-btn-hover-border-color: #040404;--bs-btn-focus-shadow-rgb: 13, 110, 253;--bs-btn-active-color: #fff;--bs-btn-active-bg: #040404;--bs-btn-active-border-color: #040404;--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color: #040404;--bs-btn-disabled-bg: transparent;--bs-btn-disabled-border-color: #040404;--bs-gradient: none;background-color:transparent}a.btn-outline-dark:hover{border:1px solid var(--bs-btn-hover-border-color)!important}.btn-primary{--bs-btn-color: #fff;--bs-btn-bg: #b30d14;--bs-btn-border-color: #b30d14;--bs-btn-hover-color: #fff;--bs-btn-hover-bg: #d52d1f;--bs-btn-hover-border-color: #b30d14;--bs-btn-focus-shadow-rgb: 49, 132, 253;--bs-btn-active-color: #fff;--bs-btn-active-bg: #b30d14;--bs-btn-active-border-color: b30d140a53be;--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color: #fff;--bs-btn-disabled-bg: #b30d14;--bs-btn-disabled-border-color: #b30d14}.btn-outline-primary{--bs-btn-color: #b30d14 !important;--bs-btn-border-color: #b30d14 !important;--bs-btn-hover-color: #fff !important;--bs-btn-hover-bg: #b30d14 !important;--bs-btn-hover-border-color: #b30d14 !important;--bs-btn-focus-shadow-rgb: 13, 110, 253;--bs-btn-active-color: #fff !important;--bs-btn-active-bg: #b30d14 !important;--bs-btn-active-border-color: #b30d14 !important;--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);--bs-btn-disabled-color: #b30d14 !important;--bs-btn-disabled-bg: transparent;--bs-btn-disabled-border-color: #b30d14 !important;--bs-gradient: none}.sectionInfoRegister,.sectionListCourse{padding:0;background-color:transparent}.bg-gradient-primary-to-secondary{background:#c00010;background:linear-gradient(135deg,#c00010,#e21e80)}.text-gradient{font-family:Noto Sans Thai;background:-webkit-linear-gradient(315deg,#c00010 0%,#20409a 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.articleTagCardCourse h3 a{font-size:12px!important;text-decoration:none!important;font-style:normal!important;font-weight:500!important;line-height:12px!important}.profile{position:relative;height:75vw;width:75vw;border-radius:5vw;margin-top:5vw;max-height:40rem;max-width:40rem}.profile .profile-img{height:80vw;max-height:45rem;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.profile .dots-1{position:absolute;width:3vw;right:1.5vw;top:4vw}.profile .dots-1 svg{fill:#fff}.profile .dots-2{position:absolute;width:3vw;right:-4vw;top:6.05vw}.profile .dots-2 svg{fill:#c00010}.profile .dots-3{position:absolute;width:3vw;left:1.5vw;bottom:6.05vw}.profile .dots-3 svg{fill:#fff}.profile .dots-4{position:absolute;width:3vw;left:-4vw;bottom:4vw}.profile .dots-4 svg{fill:#c00010}@media (min-width: 576px){.profile{height:60vw;width:60vw}.profile .profile-img{height:65vw}.profile .dots-1{width:3vw;right:1.5vw}.profile .dots-2{width:3vw;right:-4vw}.profile .dots-3{width:3vw;left:1.5vw}.profile .dots-4{width:3vw;left:-4vw}}@media (min-width: 768px){.profile{height:50vw;width:50vw}.profile .profile-img{height:55vw}.profile .dots-1{width:3vw;right:1.5vw}.profile .dots-2{width:3vw;right:-4vw}.profile .dots-3{width:3vw;left:1.5vw}.profile .dots-4{width:3vw;left:-4vw}}@media (min-width: 992px){.profile{height:40vw;width:40vw}.profile .profile-img{height:45vw}.profile .dots-1{width:1.5vw;right:.75vw}.profile .dots-2{width:1.5vw;right:-2vw}.profile .dots-3{width:1.5vw;left:.75vw}.profile .dots-4{width:1.5vw;left:-2vw}}@media (min-width: 1200px){.profile{height:35vw;width:35vw}.profile .profile-img{height:40vw}.profile .dots-1{width:1.5vw;right:.75vw}.profile .dots-2{width:1.5vw;right:-2vw}.profile .dots-3{width:1.5vw;left:.75vw}.profile .dots-4{width:1.5vw;left:-2vw}}.form-control{border-radius:4px;border:1px solid #d2d2d2;background-color:#fff;padding:12px;font-family:Bai Jamjuree,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:22px}.invalid-required,.invalid-format,.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:#b30d14}.articleInputForm{margin-bottom:10px!important}.wrapInputForm{margin-top:20px!important}.choices{font-size:16px!important;margin-bottom:0!important}.choices__inner{font-size:16px!important}.choices__item--selectable{padding-right:unset!important}.choices__inner.was-validated:has(select:invalid){border-color:#dc3545!important}.choices[data-type*=select-one]:has(.was-validated select:invalid)~.invalid-feedback{display:block!important}.swal2-image{width:48px;margin-bottom:0}.swal2-title{font-size:24px;font-style:normal;padding:10px 0 0;font-weight:700;line-height:26px;font-family:IBM Plex Sans Thai,sans-serif}.swal2-html-container{font-size:18px;font-style:normal;margin:5px 0 20px!important;font-weight:400;line-height:24px;font-family:Bai Jamjuree,sans-serif}.swal2-popup{padding:0 20px 10px}.swal2-actions{display:contents!important}.articleTagCardCourse a{color:#fff!important}.p-80{padding:80px 0}.bg-tan{background-color:#f2f1ed}.sectionBannerProfileMain .wrapBannerBgProfile .bgBannerProfileMain{height:10vw}@media (min-width: 1500px){.sectionListCourseProfile .wrapCardListCourseProfile{grid-template-columns:1fr 1fr 1fr 1fr 1fr}}body{font-size:18px}.inline-link{color:#040404;text-decoration:none}.wrapListInfoProfile{font-style:normal;font-weight:400;line-height:24px;font-family:Bai Jamjuree,sans-serif}.centered-content{display:flex;justify-content:center;align-items:center;flex-direction:column;height:100vh}.sectionPopupConfirmVerify{position:static}.sectionBannerProfileMain .wrapTextInfoProfile{padding:100px 0 0}@media (max-width: 767px){.sectionBannerProfileMain .wrapTextInfoProfile{padding:80px 0 0}}.flex-center{display:flex!important;flex-wrap:wrap;align-items:center!important;justify-content:center!important}.sectionListCourseProfile .wrapCardListCourseProfile{grid-gap:10px 10px!important}.grid-box{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:1fr;grid-column-gap:5px;grid-row-gap:5px}.sectionListCourseMain .wrapListCourseMain .wrapContentCourse .wrapCardListCourseMain{grid-gap:10px;grid-template-columns:1fr 1fr 1fr}@media (max-width: 1200px){.sectionListCourseMain .wrapListCourseMain .wrapContentCourse .wrapCardListCourseMain{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.sectionListCourseMain .wrapListCourseMain .wrapContentCourse .wrapCardListCourseMain{grid-template-columns:1fr}}.tag-card{position:absolute;top:0;z-index:2;width:fit-content;display:flex;grid-gap:5px}.sectionListCourseMain .wrapListCourseMain .wrapContentCourse .wrapCardListCourseMain a .card .wrapImageCardCourse .wrapTagImageCardCourse,.sectionListCourseProfile .wrapCardListCourseProfile a .card .wrapImageCardCourse .wrapTagImageCardCourse{position:static}.wrapTagImageCardCourse img{color:#fff;filter:invert(100%) brightness(1000%);width:10px!important;margin-right:5px}.imageMenuProfile{border-radius:100px!important}.wrapImageMenuProfile.menuActive{border-bottom:0px!important;outline:2px solid #e80000!important}.ulMenuHeader li a{font-size:16px}.ulMenuHeader li a:hover{font-weight:700!important;color:#e80000!important}header .menuHeaderDesktopBar .ulMenuHeader{gap:0px}header .menuHeaderDesktopBar .ulMenuHeader li a{font-size:16px!important}.wrapListInfoProfile{text-align:center}@media (max-width: 576px){.wrapListInfoProfile{text-align:left;padding-left:10px;padding-right:10px}.wrapListInfoProfile .d-inline-flex.action{float:right}}header .btnMenuProfile{margin-left:0}header .wrapMenuMobile .btnMenuHamBox .menu_wrapper ul li a{pointer-events:all}