/* CSS Document  marketing*/
body {
	font-size:12px;
	color:#000000;
	font-family: sans-serif, serif;
	text-align:left;
	color:#000000;
	margin:0;}
	
h1
{
    font-size:100%;
   
}	
.clear{
	clear:both;}
	
a:link, a:visited{
	color:#000000;
	text-decoration:underline;}
	
a:hover{
	color:#e9a31e;
	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;
	}

a .text-menu {
	color:#FFFFFF;
	text-decoration:none;}

.text-menu:hover{
	background:url(images/menu-hover.gif) no-repeat;
	width:162px;
	float:left;
	text-decoration:underline;
	color:#ffcc00;
}
	

	
.menu img{
	float:left;}
	
.bg-head2{
	background:url(images/bg-head2.gif) repeat-x;
	height:184px;}
.show-all{
	float:right;
	font-size:12px;
	width:150px;}
.show-all a:link, .show-all a:visited{
	color:#FFFFFF;
	text-decoration:underline;}
.show-all a:hover{
	color:#FFFFFF;
	text-decoration:none;} 
.pic-plus
{
    float:right; 
    padding-right:3px;}
	
/****************************main box***********/
#parttwo{
	width:980px;
	text-align:left;
	}
#mainbox{
	width:715px;
	float:left;
	margin-right:10px;
	padding-top:10px;
	}
.search-tab{
	width:645px;
	float:left;
	background:url(images/search-tab.gif) no-repeat;
	height:18px;
	color:#ffffff;
	text-align:left;
	padding:10px 35px;
	
	}
.bt-search{
	background:url(images/bt-search.gif) 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-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:455px;
	float:left;
	padding-right: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;}
#txtKey

{ width:150px;
    }
.detail-result a:hover{
	color:#e9a31e;
	text-decoration:none;}
	
.page-number{ 
	float:left;
	width:715px;
	text-align:right;
	padding-top:5px;
	color:#000000;}
/**************content***********/
.itemstyle-content
{ padding :15px 10px 10px 10px;
 
    }
.content{
	width:310px;
	float:left;
	background-color:#f4f4f4;
	padding:10px;
	margin:10px 10px 10px 10px;
}
.detail-content{
	background:url(images/bg-content.gif) repeat-y;
	width:715px;
	float:left;
	text-align:left;
	}

	
.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;}
.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 10px 10px 0;}
	
.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;
	}
/****************************หางานmarketing***********/
.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 #ceebf7;
	color:#000000;
	
   
}
#DataList1
{
    padding-left:20px;}
.intro{
	width:505px;
	padding:30px 10px 0 200px;
	float:left;}
	
.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;}
.pic-iconsr
{
    float:left; 
    height: 15px; 
    margin:0 5px 0 10px;}
/***************เกียวกับงานmarketing************/
 .title-aboutmk{
	width:235px;
	float:left;
	background:url(images/aboutmk.gif) no-repeat;
	height:14px;
	text-align:left;
	padding:10px;}
.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;}
.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);
	padding:0;
	margin:0;
	width:205px;
	border-bottom:0;
}

/*********************หน้าสมัครงาน**************/
.apply-top{
	width:980px;
	float:left;}
.bg-app{
	float:left;
	width:980px;
	background:url(images/app2.jpg) no-repeat;
	height:306px;}
.app-box{
	float:left;
	height:181px;
	height /*\**/:171px\9;
	width:256px;
	background:url(images/app4.jpg) no-repeat;
	font-size:14px;
	padding:40px 30px 0 20px;
	padding /*\**/:50px 30px 0 20px\9;
}
.infor-app{
	width:520px;
	float:left;
	padding:20px 0px 20px 20px;}

.infor-app li{
	list-style-image:url(images/arrow.jpg);
	border:0;}
.bt-apply{
	float:right;
	width:161px;
	 background:url(images/bt-app.jpg) no-repeat; 
	 height:53px; 
	 margin:15px 70px 0 0; 
	 text-align:center;
	 font-size:14px;
	 padding-bottom:10px;
	 cursor:pointer;
	 border:0;}
.bt-apply a:hover, .bt-alert a:hover{
	color:#000000;
	text-decoration:none;}
/*******************Job alert************/
.picalert{
	float:left;
	width:236px;}
.alert{
	width:744px;
	float:left;}
.detail-alert{
	width:699px;
	float:left;
	background:url(images/alert_10.jpg) repeat-y;
	padding:10px 10px 0 35px;
	height:346px;}
.detail-alert p{
	padding:0;
	margin:0;
	margin:5px 0;}
.detail-alert li{
	list-style-image:url(images/li.gif);
	border:0;}
.bt-alert{
	width:188px;
	height:16px;
	background:url(images/jobalert.jpg) no-repeat;
	text-align:center;
	padding:10px 0;
	font-size:14px;
	margin-top:15px;}
/******************contact******************/
.piccontact{
	float:left;
	width:202px;}
.contact{
	width:738px;
	float:left;
	background:url(images/contact_04.gif) no-repeat;
	height:435px;
	padding:30px 10px 10px 30px; }
#ImageButton1
{
    margin-top:10px;
    }
	
.caption{
	width:120px;
	float:left;
	padding:7px 5px;
	}
.star-red
{
    color:#FF0000; 
    float:right;}
 #Subject, #Name, #Email, #Tel, #Detail
    {
        float:right;
        }
    
.formfill{
	width:320px;
	float:left;
	padding:7px 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;}
#logo_jdb{
    float:right; 
    padding-left:5px;}
	
#address{
	float:left;
	width:570px;
	padding:10px 10px 10px 50px;}
	
.detail-result GridHeader_Office2007{
	background-color:#296fa6;
	color:#ffffff;}