@charset "utf-8";

@media print
{
      .page-break  { display:block; page-break-before:always; }
}

/* Small devices (landscape phones, 544px and up) */
@media (min-width: 544px) {  
  body {font-size:1.5rem; padding: 0px 0px 0px 0px;} 
  .toolbar {	height: 80px; }
  .mainMenuTable { width: 80%; }
}
 
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  
  body {font-size:2rem; padding: 0px 0px 0px 0px;} 
  .toolbar {	height: 80px; }
  .mainMenuTable { width: 80%; }
}
 
/* Extra large devices (large desktops, 1000px and up) */
@media (min-width: 1000px) {  
  body {font-size: 16px; padding: 0px 0px 0px 0px;}    
  .toolbar {	height: 50px; }
  .mainMenuTable { width: 300px; }
}

body {
	font-family: 'Kanit', sans-serif;
	text-decoration: none;
	margin: 0px;
}


ul { 
	line-height:+2; 
	list-style-position:outside; 
}


.toolbar {
	font-size: 150%;
	background: #FF9900;
	position: fixed;
	top: 0;
	width: 100%;
	text-align: center;
	z-index: 0;
	color: #FFFFFF;
	text-shadow: 0 1px 0 rgba(185, 87, 0, 0.3);
}

.toolbar a:link { color: #FFFFFF; padding: 2px 4px; }
.toolbar a:visited { color: #FFFFFF; padding: 2px 4px; }
.toolbar a:hover { color: #000000; padding: 2px 4px; } 
.toolbar a:active { color: #FFFFFF; padding: 2px 4px; }

tr.radius8_top td { border:solid 1px inherit; -webkit-border-radius:8px 8px 0px 0px; -moz-border-radius:8px 8px 0px 0px; border-radius:8px 8px 0px 0px; padding-left:15px; padding-top:5px; }
tr.radius8_bottom td { border:solid 1px inherit; -webkit-border-radius:0px 0px 8px 8px; -moz-border-radius:0px 0px 8px 8px, 8px; border-radius:0px 0px 8px 8px; padding-left:15px; }


a:link {
	color: #000000;
	text-decoration: none;
}
a:visited {
	color: #000000;
	text-decoration: none;
}
a:active {
	color: #000000;
	text-decoration: none;
}
a:hover {
	color: #0033FF;
	text-decoration: none;
}

tr:hover.row td {
    background-color: #FFF2C6;
}

tr:hover.rowYellow td {
    background-color: #FFCC00;
}

tr.radius10 td { border:solid 1px inherit; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; padding:10px; }
tr.radius20 td { border:solid 1px inherit; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; padding:20px; }
table.radius20 { border:solid 1px inherit; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; padding:20px; }


img {
	max-width: 100%; 
	height: auto; 
}

.imgThumb {
	width: 300px; 
	height: 300px; 
}

.noselect {
	-webkit-touch-callout: none; 
	-webkit-user-select: none; 
	-khtml-user-select: none; 
	-moz-user-select: none; 
	-ms-user-select: none; 
	user-select: none; 
}

video::-internal-media-controls-download-button {
	display:none;
}

video::-webkit-media-controls-enclosure {
	overflow:hidden;
}

video::-webkit-media-controls-panel {
	width: calc(100% + 30px); /* Adjust as needed */
}

.bgHiligh1 { border:solid 1px inherit; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; padding:10px; background-color:#000000; color: #FFFFFF; }
a:link.bgHiligh1 { color: #FFFFFF; }
a:visited.bgHiligh1 { color: #FFFFFF; }
a:hover.bgHiligh1 { color: #FFCC00; } 
a:active.bgHiligh1 { color: #FFFFFF; }

.button {
  font-family: 'Kanit', sans-serif;
  background-color: #000000; /* Green */
  border: none;
  color: white;
  padding: 12px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1.5rem;
  margin: 4px 2px;
  cursor: pointer;
}

.button12 { border-radius: 12px; }
.textboxDashed { font-family: 'Kanit', sans-serif; font-size: 1.2rem; border: 2px dashed #D1C7AC; text-align: center; padding: 10px; }
input { padding: 8px; }
select { padding: 8px; }
textarea { padding: 8px; }