/* CSS Document Account*/
body {
	font-size:12px;
	color:#000000;
	font-family: sans-serif, serif;
	text-align:left;
	color:#000000;
	margin:0;}
div{
	padding:0;
	margin:0;}
.clear{
	clear:both;}
	
a:link, a:visited{
	color:#000000;
	text-decoration:underline;}
	
a:hover{
	color:#ff9400;
	text-decoration:none;}

.top-jobtype{
	background-color:#000000;
	color:#FFFFFF;}
	
.boxcenter{
	width:980px;
	margin:auto;
	padding: 5px 10px;
	text-align:left;
}
.jobdetail{
	float:left;}

.head-menu{
	background:url(images/bg-head.gif) repeat-x;
	height:132px;}

.menu{
	background:url(images/menu.jpg) no-repeat;
	height:37px;
	width:982px;
	margin-top:10px;
	color:#FFFFFF;
	padding:0 2px;
	}
.text-menu{
	padding:10px 0px;
	float:left;
	font-size:13px;
	cursor:pointer;
	text-align:center;
	width:162px;
	 font-weight:bold;
	}

body:nth-of-type(1) .text-menu2{padding:10px 51px;}

a .text-menu{
	color:#FFFFFF;
	text-decoration:none;}
	
.menu img{
	float:left;}
	
.text-menu:hover{
	background:url(images/menu-hover.gif) no-repeat;
	width:162px;
	float:left;
	text-decoration:underline;
	color:#000000;}
	
.bg-head2{
	background:url(images/bg-head2.gif) repeat-x;
	height:184px;}
	
.show-all{
	float:right;
	font-size:12px;}
	
.show-all a:link, .show-all a:visited{
	color:#FFFFFF;
	text-decoration:underline;}
	
.show-all a:hover{
	color:#FFFFFF;
	text-decoration:none;} 
	
.im-head{
	float:left; width:255px;}
/****************************main box***********/
#parttwo{
	width:980px;
	text-align:left;

	}
#mainbox{
	width:715px;
	float:left;
	margin-right:10px;
	padding-top:10px;
	}
.search-tab{
	width:700px;
	float:left;
	background:url(images/search-tab.gif) no-repeat;
	height:28px;
	color:#FFFFFF;
	text-align:left;
	padding:5px 5px 5px 10px;
	}
.bt-search{
	background:url(images/bt-search.png) no-repeat;
	width:67px;
	height:25px;
	color:#ffffff;
	border:0;
	cursor:pointer;}
.last-joblist, .topcompany, .search-result, .content_marketing{
	width:715px;
	float:left;
	margin-bottom:10px;
	text-align:left;
	}
.title-tab{
	width:695px;
	float:left;
	background:url(images/title-tab.gif) no-repeat;
	height:26px;
	color:#FFFFFF;
	padding:5px 10px 0 10px;
	margin-top:10px;
	text-align:left;}
	
.title-tab2{
	width:695px;
	float:left;
	background:url(images/title-tab2.gif) no-repeat;
	height:26px;
	color:#FFFFFF;
	padding:5px 10px 0 10px;
	margin-top:10px;
	text-align:left;}
	
.title-tab-topcom{
	width:695px;
	float:left;
	background:url(images/title-tab.gif) no-repeat;
	height:27px;
	color:#073e7a;
	padding:5px 10px 0 10px;
	margin-top:10px;
	text-align:left;}
	
.detail-joblist{
	background:url(images/bg-joblist.gif) repeat-y;
	width:715px;
	float:left;
	text-align:left;
	padding-top:15px;}
	
.pic-lastjob{
	width:210px;
	margin:0px 10px 0px 25px;
	float:left;}
	
.list-lastjob{
	width:445px;
	float:left;
	padding:0 10px;

	}

 li{
    list-style-image:url(images/bullet.gif);
	border-bottom:1px #CCCCCC dotted;
	padding:3px 0;}
	
.column{
	width:50%;
	float:left;}
/*****top company****/
.title-tab-topcom{
	width:695px;
	float:left;
	background:url(images/top-company.gif) no-repeat;
	height:24px;
	color:#073e7a;
	padding:3px 10px 0 10px;
	margin-top:10px;
	text-align:left;
	font-size:14px;}
	
.detail-topcpm{
	background:url(images/bg-topcom.jpg) no-repeat;
	width:715px;
	float:left;
	text-align:left;
	height:78px;}
	
.slide-banner{
	height:55px;
	margin:auto;
	padding:10px 0;
	width:640px;}
.slide-banner img{
	margin:0 10px;}
/****************search-result***************/
.order{
	width:50px;
	float:left;}
.order2{
	width:40px;
	float:left;
	padding-left:10px;}
.position, .company{
	width:200px;
	float:left;}
.amont, .update{
	width:120px;
	float:left;}
.row1{
	width:706px;
	float:left;
	background-color:#f6f6f6;
	padding:3px 0;
}
.row2{
	width:706px;
	float:left;
	background-color:#eaeaea;
	padding:3px 0;}

.detail-result{
	width:708px;
	float:left;
	color:#4c4c4c;
	text-align:left;
	padding: 0 2px 0 5px;}
	
.detail-result a:link, .detail-result a:visited{
	color:#4c4c4c;
	text-decoration:underline;}

.detail-result a:hover{
	color:#e9a31e;
	text-decoration:none;}
	
.page-number{ 
	float:left;
	width:715px;
	text-align:right;
	padding-top:5px;
	color:#000000;}
/**************content***********/
.content{
	width:342px;
	float:left;
	background-color:#f4f4f4;
	margin:0px 10px 10px 10px;
}
.detail-content{
	background:url(images/bg-content.gif) repeat-y;
	width:715px;
	float:left;
	text-align:left;
	padding-top:15px;}
.detail-content a:link, .detail-content a:visited{
	color:#00779c;
	text-decoration:none;}
.detail-content a:hover{
	color:#00779c;
	text-decoration:underline;}
.article{
	background:url(images/bg-content.gif) repeat-y;
	width:685px;
	float:left;
	text-align:left;
	padding:15px;}
/****************************เมนูด้านขวา***********/
#right-box{
	width:255px;
	float:left;
	}
.banner{
	float:left;
	width:255px;
	margin-bottom:10px;
	}
.gruopjob{
	width:255px;
	float:left;
	
}
	
.title-groupjob{
	width:235px;
	float:left;
	background:url(images/head-group.gif) no-repeat;
	height:14px;
	color:#FFFFFF;
	text-align:left;
	padding:10px;}
	
.title-groupjob img
{
	margin-right:3px;}

	
.bg-group{
	width:218px;
	float:left;
	border-left:1px #b8b8b8 solid;
	border-right:1px #b8b8b8 solid;
	text-align:left;
	padding:10px 10px 10px 25px;}
/********บทความ**************/
.pic-content{
	float:left;
	margin:10px;}
	
.de-con{
	float:left;
	padding:10px;
	width:322px;
	height:110px;
}

.picture-content{
	float:left;
	width:112px;
	height:79px;
	padding:10px;}
	
.readmore{
	float:right; 
	margin:5px 10px;
	}
	
/****************************หางานบัญชี***********/
.search-marketing{
	width:715px;
	float:left;
	text-align:left;
	margin-bottom:10px;
}
.bg-search-marketing{
	width:715px;
	float:left;
	background:url(images/bg-search.jpg) no-repeat #eeeeee;
	color:#000000;
}
.intro{
	width:705px;
	padding:0px 10px 0 0px;
	float:left;}
	
#DataList1
{
    padding-left:20px;}
	
.boxsearch{
	width:635px;
	float:left;
	margin:10px 10px 0 10px;
	background:url(images/boxsearch.gif) no-repeat;
	height:90px;
	padding:10px 30px;}
	
.boxsearch ul{
	padding:0;
	margin:0;
	padding-left:25px;}
	
.noborder
{width:211px; 
 border:0;}
	
.bg-bc{
	background:url(images/top-search.jpg) top no-repeat #dcf3f3;
	width:715px;
	float:left;
	padding:10px 0;
	padding /*\**/:10px 0 0 0\9;}
	
	
.title-search{
	padding:0;
	margin:0;
	padding-left:20px;}
	
.search_intro{
	float:left; 
	width:500px; 
	padding:15px 10px 10px 10px; 
}
/***************เกียวกับงานบัญชี************/
 .title-aboutmk{
	width:235px;
	float:left;
	background:url(images/aboutmk.gif) no-repeat;
	height:19px;
	text-align:left;
	padding:10px;
	color:#FFFFFF;}
.bg-aboutmk{
	width:255px;
	background:url(images/bg-aboutmk.gif) repeat-y;
	float:left;
	text-align:left;}
.sub-hilight{
	background:url(images/hilight.gif) no-repeat; 
	height:19px;
	width:219px; 
	width /*\**/:224px\9;
	padding:0;
	margin:0;
	margin:auto; 
	padding:10px 10px 10px 20px;
	padding /*\**/:10px 10px 10px 15px\9;
	color:#FFFFFF;}
.content-aboutme{
	float:left;
	padding:10px;
	width:235px;}
.content-aboutme img{
	float:left;
	margin:0 5px 5px 0;}
	
.content-aboutme li{
	list-style-image:url(images/bullet2.gif);
	width:205px;
	border-bottom:0;
}

/*********************หน้าสมัครงาน**************/
.apply-top{
	width:980px;
	float:left;}
.bg-app{
	float:left;
	width:653px;
	background:url(images/app_06.jpg) no-repeat bottom;
	height:293px;
	padding:30px 10px 10px 50px; }

.infor-app{
	width:714px; 
	float:left;}
	
.app-box{
	width:266px;
	float:left;
	background:url(images/app_04.jpg) no-repeat;
	height:520px;
	}
.pic_left{
	float:left;}
.apply_de{
	float:left;
	width:170px;}

.infor-app li{
	list-style-image:url(images/arrow.jpg);
	border:0;}
	
.bt-apply{
	float:left;
	width:161px;
	 margin:25px 0 0 50px; 
	}
	 
 .bt-alert a:link, .bt-apply a:link{
	color:#000000;
	text-decoration:underline;}
	
.bt-apply a:hover, .bt-alert a:hover{
	color:#000000;
	text-decoration:none;}
.webbc{
	color:#ffffff;
	font-size:14px; 
	text-align:center;
	margin-top:60px;
	margin-top /*\**/:90px\9;
}
.bunchee_job{
	float:left; 
	margin:140px 10px 10px 30px; 
	width:220px;
	}
.box_apply{
	width:180px;
	width /*\**/:190px\9;
	float:left;}
/*******************Job alert************/
.picalert{
	float:left;
	width:234px;}
.alert{
	width:721px;
	float:left;
	background:url(images/bg-alert.jpg) no-repeat;
	height:378px;
	padding:45px 0 0 25px;
}
.alert p{
	margin:0;
	padding:0;
	padding:3px 0;}	

.detail-alert{
	width:699px;
	float:left;
	background:url(images/alert_10.jpg) repeat-y;
	padding:10px 10px 0 35px;
	height:347px;}
	
.detail-alert p{
	padding:0;
	margin:0;
	margin:5px 0;}
	
.alert li{
	list-style-image:url(images/li.gif);
	border:0;}
	
.bt-alert{
	width:188px;
	margin-top:15px;
	}
/******************contact******************/
.piccontact{
	float:left;
	width:250px;}
.contact{
	background:url(images/contact_04.jpg) no-repeat; 
	width:730px; 
	height:399px; 
	float:left;
	padding-top:30px; }
.caption{
	width:120px;
	float:left;
	text-align:right;
	padding:5px;
	padding /*\**/:0 5px 0 0\9;
	}
.star-red
{
    color:#FF0000; 
    float:right;}
 #Subject, #Name, #Email, #Tel, #Detail
    {
        float:right;
        }
    
.formfill{
	width:350px;
	float:left;
	padding:5px 5px;
	}


/****************************footer***********/
#footer{
	width:960px;
	background-color:#000000;
	color:#FFFFFF;
	margin:auto;
	text-align:left;
	padding:10px;
	margin-top:10px;
}

#footer a:link, #footer a:visited{
color:#FFFFFF; text-decoration:underline;}
#footer a:hover{
color:#FFFFFF; text-decoration:none;}
	
#logo, #register{
	float:left;}
	
#address{
	float:left;
	width:560px;
	padding:10px 10px 10px 60px;}
	
.detail-result GridHeader_Office2007{
	background-color:#296fa6;
	color:#ffffff;}

/*******other*****/
.pic-icon{
	float:left;
	margin-right:2px;}
	
.icon-more{
	float:right;
	margin-left:2px;}