@charset "UTF-8";
/* CSS Document */
/*Embed font*/
@font-face {
    font-family: 'coolveticaregular';
    src: url('font/coolvetica/coolvetica_rg-webfont.eot');
    src: url('font/coolvetica/coolvetica_rg-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/coolvetica/coolvetica_rg-webfont.woff2') format('woff2'),
         url('font/coolvetica/coolvetica_rg-webfont.woff') format('woff'),
         url('font/coolvetica/coolvetica_rg-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'thaisans_neuebold';
    src: url('font/ThaiSansNeue/thaisansneue-bold-webfont.eot');
    src: url('font/ThaiSansNeue/thaisansneue-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/ThaiSansNeue/thaisansneue-bold-webfont.woff') format('woff'),
         url('font/ThaiSansNeue/thaisansneue-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'tp_kubuaregular';
    src: url('font/kubua/tp_kubua-webfont.eot');
    src: url('font/kubua/tp_kubua-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/kubua/tp_kubua-webfont.woff2') format('woff2'),
         url('font/kubua/tp_kubua-webfont.woff') format('woff'),
         url('font/kubua/tp_kubua-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'layiji_mahaniyom_v1.5regular';
    src: url('font/mahaniyom/layijimahaniyomv105-webfont.eot');
    src: url('font/mahaniyom/layijimahaniyomv105-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/mahaniyom/layijimahaniyomv105-webfont.woff2') format('woff2'),
         url('font/mahaniyom/layijimahaniyomv105-webfont.woff') format('woff'),
         url('font/mahaniyom/layijimahaniyomv105-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

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

}
/*End Embed font*/
body {
	background:url(images/background.jpg);
	margin:0px; padding:0px;
	font-size:12px;
	font-family:tahoma;
	color:#666;
	position:relative;
	
}

header , nav , section , article , aside , hgroup , footer , figure {
	display:block;
}
figure {
	margin:0px; padding:0px;
}
h1 , h2 , h3 , h4 , h5 , h6 , span , p {
	padding:0px; margin:0px;
}
ul {
	list-style:none;
	margin:0px; padding:0px;
}
a {
	text-decoration:none;
	color:#333;
}
a:hover {
	color:#4641b9;
}
*:focus {
	outline:none;
}


.bglv2 {
	position:absolute; height:100%; width:100%;
	background:url(images/background-lv2.png) repeat-x;
	z-index:1;
}
.bglv3 {
	position:absolute; height:100%; width:100%;
	background:url(images/background-lv3.png) center top no-repeat;
	z-index:1;
}
.bglv4 {
	position:absolute; height:200px; width:100%;
	background:url(images/background-lv4.png) center top no-repeat;
	z-index:1;
}
.container {
	width:980px; margin:0 auto;
	position:relative; z-index:2;
}

/*Header*/
.header-main {
	height:100px; position:relative;
}
.header-main img {
	position:absolute; left:10px;
}
.header-main .user {
	position:absolute; right:20px; top:10px;
	padding:5px 20px;
	border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; -webkit-border-radius:20px;
background: #ebebeb; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #ebebeb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ebebeb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#ebebeb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#ebebeb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#ebebeb 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#ebebeb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 ); /* IE6-9 */
border:#999 1px solid; border-bottom:#fff 1px solid;
overflow:hidden;	
}
.header-main .user div {
	font-family: 'thaisans_neuebold'; font-size:18px; color:#00478f; float:left; margin-right:10px;
}
.header-main .user article {
	font-family: 'thaisans_neuebold'; font-size:18px; color:#000; float:left;
}
.header-main .user .nav {
	float:left; overflow:hidden; margin-left:20px; height:auto; position:relative; 
	padding:0px;
	border-bottom:1px dotted #000;
}
	.header-main .user .nav .icon {
		float:left; margin-right:5px;
		height:25px; width:25px;
	}
	.header-main .user .nav .icon img {
		height:25px; position:relative; left:0px; top:0px;
		background-color:transparent;
	}
	.header-main .user .nav a {
		display:block; float:left;
		font-family: 'tp_kubuaregular'; font-size:18px; width:auto; height:auto;
		padding-top:3px;
	}
	
.header-main nav {
	position:absolute;
	height:40px;
	bottom:0px; right:0px;
}
.header-main nav div.l {
	position:absolute;
	left:0px; top:0px;
	width:51%; height:100%;
	background:url(images/pagemenu.png) left top;
}
.header-main nav div.r {
	position:absolute;
	right:0px; top:0px;
	width:50%; height:100%;
	background:url(images/pagemenu.png) right top;
}
.header-main nav div.c {
	position:relative;
	height:40px; 
	padding:0 30px;
}
.header-main nav div.c ul {
	height:40px;
}
.header-main nav div.c ul li {
	float:left; 
}
.header-main nav div.c ul li a {
	overflow:hidden; display:block; 
	position:relative;
	height:40px;
}
.header-main nav div.c ul li a div.left {
	position:absolute;
	left:0px; top:0px;
	width:51%; height:100%;
	background:url(images/menu.png) left top;
}
.header-main nav div.c ul li a:hover div.left , .header-main nav div.c ul li a.active div.left  {
	background:url(images/menu.png) left bottom;
}
.header-main nav div.c ul li a div.right {
	position:absolute;
	right:0px; top:0px;
	width:50%; height:100%;
	background:url(images/menu.png) right top;
}
.header-main nav div.c ul li a:hover div.right , .header-main nav div.c ul li a.active div.right  {
	background:url(images/menu.png) right bottom;
}
.header-main nav div.c ul li a div.center {
	height:40px;
	position:relative; padding:0 10px;
}
.header-main nav div.c ul li a div.center span {
	display:block;
	padding-top:5px;
	font-family: 'arundina_sansregular'; font-weight:bold;
	text-transform:uppercase;
	font-size:20px;
	color:#055192;
	text-shadow:#b2f9ff 1px 1px 1px;
	-webkit-text-shadow:#b2f9ff 1px 1px 1px;
	-moz-text-shadow:#b2f9ff 1px 1px 1px;
}
.header-main nav div.c ul li a:hover div.center span {
	color:#7c0000;
	text-shadow:#ffdf89 1px 1px 1px;
	-webkit-text-shadow:#ffdf89 1px 1px 1px;
	-moz-text-shadow:#ffdf89 1px 1px 1px;
}
.header-main nav div.c ul li a.active div.center span {
	color:#fff;
	text-shadow:#ad400a 2px 2px 2px;
	-webkit-text-shadow:#ad400a 2px 2px 2px;
	-moz-text-shadow:#ad400a 2px 2px 2px;
}

/*End Header*/

/*Paragraph*/
.paragraph {
	overflow:hidden;
}
.paragraph02 {
	overflow:hidden;
	padding-top:10px;
}
.paragraph03 {
	overflow:hidden;
	padding:0 10px 10px 10px;
}
.overflowNone {
	overflow:visible;
}
.clear {
	clear:both; float:none;
}
/*Box Gallery*/
.gallery {
	position:relative;
	margin-top:10px;
}
	.gallery ul {
		text-align:left;
		margin-left:-50px;
		overflow:hidden;
	}
		.gallery ul li {
			width:180px;
			float:left;
		}
			.gallery ul li section {
				width:150px; height:100px;
				margin:0 auto;
				border:#ddd 1px solid;
				padding:4px; background:#fff;
			}
				.gallery ul li section div {
					width:150px; height:100px;
					overflow:hidden;
				}
					.gallery ul li section div a img {
						width:150px;
						opacity:1; filter:alpha(opacity=100);
						transition:0.6s ease-in-out; -webkit-transition:0.6s ease-in-out; -moz-transition:0.6s ease-in-out; -moz-transition:0.6s ease-in-out; -o-transition:0.6s ease-in-out;
					}
					.gallery ul li section div a:hover img {
						opacity:0.7; filter:alpha(opacity=70);
						transition:0.3s ease-in-out; -webkit-transition:0.3s ease-in-out; -moz-transition:0.3s ease-in-out; -moz-transition:0.3s ease-in-out; -o-transition:0.3s ease-in-out;
					}
			.gallery ul li aside {
				height:10px;width:160px; margin:0 auto;
				background:url(images/shadow150.png) no-repeat !important;
			}
			
			
			
.gallery2 {
	position:relative;
	margin-top:10px;
}
	.gallery2 ul {
		text-align:center;
		margin-left:-50px;
		display:table; margin:0 auto;
	}
		.gallery2 ul li {
			width:180px;
			display:inline-block;
		}
			.gallery2 ul li section {
				width:150px; height:100px;
				margin:0 auto;
				border:#ddd 1px solid;
				padding:4px; background:#fff;
			}
				.gallery2 ul li section div {
					width:150px; height:100px;
					background-position:center 50%;
					background-repeat:no-repeat;
					background-size:cover;
					overflow:hidden;
				}
					.gallery2 ul li section div a img {
						width:100%; height:100%;
						opacity:0.4; filter:alpha("opacity=40%");
						transition:0.6s ease-in-out; -webkit-transition:0.6s ease-in-out; -moz-transition:0.6s ease-in-out; -moz-transition:0.6s ease-in-out; -o-transition:0.6s ease-in-out;
					}
					.gallery2 ul li section div a:hover img {
						opacity:0; filter:alpha("opacity=0");
						transition:0.3s ease-in-out; -webkit-transition:0.3s ease-in-out; -moz-transition:0.3s ease-in-out; -moz-transition:0.3s ease-in-out; -o-transition:0.3s ease-in-out;
					}
			.gallery2 ul li aside {
				height:10px;width:160px; margin:0 auto;
				background:url(images/shadow150.png) no-repeat !important;
			}
.minititle {
	margin-bottom:10px;
	padding:5px 10px;
	background:#f96d6e;
	display:table;
}
.minititle h2 {
	font-weight:normal;
	font-size:26px;
	color:#fff;
	text-shadow:#650404 1px 1px 2px;
	-webkit-text-shadow:#650404 1px 1px 2px;
	-moz-text-shadow:#650404 1px 1px 2px;
	font-family: 'tp_kubuaregular';
}				
.minititle2 {
	margin-bottom:10px;
	padding:5px 10px;
	background:#7accc8;
	display:table;
}
.minititle2 h2 {
	font-weight:normal;
	font-size:26px;
	color:#fff;
	text-shadow:#10736e 1px 1px 2px;
	-webkit-text-shadow:#10736e 1px 1px 2px;
	-moz-text-shadow:#10736e 1px 1px 2px;
	font-family: 'tp_kubuaregular';
}			
.minititle4 {
	margin-bottom:10px;
	padding:5px 10px;
	background:#d48bb8;
	display:table;
}
.minititle4 h2 {
	font-weight:normal;
	font-size:26px;
	color:#fff;
	text-shadow:#9e206e 1px 1px 2px;
	-webkit-text-shadow:#9e206e 1px 1px 2px;
	-moz-text-shadow:#9e206e 1px 1px 2px;

	font-family: 'tp_kubuaregular';
}
.minititle5 {
	margin-bottom:10px;
	padding:5px 10px;
	background:#ff842a;
	display:table;
}
.minititle5 h2 {
	font-weight:normal;
	font-size:26px;
	color:#fff;
	text-shadow:#9e206e 1px 1px 2px;
	-webkit-text-shadow:#9e206e 1px 1px 2px;
	-moz-text-shadow:#9e206e 1px 1px 2px;
	font-family: 'tp_kubuaregular';
}
/*End Gallery*/
/*End Paragraph*/



.pagecontent {
	padding:20px 10px;
	border-radius:20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	background:#fff;
}
.shadow {
	width:980px; height:20px; background:url(images/shadowcontent.png) center top;
}
/*Page Slide*/
.pageslide {
	width:960px; height:300px;
	margin:0 auto;
	margin-bottom:10px;
}
/*End Page Slide*/
/*Module*/
/*1*/
.module {
}
.module header {
	position:relative;
	height:40px;
	z-index:3;
}
	.module header div.l {
		position:absolute; left:0px; top:0px;
		height:100%;
		width:51%;
		background:url(images/module-header.png) left top;
	}
	.module header div.r {
		position:absolute; right:0px; top:0px;
		height:100%;
		width:50%;
		background:url(images/module-header.png) right top;
	}
	.module header div.c {
		position:relative; left:0px; top:0px;
		height:40px;
		padding:0 10px;
	}
		.module header div.c img {
			float:left;
			margin-right:10px;
		}
		.module header div.c h2 {
			display:block;
			font-weight:normal;
			font-size:26px;
			color:#fff;
			text-shadow:#650404 1px 1px 2px;
			-webkit-text-shadow:#650404 1px 1px 2px;
			-moz-text-shadow:#650404 1px 1px 2px;
			font-family: 'tp_kubuaregular';
			padding-top:7px;
		}
.module section.content {
	position:relative;
	border-left:#ccc 1px solid; border-right:#ccc 1px solid;
	background:#fff;
	padding:10px 5px 0 5px;
	z-index:1;
}		
.module footer {
	position:relative;
	height:20px;
}
	.module footer div.l {
		position:absolute;
		height:100%; width:51%;
		left:0px; top:0px;
		background:url(images/module-footer.png) left top;
	}
	.module footer div.r {
		position:absolute;
		height:100%; width:51%;
		right:0px; top:0px;
		background:url(images/module-footer.png) right top;
	}
/*2*/
.module2 {
}
.module2 header {
	position:relative;
	height:40px;
	z-index:3;
}
	.module2 header div.l {
		position:absolute; left:0px; top:0px;
		height:100%;
		width:51%;
		background:url(images/module2-header.png) left top;
	}
	.module2 header div.r {
		position:absolute; right:0px; top:0px;
		height:100%;
		width:50%;
		background:url(images/module2-header.png) right top;
	}
	.module2 header div.c {
		position:relative; left:0px; top:0px;
		height:40px;
		padding:0 10px;
	}
		.module2 header div.c img {
			float:left;
			margin-right:10px;
		}
		.module2 header div.c h2 {
			display:block;
			font-weight:normal;
			font-size:26px;
			color:#fff;
			text-shadow:#10736e 1px 1px 2px;
			-webkit-text-shadow:#10736e 1px 1px 2px;
			-moz-text-shadow:#10736e 1px 1px 2px;
			font-family: 'tp_kubuaregular';
			padding-top:6px;
		}
.module2 section.content {
	position:relative;
	border-left:#ccc 1px solid; border-right:#ccc 1px solid;
	background:#fff;
	padding:10px 5px 0 5px;
	z-index:1;
}		
.module2 footer {
	position:relative;
	height:20px;
}
	.module2 footer div.l {
		position:absolute;
		height:100%; width:51%;
		left:0px; top:0px;
		background:url(images/module-footer.png) left top;
	}
	.module2 footer div.r {
		position:absolute;
		height:100%; width:51%;
		right:0px; top:0px;
		background:url(images/module-footer.png) right top;
	}
/*3*/
.module3 {
}
.module3 header {
	position:relative;
	height:40px;
	z-index:3;
}
	.module3 header div.l {
		position:absolute; left:0px; top:0px;
		height:100%;
		width:51%;
		background:url(images/module3-header.png) left top;
	}
	.module3 header div.r {
		position:absolute; right:0px; top:0px;
		height:100%;
		width:50%;
		background:url(images/module3-header.png) right top;
	}
	.module3 header div.c {
		position:relative; left:0px; top:0px;
		height:40px;
		padding:0 10px;
	}
		.module3 header div.c img {
			float:left;
			margin-right:10px;
		}
		.module3 header div.c h2 {
			display:block;
			font-weight:normal;
			font-size:26px;
			color:#fff;
			text-shadow:#10736e 1px 1px 2px;
			-webkit-text-shadow:#10736e 1px 1px 2px;
			-moz-text-shadow:#10736e 1px 1px 2px;
			font-family: 'tp_kubuaregular';
			padding-top:6px;
		}
.module3 section.content {
	position:relative;
	border-left:#ccc 1px solid; border-right:#ccc 1px solid;
	background:#fff;
	padding:10px 5px 0 5px;
	z-index:1;
}		
.module3 footer {
	position:relative;
	height:20px;
}
	.module3 footer div.l {
		position:absolute;
		height:100%; width:51%;
		left:0px; top:0px;
		background:url(images/module-footer.png) left top;
	}
	.module3 footer div.r {
		position:absolute;
		height:100%; width:51%;
		right:0px; top:0px;
		background:url(images/module-footer.png) right top;
	}
/*4*/
.module4 {
}
.module4 header {
	position:relative;
	height:40px;
	z-index:3;
}
	.module4 header div.l {
		position:absolute; left:0px; top:0px;
		height:100%;
		width:51%;
		background:url(images/module4-header.png) left top;
	}
	.module4 header div.r {
		position:absolute; right:0px; top:0px;
		height:100%;
		width:50%;
		background:url(images/module4-header.png) right top;
	}
	.module4 header div.c {
		position:relative; left:0px; top:0px;
		height:40px;
		padding:0 10px;
	}
		.module4 header div.c img {
			float:left;
			margin-right:10px;
		}
		.module4 header div.c h2 {
			display:block;
			font-weight:normal;
			font-size:26px;
			color:#fff;
			text-shadow:#9e206e 1px 1px 2px;
			-webkit-text-shadow:#9e206e 1px 1px 2px;
			-moz-text-shadow:#9e206e 1px 1px 2px;
			font-family: 'tp_kubuaregular';
			padding-top:6px;
		}
.module4 section.content {
	position:relative;
	border-left:#ccc 1px solid; border-right:#ccc 1px solid;
	background:#fff;
	padding:10px 5px 0 5px;
	z-index:1;
}		
.module4 footer {
	position:relative;
	height:20px;
}
	.module4 footer div.l {
		position:absolute;
		height:100%; width:51%;
		left:0px; top:0px;
		background:url(images/module-footer.png) left top;
	}
	.module4 footer div.r {
		position:absolute;
		height:100%; width:51%;
		right:0px; top:0px;
		background:url(images/module-footer.png) right top;
	}
	/*4*/
.module5 {
}
.module5 header {
	position:relative;
	height:40px;
	z-index:3;
	
}
	.module5 header div.l {
		position:absolute; left:0px; top:0px;
		height:100%;
		width:51%;
		background:url(images/module5-header.png) left top;
	}
	.module5 header div.r {
		position:absolute; right:0px; top:0px;
		height:100%;
		width:50%;
		background:url(images/module5-header.png) right top;
	}
	.module5 header div.c {
		position:relative; left:0px; top:0px;
		height:40px;
		padding:0 10px;
	}
		.module5 header div.c img {
			float:left;
			margin-right:10px;
			
		}
		.module5 header div.c h2 {
			display:block;
			font-weight:normal;
			font-size:26px;
			color:#fff;
			text-shadow:#9e206e 1px 1px 2px;
			-webkit-text-shadow:#9e206e 1px 1px 2px;
			-moz-text-shadow:#9e206e 1px 1px 2px;
			font-family: 'tp_kubuaregular';
			padding-top:6px;
		}
.module5 section.content {
	position:relative;
	border-left:#ccc 1px solid; border-right:#ccc 1px solid;
	background:#fff;
	padding:10px 5px 0 5px;
	z-index:1;
}		
.module5 footer {
	position:relative;
	height:20px;
}
	.module5 footer div.l {
		position:absolute;
		height:100%; width:51%;
		left:0px; top:0px;
		background:url(images/module-footer.png) left top;
	}
	.module5 footer div.r {
		position:absolute;
		height:100%; width:51%;
		right:0px; top:0px;
		background:url(images/module-footer.png) right top;
	}

	
	
/*End Module*/
/*Home*/
.boxleftHome {
	width:330px;
	float:left;
}
.boxleftHome2 {
	width:670px;
	float:left;
}
.boxcenterHome {
	width:330px;
	float:left;
	margin:0 10px;
}
.boxrightHome {
	width:280px;
	float:right;
}
.thumbList {
}
	.thumbList ul {
	}
		.thumbList ul li {
			
		}
			.thumbList ul li a {
				overflow:hidden;
				display:block;
				padding-bottom:10px;
			}
				.thumbList ul li a figure {
					width:80px; height:55px;
					float:left;
					overflow:hidden;
					border:#fff 2px solid;
					box-shadow:#333 2px 2px 2px;
					-webkit-box-shadow:#333 2px 2px 2px;
					-moz-box-shadow:#333 2px 2px 2px;
				}
					.thumbList ul li a figure img {
						width:120px;
						opacity:1; filter:alpha(opacity=100);
					}
					.thumbList ul li a:hover figure img {
						opacity:0.7; filter:alpha(opacity=70);
					}
					.thumbList ul li a figure div {
						width:100%; height:100%;
						background-position:center 50%; background-repeat:no-repeat;
						background-size:cover;
					}
						.thumbList ul li a figure div img {
							width:100%; height:100%;
							opacity:0; filter:alpha("opacity=0%");
							transition:0.6s ease-in-out; -moz-transition:0.6s ease-in-out; -ms-transition:0.6s ease-in-out; -o-transition:0.6s ease-in-out; -webkit-transition:0.6s ease-in-out;
						}
						.thumbList ul li a:hover figure div img {
							opacity:0.4; filter:alpha("opacity=40%");
							transition:0.3s ease-in-out; -moz-transition:0.3s ease-in-out; -ms-transition:0.3s ease-in-out; -o-transition:0.3s ease-in-out; -webkit-transition:0.3s ease-in-out;
						}
				.thumbList ul li a article {
					background:#f4f4f4;
					float:right;
					padding:5px;
					width:210px;
				}
				.thumbList ul li a:hover article {
					background:#f6f5c6;
				}
					.thumbList ul li a article header {
						font-size:12px; font-weight:bold; color:#333;
						height:auto;
						margin:0px; padding:0px;
						white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
					}
					.thumbList ul li a:hover article header {
						color:#4641b9;
					}
					.thumbList ul li a article div {
						font-size:11px;
						color:#666; height:auto;
						white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
					}
					.thumbList ul li a article nav {
						font-family: 'thaisans_neuebold';
						font-size:16px; color:#333;
					}
					.thumbList ul li a:hover article nav {
						color:#4641b9;
					}
.thumbList nav {
	overflow:hidden;
}	
	.thumbList nav a {
		display:block; float:right;
		background:url(images/buttonLinkAllPage.png) left top no-repeat;
		height:20px;
		padding-left:20px;
		font-family: 'thaisans_neuebold'; font-size:16px;
	}
	.thumbList nav a:hover {
		background:url(images/buttonLinkAllPage.png) left bottom no-repeat;
	}
/************************/
.thumbList2 {
}
	.thumbList2 ul {
		overflow:hidden;
	}
		.thumbList2 ul li {
			float:left;
			width:33.3333333339%;
			
		}
			.thumbList2 ul li a {
				overflow:hidden;
				display:block;
			}
				.thumbList2 ul li a figure {
					width:150px; height:100px;
					margin:0 auto;
					overflow:hidden;
					border:#fff 2px solid;
					box-shadow:#333 2px 2px 2px;
					-webkit-box-shadow:#333 2px 2px 2px;
					-moz-box-shadow:#333 2px 2px 2px;
				}
					.thumbList2 ul li a figure img {
						width:150px;
						opacity:1; filter:alpha(opacity=100);
					}
					.thumbList2 ul li a:hover figure img {
						opacity:0.7; filter:alpha(opacity=70);
					}
				.thumbList2 ul li a article {
					padding:5px;
					margin-top:5px;
					width:150px; margin:0 auto;
				}
				.thumbList2 ul li a:hover article {
				}
					.thumbList2 ul li a article header {
						font-size:12px; font-weight:bold; color:#333;
						height:auto;
						margin:0px; padding:0px;
						white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
						text-align:center;
					}
					.thumbList2 ul li a:hover article header {
						color:#4641b9;
					}
.thumbList2 nav {
	overflow:hidden;
	margin-top:10px;
}	
	.thumbList2 nav a {
		display:block; float:right;
		background:url(images/buttonLinkAllPage.png) left top no-repeat;
		height:20px;
		padding-left:20px;
		font-family: 'thaisans_neuebold'; font-size:16px;
	}
	.thumbList2 nav a:hover {
		background:url(images/buttonLinkAllPage.png) left bottom no-repeat;
	}
/************************/
.thumbList3 {
}
	.thumbList3 ul {
		overflow:hidden;
	}
		.thumbList3 ul li {
			float:left;
			width:50%;
			
		}
			.thumbList3 ul li a {
				overflow:hidden;
				display:block;
				padding:5px; margin:5px;
				background:#f4f4f4;
			}
			.thumbList3 ul li a:hover {
				background:#f6f5c6;
			}
				.thumbList3 ul li a article {
					font-weight:bold;
					overflow:hidden; text-overflow:ellipsis;
					height:1.4em; line-height:1.4em; 
				}
				.thumbList3 ul li a span {
					display:block; font-size:10px; color:#666;
				}

.thumbList3 nav {
	overflow:hidden;
	margin-top:10px;
}	
	.thumbList3 nav a {
		display:block; float:right;
		background:url(images/buttonLinkAllPage.png) left top no-repeat;
		height:20px;
		padding-left:20px;
		font-family: 'thaisans_neuebold'; font-size:16px;
	}
	.thumbList3 nav a:hover {
		background:url(images/buttonLinkAllPage.png) left bottom no-repeat;
	}
	
/************************/
.thumbList4 {
}
	.thumbList4 ul {
		overflow:hidden;
	}
		.thumbList4 ul li {
			float:left;
			width:25%;
			
		}
			.thumbList4 ul li a {
				overflow:hidden;
				display:block;
			}
				.thumbList4 ul li a figure {
					width:180px; height:120px;
					margin:0 auto;
					overflow:hidden;
					border:#fff 2px solid;
					box-shadow:#333 2px 2px 2px;
					-webkit-box-shadow:#333 2px 2px 2px;
					-moz-box-shadow:#333 2px 2px 2px;
				}
					.thumbList4 ul li a figure img {
						width:180px;
						opacity:1; filter:alpha(opacity=100);
					}
					.thumbList4 ul li a:hover figure img {
						opacity:0.7; filter:alpha(opacity=70);
					}
				.thumbList4 ul li a article {
					padding:5px;
					margin:0 auto;
					margin-top:10px;
					width:180px; 
					background:#f4f4f4;
				}
				.thumbList4 ul li a:hover article {
					background:#f6f5c6;
				}
					.thumbList4 ul li a article header {
						font-size:12px; font-weight:bold; color:#333;
						height:2.8em;
						margin:0px; padding:0px;
						overflow:hidden; text-overflow:ellipsis;
						text-align:center;
					}
					.thumbList4 ul li a:hover article header {
						color:#4641b9;
					}
					.thumbList4 ul li a article p {
						display:block; margin-top:0px;
						height:4.2em;
						overflow:hidden;
						color:#666;
						font-size:11px;
					}

/************************/
	
	
	
	
.employee {
}
	.employee figure {
		width:180px; height:200px;
		margin:0 auto; margin-bottom:10px;
		overflow:hidden;
		border:#fff 3px solid;
		box-shadow:#999 0px 3px 2px;
		-webkit-box-shadow:#999 0px 3px 2px;
		-moz-box-shadow:#999 0px 3px 2px;
	}
		.employee figure img {
			width:180px;
		}
		.employee figure div {
			width:100%; height:100%;
			background-repeat:no-repeat; background-position:center 50%; background-size:cover;
		}
			.employee figure div img {
				width:100%; height:100%;
				opacity:0; filter:alpha("opacity=0");
			}
	.employee section {
		font-family: 'thaisans_neuebold';
		font-size:16px; color:#333;
		text-align:center;
	}
	.employee article {
		font-family: 'thaisans_neuebold';
		font-size:18px; color:#666;
		text-align:center;
	}
.spacailBannerHome {
	width:230px; height:100px;
	position:relative;
	margin:0 auto;
}
	.spacailBannerHome div {
		position:absolute; width:100%; height:100%; left:0px; top:0px;
		border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px;
		overflow:hidden;
	}
		.spacailBannerHome div img {
			position:absolute; left:0px; top:0px;
			width:230px;
		}
	.spacailBannerHome nav {
		position:absolute;
		left:5px; bottom:5px;
	}
		.spacailBannerHome nav a {
			display:block; width:138px; height:36px;
			background:url(images/button-click.png) left top;
		}
		.spacailBannerHome nav a:hover {
			background:url(images/button-click.png) left bottom;
		}
/*End Home*/
.navigator {
	position:relative;
	border-left:#ccc 1px solid; border-right:#ccc 1px solid;
	background:#f4f4f4;
	padding:5px 5px;
	z-index:1;
}
.navigator nav {
	overflow:hidden;
	font-weight:bold;
}
.navigator nav a , .navigator nav span {
	display:block; margin-right:20px;
	float:left;
}
.navigator nav span {
	color:#4641b9;
}
.thumbText {
}
	.thumbText ul {
		width:700px;
		overflow:hidden;
		margin:0 auto;
	}
	.thumbText ul li {
		margin-bottom:10px;
	}
		.thumbText ul li a {
			display:block;
			background:#f4f4f4;
			padding:10px;
			overflow:hidden;
		}
		.thumbText ul li a:hover {
			background-color:#f6f4c8;
		}
			.thumbText ul li a section {
				float:right; width:630px;
			}
				.thumbText ul li a section header {
					font-weight:bold; font-size:14px;
					margin:0px; padding:0px; height:auto; width:auto;
					margin-bottom:5px;
				}
				.thumbText ul li a section .date {
					margin-top:10px;
					overflow:hidden;
				}
					.thumbText ul li a section .date img {
						float:left; margin-right:5px;
					}
					.thumbText ul li a section .date time {
						float:left; font-size:11px; color:#999;
						display:block;
					}
.textContent {
	line-height:1.6em;
}
/*Footer*/
.pageFooter {
	overflow:hidden;
}
	.pageFooter article {
		float:left; width:450px; margin-right:10px;
	}
		.pageFooter article header {
			font-family: 'coolveticaregular'; font-size:16px;
			color:#333;
		}
			.pageFooter article p {
				font-size:12px; line-height:1.6em;
				color:#333;
			}
				.pageFooter article p span {
					font-size:11px;
				}
	.pageFooter nav {
		float:left;
		width:270px;
	}
		.pageFooter nav ul {
			overflow:hidden;
		}
			.pageFooter nav ul li {
				width:50%; float:left;
			}
				.pageFooter nav ul li a {
					font-family: 'coolveticaregular', 'thaisans_neuebold';
					text-transform:uppercase;
					font-size:16px;
				}
	.pageFooter section {
		float:right;
		width:160px;
	}		
		.pageFooter section header {
			font-family: 'coolveticaregular'; font-size:16px;
			color:#333;
		}	
		.pageFooter section ul {
			padding-top:10px;
		}
			.pageFooter section ul li {
				overflow:hidden;
				margin-bottom:2px;
			}
				.pageFooter section ul li a {
					display:block; float:left; margin-right:5px;
				}
				.pageFooter section ul li div {
					float:left;
				}
/*End Footer*/
.buttonDowload {
	margin:0 auto;
	margin-top:10px;
	display:table;
}
.buttonDowload a {
	display:block; padding:5px 20px;
	font-family: 'thaisans_neuebold';
	font-size:20px;
	background:url(rules/detail/images/button.jpg) repeat-x #dbdbdb;
	border:1px #ddd solid; 
	border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px;
	color:#333;
	text-shadow:#fff 1px 1px 1px; -webkit-text-shadow:#fff 1px 1px 1px; -moz-text-shadow:#fff 1px 1px 1px; -ms-text-shadow:#fff 1px 1px 1px; -o-text-shadow:#fff 1px 1px 1px;
}
.buttonDowload a:hover {
	background-image:none;
	background-color:#8bd5a2;
	border:1px #64b57d solid;
	color:#fff;
	text-shadow:#10736e 1px 1px 2px;
	-webkit-text-shadow:#10736e 1px 1px 2px;
	-moz-text-shadow:#10736e 1px 1px 2px;
}
.buttonDowload input {
	display:block; padding:5px 20px;
	font-family: 'thaisans_neuebold';
	font-size:20px;
	background:url(rules/detail/images/button.jpg) repeat-x #dbdbdb;
	border:1px #ddd solid; 
	border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px;
	color:#333;
	text-shadow:#fff 1px 1px 1px; -webkit-text-shadow:#fff 1px 1px 1px; -moz-text-shadow:#fff 1px 1px 1px; -ms-text-shadow:#fff 1px 1px 1px; -o-text-shadow:#fff 1px 1px 1px; cursor:pointer;
}
.buttonDowload input:hover {
	background-image:none;
	background-color:#8bd5a2;
	border:1px #64b57d solid;
	color:#fff;
	text-shadow:#10736e 1px 1px 2px;
	-webkit-text-shadow:#10736e 1px 1px 2px;
	-moz-text-shadow:#10736e 1px 1px 2px;
}

.chat {
}
.colum-chat {
}
	.colum-chat ul {
		overflow:hidden; text-align:center;
		height:260px;
		margin-bottom:5px;
	}
		.colum-chat ul li {
			display:inline-block;
			width:170px;
			background:#f4f4f4;
			padding:10px 5px;
			border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px;
			
		}
			.colum-chat ul li.headbord {
				background:#96cae5;
				color:#064768;
			}
		.colum-chat ul li figure {
			width:150px; height:170px;
			padding:4px; border:#ddd 1px solid;
			background:#fff;
			margin-bottom:10px;
			margin:0 auto 5px;
		}
			.colum-chat ul li figure img {
				width:150px; 
			}
			.colum-chat ul li figure div {
				width:100%; height:100%;
				background-position:center 50%;
				background-repeat:no-repeat;
				background-size:cover;
			}
			.colum-chat ul li section {
				font-size:12px;
				text-align:center;
				margin-bottom:5px;
				font-weight:bold;
			}
			.colum-chat ul li div {
				font-size:12px;
				text-align:center;
			}
			
			
			
.colum-chat2 {
	width:200px;
	letter-spacing:0px;
	display:inline-block;
	vertical-align:top;
}
	.colum-chat2 ul {
		overflow:hidden; text-align:center;
		margin-bottom:5px;
		width:180px; margin:0 auto;
	}
		.colum-chat2 ul li {
			width:170px;
			background:#f4f4f4;
			padding:10px 5px;
			border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; -webkit-border-radius:5px;
			margin-bottom:20px;
			
		}
			.colum-chat2 ul li.headbord {
				background:#96cae5;
				color:#064768;
			}
			.colum-chat2 ul li.bord {
				background:#c5f6f5;
				color:#064768;
			}
		.colum-chat2 ul li figure {
			width:150px; height:170px;
			padding:4px; border:#ddd 1px solid;
			background:#fff;
			margin-bottom:10px;
			margin:0 auto 5px;
		}
			.colum-chat2 ul li figure img {
				width:150px; 
			}
			.colum-chat2 ul li figure div {
				width:100%; height:100%;
				background-position:center 50%;
				background-repeat:no-repeat;
				background-size:cover;
			}
			.colum-chat2 ul li section {
				font-size:12px;
				text-align:center;
				margin-bottom:5px;
				font-weight:bold;
			}
			.colum-chat2 ul li div {
				font-size:12px;
				text-align:center;
			}
			
			
			
			
			
			
			
			
.titleOrange {
	padding:5px 20px;
background: #ff842a; /* Old browsers */
background: -moz-linear-gradient(top,  #ffac2a 0%, #ff842a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffac2a), color-stop(100%,#ff842a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffac2a 0%,#ff842a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffac2a 0%,#ff842a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffac2a 0%,#ff842a 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffac2a 0%,#ff842a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffac2a', endColorstr='#ff842a',GradientType=0 ); /* IE6-9 */
	
}
.titleOrange h2 {
	font-family: 'tp_kubuaregular';
	font-size:20px; color:#fff; font-weight:normal;
	text-shadow:#900 2px 2px 2px; -moz-text-shadow:#900 2px 2px 2px; -ms-text-shadow:#900 2px 2px 2px; -o-text-shadow:#900 2px 2px 2px; -webkit-text-shadow:#900 2px 2px 2px;
}

.titleGreen {
	padding:5px 20px;
background: #62c481; /* Old browsers */
background: -moz-linear-gradient(top,  #8ad0a0 0%, #62c481 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8ad0a0), color-stop(100%,#62c481)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #8ad0a0 0%,#62c481 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #8ad0a0 0%,#62c481 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #8ad0a0 0%,#62c481 100%); /* IE10+ */
background: linear-gradient(to bottom,  #8ad0a0 0%,#62c481 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ad0a0', endColorstr='#62c481',GradientType=0 ); /* IE6-9 */
	display:table; margin-bottom:10px;
	
}
.titleGreen h2 {
	font-family: 'tp_kubuaregular';
	font-size:20px; color:#fff; font-weight:normal;
	text-shadow:#2c6f40 2px 2px 2px; -moz-text-shadow:#2c6f40 2px 2px 2px; -ms-text-shadow:#2c6f40 2px 2px 2px; -o-text-shadow:#2c6f40 2px 2px 2px; -webkit-text-shadow:#2c6f40 2px 2px 2px;
}


.formstyle2 {
}
	.formstyle2 li {
		width:50%; float:left;
		margin-bottom:10px;
		
	}
		.formstyle2 li section {
			margin:0 auto;
			width:300px;
		}
			.formstyle2 li section label {
				float:left; width:100px;
				font-weight:bold;
				padding-top:5px;
			}
			.formstyle2 li section input {
				float:left; margin-left:10px;
				width:170px; height:25px;
				padding:0 5px;
				background:#f4f4f4;
				border:1px solid #666; border-right:1px solid #ececec; border-bottom:1px solid #ececec;
				border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; -webkit-border-radius:20px; 
				font-family:Arial , Tahoma; color:#666;
				
			}
			.formstyle2 li section img {
				float:left; margin-left:10px;
				width:170px;
			}
.formstyle3 {
}
	.formstyle3 li {
		width:33.33333333339%; float:left;
		margin-bottom:10px;
		
	}
		.formstyle3 li section {
			margin:0 auto;
			width:300px;
		}
			.formstyle3 li section label {
				float:left; width:80px;
				font-weight:bold;
				padding-top:5px;
			}
			.formstyle3 li section input {
				float:left; margin-left:10px;
				width:130px; height:25px;
				padding:0 5px;
				background:#f4f4f4;
				border:1px solid #666; border-right:1px solid #ececec; border-bottom:1px solid #ececec;
				border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; -webkit-border-radius:20px; 
				font-family:Arial , Tahoma; color:#666;
			}
			.formstyle3 li section span {
				float:left; padding-top:5px;
				padding-left:5px;
			}
			
/********/
.formstyle4 {
}
	.formstyle4 li {
		max-width:25%; float:left;
		margin-bottom:10px;
		
	}
		.formstyle4 li section {
			margin:0 auto;
			width:auto;
			margin-right:30px;
		}
			.formstyle4 li section label {
				float:left; max-width:80px;
				font-weight:bold;
				padding-top:5px;
			}
			.formstyle4 li section input {
				float:left; margin-left:10px;
				width:100px; height:25px;
				padding:0 5px;
				background:#f4f4f4;
				border:1px solid #666; border-right:1px solid #ececec; border-bottom:1px solid #ececec;
				border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; -webkit-border-radius:20px; 
				font-family:Arial , Tahoma; color:#666;
			}
			.formstyle4 li section span {
				float:left; padding-top:5px;
				padding-left:5px;
			}
		.formstyle4 li section.radio {
			margin:0 auto;
			width:auto !important;
			display:table;
		}
			.formstyle4 li section.radio label {
				float:left; width:80px;
				font-weight:bold;
				padding-top:5px;
			}
			.formstyle4 li section.radio input {
				float:left; margin-right:10px; margin-top:0px;
				width:auto !important;
			}
			
.formstyle {
	overflow:hidden;
	margin-bottom:10px;
}
	.formstyle label {
		font-weight:bold;
		padding-bottom:10px;	display:block;	
	}
	.formstyle textarea {
		background:#f4f4f4;
		border:1px solid #666; border-right:1px solid #ececec; border-bottom:1px solid #ececec;
		border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; -webkit-border-radius:10px;
		max-width:940px; max-height:100px; 
		min-width:940px; min-height:100px; 

	}
/*******/			
			
.boxChoiceStyle {
	width:800px; margin:0 auto;
	border:#ddd 1px solid;
	border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; -webkit-border-radius:20px;
	background:#fff;
	padding:10px;
	margin-bottom:10px;
}
.boxChoiceStyle ul {	
}
	.boxChoiceStyle ul li {
		float:left; width:50%;
	}
		.boxChoiceStyle ul li section {
			margin:0 10px 10px 10px;
		}
			.boxChoiceStyle ul li input {
				float:left; 
			}
			.boxChoiceStyle ul li label {
				float:left; width:300px; padding-top:1px; margin-left:10px;
			}
.tableForm {
	margin-bottom:10px;
}
	.tableForm table {
		border:#ddd 1px solid;
	}
	.tableForm table tr td {
		border-right:1px solid #ddd;
		border-top:1px solid #ddd ;
		padding:3px;
	}
		.tableForm table tr.title td {
			background:#f4f4f4;
			color:#000; font-weight:bold;
			height:40px;
			border-top:0px;
			
		}
		.tableForm table tr td.last {
			border-right:0px;
		}
		.tableForm table tr td span {
			color:#03C; font-weight:bold;
		}
.approve {
	
}
.approve .box {
	margin:0 10px;
}
.approve .box .choice {
	margin-bottom:5px;
}
.approve .box .choice input {
	float:left; margin-right:5px; margin-top:2px;
}
.approve .box .choice span {
	float:left; display:block;
}
.approve .box .choice .textfield {
	margin-top:5px; margin-left:15px; float:left;
}
.approve .box .choice .textfield input {
	width:130px; height:25px; float:left; margin-left:10px; margin-top:-7px;
	padding:0 5px;
	background:#f4f4f4;
	border:1px solid #666; border-right:1px solid #ececec; border-bottom:1px solid #ececec;
	border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; -webkit-border-radius:20px; 
	font-family:Arial , Tahoma; color:#666;
	
}
.approve .box .choice .selectbox {
	margin-top:5px; margin-left:15px;  float:left; margin-top:-5px;
	background:#f4f4f4;  width:200px; height:25px; 
	border:1px solid #666; border-right:1px solid #ececec; border-bottom:1px solid #ececec;
	border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; -webkit-border-radius:20px; 
	overflow:hidden;	
}
.approve .box .choice .selectbox select {
	width:140%; height:25px; 
	border:0px; background-color:transparent;
	font-family:Arial , Tahoma; color:#666;
}


.approve .box .textfieldForm {
	
}
.approve .box .textfieldForm label {
	float:left; margin-right:10px;
	padding-top:3px;
}
.approve .box .textfieldForm input {
	float:left;
	width:180px; height:25px;
	padding:0 5px;
	background:#f4f4f4;
	border:1px solid #666; border-right:1px solid #ececec; border-bottom:1px solid #ececec;
	border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; -webkit-border-radius:20px; 
	font-family:Arial , Tahoma; color:#666;
}
.approve .box  .date {
	margin-top:10px; font-weight:bold; text-align:left; margin-bottom:20px;
}
.textContenttakeSickleave {
	line-height:1.6em;
	width:800px; margin:10px auto 0;
	border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; -webkit-border-radius:10px;
	padding:10px;
	border:#ddd 1px solid;
}
.textContenttakeSickleave .choice {
	margin-top:20px;
}
.textContenttakeSickleave .choice input {
	float:left; margin-right:5px; margin-top:5px;
}
.textContenttakeSickleave .choice span {
	float:left; font-size:14px; font-weight:bold; color:#03F;
}

/*********************/
.buttonPage {
	float:left; margin:0 5px;
}
	.buttonPage a {
		padding:5px 20px;
		background: #f4f4f4; /* Old browsers */
		background: -moz-linear-gradient(top,  #ffffff 0%, #f4f4f4 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #ffffff 0%,#f4f4f4 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 
		*/	
		display:block; 	border:#666 2px solid;
		border-right:#fff 2px solid; border-bottom:#f4f4f4 2px solid;
		font-family: 'thaisans_neuebold'; font-size:18px;
		border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; -webkit-border-radius:20px;
		box-shadow:inset rgba(0,0,0,0.7) 1px 1px 2px; -moz-box-shadow:inset rgba(0,0,0,0.7) 1px 1px 2px; -ms-box-shadow:inset rgba(0,0,0,0.7) 1px 1px 2px; -o-box-shadow:inset rgba(0,0,0,0.7) 1px 1px 2px; -webkit-box-shadow:inset rgba(0,0,0,0.7) 1px 1px 2px;
	}
	.buttonPage a:hover {
			background: #57c7dd; /* Old browsers */
			background: -moz-linear-gradient(top,  #78cee2 0%, #57c7dd 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#78cee2), color-stop(100%,#57c7dd)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #78cee2 0%,#57c7dd 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #78cee2 0%,#57c7dd 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #78cee2 0%,#57c7dd 100%); /* IE10+ */
			background: linear-gradient(to bottom,  #78cee2 0%,#57c7dd 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78cee2', endColorstr='#57c7dd',GradientType=0 ); /* IE6-9 */	
			border:0px;
			padding:7px 22px;	
			box-shadow:rgba(255,255,0,0.5) 1px 1px 2px;	-moz-box-shadow:rgba(255,255,0,0.5) 1px 1px 2px; -ms-box-shadow:rgba(255,255,0,0.5) 1px 1px 2px; -o-box-shadow:rgba(255,255,0,0.5) 1px 1px 2px; -webkit-box-shadow:rgba(255,255,0,0.5) 1px 1px 2px;	
			box-shadow:inset rgba(0,0,0,0.7) 1px 1px 2px; -moz-box-shadow:inset rgba(0,0,0,0.7) 1px 1px 2px; -ms-box-shadow:inset rgba(0,0,0,0.7) 1px 1px 2px; -o-box-shadow:inset rgba(0,0,0,0.7) 1px 1px 2px; -webkit-box-shadow:inset rgba(0,0,0,0.7) 1px 1px 2px;
			color:#fff;
			text-shadow:rgba(0,0,0,0.7) 2px 2px 2px; -moz-text-shadow:rgba(0,0,0,0.7) 2px 2px 2px; -ms-text-shadow:rgba(0,0,0,0.7) 2px 2px 2px; -o-text-shadow:rgba(0,0,0,0.7) 2px 2px 2px; -webkit-text-shadow:rgba(0,0,0,0.7) 2px 2px 2px;
		
	}
        .current {
			background: #f6882f !important; /* Old browsers */
			background: -moz-linear-gradient(top,  #f6882f 0%, #ffc511 100%) !important; /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6882f), color-stop(100%,#ffc511)) !important; /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #f6882f 0%,#ffc511 100%) !important; /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #f6882f 0%,#ffc511 100%) !important; /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #f6882f 0%,#ffc511 100%) !important; /* IE10+ */
			background: linear-gradient(to bottom,  #f6882f 0%,#ffc511 100%) !important; /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6882f', endColorstr='#ffc511',GradientType=0 ) !important; /* IE6-9 */	
			border:0px;
			padding:7px 22px;	
			box-shadow:rgba(255,255,0,0.5) 1px 1px 2px;	-moz-box-shadow:rgba(255,255,0,0.5) 1px 1px 2px; -ms-box-shadow:rgba(255,255,0,0.5) 1px 1px 2px; -o-box-shadow:rgba(255,255,0,0.5) 1px 1px 2px; -webkit-box-shadow:rgba(255,255,0,0.5) 1px 1px 2px;	
			box-shadow:inset rgba(0,0,0,0.7) 1px 1px 2px; -moz-box-shadow:inset rgba(0,0,0,0.7) 1px 1px 2px; -ms-box-shadow:inset rgba(0,0,0,0.7) 1px 1px 2px; -o-box-shadow:inset rgba(0,0,0,0.7) 1px 1px 2px; -webkit-box-shadow:inset rgba(0,0,0,0.7) 1px 1px 2px;
			color:#712300 !important;
			text-shadow:rgba(255,255,255,0.7) 1px 1px 1px; -moz-text-shadow:rgba(255,255,255,0.7) 1px 1px 1px; -ms-text-shadow:rgba(255,255,255,0.7) 1px 1px 1px; -o-text-shadow:rgba(255,255,255,0.7) 1px 1px 1px; -webkit-text-shadow:rgba(255,255,255,0.7) 1px 1px 1px;

        }
		.current:hover {
			padding:5px 20px !important;
			background: #f6882f !important; /* Old browsers */
			background: -moz-linear-gradient(top,  #f6882f 0%, #ffc511 100%) !important; /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6882f), color-stop(100%,#ffc511)) !important; /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #f6882f 0%,#ffc511 100%) !important; /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #f6882f 0%,#ffc511 100%) !important; /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #f6882f 0%,#ffc511 100%) !important; /* IE10+ */
			background: linear-gradient(to bottom,  #f6882f 0%,#ffc511 100%) !important; /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6882f', endColorstr='#ffc511',GradientType=0 ) !important; /* IE6-9 */	
			box-shadow:rgba(255,255,0,0.5) 1px 1px 2px;	-moz-box-shadow:rgba(255,255,0,0.5) 1px 1px 2px; -ms-box-shadow:rgba(255,255,0,0.5) 1px 1px 2px; -o-box-shadow:rgba(255,255,0,0.5) 1px 1px 2px; -webkit-box-shadow:rgba(255,255,0,0.5) 1px 1px 2px;	
			box-shadow:inset rgba(0,0,0,0.7) 1px 1px 2px; -moz-box-shadow:inset rgba(0,0,0,0.7) 1px 1px 2px; -ms-box-shadow:inset rgba(0,0,0,0.7) 1px 1px 2px; -o-box-shadow:inset rgba(0,0,0,0.7) 1px 1px 2px; -webkit-box-shadow:inset rgba(0,0,0,0.7) 1px 1px 2px;
			color:#712300 !important;
			text-shadow:rgba(255,255,255,0.7) 1px 1px 1px !important; -moz-text-shadow:rgba(255,255,255,0.7) 1px 1px 1px !important; -ms-text-shadow:rgba(255,255,255,0.7) 1px 1px 1px !important; -o-text-shadow:rgba(255,255,255,0.7) 1px 1px 1px !important; -webkit-text-shadow:rgba(255,255,255,0.7) 1px 1px 1px !important;
			border:#666 2px solid !important;
			border-right:#fff 2px solid !important; border-bottom:#f4f4f4 2px solid !important;

        }

.pageTable {
}
	.pageTable table {
		border-left:#fff 1px solid; border-top:#fff 1px solid;
	}
		.pageTable table tr {
		}
			.pageTable table tr td {
				padding:3px;
				background:#f4f4f4;
				border:#fff 1px solid; border-left:0px; border-top:0px;
				color:#333; font-weight:bold;
			}
		.pageTable table tr.title {
		}
			.pageTable table tr.title td {
				background:#53c6dd;
				color:#055192;
				font-family: 'thaisans_neuebold'; font-size:16px;
				text-shadow:rgba(255,255,255,0.7) 1px 1px 2px; -moz-text-shadow:rgba(255,255,255,0.7) 1px 1px 2px; -ms-text-shadow:rgba(255,255,255,0.7) 1px 1px 2px; -o-text-shadow:rgba(255,255,255,0.7) 1px 1px 2px; -webkit-text-shadow:rgba(255,255,255,0.7) 1px 1px 2px;
			}
.showPic {
	padding:4px; border:1px #ddd solid;
	background:#fff; width:150px; height:150px;
}
	.showPic div {
		width:150px; height:150px;
		background-position:center 50%;
		background-repeat:no-repeat;
		background-size:cover;
	}


.boxCenterThumb {
	width:330px;
	float:left;
	margin:0 10px;
}
.boxlogo {
	margin:20px auto;
	text-align:center;
	padding-left:35px;
}
.boxlogin {
	width:320px;
	margin:0 auto;
	box-shadow:rgba(0,0,0,0.5) 0 5px 10px; -moz-box-shadow:rgba(0,0,0,0.5) 0 5px 10px; -ms-box-shadow:rgba(0,0,0,0.5) 0 5px 10px; -o-box-shadow:rgba(0,0,0,0.5) 0 5px 10px; -webkit-box-shadow:rgba(0,0,0,0.5) 0 5px 10px;
	border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; -webkit-border-radius:20px;
	padding:20px 10px;
	border:#ddd 1px solid; border-right:#fff 1px solid; border-bottom:#fff 1px solid;
	background: #ebebeb; /* Old browsers */
	background: -moz-linear-gradient(top,  #f4f4f4 0%, #ebebeb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#ebebeb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f4f4f4 0%,#ebebeb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f4f4f4 0%,#ebebeb 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f4f4f4 0%,#ebebeb 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f4f4f4 0%,#ebebeb 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ebebeb',GradientType=0 ); /* IE6-9 */	
}
.boxlogin ul {
	display:table; margin:0 auto;
}
.boxlogin ul li {
	margin-bottom:10px;
}
	.boxlogin ul li label {
		display:block; float:left; margin-right:10px; width:90px; font-weight:bold; padding-top:3px;
	}
	.boxlogin ul li input {
		width:140px; height:25px;
		padding:0 5px;
		background:#f4f4f4;
		border:1px solid #666; border-right:1px solid #ececec; border-bottom:1px solid #ececec;
		border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; -webkit-border-radius:20px; 
		font-family:Arial , Tahoma; color:#666;
			
	}
.buttonCenter {
	display:table; margin:0 auto;
	overflow:hidden;
}
.buttonCenter input {
	float:left; margin:0 5px; cursor:pointer;
		padding:5px 20px;
		background: #f4f4f4; /* Old browsers */
		background: -moz-linear-gradient(top,  #ffffff 0%, #f4f4f4 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #ffffff 0%,#f4f4f4 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 
		*/	
		display:block; 	border:#666 2px solid;
		border-right:#fff 2px solid; border-bottom:#f4f4f4 2px solid;
		font-family:arial; font-size:12px; font-weight:bold;
		border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; -webkit-border-radius:20px;
		/*box-shadow:inset rgba(0,0,0,0.7) 1px 1px 2px; -moz-box-shadow:inset rgba(0,0,0,0.7) 1px 1px 2px; -ms-box-shadow:inset rgba(0,0,0,0.7) 1px 1px 2px; -o-box-shadow:inset rgba(0,0,0,0.7) 1px 1px 2px; -webkit-box-shadow:inset rgba(0,0,0,0.7) 1px 1px 2px;*/
	
}
.buttonCenter input:hover {
			background: #f6882f !important; /* Old browsers */
			background: -moz-linear-gradient(top,  #f6882f 0%, #ffc511 100%) !important; /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6882f), color-stop(100%,#ffc511)) !important; /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #f6882f 0%,#ffc511 100%) !important; /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #f6882f 0%,#ffc511 100%) !important; /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #f6882f 0%,#ffc511 100%) !important; /* IE10+ */
			background: linear-gradient(to bottom,  #f6882f 0%,#ffc511 100%) !important; /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6882f', endColorstr='#ffc511',GradientType=0 ) !important; /* IE6-9 */	
			border:0px;
			padding:7px 22px;	
			box-shadow:rgba(255,255,0,0.5) 1px 1px 2px;	-moz-box-shadow:rgba(255,255,0,0.5) 1px 1px 2px; -ms-box-shadow:rgba(255,255,0,0.5) 1px 1px 2px; -o-box-shadow:rgba(255,255,0,0.5) 1px 1px 2px; -webkit-box-shadow:rgba(255,255,0,0.5) 1px 1px 2px;	
			box-shadow:inset rgba(0,0,0,0.7) 1px 1px 2px; -moz-box-shadow:inset rgba(0,0,0,0.7) 1px 1px 2px; -ms-box-shadow:inset rgba(0,0,0,0.7) 1px 1px 2px; -o-box-shadow:inset rgba(0,0,0,0.7) 1px 1px 2px; -webkit-box-shadow:inset rgba(0,0,0,0.7) 1px 1px 2px;
			color:#712300 !important;
			text-shadow:rgba(255,255,255,0.7) 1px 1px 1px; -moz-text-shadow:rgba(255,255,255,0.7) 1px 1px 1px; -ms-text-shadow:rgba(255,255,255,0.7) 1px 1px 1px; -o-text-shadow:rgba(255,255,255,0.7) 1px 1px 1px; -webkit-text-shadow:rgba(255,255,255,0.7) 1px 1px 1px;
	
}
.titleLeave {
	margin-bottom:10px;
	overflow:hidden;
}
	.titleLeave img {
		float:left; margin-right:10px;
	}
	.titleLeave span {
		font-family: 'thaisans_neuebold'; font-size:20px;
		display:block; float:left; padding-top:18px;
	}
.tableLeave {
	border-left:#ddd 1px solid;
}
	.tableLeave table {
	}
		.tableLeave table tr {
		}
			.tableLeave table tr td {
				padding:3px;
				background:#f4f4f4;
				border:#ddd 1px solid;
				border-left:0px; border-top:0px;
			}
		.tableLeave table tr.title {
		}
			.tableLeave table tr.title td {
				padding:10px 3px;
				background:#4baea9; color:#fff;
				border:#ddd 1px solid;
				border-left:0px; border-top:0px;
				font-family: 'thaisans_neuebold'; font-size:18px;
				text-shadow:rgba(0,0,0,0.5) 1px 1px 2px; -moz-text-shadow:rgba(0,0,0,0.5) 1px 1px 2px; -ms-text-shadow:rgba(0,0,0,0.5) 1px 1px 2px; -o-text-shadow:rgba(0,0,0,0.5) 1px 1px 2px; -webkit-text-shadow:rgba(0,0,0,0.5) 1px 1px 2px;
			}			
.boxcalendar {
	padding-bottom:20px;
	text-align:center;
}