<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=K2D&display=swap" rel="stylesheet">
<html>
<head>
<style type="text/css">
body
{
font-family: 'Sarabun', sans-serif;
}
h1 {
font-family: 'Sarabun', sans-serif;
}
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #3399CC;
}
li {
float: left;
}
li a {
display: block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
/* Change the link color to #111 (black) on hover */
li a:hover {
background-color: #CCCCCC;
}
}
.active {
background-color: #CCCCCC;
}
.style2 {font-size: 34px}
.style3 {font-size: 20px}
.border1
{
border:1px solid #3399cc;
padding:20px 30px;
background:#FFFFFF;
/* width:330px;*/
border-radius:10px;
box-shadow:10px 10px 5px #888888;
}
.border2
{
border:0px solid #CCCCFF;
padding:20px 25px;
background:#00a6d5;
/* width:250px;*/
border-radius:20px; }
.div-card
{
border:1px solid #CCCCFF;
padding:20px 20px;
background:#FFFFFF;
width:500px;
border-radius:10px;
box-shadow:10px 10px 5px #888888;
}
.style8 {
font-size: 24px;
color: #ff0000;
}
.img-candidate {
max-width: 100%;
height: 200px;
}
.ct {
text-align: center;
}
.main-head {
color: #fff;
padding: 15px 15px 15px 15px;
text-align: center;
background-color: #00a6d5;
}
.board-head1 {
border: 2px solid #0a8900;
border-radius: 10px;
padding: 10px 10px 10px 10px;
}
.border-bot {
padding-bottom: 15px;
}
.font-green {
color: #0a8900;
}
.font-blue {
color: #00a6d5;
}
.font-white {
color: #fff ;
}
</style>
</head>
</html>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>