html {
  position: relative;
  min-height: 100%;
}
body,td,th {
	font-family: supermarket, Geneva, sans-serif;
	font-size: 14px;
	color: #000000;
}
body{
	margin-bottom: 60px;
}

.clearwidth {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
.main {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
a:link {
	color: #FFCC00;
	font-weight: bold;
	text-decoration: none;
	-webkit-transition: color .5s ease;
	-moz-transition: color .5s ease;
	-o-transition: color .5s ease;
}
a:visited {
	text-decoration: none;
	color: #FFCC00;
	-webkit-transition: color .5s ease;
	-moz-transition: color .5s ease;
	-o-transition: color .5s ease;
}
a:hover {
	text-decoration: none;
	color: #66FF00;
	-webkit-transition: color .5s ease;
	-moz-transition: color .5s ease;
	-o-transition: color .5s ease;
}
a:active {
	text-decoration: none;
	color: #008dfe;
	-webkit-transition: color .5s ease;
	-moz-transition: color .5s ease;
	-o-transition: color .5s ease;
}
h1,h2,h3,h4,h5,h6 {
	font-family: supermarket, Geneva, sans-serif;
	font-weight: bold;
	padding-bottom: 5px;
	margin-bottom: 5px;
	margin-top: 3px;
	color: #FFF;
}
h1 {
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
	text-shadow:0px 1px 0px #000000;
	width: 100%;
}
h2 {
	width: 100%;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
	text-shadow:0px 1px 0px #000000;	
}
h3 {
	width: 100%;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
	text-shadow:0px 1px 0px #000000;
}
h4 {
	width: 100%;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
	text-shadow:0px 1px 0px #000000;	
}
h5 {
	width: 100%;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
	text-shadow:0px 1px 0px #000000;	
}
h6 {
	width: 100%;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
	text-shadow:0px 1px 0px #000000;	
}
.h1{
	font-family: supermarket;
	font-size: 18px;
	color: #F00;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #666;
	width: 95%;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 2px;
	margin-top: 5px;
}
.h2{
	font-family: supermarket;
	font-size: 18px;
	color: #090;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #666;
	width: 95%;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 2px;
	margin-top: 5px;
}
.h3{
	font-family: supermarket;
	font-size: 18px;
	color: #09F;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #666;
	width: 95%;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 2px;
	margin-top: 5px;
}
img {
	border:none;
}
span.bold{
	color:#FF0000;
	font-weight:bold;
}

    .submitbutton {
        
        -moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
        -webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
        box-shadow:inset 0px 1px 0px 0px #f29c93;
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100));
        background:-moz-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
        background:-webkit-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
        background:-o-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
        background:-ms-linear-gradient(top, #fe1a00 5%, #ce0100 100%);
        background:linear-gradient(to bottom, #fe1a00 5%, #ce0100 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100',GradientType=0);
        
        background-color:#fe1a00;
        
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
        
        border:1px solid #d83526;
        
        display:inline-block;
        color:#ffffff;
        font-family:arial;
        font-size:15px;
        font-weight:bold;
        text-decoration:none;
        
        text-shadow:0px 1px 0px #b23e35;
        
    }
    .submitbutton:hover {
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00));
        background:-moz-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
        background:-webkit-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
        background:-o-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
        background:-ms-linear-gradient(top, #ce0100 5%, #fe1a00 100%);
        background:linear-gradient(to bottom, #ce0100 5%, #fe1a00 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00',GradientType=0);
        
        background-color:#ce0100;
    }
    .submitbutton:active {
        position:relative;
        top:1px;
    }


    .clearbutton {
        
        -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
        -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
        box-shadow:inset 0px 1px 0px 0px #ffffff;
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
        background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
        background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
        background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
        background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
        background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
        
        background-color:#f9f9f9;
        
        -moz-border-radius:6px;
        -webkit-border-radius:6px;
        border-radius:6px;
        
        border:1px solid #dcdcdc;
        
        display:inline-block;
        color:#666666;
        font-family:arial;
        font-size:15px;
        font-weight:bold;
        text-decoration:none;
        
        text-shadow:0px 1px 0px #ffffff;
        
    }
    .clearbutton:hover {
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
        background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
        background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
        background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
        background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
        background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
        
        background-color:#e9e9e9;
    }
    .clearbutton:active {
        position:relative;
        top:1px;
    }

.input[type=text], .textarea ,.input[type=password], .textarea {
	outline: none;
	padding: 3px 0px 3px 3px;
	margin: 5px 1px 3px 0px;
	border: 1px solid #DDDDDD;
	-webkit-border-radius: 3px;  
	-moz-border-radius: 3px;  
	border-radius: 3px; 
}
 
.input[type=text]:focus, .textarea:focus ,.input[type=password]:focus, .textarea:focus {
	padding: 3px 0px 3px 3px;
	margin: 5px 1px 3px 0px;
	border: 1px solid rgba(255,153,0,1);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
/* ข่าว */
ul.newsline{
	margin: 0px;
	padding: 0px;
}
.newsline li{
	border-bottom:#666 dashed 1px;
	list-style-position: inside;
	list-style-type: none;
	margin: 0px;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
}
/* hilight */
ul.hilight{
	margin: 0px;
	padding: 0px;
}
.hilight li{
	border-bottom:#666 dashed 1px;
	list-style-position: inside;
	list-style-image: url(images/icon_news.gif);
	list-style-type: none;
	margin: 0px;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
}
h3.media-heading{
	font-family: "circular", Gadget, sans-serif;
	font-size: 25px;
	color: #ffffff;
}
div.media{
	position:relative;
	display:block;
	width:100%;
	height:40px;	
}
.media-body{
	position:absolute;
	left: 85px;
}
.media-thumb{
	width:70px;
	height:36px;
	position:absolute;	
}


.pagebox-wrapper{
	width: 975px;
	position: relative;
	height: auto;
}
.pagebox-header{
	background-image: url(images/pagebox-header.png);
	height: 81px;
	width: 975px;
	position: relative;
	left: 0px;
	top: 0px;
}
.pagebox-h1{
	height: 41px;
	width: 938px;
	position: absolute;
	top: 22px;
	left: 16px;
}
.pagebox-h1 h1 {
	font-family: "circular", Gadget, sans-serif;
	font-size: 45px;
	color: #0F0;
	margin: 0px;
	padding: 0px;
}
.pagebox{
	background-color: #252525;
	position: relative;
	width: 100%;
	height: auto;
}
.pagebox-content{
	padding: 10px;	
}


hr {
    border: 0;
    height: 1px;
    background: #252525;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,hsla(0,0%,0%,0)), color-stop(50%,hsla(0,0%,0%,.75)), color-stop(100%,hsla(0,0%,0%,0)));
    background: -webkit-linear-gradient(left, hsla(0,0%,0%,0) 0%, hsla(0,0%,0%,.75) 50%, hsla(0,0%,0%,0) 100%);
    background:    -moz-linear-gradient(left, hsla(0,0%,0%,0) 0%, hsla(0,0%,0%,.75) 50%, hsla(0,0%,0%,0) 100%);
    background:     -ms-linear-gradient(left, hsla(0,0%,0%,0) 0%, hsla(0,0%,0%,.75) 50%, hsla(0,0%,0%,0) 100%);
    background:      -o-linear-gradient(left, hsla(0,0%,0%,0) 0%, hsla(0,0%,0%,.75) 50%, hsla(0,0%,0%,0) 100%);
    background:         linear-gradient(left, hsla(0,0%,0%,0) 0%, hsla(0,0%,0%,.75) 50%, hsla(0,0%,0%,0) 100%);
}