@charset "utf-8";
/*-----------------------------------------------
Name:     2009框體公司網站-工作機會-css
Designer: Tina
Date:     2009-11-17
----------------------------------------------- */


/*右邊內容區塊*/
/*主要內容*/
#main
{
	width:760px;
	margin:0;
	padding:0; 
	position:relative;
}
#main h2{ 
           margin:5px 45px; 
           line-height:130%; 
           font-size:170%;
           color:#444444;
           font-weight:bold;
           }

	#main h3{ 
	margin:25px 17px 0; 
	line-height:130%; 
	color:#333333;
	}
	#main .h3img{ 
		position:absolute; 
		z-index:10;
		top:55px; 
		right:35px;
	}
	#main .h3img_left{ 
		position:absolute; 
		z-index:10; 
		top:55px; 
		left:25px;
	}
	#main p{ 
	margin:13px 0;
	}
	
/*下方互聯區塊---------------------*/
#webpad
{
	margin:5px 40px;
}
	#webpad p
	{
	margin:0;
	}
	#webpad img
	{
	margin:0 15px;
	}
	.webpad_info
	{
	width:26%;
	float:left;
	margin:0 11px;
	padding-right:20px;
	border-right:#e7dada 1px solid;
	color:#888888;
	font-size:90%;
	}
	.webpad_info h6
	{
	margin:0 0 12px;
	}
	.webpad_img
	{
	float:right;
	padding-left:10px;
	}


/*職缺列表---------------------*/
#info_job{ 
	margin-right:25px;
	margin-left:65px;
	margin-top:20px;
	margin-bottom:10px;
}
.jobclub
{
	width:300px;
	margin-right:25px;
	margin-bottom:25px;
	float:left;
	height:80px;
}
	.jobclub img{
	float:left;
	}
	.jobclub dl{
	width:180px;
	padding-top:0px;
	float:left;
	}
	.jobclub dt{
	color:#000000;
	padding-left:13px;
	font-size:100%;
	}
	.jobclub dd {
	padding-left:13px;
	line-height:160%;
	}
	.jobclub dd a{
	color:#000000; text-decoration:underline;
	}

/*職缺列表-詳細內容頁---------------------*/
#info_jobview{ 
	margin-right:100px;
	margin-left:60px;
	margin-bottom:10px;
	position:relative;
	top:10;
}
	#info_jobview h3{ 
		color:#000000;
		background:url(../images/icon_01.gif) no-repeat 0 5px;
		margin:0;
		padding-left:13px;
		font-size:130%;
		font-weight:bold;
	}
	#info_jobview h4{ 
		color:#ac6466;
		margin:0 0 20px;
		padding-left:13px;
		font-size:110%;
	}

.view01
{ 
	float:right; 
	width:25%; 
	text-align:right;
	padding-top:5px;
}
	
	.view01 p
	{ padding:0 7px; margin:0; line-height:100%;	}
.view02
{ 
	float:left;
	width:60%; 
	margin:0 13px; 
	/*border-right:#e7dada 1px solid;*/ 
 }
	.view02 th
	{ 
	text-align:left;
	color:#000000;
	width:70px;
	font-weight:normal;
	vertical-align:text-top;
	padding:2px 0;
	font-size:12px;
	 }
	.view02 td
	{
	line-height:150%;
	padding:2px 0;
	font-size:12px;	
	 }

 .view02 h5{ 
	 color:#000000;
	 margin:0 0 10px;
	 font-size:130%;
	 font-weight:bold;
}
.view02 th{ 
	text-align:left;
	color:#000000;
	/*width:70px;*/  /*刪除*/
	white-space: nowrap;
	font-weight:normal;
	vertical-align:text-top;
	padding: 3px 10px 3px 0;  /*數字修改*/
}
.view02 td{
	line-height:150%;
	padding:3px;  /*數字修改*/
}


/*福利津貼---------------------*/
#job_benefits{ 
	margin-right:65px;
	margin-left:67px;
	margin-top:20px;
	margin-bottom:30px;
	height:250px;
}
#job_benefits img{ 
	padding:10px;
	border:1px solid #c2c2c2;
}
	#job_benefits ul{ 
		margin-left:20px;
	}
	#job_benefits ul li img{ 
		margin:0 5px;
		vertical-align:middle;
	}


/*生活與工作---------------------*/

#job_life{ 
	margin-right:65px;
	margin-left:37px;
	margin-top:20px;
	margin-bottom:0px;
}
/*	#job_life dl{
		background:url(../images/job_life_album_bg.gif) no-repeat;
		display:block;
		width:200px;
		height:200px;
		float:left;
		margin-right:9px;
	}
	#job_life dl dt{
	padding:15px 13px 7px;
	}
	#job_life dl dd{
	padding:0 14px;
	color:#c79f9a;
	font-size:90%;
	line-height:150%;
	}
	#job_life dl dd a{
	color:#a02929;
	font-size:110%;
	}

生活與工作_內頁--------------------
#job_lifeview{ 
	margin-right:65px;
	margin-left:57px;
	margin-top:20px;
	margin-bottom:20px;
}
#job_lifeview p{ 
	margin:0; padding:0; line-height:100%;
}
.mainphoto
{
position:relative;
}
	.mainphoto img
	{
	border:#e6d2ca 1px solid; 
	padding:2px;
	}
	.mainphoto h5
	{
	position:absolute;
	z-index:3;
	left:3px;
	bottom:3px;
	height:35px;
	width:590px;
	padding:5px 10px;
	margin:0;
	font-size:100%;
	background-color:#000000;	
	filter: alpha(opacity=60,finishopacity=60,style=1);
	-moz-opacity:0.6;
	opacity: 0.6;

	}
	.mainphoto h5 span
	{
	color:#ffffff;
	}
.listphoto
{
margin-top:10px;
}
	.listphoto ul li
	{
	float:left;
	padding-right:3px;
	margin-bottom:3px;
	}
	.listphoto ul li a
	{
	border:#ffffff 1px solid;
	padding:0;
	}
	.listphoto ul li a:hover
	{
	border:#af1119 1px solid;
	padding:0;
	}
*/

/*線上履歷---------------------*/
#job_resume{ 
	margin-right:55px;
	margin-left:50px;
	margin-top:35px;
	margin-bottom:10px;
}

.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0;
}

.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 3px;
    min-width: 84px; /* be nice to Opera */
}
.ui-tabs-nav li a, .ui-tabs-nav li a span {
    display: block;
    padding: 0 10px;
    background: url(../images/tab.png) no-repeat;
}
.ui-tabs-nav li a {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    color: #aaaaaa;
    line-height: 26px
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav li.ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    color: #af1119;
}
.ui-tabs-nav li.ui-tabs-selected a span {
    padding-bottom: 1px;
}
.ui-tabs-nav li a span {
    width: 75px; /* IE 6 treats width as min-width */
    min-width: 75px;
    height: 26px; /* IE 6 treats height as min-height */
    min-height: 26px;
    padding-right: 0;
}
.ui-tabs-nav li.ui-tabs-selected a, .ui-tabs-nav li a:focus, .ui-tabs-nav li a:active {
    background-position: 100% -150px;
}
.ui-tabs-nav li a  {
    background-position: 100% -100px;
}
.ui-tabs-nav li.ui-tabs-selected a span, .ui-tabs-nav li a:focus span, .ui-tabs-nav li a:active span {
    background-position: 0 -50px;
}
.ui-tabs-nav li a span  {
    background-position: 0 0;
}
.ui-tabs-nav li.ui-tabs-selected a:link, .ui-tabs-nav li.ui-tabs-selected a:visited, { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}


.ui-tabs-panel {
	clear:both;
	border-top: 1px solid #aea6a6;
	padding:10px 15px;
	background: #fff;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}


#job_resume input, #job_resume select, #job_resume textarea, #job_resume .keyin
{
           color:#333333; 
           border:none;/*#e7e7e7 1px solid*/
           padding:3px 5px;
           margin-bottom:5px ;
           background:url(../images/formInput_bg.jpg) repeat-x #f0eeee;
           
}

	#job_resume label input
	{
		border:none;
		margin-right:2px;
		vertical-align:middle;
	}
#job_resume table
{
	margin-bottom:30px;
}
	#job_resume th, #job_resume td
	{
		padding:3px 3px;
		font-size:100%;
	}
	#job_resume th, #job_resume th.required
	{
		font-weight:normal; 
		color:#000000; 
		text-align:left; 
		width:90px;
		padding-top:3px;
		padding-left:13px;
	}
	#job_resume th
	{
		border-left:#bfbfbf 3px solid;
	}
	#job_resume th.required
	{
		border-left:#555555 3px solid;
	}
	

/*登錄+加入---------------------*/
#info_login, #info_join, #member_resend, #member_reset_pw, .dialog
{
padding:25px 20px 25px 30px;
}
#info_login p, #info_join p, #member_resend p ,#member_reset_pw p, .dialog p
{ 
margin:6px 0;
}
#info_login form, #info_join form, #member_resend form ,#member_reset_pw form, .dialog form
{ 
padding:6px 0 10px 20px;
float:left;
}
	#info_login form a, #info_join form a, #member_resend form a, #member_reset_pw form a, .dialog form a
	{
	color:#af1119;
	}

	#info_login input, #info_login select, #info_login textarea, #info_join input, #info_join textarea, #member_resend input, #member_resend textarea, #member_reset_pw input, #member_reset_pw textarea, .dialog input, .dialog textarea
	{
           color:#333333; 
           border: #e7e7e7 1px solid;
           padding:3px 5px;
           margin-bottom:5px ;
           background: #ffffff;/* margin-bottom:5px ;*/

	}
#info_login th, #info_login td, #info_join td, #info_join th, #member_resend td, #member_resend th, #member_reset_pw th, .dialog th, .dialog td
{
	padding:0 3px;
	font-size:12px;	
}
#info_join th, #member_reset_pw th
{
	font-weight:normal; 
	color:#000000; 
	text-align:left; 
	width:85px;
	padding-top:3px;
}

#info_login th, #member_resend th, #member_reset_pw th, .dialog th
{
	font-weight:normal; 
	color:#000000; 
	text-align:left; 
	width:65px;
	padding-top:3px;
}
div.log_in
{ 
float:left;
border-right:#d1babb 1px solid;
padding-right:30px;
margin-right:15px;
}
div.log_in a
{
text-decoration:underline;
padding-left:2px;
color:#000000;
}


/*完成---------------------*/
#job_ok{ 
	margin-right:70px;
	margin-left:60px;
	margin-top:65px;
	margin-bottom:30px;
}
	#job_ok h3{ 
	padding:20px 0 0; 
	font-size:150%;
	line-height:110%; 
	color:#222222;
	}
	#job_ok img{ 
	margin-right:20px; 
	}
	#job_ok .h3img{ 
		position:absolute; 
		z-index:10;
		top:70px; 
		right:120px;
	}
	
	
	
/*隱私權說明---------------------*/
#info_privacy
{
	margin-right:65px;
	margin-left:65px;
	margin-top:25px;
	margin-bottom:20px;
}
#info_privacy h3{ 
	padding:0;
	margin:0 0 15px; 
	font-size:120%;
	line-height:180%;
	color:#222222;
	}

	#info_privacy .h3img{ 
		position:absolute; 
		z-index:10;
		top:65px; 
		right:50px;
	}
	#info_privacy .h3img_left{ 
		position:absolute; 
		z-index:10;
		top:65px; 
		left:40px;
	}
.privacy_club{
	width:550px;
	height:190px;
	overflow:auto;
	padding:15px;
	margin-bottom:25px;
	border-top:#ececec 1px solid;
	border-bottom:#ececec 1px solid;
	}
	.privacy_club h4{ 
		font-size:100%;
		line-height:180%;
		color:#a63538;
		}