#qx-section-75118 { margin-top : 0px; padding-top : 400px; padding-right : 0px; padding-bottom : 80px; padding-left : 0px; background-color : rgba(19 ,  26,  72, 1); background-image : url("https://www.abkpp.ac.th/Joomla/images//MEP2562/1111.jpg"); background-size : contain; background-position : center; background-repeat : no-repeat; transition : border 0.3s ease-in, box-shadow 0.3s ease-in; transition : border 0.3s ease-in, box-shadow 0.3s ease-in;  } #qx-section-75118:hover .qx-section-75118-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-section-75118 { padding-top : 40px; padding-right : 0px; padding-bottom : 40px; padding-left : 0px;  }  } @media (max-width: 767px) { #qx-section-75118 { padding-top : 20px; padding-right : 0px; padding-bottom : 20px; padding-left : 0px;  }  } #qx-row-322 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in;  } .qx-row-322-background-overlay {  } #qx-row-322:hover .qx-row-322-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-row-322 {  }  } @media (max-width: 767px) { #qx-row-322 {  }  } #qx-column-5823 > .qx-col-wrap { transition : border 0.3s ease-in, box-shadow 0.3s ease-in;  } #qx-column-5823 { flex: 100%; max-width: 100%; } .qx-column-5823-background-overlay {  } #qx-column-5823:hover .qx-column-5823-background-overlay {  } #qx-column-5823 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-5823 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-5823 > .qx-col-wrap {  } #qx-column-5823 { flex: 100%; max-width: 100%; }  } @media (max-width: 767px) { #qx-column-5823 > .qx-col-wrap {  } #qx-column-5823 { flex: 100%; max-width: 100%; }  } #qx-image-825 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in;  } #qx-image-825 img,#qx-image-825 svg { width : 100%; border-style : none;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-image-825 {  } #qx-image-825 img,#qx-image-825 svg {  }  } @media (max-width: 767px) { #qx-image-825 {  } #qx-image-825 img,#qx-image-825 svg {  }  } #qx-section-211 { padding-top : 80px; padding-right : 0px; padding-bottom : 80px; padding-left : 0px; background-image : url("https://www.abkpp.ac.th/Joomla/images//primer/works-4.jpg"); background-size : cover; background-position : top left; background-repeat : no-repeat; transition : border 0.3s ease-in, box-shadow 0.3s ease-in; transition : border 0.3s ease-in, box-shadow 0.3s ease-in;  } .qx-section-211-background-overlay { background-color : rgba(38 ,  50,  56, 0.9); opacity : 1;  } #qx-section-211:hover .qx-section-211-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-section-211 { padding-top : 40px; padding-right : 0px; padding-bottom : 40px; padding-left : 0px;  }  } @media (max-width: 767px) { #qx-section-211 { padding-top : 20px; padding-right : 0px; padding-bottom : 20px; padding-left : 0px;  }  } #qx-row-6678 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in;  } .qx-row-6678-background-overlay {  } #qx-row-6678:hover .qx-row-6678-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-row-6678 {  }  } @media (max-width: 767px) { #qx-row-6678 {  }  } #qx-column-53679 > .qx-col-wrap { transition : border 0.3s ease-in, box-shadow 0.3s ease-in;  } #qx-column-53679 { flex: 33.33333%; max-width: 33.33333%; } .qx-column-53679-background-overlay {  } #qx-column-53679:hover .qx-column-53679-background-overlay {  } #qx-column-53679 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-53679 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-53679 > .qx-col-wrap {  } #qx-column-53679 { flex: 33.33333%; max-width: 33.33333%; }  } @media (max-width: 767px) { #qx-column-53679 > .qx-col-wrap {  } #qx-column-53679 { flex: 100%; max-width: 100%; }  } #qx-text-21310 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in; line-height : 1em;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-text-21310 {  }  } @media (max-width: 767px) { #qx-text-21310 {  }  } #qx-column-24499 > .qx-col-wrap { transition : border 0.3s ease-in, box-shadow 0.3s ease-in;  } #qx-column-24499 { flex: 33.33333%; max-width: 33.33333%; } .qx-column-24499-background-overlay {  } #qx-column-24499:hover .qx-column-24499-background-overlay {  } #qx-column-24499 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-24499 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-24499 > .qx-col-wrap {  } #qx-column-24499 { flex: 33.33333%; max-width: 33.33333%; }  } @media (max-width: 767px) { #qx-column-24499 > .qx-col-wrap {  } #qx-column-24499 { flex: 100%; max-width: 100%; }  } #qx-text-26521 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in; line-height : 1em;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-text-26521 {  }  } @media (max-width: 767px) { #qx-text-26521 {  }  } #qx-column-82683 > .qx-col-wrap { transition : border 0.3s ease-in, box-shadow 0.3s ease-in;  } #qx-column-82683 { flex: 33.33333%; max-width: 33.33333%; } .qx-column-82683-background-overlay {  } #qx-column-82683:hover .qx-column-82683-background-overlay {  } #qx-column-82683 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-82683 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-82683 > .qx-col-wrap {  } #qx-column-82683 { flex: 33.33333%; max-width: 33.33333%; }  } @media (max-width: 767px) { #qx-column-82683 > .qx-col-wrap {  } #qx-column-82683 { flex: 100%; max-width: 100%; }  } #qx-text-87617 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in; line-height : 1em;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-text-87617 {  }  } @media (max-width: 767px) { #qx-text-87617 {  }  } #qx-row-9978 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in;  } .qx-row-9978-background-overlay {  } #qx-row-9978:hover .qx-row-9978-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-row-9978 {  }  } @media (max-width: 767px) { #qx-row-9978 {  }  } #qx-column-7179 > .qx-col-wrap { transition : border 0.3s ease-in, box-shadow 0.3s ease-in;  } #qx-column-7179 { flex: 100%; max-width: 100%; } .qx-column-7179-background-overlay {  } #qx-column-7179:hover .qx-column-7179-background-overlay {  } #qx-column-7179 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-7179 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-7179 > .qx-col-wrap {  } #qx-column-7179 { flex: 100%; max-width: 100%; }  } @media (max-width: 767px) { #qx-column-7179 > .qx-col-wrap {  } #qx-column-7179 { flex: 100%; max-width: 100%; }  } #qx-accordion-3181 { background-color : rgba(0, 123, 255, 1); transition : border 0.3s ease-in, box-shadow 0.3s ease-in;  } #qx-accordion-3181 .qx-accordion { margin : 0px !important;  } #qx-accordion-3181 .qx-element-accordion-item { border : solid 1px #eee; transition : border 0.3s ease-in, box-shadow 0.3s ease-in; margin-top : 0px; margin-right : 0px; margin-bottom : 10px; margin-left : 0px;  } #qx-accordion-3181 .qx-accordion-title * { margin-bottom : 0px; margin-top : 0px; line-height : 1em;  } #qx-accordion-3181 .qx-accordion-title { display : flex; align-items : center; width : 100%; background-color : rgba(247, 252, 255, 1); padding-top : 15px; padding-right : 15px; padding-bottom : 15px; padding-left : 15px;  } #qx-accordion-3181 .qx-icon-alignment-right .qx-accordion-title { flex-direction : row-reverse; justify-content : space-between;  } #qx-accordion-3181 .wrap-accordion-title * {  } #qx-accordion-3181 .qx-open .qx-accordion-title { background-color : rgba(238, 246, 251, 1);  } #qx-accordion-3181 .qx-open .wrap-accordion-title * {  } #qx-accordion-3181 .qx-accordion-content { margin-top : 0px; padding-top : 20px; padding-right : 15px; padding-bottom : 20px; padding-left : 15px;  } #qx-accordion-3181 .qx-accordion-content * { line-height : 1em;  } #qx-accordion-3181 .qx-accordion_icon { margin-right : 15px; display : flex;  } #qx-accordion-3181 .qx-accordion_icon i {  } #qx-accordion-3181 li.qx-open .qx-accordion_icon path {  } #qx-accordion-3181 li.qx-open .qx-accordion_icon i {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-accordion-3181 {  } #qx-accordion-3181 .qx-element-accordion-item { margin-top : 0px; margin-right : 0px; margin-bottom : 20px; margin-left : 0px;  } #qx-accordion-3181 .qx-accordion-title { padding-top : 15px; padding-right : 15px; padding-bottom : 15px; padding-left : 15px;  } #qx-accordion-3181 .qx-accordion-content { padding-top : 20px; padding-right : 10px; padding-bottom : 20px; padding-left : 10px;  }  } @media (max-width: 767px) { #qx-accordion-3181 {  } #qx-accordion-3181 .qx-element-accordion-item { margin-top : 0px; margin-right : 0px; margin-bottom : 20px; margin-left : 0px;  } #qx-accordion-3181 .qx-accordion-title { padding-top : 15px; padding-right : 15px; padding-bottom : 15px; padding-left : 15px;  } #qx-accordion-3181 .qx-accordion-content { padding-top : 20px; padding-right : 10px; padding-bottom : 20px; padding-left : 10px;  }  } #qx-row-56725 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in;  } .qx-row-56725-background-overlay {  } #qx-row-56725:hover .qx-row-56725-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-row-56725 {  }  } @media (max-width: 767px) { #qx-row-56725 {  }  } #qx-column-55726 > .qx-col-wrap { transition : border 0.3s ease-in, box-shadow 0.3s ease-in;  } #qx-column-55726 { flex: 33.33%; max-width: 33.33%; } .qx-column-55726-background-overlay {  } #qx-column-55726:hover .qx-column-55726-background-overlay {  } #qx-column-55726 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-55726 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-55726 > .qx-col-wrap {  } #qx-column-55726 { flex: 33.33%; max-width: 33.33%; }  } @media (max-width: 767px) { #qx-column-55726 > .qx-col-wrap {  } #qx-column-55726 { flex: 100%; max-width: 100%; }  } #qx-text-18656 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in; line-height : 1em;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-text-18656 {  }  } @media (max-width: 767px) { #qx-text-18656 {  }  } #qx-column-76728 > .qx-col-wrap { transition : border 0.3s ease-in, box-shadow 0.3s ease-in;  } #qx-column-76728 { flex: 33.33%; max-width: 33.33%; } .qx-column-76728-background-overlay {  } #qx-column-76728:hover .qx-column-76728-background-overlay {  } #qx-column-76728 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-76728 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-76728 > .qx-col-wrap {  } #qx-column-76728 { flex: 33.33%; max-width: 33.33%; }  } @media (max-width: 767px) { #qx-column-76728 > .qx-col-wrap {  } #qx-column-76728 { flex: 100%; max-width: 100%; }  } #qx-text-78771 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in; line-height : 1em;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-text-78771 {  }  } @media (max-width: 767px) { #qx-text-78771 {  }  } #qx-column-85729 > .qx-col-wrap { transition : border 0.3s ease-in, box-shadow 0.3s ease-in;  } #qx-column-85729 { flex: 33.33%; max-width: 33.33%; } .qx-column-85729-background-overlay {  } #qx-column-85729:hover .qx-column-85729-background-overlay {  } #qx-column-85729 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-85729 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-85729 > .qx-col-wrap {  } #qx-column-85729 { flex: 33.33%; max-width: 33.33%; }  } @media (max-width: 767px) { #qx-column-85729 > .qx-col-wrap {  } #qx-column-85729 { flex: 100%; max-width: 100%; }  } #qx-text-78829 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in; line-height : 1em;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-text-78829 {  }  } @media (max-width: 767px) { #qx-text-78829 {  }  }