@charset "utf-8";

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

/* Small devices (landscape phones, 544px and up) */
@media (min-width: 100px) {  
  body { font-family: 'Kanit', sans-serif; text-decoration: none; margin: 0px; text-align: center; font-size: 10px; padding: 10px 0px; } 
  li { font-size: 10px; }
  .toolbar {	 background:#000000; top: 0; text-align: center; z-index: 0; color: #FFFFFF; text-shadow: 0 1px 0 rgba(185, 87, 0, 0.3); width: 1000; height: 80px; font-size: 3em; position: fixed;}
}
 
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 544px) {  
  body { font-family: 'Kanit', sans-serif; text-decoration: none; margin: 0px; text-align: center; font-size: 14px; padding: 10px 0px; } 
  li { font-size: 10px; }
  .toolbar { background:#000000; top: 0; text-align: center; z-index: 0; color: #FFFFFF; text-shadow: 0 1px 0 rgba(185, 87, 0, 0.3); 	width: 1000; height: 80px; font-size: 3em; position: fixed;}
}
 
/* Extra large devices (large desktops, 1000px and up) */
@media (min-width: 768px) {  
  body { font-family: 'Kanit', sans-serif; text-decoration: none; margin: 0px; text-align: center; font-size: 16px; padding: 10px 0px; }    
  li { font-size: 16px; }
  .toolbar {	 background:#000000; top: 0; text-align: center; z-index: 0; color: #FFFFFF; text-shadow: 0 1px 0 rgba(185, 87, 0, 0.3); width: 100%; height: 50px; font-size: 20px; position: fixed; }
}


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

.toolbar a:link { color: #FFFFFF; padding: 2px 4px; }
.toolbar a:visited { color: #FFFFFF; padding: 2px 4px; }
.toolbar a:hover { color: #FFCC00; 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; }


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

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

.img-click:hover {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
	cursor: pointer;
	border: 0;
}

.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; }