.elementor-127 .elementor-element.elementor-element-4c4de9f3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-127 .elementor-element.elementor-element-434d5cef{--display:flex;--padding-top:18px;--padding-bottom:18px;--padding-left:18px;--padding-right:18px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-127 .elementor-element.elementor-element-6bc27543{text-align:center;}.elementor-127 .elementor-element.elementor-element-6bc27543 .elementor-heading-title{font-family:"Noto Sans Thai", Sans-serif;font-size:18px;font-weight:600;color:var( --e-global-color-primary );}.elementor-127 .elementor-element.elementor-element-302ab0aa{--display:flex;--padding-top:18px;--padding-bottom:18px;--padding-left:18px;--padding-right:18px;}.elementor-127 .elementor-element.elementor-element-436f485f{text-align:center;}.elementor-127 .elementor-element.elementor-element-436f485f .elementor-heading-title{font-family:"Noto Sans Thai", Sans-serif;font-size:18px;font-weight:600;color:#7FEE64;}/* Start custom CSS for wp-widget-categories, class: .elementor-element-740ee30b */.elementor-127 .elementor-element.elementor-element-740ee30b li a, li a:active, li a:visited{
     display: block;  
    color:#fff;
    width:100%;
    height: 100%;
   
}

.elementor-127 .elementor-element.elementor-element-740ee30b li{

    margin:6px;
    border-radius: 8px;
    padding:8px;
   border:1px solid #ddffdc29;
    text-align: left;
    width:100%;
    height: 100%;
    
}


.elementor-127 .elementor-element.elementor-element-740ee30b ul li:hover{
    color:#000;
    background:#ffffff09;
}

.elementor-127 .elementor-element.elementor-element-740ee30b ul li:hover a{
    color:#fff;
}





.elementor-127 .elementor-element.elementor-element-740ee30b h5{
   display: none;
}

.elementor-127 .elementor-element.elementor-element-740ee30b ul{
padding:0;
   list-style-type: none;
   text-align: center;
}



.elementor-127 .elementor-element.elementor-element-740ee30b{
        max-height: 400px; /* กำหนดความสูงสูงสุดที่คุณต้องการ */
    overflow-y: auto;  /* ทำให้มี scrollbar แนวตั้งเมื่อเนื้อหาเกิน */
    padding-right: 15px; /* เพิ่มพื้นที่ด้านขวาเพื่อไม่ให้ข้อความติด scrollbar */
}


.elementor-127 .elementor-element.elementor-element-740ee30b::-webkit-scrollbar {
    width: 6px; /* ความกว้างของ scrollbar */
}

.elementor-127 .elementor-element.elementor-element-740ee30b::-webkit-scrollbar-track {
    background: #222; /* สีพื้นหลังของ scrollbar track */
    border-radius: 10px;
}

.elementor-127 .elementor-element.elementor-element-740ee30b::-webkit-scrollbar-thumb {
    background-color: #7FEE64; /* สีของตัวเลื่อน (thumb) */
    border-radius: 10px;
    border: 1px solid #333; /* ขอบเล็กๆ ที่ทำให้ดูมีมิติ */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-434d5cef */.elementor-127 .elementor-element.elementor-element-434d5cef{
    position: relative;
  /* ปรับเป็นสีเดียวกับพื้นหลังแต่จางลง และเพิ่ม Blur */
  background: rgba(255, 255, 255, 0.03); 
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  
  border-radius: 14px;
  overflow: hidden;
  
  /* เพิ่มเส้นขอบบางๆ รอบตัวเพื่อความคมชัด */
  border: 1px solid rgba(255, 255, 255, 0.1);
  
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1074c280 */.elementor-127 .elementor-element.elementor-element-1074c280 .post-year-list li{

    border-radius: 8px;
     border:1px solid #ddffdc29;
}







.elementor-127 .elementor-element.elementor-element-1074c280{
        max-height: 400px; /* กำหนดความสูงสูงสุดที่คุณต้องการ */
    overflow-y: auto;  /* ทำให้มี scrollbar แนวตั้งเมื่อเนื้อหาเกิน */
    padding-right: 15px; /* เพิ่มพื้นที่ด้านขวาเพื่อไม่ให้ข้อความติด scrollbar */
}


.elementor-127 .elementor-element.elementor-element-1074c280::-webkit-scrollbar {
    width: 6px; /* ความกว้างของ scrollbar */
}

.elementor-127 .elementor-element.elementor-element-1074c280::-webkit-scrollbar-track {
    background: #222; /* สีพื้นหลังของ scrollbar track */
    border-radius: 10px;
}

.elementor-127 .elementor-element.elementor-element-1074c280::-webkit-scrollbar-thumb {
    background-color: #7FEE64; /* สีของตัวเลื่อน (thumb) */
    border-radius: 10px;
    border: 1px solid #333; /* ขอบเล็กๆ ที่ทำให้ดูมีมิติ */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-302ab0aa */.elementor-127 .elementor-element.elementor-element-302ab0aa{
    position: relative;
  /* ปรับเป็นสีเดียวกับพื้นหลังแต่จางลง และเพิ่ม Blur */
  background: rgba(255, 255, 255, 0.03); 
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  
  border-radius: 14px;
  overflow: hidden;
  
  /* เพิ่มเส้นขอบบางๆ รอบตัวเพื่อความคมชัด */
  border: 1px solid rgba(255, 255, 255, 0.1);
  
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}/* End custom CSS */