/* style font icon */
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

div{ 
    text-align: justify;
    text-justify: inter-word;
}

.list-group-item a:hover{text-decoration: none;}
.list-group-item a{color:#364604; font-size: 85%; }

.bg-green-light{ background-color: #f5f5f0; }
.bg-green1{ background-color: #e6ffcc; }
.bg-green2{ background-color:#00b300; }
.bg-gray1{ background-color: #e0e0d1;}
.text-yellow-light1{ color:#ffff4d;}


.menu_sub1 ul{ list-style-type:none; padding: 0; margin: 0;}
.menu_sub1 li{ margin-bottom: 3px; }
.menu_sub1 i{ color: #709d07; }
.menu_sub1 a:hover{padding-left: 5px; padding-right:5px; color: rgb(227, 240, 158); text-decoration: none; background-color: #336600; border-radius: 3px;}

.footer-link a{color:#f0e7a8; text-decoration: none;}
.footer-link a:hover{ color:#b30059; text-decoration: none }
.link-banner a { color: #FFFFFF important; }
.link-banner a:hover{ color: rgb(250, 202, 7) important; }

.activity-card {
  transition: transform 0.3s ease; /* การเคลื่อนไหวในการขยายตัว */
}

.activity-card:hover {
  transform: scale(1.1); /* ขยายทั้งก้อนขึ้น 1.1 เท่าเมื่อ hover */
}