@charset "utf-8";
/* CSS Document */

html { overflow-x:hidden;}
@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');
}
img { border:0;}
a img { border:0;}
h1{
	font-size:38px;
	color: #5f5e64;
	font-family:font;
	font-weight:normal;
	letter-spacing:1px;
	}
h2{
	font-size:28px;
	color: #706f73;
	font-family:font;
	font-weight:normal;
	letter-spacing:1px;
	margin-bottom:10px;
	}
h3{
	font-size:18px;
	color: #706f73;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	letter-spacing:1px;
	}
.search{
	width:auto;
	color:white;
	font-size:24px;
	font-family:font;
	font-weight:normal;
	letter-spacing:0.8px;
	position:relative;
	top:8px;
	float:left;
	letter-spacing:1px;
	}
	
/*** menu_bar ***/
.menu_wrapper{
	position:absolute;
	z-index:9;
	float:left;
	}
.head_menu{
	width:950px;
	height:202px;
	}
/*** menu_bar ***/


.menu, .menu2 {
	float:left;
	margin-top:10px;
	position:relative;
	margin-bottom:5px;
}
.menu li, .menu2 li {
	float:left;
	list-style:none;
	display:inline;
}
.menu li a, .menu2 li a {
	font-size:24px;
	font-size:13px\9;
	color: #706f73;
	font-family:font;
	font-weight:normal;
	color:white;
	list-style: none;
	border-bottom:none;
	display:inline;
	letter-spacing:1px;
	letter-spacing:0\9;
}
.menu2 li a { color:#a0a0a4;}
.menu li a:hover, .menu2 li a:hover {color:#54cdff}
.menu li a:first-child { margin-left:0;}

/*** menu_bar ***/

.box_slide_left{
	width:167px;
	height:auto;
	margin-top:46px;
	float:left;
	}
.box_slide_mid{
	width:167px;
	height:auto;
	margin:46px 0 19px 19px;
	float:left;
	}
.box_slide_right{
	width:167px;
	height:auto;
	margin-top:46px;
	float:right;
	}

.box_content{
	margin-bottom:5px;
}

.box_right_top{
	width:380px;
	height:120px;
	float:left;
	}
.box_right_mid{
	width:380px;
	height:120px;
	margin:30px 0 30px 0px;
	float:left;
	}
.box_right_bottom{
	width:380px;
	height:120px;
	float:left;
	}

.pagination a { color:black; }
.pagination a:hover { color:#706f73; }
	
.footer{
	width:100%;
	height:auto;
	float:left;
	background-color:#003d78;
	font-size:12px;
	}
.footer_content{
	width:940px;
	height:100px;
	margin:auto;
	}

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