#Intro { padding-top : 20px; padding-right : 0px; padding-bottom : 20px; padding-left : 0px; background-color : rgba(0 ,  0,  0, 1); background-image : url("https://www.dep.go.th/images//bgdepweb.jpg"); background-size : cover; background-position : center; background-repeat : no-repeat; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .Intro-background-overlay {  } #Intro:hover .Intro-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #Intro { padding-top : 40px; padding-right : 0px; padding-bottom : 40px; padding-left : 0px;  }  } @media (max-width: 767px) { #Intro { padding-top : 20px; padding-right : 0px; padding-bottom : 20px; padding-left : 0px;  }  } #qx-row-6742 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-row-6742-background-overlay {  } #qx-row-6742:hover .qx-row-6742-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-row-6742 {  }  } @media (max-width: 767px) { #qx-row-6742 {  }  } #qx-column-7960 > .qx-col-wrap { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-column-7960 { flex: 100%; max-width: 100%; } .qx-column-7960-background-overlay {  } #qx-column-7960:hover .qx-column-7960-background-overlay {  } #qx-column-7960 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-7960 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-7960 > .qx-col-wrap {  } #qx-column-7960 { flex: 100%; max-width: 100%; }  } @media (max-width: 767px) { #qx-column-7960 > .qx-col-wrap {  } #qx-column-7960 { flex: 100%; max-width: 100%; }  } #qx-joomla-module-58100 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-joomla-module-58100 {  }  } @media (max-width: 767px) { #qx-joomla-module-58100 {  }  } .introimg{ transition: all 0s ease 0s!important; -ms-transition: all 0s ease 0s!important; -webkit-transition: all 0s ease 0s!important; -moz-transition: all 0s ease 0s!important; } .introimg:hover{ -webkit-transform: none!important; -moz-transform: none!important; -ms-transform: none!important; transform: none!important; }#qx-row-2085 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-row-2085-background-overlay {  } #qx-row-2085:hover .qx-row-2085-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-row-2085 {  }  } @media (max-width: 767px) { #qx-row-2085 {  }  } #qx-column-3286 > .qx-col-wrap { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-column-3286 { flex: 25%; max-width: 25%; } .qx-column-3286-background-overlay {  } #qx-column-3286:hover .qx-column-3286-background-overlay {  } #qx-column-3286 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-3286 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-3286 > .qx-col-wrap {  } #qx-column-3286 { flex: 10%; max-width: 10%; }  } @media (max-width: 767px) { #qx-column-3286 > .qx-col-wrap {  } #qx-column-3286 { flex: 100%; max-width: 100%; }  } #qx-column-888 > .qx-col-wrap { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-column-888 { flex: 56%; max-width: 56%; } .qx-column-888-background-overlay {  } #qx-column-888:hover .qx-column-888-background-overlay {  } #qx-column-888 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-888 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-888 > .qx-col-wrap {  } #qx-column-888 { flex: 79%; max-width: 79%; }  } @media (max-width: 767px) { #qx-column-888 > .qx-col-wrap {  } #qx-column-888 { flex: 100%; max-width: 100%; }  } #qx-column-5098 > .qx-col-wrap { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-column-5098-background-overlay {  } #qx-column-5098:hover .qx-column-5098-background-overlay {  } #qx-column-5098 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-5098 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-5098 > .qx-col-wrap {  }  } @media (max-width: 767px) { #qx-column-5098 > .qx-col-wrap {  }  } #qx-row-42115 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } .qx-row-42115-background-overlay {  } #qx-row-42115:hover .qx-row-42115-background-overlay {  } @media (min-width: 768px) and (max-width: 1024px) { #qx-row-42115 {  }  } @media (max-width: 767px) { #qx-row-42115 {  }  } #qx-column-5117 > .qx-col-wrap { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-column-5117 { flex: 31%; max-width: 31%; } .qx-column-5117-background-overlay {  } #qx-column-5117:hover .qx-column-5117-background-overlay {  } #qx-column-5117 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-5117 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-5117 > .qx-col-wrap {  } #qx-column-5117 { flex: 29%; max-width: 29%; }  } @media (max-width: 767px) { #qx-column-5117 > .qx-col-wrap {  } #qx-column-5117 { flex: 100%; max-width: 100%; }  } #qx-button-55129 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; text-align : center;  } #qx-button-55129 .qx-btn { background-color : rgba(4 ,  70,  141, 1); transition : background 0.3s, opacity 0.3s ease-in, border 0.3s ease-in, box-shadow 0.3s ease-in; color : rgba(255 ,  255,  255, 1); padding-top : 10px; padding-bottom : 10px; border-style : solid; border-top-width : 0px; border-right-width : 0px; border-bottom-width : 0px; border-left-width : 0px; border-top-left-radius : 10px; border-top-right-radius : 10px; border-bottom-right-radius : 10px; border-bottom-left-radius : 10px; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-button-55129 .qx-btn:hover { background-color : rgba(59 ,  148,  245, 1); color : rgba(255 ,  255,  255, 1);  } #qx-button-55129 .qx-btn:hover i { color : rgba(255 ,  255,  255, 1);  } #qx-button-55129 * { font-family : Mitr; line-height : 1em;  } #qx-button-55129 a svg,#qx-button-55129 a i path { fill : rgba(249 ,  248,  248, 1);  } #qx-button-55129 a svg,#qx-button-55129 a i { width : 20px; height : 20px; color : rgba(249 ,  248,  248, 1); font-size : 20px; margin-left : 5px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-button-55129 {  } #qx-button-55129 * {  } #qx-button-55129 .qx-btn {  } #qx-button-55129 a svg,#qx-button-55129 a i { margin-left : 30px;  }  } @media (max-width: 767px) { #qx-button-55129 {  } #qx-button-55129 * {  } #qx-button-55129 .qx-btn {  } #qx-button-55129 a svg,#qx-button-55129 a i { margin-left : 20px;  }  } #qx-column-5119 > .qx-col-wrap { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-column-5119 { flex: 40%; max-width: 40%; } .qx-column-5119-background-overlay {  } #qx-column-5119:hover .qx-column-5119-background-overlay {  } #qx-column-5119 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-5119 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-5119 > .qx-col-wrap {  } #qx-column-5119 { flex: 43%; max-width: 43%; }  } @media (max-width: 767px) { #qx-column-5119 > .qx-col-wrap {  } #qx-column-5119 { flex: 100%; max-width: 100%; }  } #qx-button-67159 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; text-align : center;  } #qx-button-67159 .qx-btn { background-color : rgba(232, 62, 140, 1); transition : background 0.3s, opacity 0.3s ease-in, border 0.3s ease-in, box-shadow 0.3s ease-in; color : rgba(255 ,  255,  255, 1); padding-top : 10px; padding-bottom : 10px; border-style : solid; border-top-width : 0px; border-right-width : 0px; border-bottom-width : 0px; border-left-width : 0px; border-top-left-radius : 10px; border-top-right-radius : 10px; border-bottom-right-radius : 10px; border-bottom-left-radius : 10px; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-button-67159 .qx-btn:hover { background-color : rgba(59 ,  148,  245, 1); color : rgba(255 ,  255,  255, 1);  } #qx-button-67159 .qx-btn:hover i { color : rgba(255 ,  255,  255, 1);  } #qx-button-67159 * { font-family : Mitr; line-height : 1em;  } #qx-button-67159 a svg,#qx-button-67159 a i { margin-left : 5px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-button-67159 {  } #qx-button-67159 * {  } #qx-button-67159 .qx-btn {  } #qx-button-67159 a svg,#qx-button-67159 a i { margin-left : 30px;  }  } @media (max-width: 767px) { #qx-button-67159 {  } #qx-button-67159 * {  } #qx-button-67159 .qx-btn {  } #qx-button-67159 a svg,#qx-button-67159 a i { margin-left : 20px;  }  } #qx-column-5121 > .qx-col-wrap { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-column-5121 { flex: 18%; max-width: 18%; } .qx-column-5121-background-overlay {  } #qx-column-5121:hover .qx-column-5121-background-overlay {  } #qx-column-5121 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-5121 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-5121 > .qx-col-wrap {  } #qx-column-5121 { flex: 27%; max-width: 27%; }  } @media (max-width: 767px) { #qx-column-5121 > .qx-col-wrap {  } #qx-column-5121 { flex: 100%; max-width: 100%; }  } #qx-button-99244 { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in; text-align : center;  } #qx-button-99244 .qx-btn { background-color : rgba(4 ,  70,  141, 1); transition : background 0.3s, opacity 0.3s ease-in, border 0.3s ease-in, box-shadow 0.3s ease-in; color : rgba(255 ,  255,  255, 1); padding-top : 10px; padding-bottom : 10px; border-style : solid; border-top-width : 0px; border-right-width : 0px; border-bottom-width : 0px; border-left-width : 0px; border-top-left-radius : 10px; border-top-right-radius : 10px; border-bottom-right-radius : 10px; border-bottom-left-radius : 10px; transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-button-99244 .qx-btn:hover { background-color : rgba(59 ,  148,  245, 1); color : rgba(255 ,  255,  255, 1);  } #qx-button-99244 .qx-btn:hover i { color : rgba(255 ,  255,  255, 1);  } #qx-button-99244 * { font-family : Mitr; line-height : 1em;  } #qx-button-99244 a svg,#qx-button-99244 a i path { fill : rgba(255 ,  255,  255, 1);  } #qx-button-99244 a svg,#qx-button-99244 a i { width : 20px; height : 20px; color : rgba(255 ,  255,  255, 1); font-size : 20px; margin-left : 5px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-button-99244 {  } #qx-button-99244 * {  } #qx-button-99244 .qx-btn {  } #qx-button-99244 a svg,#qx-button-99244 a i { margin-left : 30px;  }  } @media (max-width: 767px) { #qx-button-99244 {  } #qx-button-99244 * {  } #qx-button-99244 .qx-btn {  } #qx-button-99244 a svg,#qx-button-99244 a i { margin-left : 20px;  }  } #qx-column-5690 > .qx-col-wrap { transition : border 0.3s ease-in, box-shadow 0.3s ease-in,background 0.3s, opacity 0.3s ease-in;  } #qx-column-5690 { flex: 19%; max-width: 19%; } .qx-column-5690-background-overlay {  } #qx-column-5690:hover .qx-column-5690-background-overlay {  } #qx-column-5690 .qx-fb-elements .qx-fb-element+.qx-fb-element { margin-top : 20px;  } #qx-column-5690 .qx-element-wrap+.qx-element-wrap { margin-top : 20px;  } @media (min-width: 768px) and (max-width: 1024px) { #qx-column-5690 > .qx-col-wrap {  } #qx-column-5690 { flex: 11%; max-width: 11%; }  } @media (max-width: 767px) { #qx-column-5690 > .qx-col-wrap {  } #qx-column-5690 { flex: 100%; max-width: 100%; }  }