@charset "utf-8";

/*** MAIN ***/
html { /*overflow-x:hidden;*/}
body {
	/*background-image: url("../images/bg.jpg");*/
	font-family:Arial, Helvetica, sans-serif;
	background-repeat:no-repeat;
	font-size:13px;
	background-color:#f1f2f2;
	color:#444;
	margin: 0;
}
a:link , a:visited , a:active {color: #333; text-decoration: none;}
a:hover {text-decoration: none; color:#54cdff;}
h1, h2 { margin-top:0; margin-bottom:0.2em;}
hr { border:none dotted thin; background-color:#ccc; height:1px; }
.radius { -moz-border-radius: 0.3em; -webkit-border-radius: 1em; border-radius: 1em; }
.radius2 { -moz-border-radius: 0.5em; -webkit-border-radius: 0.5em; border-radius: 0.5em; }
.radius3 { -moz-border-radius: 1em; -webkit-border-radius: 0.3em; border-radius: 0.3em; }
.shadow { -moz-box-shadow: 0 0 1px #000; -webkit-box-shadow: 0 0 10px #000; box-shadow: 0 0 10px #000; }
.shadow2 { -moz-box-shadow: 0 0 5px #000; -webkit-box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #000; }
.shadow3 { -moz-box-shadow: 0 0 10px #000; -webkit-box-shadow: 0 0 1px #000; box-shadow: 0 0 1px #000; }
.text-shadow {text-shadow: 0 0 5px #000;}
.container {width:940px;margin:0 auto;}
.clear {clear:both;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
@font-face {
    font-family:font;
    src: url('font.eot');
    src: url('font.eot?#iefix') format('embedded-opentype'),
         url('font.woff') format('woff'),
         url('font.svg#thai_sans_literegular') format('svg'),
         url('font.ttf') format('truetype');
}
.row { margin-left:-20px; }
.pixel-1, .pixel-2, .pixel-3, .pixel-4, .pixel-5, .pixel-6, .pixel-7, .pixel-8, .pixel-9, .pixel-10, .pixel-11, .pixel-12  {float:left; margin-left:20px; margin-bottom:0;}
.pixel-1 { width:60px;}
.pixel-2 { width:140px;}
.pixel-3 { width:220px;}
.pixel-4 { width:300px;}
.pixel-5 { width:380px;}
.pixel-6 { width:460px;}
.pixel-7 { width:540px;}
.pixel-8 { width:620px;}
.pixel-9 { width:700px;}
.pixel-10 { width:780px;}
.pixel-11 { width:860px;}
.pixel-12 { width:940px;}
input[type="text"] { border:none; padding:3px; }
ul { padding:0; margin:0;}
.bt { padding:5px 10px; float:left; color:white; background:#003366;}
.bt:hover {background:#1f6fbf;}
.textheader { padding:10px 0 5px 10px; font-family:font; font-size:28px; color:white; background:#003d79; letter-spacing:1px;}
.bt_search { background:none; border:none; width:21px; height:22px; background-image:url("../images/search.png"); display:inline-block; cursor:pointer; position:relative; top:5px;}
/*** MAIN ***/

/*** iPads (portrait and landscape) ***/
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
	.footer { width:980px;}
}
/*** iPads (portrait and landscape) ***/