.doc_detail{background-color:#e4eef8;min-height:100vh}.doc_detail_layout{width:100%;max-width:1600px;margin:0 auto}.doc_detail_wrapper{flex-direction:row;justify-content:center;align-items:flex-start;padding:2rem 0 1rem;display:flex}.section_left{min-width:320px;max-width:320px;min-height:100vh;margin:0 10px;position:sticky;top:130px;overflow:visible}.section_left_wrapper{flex-direction:column;align-items:flex-start;min-width:360px;max-width:360px;height:75vh;display:flex;overflow:visible}.aside_doc_wrapper{width:100%;font-family:Anuphan,sans-serif;font-size:16px}.menu_wrapper{scrollbar-width:thin;scrollbar-color:#caced1 #eeeff0;background-color:#ffffff87;border:3px solid #fff;border-radius:1.5rem;min-width:320px;max-width:320px;height:78vh;margin:0 auto;padding:1.5rem 1rem;overflow:scroll;box-shadow:0 6px 12px -6px #0000000d,0 1px 10px #0000000d}.aside_category_title{color:#008cff;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box;background-color:#fffc;border:3px solid #fff;border-radius:48px;align-items:center;width:100%;height:48px;margin-top:1rem;padding:0 28px 0 12px;font-size:20px;font-weight:700;display:flex;overflow:hidden}.menu_list{border-bottom:1px solid #e4eef8}.menu_list:last-child{border-bottom:0}.aside_level1_link{color:#555;word-break:break-word;border-bottom:1px solid #e4eef8;align-items:center;width:100%;padding:12px 8px 12px 12px;font-size:.875rem;font-weight:500;line-height:1.25;text-decoration:none;transition:color .1s;display:flex}.aside_level1_link:hover{color:#008cff}.aside_level1_link.active{color:#008cff;background-color:#eaf3fa;border-right:2px solid #008cff}.aside_group_title{color:#555;word-break:break-word;padding:12px 8px 12px 12px;font-size:.875rem;font-weight:500;line-height:1.25}.aside_level2_link{color:#555;word-break:break-word;align-items:center;width:100%;padding:12px 8px 12px 24px;font-size:.875rem;font-weight:500;line-height:1.25;text-decoration:none;transition:color .1s;display:flex;position:relative}.aside_level2_link:before{content:"•";position:absolute;left:8px}.aside_level2_link:hover{color:#008cff}.aside_level2_link.active{color:#008cff;background-color:#eaf3fa;border-right:2px solid #008cff}.aside_level3_link{color:#555;word-break:break-word;align-items:center;width:100%;padding:12px 8px 12px 36px;font-size:.875rem;font-weight:400;line-height:1.25;text-decoration:none;transition:color .1s;display:flex;position:relative}.aside_level3_link:before{content:"•";position:absolute;left:20px}.aside_level3_link:hover{color:#008cff}.aside_level3_link.active{color:#008cff;background-color:#eaf3fa;border-right:2px solid #008cff}.section_article{width:100%;margin:0 2rem}.doc_breadcrumb{color:#666;flex-flow:wrap;align-items:center;gap:2px;font-size:1rem;font-weight:500;display:flex}.doc_breadcrumb a{color:#008cff;text-decoration:none}.doc_breadcrumb a:hover{text-decoration:underline}.doc_breadcrumb .bc_sep{color:#999;margin:0 2px;font-size:1rem}article.doc_article{padding:2rem 0}h1.doc_title_fallback{color:#008cff;margin:0 0 1rem;font-family:Anuphan,sans-serif;font-size:1.75rem;font-weight:600;line-height:1.3}.interested{margin-bottom:1.5rem}.interested header{text-align:center;color:#008cff;background-color:#fff9;border:4px solid #fff;border-radius:40px;justify-content:center;align-items:center;padding:8px 0;font-size:1.35rem;font-weight:600;display:flex}.interested ul{margin:0;padding:.5rem 0 1rem 1rem;list-style:none}.interested ul li{cursor:pointer;align-items:center;width:100%;padding:0;display:flex}.interested ul li:before{content:url(/assets/images/academy/play.svg);margin-right:4px;display:block;scale:.8}.interested ul li span{color:inherit;cursor:pointer;text-align:left;border-radius:50px;width:100%;padding:5px 14px;font-size:1rem;transition:background-color .1s;display:inline-block}.interested ul li span:hover{background-color:#fff}.similar_container{width:100%;margin-bottom:10px;padding:1rem 3rem}.similar_header{border-bottom:1px solid #e4eef8;width:100%;padding-bottom:1rem;font-size:1.125rem;font-weight:600}.fxrow{flex-direction:row;gap:1rem;width:100%;display:flex}.similar_item{cursor:pointer;background-color:#fff;border-radius:8px;width:100%;margin:2rem 0 0;transition:all .25s ease-in-out;position:relative;box-shadow:0 7px 12px #0027530d,0 1px 4px #0027530d}.similar_item:hover{opacity:.9;box-shadow:0 4px 18px #0027531a,0 1px 8px #00275326}.similar_item a{border-radius:1.5rem;flex-direction:column;align-items:flex-start;width:100%;padding:0 1rem 1.5rem;text-decoration:none;display:flex;position:relative}.similar_name{color:#fff;text-align:center;background-color:#008cff;border-radius:32px;min-width:70%;max-width:90%;min-height:34px;padding:8px 0;font-size:.875rem;font-weight:600;position:absolute;top:-18px;left:0}h3.similar_title{text-align:left;-webkit-line-clamp:4;-webkit-box-orient:vertical;min-height:75px;margin:1.5rem 0 1rem;font-size:.9rem;font-weight:600;display:-webkit-box;overflow:hidden}.similar_date{color:#999;font-size:.8rem}.read_more{color:#008cff;background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.25rem;display:flex;position:absolute;bottom:-10px;right:20px;box-shadow:0 4px 5px #0000000d}.section_right{min-width:320px;max-width:320px}.aside_wrapper{position:sticky;top:130px}.side_group{flex-direction:column;gap:1rem;display:flex}img.banner{border-radius:1rem;width:100%;height:auto;display:block}img.banner:hover{filter:saturate(1.25)opacity(.9)brightness(1.05)contrast(1.05)}.mobile_banners{flex-direction:column;align-items:center;gap:1rem;margin:1.5rem 0;display:none}.mobile_toc{display:none}@media (max-width:1024px){.section_left,.section_right{display:none}.section_article{margin:0;padding:1rem}.doc_detail_wrapper{flex-direction:column;padding:1rem 0}.similar_container{padding:1rem}.fxrow{flex-direction:column}.mobile_banners{display:flex}.mobile_toc{display:block}}@media (max-width:600px){.doc_breadcrumb{font-size:.75rem}.interested ul li button{font-size:.875rem}}