body {
font-family: 'Sarabun', sans-serif;
content: '';
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background-image:url(img/2025/bg.jpg);
background: linear-gradient(to right, rgba(30, 67, 86, 0.8), rgba(30, 67, 86, 0.6)), url("../img/2025/bg.jpg") center top no-repeat;
-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%);
filter: gray; filter: grayscale(100%);
}
.footer {
font-family: 'Sarabun', sans-serif;
font-size: 15px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #FFFFFF;
text-decoration: none;
}
.news {
font-family: 'Sarabun', sans-serif;
font-size: 18px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #000000;
text-decoration: none;
}
.new {
font-family: 'Sarabun', sans-serif;
font-size: 30px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #000000;
text-decoration: none;
}
.manu {
font-family: 'Sarabun', sans-serif;
font-size: 16px;
font-style: normal;
line-height: 18pt;
font-variant: normal;
text-transform: none;
color: #000000;
text-decoration: none;
}
A.manu:link {
COLOR: #000000; TEXT-DECORATION: none
}
A.manu:hover {
COLOR: #FF3366; TEXT-DECORATION: none
}
.box {
border: medium solid #15CFF2;
}
.btn {
border: 1px solid #BAD6FE;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #024AB6;
text-decoration: none;
}
.detail-s {
font-family: 'Sarabun', sans-serif;
font-size: 15px;
font-style: normal;
line-height: 18pt;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #000099;
text-decoration: none;
}
.detail-news {
font-family: 'Sarabun', sans-serif;
font-size: 14px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #333333;
text-decoration: none;
}
.link-news {
font-family: 'Sarabun', sans-serif;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #024AB6;
text-decoration: underline;
}
A.link-news:link {
COLOR: #024AB6; TEXT-DECORATION: none}
A.link-news:visited {
COLOR: #024AB6; TEXT-DECORATION: none
}
A.link-news:active {
COLOR: #024AB6; TEXT-DECORATION: none
}
A.link-news:hover {
COLOR: #C91D66; TEXT-DECORATION: none
}
.b-right {
border-right-width: 3px;
border-right-style: solid;
border-right-color: #57B3C7;
}
.styles3 {
font-family: 'Sarabun', sans-serif;
font-size: 16px;
font-style: normal;
line-height: 15px;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #003366;
text-decoration: none;
}
A.styles3:link {
COLOR: #06753a; TEXT-DECORATION: none
}
A.styles3:visited {
COLOR: #06753a; TEXT-DECORATION: none
}
A.styles3:active {
COLOR: #06753a; TEXT-DECORATION: none
}
A.styles3:hover {
COLOR: #916106; TEXT-DECORATION: none
}
.rss {
font-family: 'Sarabun', sans-serif;
font-size: 15px;
font-style: normal;
line-height: 18px;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #3333CC;
text-decoration: none;
}
A.rss:link {
COLOR:#3333CC; TEXT-DECORATION: none
}
A.rss:visited {
COLOR: #3333CC; TEXT-DECORATION: none
}
A.rss:active {
COLOR: #3333CC; TEXT-DECORATION: none
}
A.rss:hover {
COLOR: #FF3300; TEXT-DECORATION: none
}
.under {
border-bottom-width: 4px;
border-bottom-style: solid;
border-bottom-color: #57B3C7;
}
.styles2 {
font-family: 'Sarabun', sans-serif;
font-size: 17px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #1B2A1B;
text-decoration: none;
}
.s2 {
font-family: 'Sarabun', sans-serif;
font-size: 16px;
font-style: normal;
line-height: 35px;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #000000;
text-decoration: none;
}
.s3 {
font-family: 'Sarabun', sans-serif;
font-size: 1.2em;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #024AB6;
text-decoration: none;
}
.s4 {
font-family: 'Sarabun', sans-serif;
font-size: 1em;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #333333;
text-decoration: none;
}
.s5 {
font-family: 'Sarabun', sans-serif;
font-size: 1em;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #024AB6;
text-decoration: none;
}
.s6 {
font-family: 'Sarabun', sans-serif;
font-size: 2.5em;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #024AB6;
text-decoration: none;
}
.s7 {
font-family: 'Sarabun', sans-serif;
font-size: 1.8em;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #024AB6;
text-decoration: none;
}
.s8 {
font-family: 'Sarabun', sans-serif;
font-size: 1.5em;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #333333;
text-decoration: none;
}
A.styles2:visited {
COLOR: #000099; TEXT-DECORATION: none
}
A.styles2:active {
COLOR: #000099; TEXT-DECORATION: none
}
A.styles2:hover {
COLOR: #0000FF; TEXT-DECORATION: none
}
.title {
font-family: 'Sarabun', sans-serif;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: bolder;
font-variant: normal;
text-transform: none;
color: #006600;
text-decoration: none;
}
.border {
border-top-width: 1px;
border-top-style: solid;
border-top-color: #006600;
}
.b-left {
border-left-width: 4px;
border-left-style: solid;
border-left-color: #57B3C7;
}
.under-g {
border-top-width: 1px;
border-top-style: solid;
border-top-color: #993300;
}
.box-center {
border: 1px dashed #0099FF;
}
.title2 {
font-family: 'Sarabun', sans-serif;
font-size: 24px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #000000;
text-decoration: none;
}
.title3 {
font-family: 'Sarabun', sans-serif;
font-size: 16px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #002E94;
text-decoration: none;
}
.styles {
font-family: 'Sarabun', sans-serif;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #000000;
text-decoration: none;
}
A.styles:visited {
COLOR: #000099; TEXT-DECORATION: none
}
A.styles:active {
COLOR: #003366; TEXT-DECORATION: none
}
A.styles:hover {
COLOR: #000033; TEXT-DECORATION: none
}
.styles1 {
font-family: 'Sarabun', sans-serif;
text-transform: none;
color: #0000FF;
font-size: 14px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-decoration: none;
}
.s1 {
font-family: 'Sarabun', sans-serif;
text-transform: none;
color: #333333;
font-size: 1.3em;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-decoration: none;
}
.styles4 {
font-family: 'Sarabun', sans-serif;
font-size: 14px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #CC0000;
text-decoration: none;
}
.top {
border-top: 2px double #FFFF00;
}
.red {
font-family: 'Sarabun', sans-serif;
font-size: 14px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #CC3333;
text-decoration: none;
}
.styles5 {
font-family: 'Sarabun', sans-serif;
font-size: 17px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #135832;
text-decoration: none;
}
.f1 {
font-family: 'Sarabun', sans-serif;
font-size: 20px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #333333;
text-decoration: none;
}
.f2 {
font-family: 'Sarabun', sans-serif;
font-size: 16px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #333333;
text-decoration: none;
}
A.red:link {
COLOR: #ab0e09; TEXT-DECORATION: none
}
A.red:visited {
COLOR: #ab0e09; TEXT-DECORATION: none
}
A.red:active {
COLOR:#ab0e09; TEXT-DECORATION: none
}
A.red:hover {
COLOR: #5DBFFE; TEXT-DECORATION: none
}
.title-c {
font-family: 'Sarabun', sans-serif;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: bold;
font-variant: normal;
text-transform: none;
color: #B9005C;
text-decoration: none;
}
.counter {
font-family: 'Sarabun', sans-serif;
font-size: 14px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #FFFFFF;
text-decoration: none;
}
.cal {
font-family: 'Sarabun', sans-serif;
font-size: 14px;
font-style: normal;
line-height: normal;
font-weight: bolder;
font-variant: normal;
text-transform: none;
color: #993300;
text-decoration: none;
}
.more {
font-family: 'Sarabun', sans-serif;
font-size: 14px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #1A87FD;
text-decoration: none;
}
A.more:link {
COLOR: #0000FF; TEXT-DECORATION: none
}
A.more:visited {
COLOR: #000000; TEXT-DECORATION: none
}
A.more:active {
COLOR:#0000FF; TEXT-DECORATION: none
}
A.more:hover {
COLOR: #000033; TEXT-DECORATION: none
}
.topic {
font-family: 'Sarabun', sans-serif;
font-size: 14px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #CC00FF;
}
.box1 {
border: 1px solid #cccccc;
}