:root{--background: #fff;--background-secondary: #f5f5f5;--text-color: #333;--text-color-secondary: #666;--hr-color: #e0e0e0;--border-color: #e0e0e0;--accordion-background: #fff;--size-calc: 1;.dark{--background: #000;--text-color: #fff;--background-secondary: #222;--text-color-secondary: #999;--hr-color: #222;--border-color: #222;--accordion-background: #222}.text-size-xs{--size-calc: .8}.text-size-sm{--size-calc: .9}.text-size-base{--size-calc: 1}.text-size-lg{--size-calc: 1.1}.text-size-xl{--size-calc: 1.2}.text-size-2xl{--size-calc: 1.3}.text-size-3xl{--size-calc: 1.4}}html{scroll-behavior:smooth}body{background-color:var(--background)!important;color:var(--text-color)!important}.the-excerpt *,.the-content *{font-family:Sarabun,serif!important;font-size:calc(1rem * var(--size-calc));line-height:2em;margin-bottom:17px;color:var(--text-color);*{font-size:inherit;font-style:inherit}}.the-excerpt,.the-content{ul,ol{margin-left:25px}ul{list-style-type:disc}ol{list-style-type:decimal}p{font-size:calc(17px * var(--size-calc))}em{font-style:italic}}.the-excerpt h1,.the-excerpt h2,.the-excerpt h3,.the-excerpt h4,.the-excerpt h5,.the-excerpt h6,.the-content h1,.the-content h2,.the-content h3,.the-content h4,.the-content h5,.the-content h6{font-family:Sarabun,serif!important;line-height:2em;margin-bottom:17px}.the-excerpt h1,.the-content h1{font-size:calc(1.3rem * var(--size-calc))}.the-excerpt h2,.the-content h2{font-size:calc(1.1rem * var(--size-calc))}.the-excerpt h3,.the-content h3{font-size:calc(1rem * var(--size-calc))}.the-excerpt h4,.the-content h4{font-size:calc(.9rem * var(--size-calc))}.the-excerpt h5,.the-content h5{font-size:calc(.8rem * var(--size-calc))}.the-excerpt h6,.the-content h6{font-size:calc(.7rem * var(--size-calc))}.breadcrumbs{padding:17px 0;border-bottom:#cccccc solid 1px}.breadcrumbs ol{display:flex;flex-wrap:wrap;align-items:center}.breadcrumbs ol li{color:#333;font-family:var(--font-true-bold-special);font-size:21px;font-style:normal;font-weight:400;line-height:normal;@media screen and (max-width: 767px){display:inline;color:#666}span{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;color:#333;font-family:var(--font-true-bold-special);font-size:21px;font-style:normal;font-weight:400;line-height:normal;@media screen and (max-width: 767px){color:#666}}}.breadcrumbs ol li:last-child{flex:1}.breadcrumbs ol li a{color:#666;font-family:var(--font-true-medium);font-size:21px;font-style:normal;font-weight:400;line-height:normal}.breadcrumbs ol li:after{content:"/";padding:0 10px}.breadcrumbs ol li:last-child:after{content:"";display:none}.tool-box{flex:1;display:flex;align-items:center;justify-content:center;padding:0 10px;border-right:1px solid #ccc}.tool-box:last-child{border-right:none}.content-title{font-size:40px;font-family:var(--font-true-bold)true-bold);font-style:normal;font-weight:400;line-height:normal;color:#333;margin:17px 0}.category-link{font-family:var(--font-true-bold);font-size:17px;line-height:24px;padding:2px 10px;border-radius:2px}.category-link.tech{background-color:#22d3ca;color:#fff}.content-date{align-items:center}.content-date time{font-family:var(--font-true-bold);font-size:16px;font-style:normal;font-weight:400;line-height:normal;color:#333}.content-meta{display:flex;align-items:center;gap:17px}.widget-title{border-left:4px solid #ee5f30;padding-left:17px;margin-bottom:15px;@media screen and (max-width: 767px){padding-left:15px}p{font-family:var(--font-true-bold-special);font-size:28px;font-style:normal;font-weight:400;line-height:1;color:#333;@media screen and (max-width: 767px){font-size:32px}}}.post-recommend-title{padding:10px 0;border-bottom:1px solid #ccc}.post-recommend-title p{font-family:var(--font-true-bold-special)d-special);font-size:21px;font-style:normal;font-weight:400;line-height:21px;color:#333;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.post-recommend-title a{font-family:var(--font-true-bold-special);font-size:21px;font-style:normal;font-weight:400;line-height:21px;margin-bottom:10px;color:#333;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.post-recommend-title a:hover{color:#ee5f30}.post-sidebar{display:flex;flex-wrap:wrap;flex-direction:row;gap:10px}.post-thumbnail{position:relative;width:117px;@media screen and (max-width: 768px){width:100%}.number{position:absolute;top:0;left:0;color:#333;font-family:var(--font-true-bold);font-size:17px;font-style:normal;font-weight:400;line-height:normal;background-color:#fff;display:flex;align-items:center;justify-content:center;height:25px;width:25px;@media screen and (max-width: 768px){display:none}}}.post-thumbnail img{width:100%;border-radius:10px;aspect-ratio:128/80;-o-object-fit:cover;object-fit:cover}.post-content{scroll-behavior:smooth!important;flex:1}.post-content p,.post-content a{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#333;font-size:21px;line-height:21px;font-style:normal;font-weight:400;font-family:var(--font-true-bold-special)}.post-content a:hover{color:#ee5f30}.post-meta{display:flex;align-items:center;gap:17px;margin-top:5px}.post-date{display:flex;align-items:center;gap:7px;font-size:16px;font-family:var(--font-true-bold);@media screen and (max-width: 768px){gap:5px}}.post-category{display:inline-flex;align-items:center;justify-content:center;border-radius:5em;gap:5px;padding:0 15px;background:#e5e5e5;color:#333;border:1px solid #e5e5e5;font-family:var(--font-true-bold)}.post-category.sport{background-color:#fff0eb;color:#ee5f30;border-color:#ee5f30}.post-category.sport:hover{color:#ee5f30}.post-category.wealth{background-color:#edeffa;color:#232c56;border-color:#232c56}.post-category.wealth:hover{color:#232c56}.post-category.world{background-color:#fff7f7;color:#b92931;border-color:#b92931}.post-category.world:hover{color:#b92931}.related-news .post-sidebar{@media screen and (max-width: 768px){display:none}}.related-news .post-sidebar:nth-child(1),.related-news .post-sidebar:nth-child(2),.related-news .post-sidebar:nth-child(3),.related-news .post-sidebar:nth-child(4){@media screen and (max-width: 768px){display:flex}}.popular-news .post-sidebar{@media screen and (max-width: 768px){display:none}}.popular-news .post-sidebar:nth-child(1),.popular-news .post-sidebar:nth-child(2),.popular-news .post-sidebar:nth-child(3),.popular-news .post-sidebar:nth-child(4){@media screen and (max-width: 768px){display:flex}}.font-sarabun{font-family:Sarabun,serif!important}.the-excerpt p,.the-content p{font-family:Sarabun,serif!important;font-size:calc(1.062rem * var(--size-calc));line-height:2em;margin-bottom:17px;:last-child{margin-bottom:0}}.the-content h1,.the-content h2,.the-content h3,.the-content h4,.the-content h5,.the-content h6{font-family:Sarabun,serif!important;font-weight:700;margin-bottom:10px}.the-content ol{list-style:decimal;margin-left:25px;margin-bottom:17px}.the-content ul{list-style:disc;margin-left:25px;margin-bottom:17px}.the-content li{font-family:Sarabun,serif!important;font-size:17px;margin-bottom:10px}.the-content img{margin:15px auto}.the-gallery{background-color:#333}.the-gallery img{aspect-ratio:1/1;-o-object-fit:cover;object-fit:cover;margin:0}.the-gallery p{margin-bottom:0!important}.the-gallery h2{font-family:var(--font-true-bold-special)!important}.reference p{font-family:Sarabun,serif!important;font-size:16px}.reference p a{font-family:Sarabun,serif!important;color:#ee5f30;text-decoration:none}.tag-item{display:inline-block;border:1px solid #ee5f30;background-color:#fff7f7;color:#333;border-radius:3em;padding:0 15px;font-size:17px;font-family:var(--font-true-bold);white-space:pre}.content-area{@media screen and (max-width: 768px){max-height:1300px;overflow:hidden}}.content-area.full{@media screen and (max-width: 768px){max-height:none;overflow:unset}}.table-of-contents{font-family:Sarabun,serif!important;padding:17px;border:1px solid #ccc;border-radius:10px;ul{margin-bottom:0!important}li,a{font-family:Sarabun,serif!important;color:#ee5f30}a:hover{text-decoration:underline}}.table-of-contents span{font-family:Sarabun,serif!important}.toc-toggle{transform:rotate(0);transition:transform .3s ease-in-out}.toc-toggle.close{transform:rotate(180deg);transition:transform .3s ease-in-out}.table-of-contents .body{overflow:hidden;height:0px;transition:height .3s ease-in-out}.table-of-contents .body.open{transition:transform .3s ease-in-out;height:auto}
