.guten-HFUutl { justify-content: center;   } .guten-HFUutl .guten-social-icon { text-align: center; } .guten-HFUutl.horizontal > div:not(:first-child) { margin-left: 10px; } .guten-HFUutl.vertical > div:not(:first-child) { margin-top: 10px; }.guten-IDxZtd.layout-boxed > .guten-container { max-width: 1140px; }.guten-l03XgJ { width: 26.18%; order: 1;  } @media only screen and (max-width: 1024px) { .guten-l03XgJ { width: 50%; } .guten-l03XgJ > .sticky-wrapper > .guten-column-wrapper, .guten-l03XgJ > .guten-column-wrapper { margin-top: -20px; } }.guten-ITwWw1.guten-image .guten-image-wrapper { justify-content: flex-start; } .guten-ITwWw1 img { width: 75%; } .guten-ITwWw1 {   }.guten-EGZWn0 { columns: 1; text-align: left; color: rgba(183, 191, 203, 1); font-family: "Noto Sans Thai"; font-size: 14px; font-weight: 300;   } .guten-element.guten-EGZWn0 { margin-top: 20px; } @media only screen and (max-width: 1024px) { .guten-EGZWn0 { text-align: left; } } @media only screen and (max-width: 767px) { .guten-EGZWn0 { text-align: left; } }.guten-Z6MdGg { justify-content: flex-start;   } .guten-Z6MdGg .guten-social-icon { text-align: left; } .guten-Z6MdGg .guten-social-icon a i { font-size: 16px; } .guten-Z6MdGg .guten-social-icon a svg { font-size: 16px; } .guten-Z6MdGg.fill .guten-social-icon a i, .guten-Z6MdGg.border .guten-social-icon a i, .guten-Z6MdGg.custom .guten-social-icon a i { color: rgba(255, 255, 255, 1); } .guten-Z6MdGg.fill .guten-social-icon a svg, .guten-Z6MdGg.border .guten-social-icon a svg, .guten-Z6MdGg.custom .guten-social-icon a svg { fill: rgba(255, 255, 255, 1); } .guten-Z6MdGg.border .guten-social-icon a { border-color: rgba(255, 255, 255, 1); } .guten-Z6MdGg.horizontal > div:not(:first-child) { margin-left: 18px; } .guten-Z6MdGg.vertical > div:not(:first-child) { margin-top: 18px; } .guten-Z6MdGg.fill .guten-social-icon a:hover i, .guten-Z6MdGg.border .guten-social-icon a:hover i, .guten-Z6MdGg.custom .guten-social-icon a:hover i { color: rgba(232, 98, 1, 1); } .guten-Z6MdGg.fill .guten-social-icon a:hover svg, .guten-Z6MdGg.border .guten-social-icon a:hover svg, .guten-Z6MdGg.custom .guten-social-icon a:hover svg { fill: rgba(232, 98, 1, 1); } .guten-Z6MdGg.border .guten-social-icon a:hover { border-color: rgba(232, 98, 1, 1); } .guten-Z6MdGg.fill .guten-social-icon a, .guten-Z6MdGg.border .guten-social-icon a, .guten-Z6MdGg.custom .guten-social-icon a { background-color: rgba(232, 98, 1, 1); } .guten-Z6MdGg.fill .guten-social-icon a:hover, .guten-Z6MdGg.border .guten-social-icon a:hover, .guten-Z6MdGg.custom .guten-social-icon a:hover { background-color: rgba(255, 255, 255, 1); } .guten-Z6MdGg .guten-social-icon a { border-top-left-radius: 5px;border-top-right-radius: 0px;border-bottom-right-radius: 5px;border-bottom-left-radius: 0px; } .guten-element.guten-Z6MdGg { margin-top: 10px; }.guten-17PUmn {   }.guten-p5gpDD .guten-postblock .guten-posts { grid-template-columns: repeat(3, minmax(0, 1fr)); grid-column-gap:10px; } .guten-p5gpDD .guten-postblock .guten-post { background: rgba(255, 255, 255, 1); background-attachment: scroll; margin-top: 0px; margin-right: 0px; margin-bottom: 32px; margin-left: 0px; padding-top: 25px; padding-right: 25px; padding-bottom: 25px; padding-left: 25px; border-top-left-radius: 15px;border-top-right-radius: 15px;border-bottom-right-radius: 15px;border-bottom-left-radius: 15px; box-shadow:  0px 0px 10px  rgba(0, 0, 0, 0.3); } .guten-p5gpDD .guten-postblock .guten-overlay { opacity: 0.5; } .guten-p5gpDD .guten-postblock .guten-thumb { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-left-radius: 10px;border-top-right-radius: 10px;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px; } .guten-p5gpDD .guten-postblock .guten-thumb .thumbnail-container { height: 255px; padding-bottom: 0; } .guten-p5gpDD .guten-postblock .guten-post-category a { color: rgba(234, 97, 1, 1); font-family: "Plus Jakarta Sans"; font-size: 14px; font-weight: 600; text-transform: normal; font-style: normal; text-decoration: none; line-height: 20px; } .guten-p5gpDD .guten-postblock .guten-post-category { margin-top: 30px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .guten-p5gpDD .guten-postblock .guten-post .guten-postblock-content .guten-post-title { margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px; } .guten-p5gpDD .guten-postblock .guten-post .guten-postblock-content .guten-post-title a { color: rgba(1, 22, 39, 1); font-family: "Noto Sans Thai"; font-size: 20px; font-weight: 700; line-height: 30px; } .guten-p5gpDD .guten-postblock .guten-post:hover .guten-postblock-content .guten-post-title a { color: rgba(234, 97, 1, 1); font-family: "Noto Sans Thai"; } .guten-p5gpDD .guten-postblock .guten-post .guten-postblock-content .guten-post-excerpt { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } .guten-p5gpDD .guten-postblock .guten-post .guten-postblock-content .guten-post-excerpt p { color: rgba(64, 80, 93, 1); font-family: "Noto Sans Thai"; font-size: 16px; font-weight: 400; line-height: 24px; } .guten-p5gpDD .guten-postblock .guten-post .guten-postblock-content .guten-readmore { font-family: "Noto Sans Thai"; font-size: 16px; font-weight: 500; line-height: 1.5em; padding-top: 11px; padding-right: 50px; padding-bottom: 12px; padding-left: 50px; } .guten-p5gpDD .guten-postblock .guten-post .guten-postblock-content .guten-meta-readmore { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } .guten-p5gpDD .guten-postblock .guten-post .guten-postblock-content .guten-meta-readmore.icon-position-before .guten-readmore i, .guten-p5gpDD .guten-postblock .guten-post .guten-postblock-content .guten-meta-readmore.icon-position-before .guten-readmore .gutenverse-icon-svg { margin-right: 0px; } .guten-p5gpDD .guten-postblock .guten-post .guten-postblock-content .guten-meta-readmore.icon-position-after .guten-readmore i, .guten-p5gpDD .guten-postblock .guten-post .guten-postblock-content .guten-meta-readmore.icon-position-after .guten-readmore .gutenverse-icon-svg { margin-left: 0px; } .guten-p5gpDD .guten-postblock .guten-post .guten-postblock-content .guten-meta-readmore .guten-readmore i { font-size: 0px; } .guten-p5gpDD .guten-postblock .guten-post .guten-postblock-content .guten-meta-readmore .guten-readmore svg { font-size: 0px; } .guten-p5gpDD .guten-postblock .guten-post .guten-postblock-content .guten-meta-readmore a { color: rgba(255, 255, 255, 1); background: rgba(246, 109, 12, 1); border-top-left-radius: 8px;border-top-right-radius: 8px;border-bottom-right-radius: 8px;border-bottom-left-radius: 8px; } .guten-p5gpDD .guten-postblock .guten-post .guten-postblock-content .guten-meta-readmore svg { fill: rgba(255, 255, 255, 1); } .guten-p5gpDD .guten-postblock .guten-post .guten-postblock-content .guten-meta-readmore:hover a { color: rgba(255, 255, 255, 1); background: rgba(1, 0, 50, 1); } .guten-p5gpDD .guten-postblock .guten-post .guten-postblock-content .guten-meta-readmore:hover svg { fill: rgba(255, 255, 255, 1); } .guten-p5gpDD .guten-postblock .guten-block-pagination .guten-block-loadmore span, .guten-p5gpDD .guten-postblock .guten_block_nav .btn-pagination { font-family: "Plus Jakarta Sans"; font-size: 16px; font-weight: 500; line-height: 1.5em; } .guten-p5gpDD .guten-postblock .guten-block-pagination .guten-block-loadmore, .guten-p5gpDD .guten-postblock .guten_block_nav .btn-pagination, .guten-p5gpDD .guten-postblock .guten_block_nav .pagination-elipsis { margin-top: 18px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } .guten-p5gpDD .guten-postblock .guten-block-pagination .guten-block-loadmore, .guten-p5gpDD .guten-postblock .guten_block_nav .btn-pagination { padding-top: 15px; padding-right: 40px; padding-bottom: 17px; padding-left: 40px; color: rgba(1, 22, 39, 1); background: rgba(255, 255, 255, 1); border-style: solid; border-width: 1px; border-color: rgba(217, 220, 222, 1); border-top-left-radius: 8px;border-top-right-radius: 8px;border-bottom-right-radius: 8px;border-bottom-left-radius: 8px; box-shadow:  0px 0px 0px  rgba(0, 0, 0, 0); } .guten-p5gpDD .guten-postblock .guten-block-pagination, .guten-p5gpDD .guten-postblock .guten_block_nav { text-align: center; } .guten-p5gpDD .guten-postblock .guten-block-pagination .guten-block-loadmore svg, .guten-p5gpDD .guten-postblock .guten_block_nav .btn-pagination svg { fill: rgba(1, 22, 39, 1); } .guten-p5gpDD .guten-postblock .guten-block-pagination .guten-block-loadmore:hover, .guten-p5gpDD .guten-postblock .guten_block_nav .btn-pagination:not(.disabled):not(.current):hover { color: rgba(255, 255, 255, 1); background: rgba(43, 67, 222, 1); } .guten-p5gpDD .guten-postblock .guten-block-pagination .guten-block-loadmore:hover svg, .guten-p5gpDD .guten-postblock .guten_block_nav .btn-pagination:not(.disabled):not(.current):hover svg { fill: rgba(255, 255, 255, 1); } .guten-p5gpDD .guten-postblock .guten-block-pagination .guten-block-loadmore:hover, .guten-p5gpDD .guten-postblock .guten_block_nav .btn-pagination:hover { border-style: solid; border-width: 1px; border-color: rgba(43, 67, 222, 1); } .guten-p5gpDD.guten-element {   } @media only screen and (max-width: 1024px) { .guten-p5gpDD .guten-postblock .guten-post { background-attachment: scroll; margin-bottom: 25px; } .guten-p5gpDD .guten-postblock .guten-thumb .thumbnail-container { height: 425px; padding-bottom: 0; } .guten-p5gpDD .guten-postblock .guten-post .guten-postblock-content .guten-readmore { padding-right: 52px; padding-left: 52px; } } @media only screen and (max-width: 767px) { .guten-p5gpDD .guten-postblock .guten-post { background-attachment: scroll; padding-top: 20px; padding-right: 20px; padding-bottom: 22px; padding-left: 20px; } .guten-p5gpDD .guten-postblock .guten-thumb .thumbnail-container { height: 199px; padding-bottom: 0; } .guten-p5gpDD .guten-postblock .guten-post .guten-postblock-content .guten-post-title a { font-size: 22px; } .guten-p5gpDD .guten-postblock .guten-post .guten-postblock-content .guten-post-excerpt p { font-size: 14px; } .guten-p5gpDD .guten-postblock .guten-post .guten-postblock-content .guten-readmore { font-size: 16px; padding-right: 52px; padding-left: 52px; } .guten-p5gpDD .guten-postblock .guten-block-pagination .guten-block-loadmore span, .guten-p5gpDD .guten-postblock .guten_block_nav .btn-pagination { font-size: 16px; } }