@import url('https://fonts.googleapis.com/css2?family=Bungee+Spice&family=Charmonman:wght@400;700&family=Niramit:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&family=Noto+Sans+Thai:wght@300;400;500;600;700&family=Sarabun:wght@300;400;500;600;700&display=swap');

body {
	margin:0px;
	padding:0px;
	color:#555;
	/*font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;*/
	font-family: 'Sarabun', sans-serif;
	font-size:50px;
	line-height:1.5em; 
	background-color:#ffffff;
	background-image: url(images/templatemo_body.jpg);
	background-position:top;
	background-repeat:repeat-x;
}

a, a:link, a:visited {
	color: #0074c5; 
	text-decoration: none;
}

a:hover {
	color: #009900;
	text-decoration: underline;
}

p { margin: 0px; padding: 0 0 10px 0; }
img { border: none; }

h1, h2, h3, h4, h5{ font-weight:normal; }

h1 { font-size: 90px; color: #000; }
h2 { font-size: 40px; color: #000 ; margin: 0 0 20px 0; padding: 0; }
h3 { font-size: 21px; color: #ccc; margin: 0 0 20px 0; padding: 0; }
h4 { font-size: 18px; color: #000; margin: 0 0 10px 0; padding: 0; }
h5 { font-size: 16px; color: #000; margin: 0 0 10px 0; padding: 0; }
h6 { font-size: 40px; margin: 0 0 5px 0; padding: 0;}

.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  }

#templatemo_content_wrapper_outer {
	width: 100%;
	background: url(images/templatemo_content_top.jpg) top repeat-x;
	border-top: 1px solid #004e85;
	
}

#templatemo_content_wrapper_inner {
	width: 100%;
	background: url(images/templatemo_content_bottom.jpg) bottom repeat-x;	
}

#templatemo_content_wrapper {
	width: 1160px;
	margin: 0 auto;
	padding: 0px;
}

#templatemo_content {
	width: 1146px;
	float: left;
	border:solid 1px #CCCCCC;padding:6px;
	margin:auto;
	background:#FFFFFF;
}

.link{ border:1px #E0E0E0 solid; margin:2px; width:auto; float:left; padding:3px 5px 3px 5px; 
	   text-align:center; background-color:#E6F9FF; font-weight:bold;}
.login{height:80px;padding:1px 0 1px 0;text-align:left;background-color:#FF6699;font-weight:bold;color:#FFFFFF;}
.loginL{margin-right:5px;width:auto;float:left;padding:6px 5px 3px 5px;background-color:#FF6699;font-weight:bold;font-size:50px;}
.loginR{margin-left:5px;width:auto;float:right;padding:10px 5px 3px 5px;background-color:#FF6699;font-weight:bold;font-size:50px;}

.box{ border:1px #E0E0E0 solid; margin:2px; float:left; width:270px; padding:5px; text-align:center;font-size: 40px; font-family: 'Sarabun', sans-serif;}
.box_t{ border:1px #E0E0E0 solid; margin:2px; float:left;width:175px; padding:5px; text-align:center;font-size: 40px; font-family: 'Sarabun', sans-serif;}
.box_tk{ border:1px #E0E0E0 solid; margin:auto;width:340px; height:80px; padding:40px; text-align:center;font-size: 60px; font-family: 'Sarabun', sans-serif; background-color:#FFFF00;border-radius:80px; -moz-border-radius: 80px; -webkit-border-radius:80px; -o-border-radius:80px;}
.box_menu{ border:1px #E0E0E0 solid; margin:auto;width:234px; height:80px; padding:20px; text-align:center;font-size: 60px; font-family: 'Sarabun', sans-serif; background-color:#FFFF00;border-radius:20px; -moz-border-radius: 20px; -webkit-border-radius:20px; -o-border-radius:20px; float:left; margin:5px;}
.box_menu_sub{ border:1px #E0E0E0 solid; margin:auto;width:170px; height:80px; padding:5px; text-align:center;font-size: 40px; font-family: 'Sarabun', sans-serif; background-color:#FFFF66;border-radius:20px; -moz-border-radius: 20px; -webkit-border-radius:20px; -o-border-radius:20px; float:left; margin:5px;}
.box_menu_sub1{ border:1px #E0E0E0 solid; margin:auto;width:auto; height:80px; padding:5px 15px 5px 5px;text-align:left;font-size: 40px;font-family: 'Sarabun', sans-serif; background-color:#FF9900;border-radius:20px; -moz-border-radius: 20px; -webkit-border-radius:20px; -o-border-radius:20px; float:left; margin:5px;}
.box_menu_sub_name{ border:1px #E0E0E0 solid; margin:auto;width:auto; height:80px; padding:5px; text-align:left;font-size: 40px; color:#FFFFFF;font-family: 'Sarabun', sans-serif; background-color:#0099FF;border-radius:20px; -moz-border-radius: 20px; -webkit-border-radius:20px; -o-border-radius:20px; float:left; margin:5px;}

.inbox{ border:1px #E0E0E0 solid; margin:auto; padding:1px;}

input.minis { border:1px solid #d6d6d6; background: #FFFFFF; width: 100px; height: 60px; line-height: 22px;  padding: 0px 10px;float:none;font-size: 40px; font-family: 'Sarabun', sans-serif;  color: #959595; text-align:right;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px;}
input.mini { border: 1px solid #d6d6d6; background: #FFFFFF; width: 150px; height: 60px; line-height: 22px;  padding: 0px 10px; float:none; font-size: 40px; font-family: 'Sarabun', sans-serif;  color: #959595;  border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px;}
input.short { border: 1px solid #d6d6d6; background: #FFFFFF; width: 200px; height: 60px; line-height: 22px;  padding: 0px 10px; float:none; font-size: 40px; font-family: 'Sarabun', sans-serif;  color: #959595;  border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px;}
input.middle { border: 1px solid #d6d6d6; background: #FFFFFF; width: 250px; height: 60px; line-height: 22px;  padding: 0px 10px; float:none; font-size: 40px; font-family: 'Sarabun', sans-serif;  color: #959595;  border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px;}
input.long { border: 1px solid #d6d6d6; background: #FFFFFF; width: 300px; height: 60px; line-height: 22px;  padding: 0px 10px; float:none; font-size: 40px; font-family: 'Sarabun', sans-serif;  color: #959595;  border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px;}
input.longM { border: 1px solid #d6d6d6; background: #FFFFFF; width: 450px; height: 60px; line-height: 22px;  padding: 0px 10px; float:none; font-size: 40px; font-family: 'Sarabun', sans-serif;  color: #959595;  border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px;}
input.longL { border: 1px solid #d6d6d6; background: #FFFFFF; width: 788px; height: 60px; line-height: 22px;  padding: 0px 10px; float:none; font-size: 40px; font-family: 'Sarabun', sans-serif;  color: #959595;  border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px;}
.ch {border:1px #CCCCCC solid;width:58px;height:110px; margin:auto;}
.add {padding:0px 5px 0px 5px;background-color:#FFFF66;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; font-size:24px; border:1px #FF9900 solid;}
.menu {padding:0px 5px 0px 5px;background-color:#FFFF66;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;border:1px #FF9900 solid;}
/* start of image special*/
.imgtransparent
{
opacity:1.0;
filter:alpha(opacity=100);
}
.imgtransparent:hover
{
opacity:0.8;
filter:alpha(opacity=40);
}

.item { max-width: 220px; width: 160px; border:1px #E4E4E4 solid; float:left;}
.item img {	width: 150px;margin: 5px; }
.item a:hover {
	color: #009900;
	text-decoration: none;
}
.item p { text-align: center; }
.item_container { margin: 0 auto; }
.thumbnail { display: inline-block;	-webkit-transition: none; transition: none; }
/* end of image special*/