form{
	margin:0;
	padding:0;	
}
#b_1
{ 
background:url(../images/phithan_tem_img/top_bg.jpg) repeat-x top #F6F5E9;
margin:auto;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:11px;
color:#ccc;
}

#b_2
{ 
background:url(../images/phithan_tem_img/bg_test.jpg) repeat-x top #F6F5E9;
margin:auto;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:11px;
color:#ccc;
}

#b_3
{ 
background:url(../images/phithan_tem_img/bg_repair.jpg) repeat-x top #F6F5E9;
margin:auto;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:13px;
color:#ccc;
}


h1{
font-size:15px;
color:#6C0008;
padding:5px;
margin:3px;
font-weight:normal;
}
h2{
font-size:13px;
color:#666666;
margin:0px;
padding:3px;
}
h3{
font-size:14px;
color:#666666;
margin:0px;
padding:3px;
}
h4{
font-size:12px;
color: #CE6700;
margin:0px;
padding:3px;
font-weight:normal;
}
.clear {
clear:both;
overflow:hidden;
height:4px;
}
#main_content{
	width:950px;
	height: auto;
	margin:auto;
	background-color:#F6F6EE;
	border:8px #FFFFFF solid;
}
#top_banner{
	width:950px;
	height:130px;
	background:url(../images/phithan_tem_img/illustr.jpg) no-repeat right;
}
#top_banner_get{
	width:950px;
	height:130px;
	background:url(../images/phithan_tem_img/illustr_2.jpg) no-repeat right;
}
#top_banner_com{
	width:950px;
	height:130px;
	background:url(../images/phithan_tem_img/illustr_2.jpg) no-repeat right;
}
#top_banner_admin{
	width:950px;
	height:130px;
	background:url(../images/phithan_tem_img/illustr_3_new.jpg) no-repeat right;
}
#top_banner_manage{
	width:950px;
	height:130px;
	background:url(../images/phithan_tem_img/illustr_4.jpg) no-repeat right;
}
#top_banner_repair{
	width:950px;
	height:130px;
	background:url(../images/phithan_tem_img/repair.jpg) no-repeat right;
}
img.logo{
padding-left:15px;
}
/*------top menu---------*/
#top_menu{
width:1000px;
margin:auto;
padding:15px 0px 15px 10px;
}
ul.menu {
list-style-type:none; display:block; width: auto; height:18px; margin:auto; padding:0;}

ul.menu li {
display:inline;}

.nav:link, .nav:visited {
display:block; float:left; padding:4px 8px 0 26px; margin:0;width: auto; height:18px; text-align:center; line-height:18px; font-weight:bold; font-size:12px;
text-decoration:none; color:#fff; background:url(../images/phithan_tem_img/bt_bg.jpg) no-repeat left;}

.nav:hover {
display:block; float:left; padding:4px 8px 0 26px; margin:0;width: auto; height:18px; text-align:center; line-height:18px;
text-decoration:none;  color:#fff; background:url(../images/phithan_tem_img/bt_bg_a.jpg) no-repeat left;}

/*-- เมนูแผนกทรัพยากรมนุษย์--*/
.nav_human:link, .nav_human:visited {
display:block; float:left; padding:4px 8px 0 26px; margin:0;width: auto; height:18px; text-align:center; line-height:18px; font-weight:bold; font-size:12px;
text-decoration:none; color:#fff; background:url(../images/phithan_tem_img/bt_test.jpg) no-repeat left;}

.nav_human:hover {
display:block; float:left; padding:4px 8px 0 26px; margin:0;width: auto; height:18px; text-align:center; line-height:18px;
text-decoration:none;  color:#fff; background:url(../images/phithan_tem_img/bt_test_a.jpg) no-repeat left;}

/*-- เมนู repair--*/
.nav_repair:link, .nav_repair:visited {
display:block; float:left; padding:4px 8px 0 26px; margin:0;width: auto; height:18px; text-align:center; line-height:18px; font-weight:bold; font-size:12px;
text-decoration:none; color:#fff; background:url(../images/phithan_tem_img/bt_repair.jpg) no-repeat left;}

.nav_repair:hover {
display:block; float:left; padding:4px 8px 0 26px; margin:0;width: auto; height:18px; text-align:center; line-height:18px;
text-decoration:none;  color:#fff; background:url(../images/phithan_tem_img/bt_repair_a.jpg) no-repeat left;}


/*----page content----*/
#page_content{
width:480px;
height:auto;
float: !important;
padding:10px;
}
#page_content_detail{
width:680px;
height:auto;
float: !important;
padding:10px;
}
#page_content_left{
width:210px;
height:auto;
float:right;
padding:10px;
/*border-left:1px #800000 dashed;*/
}
#page_content_right{
width:210px;
height:auto;
float:left;
padding:10px;
/*border-right:1px #800000 dashed;*/
}
.title{
font-size:16px;
color:#808080;
clear:both;
padding-left:10px;
border-bottom:1px #800000 dashed;
}
.title2{
font-size:16px;
color:#808080;
clear:both;
padding-left:10px ;
margin-bottom:10px;
float:lift;
}
.title_none_line{
font-size:16px;
color:#808080;
clear:both;
padding-left:10px;
/*border-bottom:1px #800000 dashed;*/
}

/* search form */
.search  {
	float: left;
	margin: 0;
	padding: 29px 8px 0 0;
	clear: left;
}
.search input  {
	float: left;
}
.search input.text  {
	border: none;
	border-left: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
	background: url('../images/bg_search.gif') repeat-x;
	font: 11px Arial, sans-serif;
	width: 145px;
	padding: 4px 2px;
	height: 13px;
}



.content_text{
font-size:12px;
color:#333333;
height:auto;
text-align:justify;
padding:8px;
}
img.pic{
padding:0px;
margin-right:10px;
margin-bottom:10px;
border:5px #FFFFFF solid;
float:left;
}
img.map_pic{
padding:0px;
margin:10px;
border:5px #FFFFFF solid;
float:right;
}
img.gallery{
padding:0px;
margin:8px;
border:5px #FFFFFF solid;
float:left;
}
.more{
width:auto;
float:right;
height:20px;
}
.link_more a{
width:auto;
float:left;
text-decoration:none;
color:#990000;
font-size:12px;
padding:3px 23px 0 5px;
}
.link_more a:hover{
text-decoration:underline;
}
img.more{
float:left;
}
#page_bottom{
	width:930px;
	clear:both;
	padding:10px;
	height:auto;
}
img.inspiration{
padding:2px;
margin:3px;
border:2px #FFFFFF solid;
}
/*---------services---------*/
.details{
width: auto;
height:auto;
float:left;
padding-left:20px;
}
ul.services {
list-style-type:none;display:block; width:auto; height:auto; float:left; 
margin:0px; padding:10px 0 10px 2px;}

ul.services li {
display:inline;}

a.nav_services:link, a.nav_services:visited {
display:block; padding:1px 0 0 14px; margin:2px;width: auto; height: auto; text-align:left; line-height:17px;
text-decoration:none; background:url(../images/phithan_tem_img/bullet.png) no-repeat left; color:#000;}
a.nav_services_a {
display:block; padding:1px 0 0 14px; margin:2px;width:auto; height:auto; text-align:left; line-height:17px; font-weight:bold;
text-decoration:none; background:url(../images/phithan_tem_img/bullet_a.png) no-repeat left; color: #990000;}

a.nav_services:hover {
display:block; padding:1px 0 0 14px; margin:2px;width:auto; height:auto; text-align:left; line-height:17px;
text-decoration:none; background:url(../images/phithan_tem_img/bullet_a.png) no-repeat left; color:#000000;}



/*---------menu_navigation--------*/
.menu_navigation{
width:750px;
height:30px;
margin:auto;
clear:both;
}
#left{
width:auto;
float:left;
}
.left{
float:left;
}
.right{
float:left;padding:3px;
}
.right a{
text-decoration:none;
color:#990000;
}
#right{
width:auto;
float:right;
padding-right:25px;
}
/*------contact form------*/
#login{
float:left;
width:auto;
padding:10px 10px 0 30px;
color:#666666;
}
.input{
width:140px;
height:12px;
font-size:10px;
float:left;
}
.textarea{
width:140px;
height:50px;
font-size:10px;
float:left;
}
.submit{
float:left;
margin-left:30px;
margin-top:5px;
}
/*-------footer-----*/
#footer{
width: auto;
height:100px;
clear:both;
margin-top:40px;
background-color: #333333;
}
#footer_content{
	width:950px;
	margin:auto;
}
#copyrights{
width:350px;
color: #666666; 
font-size:10px;
float:left;
padding:10px;
}
#madeby{
width:140px;
height:40px;
float:right;
text-align:center;
padding-top:0px;
}
#madeby a{
text-decoration:none;
color:#666666;
}
/*---------footer menu---------*/
ul.footer_menu {
list-style-type:none; float:left; display:block; width:auto; height: auto;  margin:0px; padding:3px 0 0 10px;}

ul.footer_menu li {
display:inline;}

a.nav2:link, a.nav2:visited {
display:block; float:left; padding:4px 0 0 5px; margin:2px;width: auto; height:20px; text-align:center; line-height:16px;
text-decoration:none; color: #999999;}

a.nav2:hover {
display:block; float:left; padding:4px 0 0 5px; margin:2px;width:auto; height:20px; text-align:center; line-height:16px;
text-decoration:none;color:#000000;}
.comment{
	 color: #FF6600;	
}

.note {
    background: none repeat scroll 0 0 #FFF6BF;
    border: 2px solid #DDDDDD;
	margin-bottom: 1em;
	margin-top:1em;
    padding: 0.8em;
    color: #514721;
}
.page_repair_detail{
    border: 2px solid #DDDDDD;
	margin-top:1em;
    padding: 0.8em;
    color: #514721;
}
#section_name{
	background: none repeat scroll 0 0 #FFFFFF;
	margin-top:50px;
	margin-left:15px; 
	font-size:30px; 
	font-style:italic;
	color:#F60; 
	float:left; 
	text-decoration:underline;
}
/*.ph-file::-webkit-file-upload-button,.ph-file-upload::-webkit-file-upload-button {
	content:  attr(value);
	background: #fce3e3;
	border: 2px solid #245AA2;
	padding: .25em .4em;
	border-radius: .4em;
	background-color: #fce3e3;
	transition: 1s;
	height: 30px;
}*/
.ph-file {
	display: inline-block;
	border: 2px solid #245AA2;
	padding: .25em .4em;
	border-radius: .4em;
	background-color: #fce3e3;
	transition: 1s;
	cursor: pointer ;
}
.ph-file>* {
	cursor: pointer ;
}
/*input[type=file]::file-selector-button {
	border: 2px solid #6c5ce7;
	padding: .2em .4em;
	border-radius: .2em;
	background-color: #a29bfe;
	transition: 1s;
}
input[type=file]::-webkit-file-upload-button:hover {
	background-color: #81ecec;
	border: 2px solid #00cec9;
}
input[type=file]::file-selector-button:hover {
	background-color: #81ecec;
	border: 2px solid #00cec9;
}*/