#qx-section-371 { padding-top : 50px; padding-right : 0px; padding-bottom : 100px; padding-left : 0px; background-color : rgba(255, 255, 255, 0); background-size : cover; background-position : center; background-repeat : space; background-blend-mode : screen; 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-371-background-overlay { background-color : rgba(255, 255, 255, 0); background-image : url("http://www.abkpp.ac.th/Joomla/images//60999381-blue-grid-mosaic-background-creative-design-templates.jpg"); background-size : cover; background-position : top right; background-repeat : no-repeat; opacity : 0.4;  } #qx-section-371:hover .qx-section-371-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-section-371 { padding-top : 40px; padding-right : 0px; padding-bottom : 40px; padding-left : 0px;  }  } @media (max-width: 767px) { #qx-section-371 { padding-top : 20px; padding-right : 0px; padding-bottom : 20px; padding-left : 0px;  }  } #qx-row-102 { box-shadow : 32px 25px 15px 6px rgba(255, 255, 255, 0); transition : border 0.3s ease-in, box-shadow 0.3s ease-in;  } #qx-row-102 > .qx-row { background-color : rgba(255, 255, 255, 0);  } .qx-row-102-background-overlay {  } #qx-row-102:hover .qx-row-102-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-row-102 {  }  } @media (max-width: 767px) { #qx-row-102 {  }  } #qx-column-104 > .qx-col-wrap { background-color : rgba(255, 255, 255, 0); transition : border 0.3s ease-in, box-shadow 0.3s ease-in;  } #qx-column-104 { flex: 100%; max-width: 100%; } .qx-column-104-background-overlay { background-color : rgba(232, 62, 140, 1); background-image : url("http://www.abkpp.ac.th/Joomla/images//pic2562/20190108_190108_0032.jpg"); background-size : cover; background-position : center; background-repeat : no-repeat; opacity : 0.03;  } #qx-column-104:hover .qx-column-104-background-overlay {  } #qx-column-104 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 23px;  } #qx-column-104 .qx-element-wrap+.qx-element-wrap { margin-top : 23px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-104 > .qx-col-wrap {  } #qx-column-104 { flex: 100%; max-width: 100%; } #qx-column-104 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-104 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  }  } @media (max-width: 767px) { #qx-column-104 > .qx-col-wrap {  } #qx-column-104 { flex: 100%; max-width: 100%; } #qx-column-104 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 10px;  } #qx-column-104 .qx-element-wrap+.qx-element-wrap { margin-top : 10px;  }  } #qx-heading-785 { background-size : cover; background-position : center; background-repeat : no-repeat; transition : border 0.3s ease-in, box-shadow 0.3s ease-in; text-align : center;  } #qx-heading-785:hover { border-style : double; border-color : rgba(255, 193, 7, 1);  } #qx-heading-785 span { font-family : Cabin; font-weight : 600; font-size : 70px; text-shadow : rgba(232, 62, 140, 1) 6px -2px 3px; color : rgba(249 ,  247,  241, 1);  } @media (min-width: 768px) and (max-width: 1024px) { #qx-heading-785 {  } #qx-heading-785 span { font-size : 45px; line-height : 1em;  }  } @media (max-width: 767px) { #qx-heading-785 {  } #qx-heading-785 span { font-size : 35px; line-height : 1em;  }  } #qx-text-4345 { margin-top : 30px; transition : border 0.3s ease-in, box-shadow 0.3s ease-in; font-family : Poppins; font-weight : 200italic; font-size : 17px; line-height : 1.6em; letter-spacing : 1.6px; text-shadow : rgba(255, 193, 7, 1) 0px 0px 10px; text-align : left; color : rgba(6 ,  10,  14, 1);  } @media (min-width: 768px) and (max-width: 1024px) { #qx-text-4345 { font-size : 14px;  }  } @media (max-width: 767px) { #qx-text-4345 { margin-top : 10px; line-height : 1em;  }  } #qx-heading-3154 { background-size : cover; background-position : center; background-repeat : no-repeat; transition : border 0.3s ease-in, box-shadow 0.3s ease-in; text-align : center;  } #qx-heading-3154:hover { border-style : double; border-color : rgba(255, 193, 7, 1);  } #qx-heading-3154 span { font-family : Cabin; font-weight : 600; font-size : 70px; text-shadow : rgba(232, 62, 140, 1) 6px -2px 3px; color : rgba(249 ,  247,  241, 1);  } @media (min-width: 768px) and (max-width: 1024px) { #qx-heading-3154 {  } #qx-heading-3154 span { font-size : 45px; line-height : 1em;  }  } @media (max-width: 767px) { #qx-heading-3154 {  } #qx-heading-3154 span { font-size : 35px; line-height : 1em;  }  } #qx-text-55146 { margin-top : 30px; transition : border 0.3s ease-in, box-shadow 0.3s ease-in; font-family : Poppins; font-weight : 500; font-size : 17px; line-height : 1.6em; text-align : left; color : rgba(6 ,  10,  14, 1);  } @media (min-width: 768px) and (max-width: 1024px) { #qx-text-55146 { font-size : 14px;  }  } @media (max-width: 767px) { #qx-text-55146 { margin-top : 10px; line-height : 1em;  }  } #qx-heading-2553 { background-size : cover; background-position : center; background-repeat : no-repeat; transition : border 0.3s ease-in, box-shadow 0.3s ease-in; text-align : center;  } #qx-heading-2553:hover { border-style : double; border-color : rgba(255, 193, 7, 1);  } #qx-heading-2553 span { font-family : Cabin; font-weight : 600; font-size : 70px; text-shadow : rgba(232, 62, 140, 1) 6px -2px 3px; color : rgba(249 ,  247,  241, 1);  } @media (min-width: 768px) and (max-width: 1024px) { #qx-heading-2553 {  } #qx-heading-2553 span { font-size : 45px; line-height : 1em;  }  } @media (max-width: 767px) { #qx-heading-2553 {  } #qx-heading-2553 span { font-size : 35px; line-height : 1em;  }  } #qx-text-72306 { margin-top : 30px; transition : border 0.3s ease-in, box-shadow 0.3s ease-in; font-family : Poppins; font-weight : 500; font-size : 17px; line-height : 1.6em; text-align : left; color : rgba(6 ,  10,  14, 1);  } @media (min-width: 768px) and (max-width: 1024px) { #qx-text-72306 { font-size : 14px;  }  } @media (max-width: 767px) { #qx-text-72306 { margin-top : 10px; line-height : 1em;  }  } #qx-image-42495 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in;  } #qx-image-42495 img,#qx-image-42495 svg { width : 100%; border-style : none;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-image-42495 {  } #qx-image-42495 img,#qx-image-42495 svg {  }  } @media (max-width: 767px) { #qx-image-42495 {  } #qx-image-42495 img,#qx-image-42495 svg {  }  }