@import url(https://fonts.googleapis.com/css2?family=Cormorant:ital,wght@0,300..700;1,300..700&family=Prompt:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap);
.card-article-popular{height:100%;position:relative;width:100%}.card-article-popular .box-img{height:240px;position:relative;width:100%}@media (max-width:767.98px){.card-article-popular .box-img{height:104px}}.card-article-popular .box-img img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.card-article-popular .box-img .img-text{bottom:24px;margin:0 16px;position:absolute}.card-article-popular .box-img .img-text .text-title{-webkit-line-clamp:1;color:var(--Main-Color-Theme04-Light-Brown01,#d8d1c9);font-size:16px;font-weight:600}.card-article-popular .box-img .img-text .text-detail,.card-article-popular .box-img .img-text .text-title{-webkit-box-orient:vertical;display:-webkit-box;font-family:Prompt!important;font-style:normal;letter-spacing:1px;line-height:normal;overflow:hidden;overflow-wrap:anywhere;text-overflow:ellipsis}.card-article-popular .box-img .img-text .text-detail{-webkit-line-clamp:2;color:var(--White00,#fff);font-size:14px;font-weight:400}@media (max-width:767.98px){.card-article-popular .box-img .img-text{bottom:5px;margin:0 8px}}.card-article-popular .box-img .overlay-img{background:linear-gradient(1deg,#000 -34.5%,transparent 49.69%);height:100%;left:0;position:absolute;top:0;width:100%}.box-poppular-1 .box-img{height:496px}@media (max-width:767.98px){.box-poppular-1 .box-img{height:211px}}.container-main-article-img-detail{margin-top:32px}@media (max-width:767.98px){.container-main-article-img-detail{margin-top:0;padding:0}}.article-img-detail{height:495px;position:relative;width:100%}@media (max-width:767.98px){.article-img-detail{height:211px}}.article-img-detail .gradient-container{height:100%;position:relative;width:100%}.article-img-detail .gradient-container img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.article-img-detail .gradient-container .overlay-img{background:linear-gradient(1deg,#000 -34.5%,transparent 49.69%);height:100%;left:0;position:absolute;top:0;width:100%}.detail-section{margin-top:32px}@media (max-width:767.98px){.detail-section{margin-top:16px}}.detail-section .title-article h1{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-Color-100);display:-webkit-box;font-family:Sarabun;font-size:24px;font-style:normal;font-weight:600;line-height:160%;overflow:hidden;text-overflow:ellipsis}@media (max-width:767.98px){.detail-section .title-article h1{font-size:18px}}.detail-section .sub-title-article{align-items:center;display:flex;flex-direction:row;justify-content:space-between;margin-top:8px}@media (max-width:767.98px){.detail-section .sub-title-article{align-items:flex-start}}.detail-section .sub-title-article .sub-title-text h2{-webkit-line-clamp:1;-webkit-box-orient:vertical;color:var(--Text-Color-50);display:-webkit-box;font-family:Sarabun;font-size:14px;font-style:normal;font-weight:400;line-height:160%;margin-bottom:0;overflow:hidden;text-overflow:ellipsis}@media (max-width:767.98px){.detail-section .sub-title-article .sub-title-text{margin-bottom:12px}}.detail-section .sub-title-article .sub-title-text .date{display:flex}@media (max-width:767.98px){.detail-section .sub-title-article .sub-title-text .date{flex-direction:column}}.detail-section .sub-title-article .sub-title-text .date .create p{color:var(--text-Color-100);font-family:Sarabun;font-size:12px;font-style:normal;font-weight:400;line-height:normal;margin:0}.detail-section .sub-title-article .sub-title-text .date .update p{color:var(--text-Color-100);display:list-item;font-family:Sarabun;font-size:12px;font-style:normal;font-weight:400;line-height:normal;margin:0 0 0 1.7em}@media (max-width:767.98px){.detail-section .sub-title-article .sub-title-text .date .update p{display:block;margin:0}}.detail-section .sub-title-article .detail-help-share{align-items:center;border:1px solid var(--Main-Color-Primary,#6f6158);border-radius:4px;color:#32302b;cursor:pointer;display:flex;font-size:14px;font-weight:600;justify-content:center;padding:5px 10px;text-transform:capitalize}.detail-section .sub-title-article .detail-help-share svg{margin-right:4px}.detail-section .sub-title-article .detail-help-share svg path{fill:#32302b}.detail-section .sub-title-article .detail-help-share:hover{cursor:pointer}.detail-section .sub-title-article .detail-help-share:active{border-radius:4px;cursor:pointer}.detail-section .zone-project{display:flex;gap:8px;margin-top:16px}@media (max-width:767.98px){.detail-section .zone-project{display:inline-block}}.detail-section .zone-project .zone-bar{align-items:center;border:1px solid var(--secondary-color);border-radius:4px;display:inline-flex;flex-basis:auto;gap:8px;justify-content:flex-start;max-height:32px;padding:4px}.detail-section .zone-project .zone-bar svg{aspect-ratio:1/1;height:16px;width:auto}.detail-section .zone-project .zone-bar svg path{fill:var(--primary-color)}.detail-section .zone-project .zone-bar p{-webkit-line-clamp:1;-webkit-box-orient:vertical;color:var(--text-Color-100);display:-webkit-box;font-family:Sarabun;font-size:14px;font-style:normal;font-weight:400;line-height:160%;margin:0;overflow:hidden;text-overflow:ellipsis;word-break:break-all}@media (max-width:767.98px){.detail-section .zone-project .zone-bar{margin-bottom:8px}}.detail-section .zone-project .project-bar{align-items:center;border:1px solid var(--secondary-color);border-radius:4px;display:inline-flex;gap:8px;justify-content:flex-start;max-height:32px;padding:4px}.detail-section .zone-project .project-bar svg{aspect-ratio:1/1;height:16px;width:auto}.detail-section .zone-project .project-bar svg path{fill:var(--primary-color)}.detail-section .zone-project .project-bar p{-webkit-line-clamp:1;-webkit-box-orient:vertical;color:var(--text-Color-100);display:-webkit-box;font-family:Sarabun;font-size:14px;font-style:normal;font-weight:400;line-height:160%;margin:0;overflow:hidden;text-overflow:ellipsis}@media (max-width:767.98px){.detail-section .zone-project .project-bar{margin-bottom:8px}}.detail-section .box-data-detail-article{border-bottom:1px solid hsla(0,0%,47%,.2);color:#565656;font-family:Sarabun;font-size:14px;font-style:normal;font-weight:400;line-height:160%;margin-bottom:48px;overflow-wrap:anywhere;padding-bottom:16px}@media (max-width:767.98px){.detail-section .box-data-detail-article{margin-bottom:24px}}.detail-section .card-article-list-header{height:215px!important}@media (max-width:767.98px){.detail-section .card-article-list-header{height:320px!important}}.detail-section hr{background:hsla(0,0%,47%,.7)}.article-main-list{position:relative}.article-main-list a{text-decoration:unset}.title-flex{align-items:center;display:flex;gap:12px;margin:0 auto 24px}.title-flex .title-line{background:var(--primary-color);height:40px;width:4px}.title-flex .title-main .title-text span{color:var(--Text-Color-100);font-size:18px;font-weight:600}@media (max-width:767.98px){.title-flex .title-main .title-text span{font-size:16px;font-weight:600}}.title-flex .title-main .title-text .sub-title-text{color:#565656;font-family:Sarabun;font-size:14px;font-style:normal;font-weight:400;line-height:normal}.article-main-list-mobile{height:340px;position:relative}@media (min-width:768px){.article-main-list-mobile{display:none!important}}.article-main-list-mobile a{text-decoration:unset}.article-main-list-mobile .arrow-left{align-items:center;background-color:#fff;border-radius:50%;box-shadow:2px 4px 16px 0 #384b6c;display:flex;height:38px;justify-content:center;left:5px;position:absolute;top:47%;transform:translateY(-50%);width:40px;z-index:1}.article-main-list-mobile .arrow-left svg{color:var(--text-highlight)}.article-main-list-mobile .arrow-left.slick-disabled svg{color:var(--svg-arrow-slick)}.article-main-list-mobile .arrow-right{align-items:center;background-color:#fff;border-radius:50%;box-shadow:2px 4px 16px 0 #384b6c;display:flex;height:38px;justify-content:center;position:absolute;right:5px;top:47%;transform:translateY(-50%);width:40px;z-index:1}.article-main-list-mobile .arrow-right svg{color:var(--text-highlight)}.article-main-list-mobile .arrow-right.slick-disabled svg{color:var(--svg-arrow-slick)}#modal-wechat .modal-wechat .modal-header{background-color:var(--main-color-theme-04-light-brown-01,#d8d1c9);border-top-left-radius:16px;border-top-right-radius:16px}#modal-wechat .modal-wechat .modal-header .modal-title{color:#32302b;font-family:Sarabun;font-size:18px;font-style:normal;font-weight:600;line-height:32px;text-align:center}#modal-wechat .modal-wechat .modal-body .wechat-icon{align-items:center;display:flex;margin-bottom:8px}#modal-wechat .modal-wechat .modal-body .wechat-icon img{margin-right:8px}#modal-wechat .modal-wechat .modal-body .wechat-icon span{color:#32302b;font-family:Sarabun;font-size:14px;font-style:normal;font-weight:600;line-height:22px}#modal-wechat .modal-wechat .modal-body .block-wechat{align-items:center;display:flex;flex-direction:column;justify-content:center}#modal-wechat .modal-wechat .modal-body .block-wechat button{background:var(--main-color-theme-04-brown,linear-gradient(0deg,rgba(0,0,0,.2) 0,rgba(0,0,0,.2) 100%),linear-gradient(0deg,rgba(0,0,0,.2) 0,rgba(0,0,0,.2) 100%),linear-gradient(0deg,rgba(0,0,0,.2) 0,rgba(0,0,0,.2) 100%),#6f6158);border-radius:8px;box-shadow:2px 4px 8px 0 rgba(10,10,16,.1);padding:16px 60px}#modal-wechat .modal-wechat .modal-body .block-wechat button:hover{background:var(--main-color-theme-04-button-hover)}#modal-wechat .modal-wechat .modal-body .block-wechat button:active{background:var(--main-color-theme-04-button-active)}#modal-wechat .modal-wechat .modal-body .block-wechat button:disabled{background-color:var(--main-color-theme-04-button-disabled);cursor:not-allowed}#modal-wechat .modal-wechat .modal-body .block-wechat .note-text{margin-bottom:16px;margin-top:8px}#modal-wechat .modal-wechat .modal-body .block-wechat span{color:#fff;font-family:Sarabun;font-size:14px;font-style:normal;font-weight:600;line-height:normal}#modal-share .modal-body .block-share button{background:var(--primary-color);border-radius:8px;box-shadow:2px 4px 8px 0 rgba(10,10,16,.1);color:var(--default-white);padding:16px 60px}#modal-share .modal-body .block-share button:active,#modal-share .modal-body .block-share button:hover{background:var(--primary-color)}#modal-share .modal-body .block-share button:disabled{background-color:var(--primary-color);cursor:not-allowed}.box-poppular-1{max-height:500px}@media (max-width:767.98px){.box-poppular-1{padding:0}}.box-poppular-1 .img-text .text-title{color:var(--secondary-color)}.box-poppular-2{max-height:240px;padding-left:3px}@media (max-width:767.98px){.box-poppular-2{padding-right:0}}.box-poppular-3{max-height:240px;padding-left:3px}@media (max-width:767.98px){.box-poppular-3{padding-right:0}}