/* CSS Document */
/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* end reset */

@font-face {
  font-family: 'Kanit-ExtraLight';
  src: url('../fonts/Kanit-ExtraLight.eot?#iefix') format('embedded-opentype'),  url('../fonts/Kanit-ExtraLight.woff') format('woff'), url('../fonts/Kanit-ExtraLight.ttf')  format('truetype'), url('../fonts/Kanit-ExtraLight.svg#Kanit-ExtraLight') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Kanit-ExtraBold';
  src: url('../fonts/Kanit-ExtraBold.eot?#iefix') format('embedded-opentype'),  url('../fonts/Kanit-ExtraBold.woff') format('woff'), url('../fonts/Kanit-ExtraBold.ttf')  format('truetype'), url('../fonts/Kanit-ExtraBold.svg#Kanit-ExtraBold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'k2d';
  src: url('fonts/th-k2d-july8.eot?#iefix') format('embedded-opentype'),  url('fonts/th-k2d-july8.woff') format('woff'), url('fonts/th-k2d-july8.ttf')  format('truetype'), url('fonts/th-k2d-july8.svg#RSU-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'browallia_new';
  src: url('fonts/browallia_new.eot?#iefix') format('embedded-opentype'),  url('fonts/browallia_new.woff') format('woff'), url('fonts/browallia_new.ttf')  format('truetype');
  font-weight: normal;
  font-style: normal;
}


body{font-family:browallia_new; font-size:16px; color:#000;}
.wrapper {
    width: 1000px;
    margin: 0 auto;
}

a{ text-decoration:none;}
strong{ font-weight:bold !important;}

.left{float:left;width:30%;}
.right{float:right;width:67%;}

#logo{ float:left; margin-top:10px; margin-bottom:5px;}
#logo a{ font-size:36px; font-weight:bold; color:#666;}
#call_center{ float:right; margin-top:20px; font-size:22px; background:#b11116; padding:5px 10px; border-radius:8px; font-weight:normal; color:#FFF;}

#header{width:100%; height:auto;}
#header #menu{ background:#eff0f2; width:100%; margin:10px 0;}
#header #menu ul{ list-style:none; margin:0; padding:0;}
#header #menu ul li{ list-style:none; margin:0; padding:0; display:inline-table; font-size:24px; font-weight:bold;}
#header #menu ul li a{ text-decoration:none; padding:15px; display:block; margin-right:60px; color:#000;}
#header #menu ul li a.active,#header #menu ul li a:hover{ background:#365e82; color:#FFF;}

.col
{
    float: left;
    width: 23%;
	margin-right:2%;
	text-align:right;
	font-size:20px;
	font-weight:bold;
}
.col a{ color:#000;}
.col img{ border:#eaeaea solid 1px;}

.last{
    clear: left;
}

.row{
   margin-right:-2%;
   margin-bottom:20px;
}

#footer{background:#01abb6;width:100%;min-height:200px; font-size:18px;}
#footer ul{ float:left; width:33.33%; color:#FFF; list-style:none;}
#footer ul li{ padding-bottom:5px;}
#footer ul li a{ color:#FFF;}
#footer ul li.title{font-size:24px;}

article{ margin:0; display:block; font-size:26px; color:#333; line-height:26px; min-height:200px;}
article h2{ font-size:120%; font-weight:bold; margin-top:20px; text-align:center; padding:10px 0; background:#eff0f2;}

/* menu */
.menu{width:100%; margin:0 auto; height:37px;}
.menu ul{padding:0px; margin:0px; list-style:none;}
.menu ul li{float:left;   list-style:none;
margin-right:5px;
border-top-left-radius:10px; 
border-top-right-radius:10px; 
background:url(../images/menu.png) repeat-x; 
color:#ffffff;
padding:9px 0px ;
}
.menu ul li a{text-decoration:none; padding:12px 30px ; font-size:22px; color:#FFF;}
.menu ul li a:hover,.menu ul li a.active_menu{background:url(../images/menu-hover.png) repeat-x; 
border-top-left-radius:10px; border-top-right-radius:10px; color:#ffffff;}
.menu ul li ul{display:none;}
.menu ul li:hover ul{
	display:block;
}
.menu ul li ul li{
	float:none;
	width:400px;
}
.menu ul ul
{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	background:#eff0f2;
	padding:0;
	width:400px
}
.menu ul ul li
{
	float:none;
	width:400px;
	background:none !important;
}
.menu ul ul li a{color:#006c59; display:block; padding:0 20px;}
.menu ul ul li a:hover{ background:none !important; color:#00F;}
.menu ul li:hover > ul
{
	display:block
}
.menu ul li
{
	position:relative;
}
/* end menu */