@charset "utf-8";

@import url("public.css");

#sidebar {
	float: left;
	width: 225px;
}
#content {
	float: right;
	width:717px;
}

/** AD Banner 共用設定
* ------------------------------------------------- **/
.banner-box {
	margin-bottom: 8px;	
}
.banner-box img {
	display: block;
}
/** 圖片共用
* ------------------------------------------------- **/
#fixbanner,
#findJob, #findTalent,
#sidebar .more,
#webBoard, #service, #webBoard h3, #service h3,
#webBoard h3 span, #webBoard li, 
#tool-service h3, #tool-service li,
#login-note, #cookie-note, #cookie-note p,
#loginarea a.freesignup,
#searchingBar, input.LikeSelectBtn, .search-option, input.nowSearch,
p.sayit span,
#witness-box .witcount li, #WitnessList li,
#WitnessList li .f-talent a, #WitnessList li .f-job a,
#feaCompany,
#subitem .thisPage a, 
#subNav .more, #subNav .more-arrow a, #c_show,
#hotJobList li, #hotJobList p {
	background: url(../../img/index/index/index_combine_0902.png) no-repeat;
}

/** sidebar fix Banner
* ------------------------------------------------- **/
#fixbanner {
	width: 224px;
	height: 228px;
	background-position: 0 -310px;
	text-indent: -9999px;
}

/** 找工作, 找人才
* ------------------------------------------------- **/
#findJob, #findTalent {
	clear: both;
	height: 39px;
	margin-bottom: 8px;
	padding: 3px 0 0 3px;
	position: relative;
}
#findJob {    background-position: -231px -311px; }
#findTalent { background-position: -231px -361px; }

#findJob h3, 
#findTalent h3 {
	width: 94px;
	height: 36px;
	position: absolute;
	top: 3px;
	left: 3px;
}
#findJob h3 a, 
#findTalent h3 a {
	display: block;
	width: 94px;
	height: 36px;
	text-indent: -9999px;
}
.findbox ul {
	padding-left: 102px;
}
#findJob li, 
#findTalent li {
	float: left;
	width: 57px;
	line-height: 1.5em;
}
#findJob li a, 
#findTalent li a {
	text-decoration: none;
}

/** Sidebar 清單列表區塊共用格式
* ------------------------------------------------- **/
#sidebar .more {
	padding-left: 10px;
	background-position: -700px -628px;
	position: absolute;
	top: 8px;
	right: 8px;
}
#webBoard,
#service {
	padding-bottom: 5px;
	background-position: 0 bottom;
	position: relative;
}
#webBoard h3,
#service h3  {
	line-height: 20px;
	height: 25px;
	font-size: 15px;
	font-weight: bold;	
	color: #666;
	background-position: -230px -580px;
}
#service h3 {
	background-position: -230px -650px;
}
#webBoard ul,
#service ul {
	width: 205px;
}
#webBoard li,
#service li {
	width: 193px;
}

/** 網站公告
* ------------------------------------------------- **/
#webBoard {
	margin-bottom: 8px;
	height: 145px;
}
#webBoard h3 {
	padding-top: 10px;
	text-indent: 10px;
	color: #FE9901;
}
#webBoard h3 span {
	display: block;
	height: 25px;
	margin: 0 3px;
	background-position: -230px bottom;
}
#webBoard ul {
	padding: 8px 10px 3px;
}
#webBoard li {
	background-position: -697px -655px;
	padding-left: 12px;
	line-height: 1.6em;
}
#webBoard li a {
	text-decoration: none;
}
#webBoard li a:link{
	text-decoration: none;
}
#webBoard li a:visited{
	text-decoration: none;
}
#webBoard li a:hover{
	text-decoration: underline;
}

/** 工具/服務框格
* ------------------------------------------------- **/
#tool-service {
	width: 223px;
	border: 1px solid #D6D6D6; 
	position: relative;
}
#tool-service h3 {
	width: 225px;
	height: 27px;
	line-height: 26px;
	margin: -1px -1px 0;
	background-position: 0 -540px;
	color: #666;
	font-size: 13px;
	font-weight: bold;
	text-indent: 12px;
	position: relative;
	top: 0;
	left: 0;
}
#tool-service ul {
	width: 200px;	
	padding: 11px 5px 1px 11px;
}
#tool-service li {
	width: 175px;	
	height: 28px;
	line-height: 1.2em;
	padding-left: 20px;
	font-size: 13px;
	line-height: 20px\9;
}
#tool-service li a {
	color: #0041D9;
	text-decoration: none;
}
#tool-service li a:hover { 
	color: #F00;
}
#tool-service li.tabledownload { background-position: -699px -390px; }
#tool-service li.weblist {       background-position: -700px -430px; }
#tool-service li.lawlist {       background-position: -699px -470px; }

/** 新聞剪輯及客服資訊 分隔線
* ------------------------------------------------- **/
.spaceline { 
	height: 1px;
	line-height: 1px;
	margin: 6px 0;
	border-bottom: 1px dotted #D5D5D5;
	font-size: 0;
}


/** 客服資訊
* ------------------------------------------------- **/
#service h3 {
	height: 25px;
	padding-top: 10px;
	text-indent: 15px;
}
#service ul {
	padding: 5px 9px 0;
	border-left: 1px solid #d7d7d7;
	border-right: 1px solid #d7d7d7;	
}
#service li {
	line-height: 1.7em;
	padding-bottom: 2px;
	padding-left: 4px;
	width: 198px;
}

/** 帳號密碼輸入區塊
* ------------------------------------------------- **/
#loginarea {
	margin-bottom: 2px;
	text-align: right;
	position: relative;
}
#login-note {
	width: 245px;
	height: 59px;
	text-align: left;
	letter-spacing: 1px;
	line-height: 1.7em;
	padding: 5px 0 0 10px;
	color: #0a0a0a;
	background-position: -420px -410px;
	position: absolute;
	top: -55px;
	left: 71px;
	_left: 52px;
}
#login-note span.compid {
	color: #5A9737;
}
#login-note span.memid {
	color: #F65ED0;
}
#cookie-note {
	width: 264px;
	height: 50px;
	text-align: left;
	padding: 5px 2px 0 0;
	color: #0a0a0a;
	background-position: -400px -480px;
	position: absolute;
	top: -46px;
	right: 61px;
}
#cookie-note p {
	padding-left: 22px;
	background-position: -695px -545px;
	line-height: 18px;
	background-position: -695px -547px\9;
}
#loginarea form {
	display: inline;
}
#loginarea input.logstyle {
	width: 86px;
	height: 17px;
	margin: 0;
	padding: 1px 0 0 2px;
	border: 1px solid;
	border-color: #333 #bbb #bbb #333;
}
#loginarea input.logbtn {
	margin: 0 7px 0 0;
	vertical-align: middle;
}
#loginarea label {
	padding-right: 8px;
	font-size: 13px;
	line-height: 30px;
}
#loginarea label input {
	vertical-align: middle;
}
#loginarea label.autologin {
	padding-right: 4px;
	padding-left: 0;
	font-size: 12px;
	border-right: 1px dotted #999;
}
#loginarea label.autologin input {
	vertical-align: middle;
	margin-right: 2px;
	*margin-right: 0;
}
#loginarea a.forgetpw {
	font-size: 12px;
	margin: 0 20px 0 4px;
	color: #005CB6;
	text-decoration: none;
}
#loginarea a.forgetpw:hover {
	color: #F06;
	text-decoration: underline;
}
#loginarea a.freesignup {
	display: inline-block;
	width: 175px;
	height: 38px;
	background-position: -230px -410px;
	vertical-align: middle;
}
#loginarea a.freesignup span {
	display: none;
}

/** slogan
* ------------------------------------------------- **/
#sloganroll {
	width: 717px;
	height: 32px;
}
#sloganroll .slogan {
	float: left;
	width: 300px;
}
#sloganroll .rollline {
	float: right;
	width: 410px;
	text-align: right;
}

/** 搜尋區塊
* ------------------------------------------------- **/
#searchingBar {
	width: 723px;
	height: 81px;
	margin: 5px -6px 6px 0;
	background-position: 0 0;
	position: relative;
	z-index: 5;
	_margin-bottom: 0;
}
#searchTop {
	padding: 12px 0 8px 10px;
	position: relative;
}
#area-pop, #work-pop, .search-option  {
	float: left;
	position: relative;
	margin-right: 8px;
	*margin-right: 4px;
}
input.LikeSelectBtn {
	width: 103px;
	height: 17px;
	line-height: 17px;
	padding: 4px 20px 2px 4px;
	text-align: left;
	border: 0 none;
	color: #313131;
	background-position: -230px -455px;
	cursor: pointer;
}
input.LikeSelectBtn:hover {
	background-position: -230px -479px;
}
.search-option {
	width: 266px;
	height: 24px;
	line-height: 20px;
	background-position: -230px -540px;
	*background-position: -230px -539px;
}
.search-option label {
	color: #3D3D3D;
	position: relative;
	right: 0;
	top: -1px;
}
input.textkey {
	background-color: transparent;
	color: #3D3D3D;
	width: 173px;
	height: 18px;
	line-height: 16px;
	margin: 0;
	padding: 3px 0 0 3px;
	border: 0 none;
}
input.radiostyle {
	vertical-align: middle;
	_vertical-align: bottom;
	margin: 0;
	margin-right: 1px;
	*width: 13px;
}
input.nowSearch {
	border: 0 none;
	width: 75px;
	height: 24px;
	background-position: -230px -510px;
	cursor: pointer;
}
a.searchlink {
	margin-left: 20px;
}
/* 大聲公 放送列 */
p.sayit {
	width: 690px;
	padding: 6px 0 0 15px;
	line-height: 20px;
}
p.sayit span {
	display: inline-block;
	padding: 0 5px 0 22px;
	color: #333;
	background-position: -700px -686px;
	background-position: -700px -688px\9;
	letter-spacing: 1px;
}
p.sayit a {
	color: #316AC4; 
}
p.sayit a:hover{ color: #F06; }

/** 搜尋的滾動列表
* ------------------------------------------------- **/
#ScrollList {
	overflow: hidden;	
	width: 400px;
	height: 17px;
	line-height: 17px;
	font-size: 12px;
	position: relative;
	left: 105px;
	top: -18px;
	top: -19px\9;
	*top: -20px;
}
#ScrollList li {
	list-style-type:none;
	list-style:none;
	height:17px;
	line-height:17px;
}
#ScrollList li a{
	color:#316AC4;
}
#ArticleBox {
	width: 430px;
	display: none;
	position: absolute;
	border:2px solid #FF9900;
	background-color:#FFF;
	z-index:99;
}
#ArticleBox li {
	list-style-type:none;
	font-size:12px;
	padding-left:10px;
	border-bottom: 1px dashed #D3D3D3;	
	line-height: 22px;
}
#ArticleBox li.More h3 {
	font-size: 13px;
	font-weight:bold;
	display:inline;
}
#ArticleBox li.More{
	font-size: 12px;
	border-bottom:none;
	text-align:left;
	padding-left: 4px;
}


/** 見證的滾動列表
* ------------------------------------------------- **/
#witness-box {
	width: 717px;
	height: 116px;
	margin-bottom: 8px;
	overflow: hidden;
}
/* 右區塊筆數列表 */
#witness-box .witcount {
	float: right;
	width: 218px;
	height: 114px;
	border: 1px solid #A6BA45;
	position: relative;
}
/* 左區塊見證列表 */
#witness-box .witlist {
	float: left;
	width: 487px;
	height: 114px;
	border: 1px solid #A6BA45;
	position: relative;
}
/* 共用標題列 */
#witness-box h3 {
	height: 24px;
	line-height: 24px;
	background-color: #E8F8B0;
	font-size: 13px;
	font-weight: bold;
	text-indent: 8px;
}
#witness-box a.inlink {
	line-height: 22px;
	position: absolute;
	right: 8px;
	top: 0;
}
/* 右區塊筆數列表 清單 */
#witness-box .witcount ul {
	width: 215px;
	padding-top: 3px;
}
#witness-box .witcount li {
	clear: both;
	width: 185px;
	line-height: 21px;
	padding-left: 20px;
	font-size: 13px;
	background-position: -738px -90px;
	position: relative;
}
#witness-box .witcount li span {
	line-height: 22px;
	font-weight: bold;
	color: #F00;
	position: absolute;
	right: 0;
}
/* 左區塊見證列表 清單 */
#WitnessList {
	width:480px;
	height:85px;
	padding-top: 3px;
	font-size:13px;
	position: relative;
	overflow:hidden;
}
#WitnessList li { 
	clear: both;
	height: 20px;
	line-height: 20px;
	padding-left: 16px;
	background-position: -693px -653px;
	position: relative;
	overflow: hidden;
}
#WitnessList li .f-talent, 
#WitnessList li .f-job { 
	width: 29px;
	height: 16px;
	line-height: 16px;
	padding: 2px 3px 0 3px;
	position: absolute;
	left: 13px;
	line-height: 18px\9;
}
#WitnessList li .f-talent a, 
#WitnessList li .f-job a { 
	display: block;
	width: 29px;
	height: 16px;
	font-size: 12px;
	text-align: center;
	text-decoration: none;
}
#WitnessList li .f-talent a { 
	background-position: -700px -350px;
	color: #E88C04;
}
#WitnessList li .f-job a {
	background-position: -700px -310px;
	color: #5A8B03;
}
#WitnessList li p { 
	float: left;
	width: 335px;
	padding-left: 32px;
}
#WitnessList li p em {  
	color: #545454;
}
#WitnessList li .spendtime { 
	width: 95px;
	color: #F00;
	font-size: 12px;
	position: absolute;
	left: 390px;
}

/** 找工作分頁
* ------------------------------------------------- **/
#subNav {
	position: relative;
	margin-bottom: 8px;
}
/*  分頁標籤列  */
#subitem {
	width: 715px;
	height: 29px;
	border: 1px solid #D5D5D5;
	border-bottom: 2px solid #FF3401;
}
#subitem li {
	width: 116px;
	height: 30px;
	float: left;
	margin: -1px 0 0 -1px;
	position: relative;
	z-index: 5;
}
#subitem a {
	display: block;
	width: 115px;
	height: 23px;
	line-height: 1.2em;
	line-height: 20px\9;
	padding-top: 7px;
	border-right: 1px solid #D5D5D5;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}
#subitem a:hover {
	text-decoration: none;
	color: #F30;
}
#subitem .thisPage a {
	background-position: -470px -310px;
	font-size: 16px;
	border-right: none;
	text-decoration: none;
	color: #FFF;
}
/*  分頁標籤列 右側 更多  */
#subNav .more {
	padding-left: 10px;
	background-position: -700px -625px;
	background-position: -700px -628px\9;
	position: absolute;
	top: 8px;
	right: 8px;
}
#subNav .more a {
	font-size: 13px;
	font-weight: bold;
}
/*  更多 orange_down_arrow  */
#subNav .more-arrow a {
	display: block;
	width: 9px;
	height: 13px;
	background-position: -700px -600px;
	position: absolute;
	top: 95px;
	right: 10px;
}
#subNav .more-arrow span {
	display: block;
	text-indent: -9999px;
}
/*  搜尋多選  */
#c_show {
	line-height: 27px;
	padding: 6px 0px 3px 35px;
	border: 1px solid #EBECE4;
	border-bottom-color: 1px solid #dcdcdc;
	border-top: 0 none;
	background-position: -690px -500px;
	font-size:	12px;
}
#c_show span {
	color: #F89F00;
	font-size: 15px;
	font-weight: bold;
}
#c_show a {
	color:#0030FF;
	text-decoration:underline;
}
#c_show .prev-step{
	color:#F00;
}
/*  職缺數分頁內容  */
#subNav-content {
	padding-bottom: 3px;
	border: 1px solid #EBECE4;
	border-bottom-color: #DBDBDB;
	border-top: 0 none;
}
#areaList div,
#jobList div, 
#industryList div {
	clear: both;
	float: none;
	border-top: 1px dotted #CBCBCB;
	margin: 0 4px;
}
#industryList div {
	margin: 0 4px 0 10px;
}
#areaList h4,
#jobList h4 {
	float: left;
	padding: 0 13px 0 5px;
	font-size: 15px;
	font-weight: bold;
	line-height: 27px;
	height: 27px;
	color: #D99B2C;
}
#areaList ul,
#jobList ul {
	line-height: 25px;
	min-height: 25px;
	_height: 25px;
}
#industryList ul {
	line-height: 26px;
	min-height: 26px;
	_height: 26px;
}
#areaList li,
#jobList li,
#industryList li {
	float: left;
}
#areaList li { 	  width: 109px; }
#jobList li {	    width: 100px; }
#industryList li {	width: 116px; }
#areaList div.noborder,
#jobList div.noborder,
#industryList div.noborder {
	border-top: 0 none;
}
#industryList div.noborder {
	padding-top: 1px;
}

/** 推薦企業區塊
* ------------------------------------------------- **/
#feaCompany {
	width: 715px;
	height: 178px;
	margin-bottom: 8px;
	border: 1px solid #D5D5D5;
	background-position: 0 -90px;
	overflow: hidden;
	position: relative;
}
#feaCompany h3 {
	height: 25px;
	line-height: 17px;
	line-height: 22px\9;
	padding: 5px 0 0 7px;
	color: #666;
	font-size: 15px;
	font-weight: bold;
}
#feaCompany ul {
	width: 696px;
	height: 148px;
	padding: 1px 0 0 18px;
}
#feaCompany li {
	float: left;
	width: 122px;
	height: 62px;
	padding: 2px 17px 10px 0;
}
#feaCompany li  img:hover{
	border: 1px #F00 solid;
}
#feaCompany img {
	display: block;
	border: 1px #CCC solid;
}
#feaCompany a.wantad {
	color: #999;
	position: absolute;
	right: 12px;
	top: 10px;
}
#feaCompany a.wantad:hover {
	color: #f00;
}

/** 最新企業職缺
* ------------------------------------------------- **/
#hotJobList {
	border: 1px solid #ECECEC;
	border-top-color: #DBDBDB;
}
#hotJobList h3 {
	height: 27px;
	line-height: 27px;
	border-top: 1px solid #ECECEC;	
	border-bottom: 1px solid #ECECEC;	
	background-color: #F4F4F4;
	color: #F60;
	font-size: 15px;
	font-weight: bold;
	text-indent: 7px;
	letter-spacing: 1px;
}
#hotJobList ul {
	padding: 10px 0 0 10px;
}
#hotJobList li {
	float: left;
	width: 340px;
	height: 30px;
	line-height: 18px;
	padding-left: 10px;
	background-position: -700px -655px;
}
#hotJobList a {
	float: left;
	width: 152px;
	height: 19px;
	font-size: 13px;
	text-decoration: none;
	color: #333;
	overflow: hidden;
}
#hotJobList span a {
	float: none;
	width: auto;
	color: #0056C2;
	font-size: 12px;
}
#hotJobList a:hover {      color: #000;  }
#hotJobList span a:hover { color: #F00; }
#hotJobList a:hover,
#hotJobList span a:hover { text-decoration: underline; }
#hotJobList a:visited,
#hotJobList span a:visited { color: #551A8B; }

#hotJobList span {
	float: left;
	padding: 0 5px;
}
#hotJobList p {
	float: left;
	background-position: -750px 0;
}
#hotJobList .isNew {
	padding-right: 25px;
	background-position: right -148px;
}




/** 填履歷,送現金 活動中獎看板
* ------------------------------------------------- **/
#active-board,
#active-board li {
	background: url(../../img/active/bg_active_board.png) no-repeat;
}
#active-board {
	height: 180px;
	margin-bottom: 8px;
	position: relative;
	background-position: 0 0;
}
#active-board h3 {
	padding: 8px 0 0 7px;
	height: 20px;
	line-height: 16px;
	font-size: 13px;
	font-weight: bold;
	color: #664713;
}
#active-board ul {
	width: 202px;
	height: 146px;
	margin: 1px 5px;
	padding: 0 5px;
	background-color: #FFF;
	overflow: hidden;
}
#active-board li {
	width: 157px;
	height: 47px;
	line-height: 22px;
	padding: 1px 0 0 48px;
	font-family: Arial, Helvetica, sans-serif;
	border-top: 1px dotted #999;
	background-position: -8px -29px;
	*float: left;
}
#active-board li.noborder {
	border: 0 none;
}
#active-board p {
	display: block;
	float: left;
	width: 33px;
	height: 44px;
	margin: 1px;
	margin-right: 6px;
	background: url(../../img/active/photo/active_4_4_roll.png) no-repeat;
	text-indent: -9999px;
}
#active-board p.photo1  { background-position: 0 0; }
#active-board p.photo2  { background-position: 0 -44px; }
#active-board p.photo3  { background-position: 0 -88px; }
#active-board p.photo4  { background-position: 0 -132px; }
#active-board p.photo5  { background-position: 0 -176px; }
#active-board p.photo6  { background-position: 0 -220px; }
#active-board p.photo7  { background-position: 0 -264px; }
#active-board p.photo8  { background-position: 0 -308px; }
#active-board p.photo9  { background-position: 0 -352px; }
#active-board p.photo10 { background-position: 0 -396px; }

#active-board em {
	font-weight: bold;
	padding-right: 3px;
	color: #5B3511;
}
#active-board span {
	display: block;
	color: #999;
}
#active-board .more a {
	text-decoration: none;
}
a#alloverlink {
	display: block;
	height: 180px;
	width: 225px;
	text-decoration: none;
	position: absolute;
	top: 0;
	left: 0;
}
a#alloverlink:hover { /* 使用背景, 會使 IE 連結效果全部有效 */
	background-color: #FFF;
	filter: alpha(opacity=0);
	opacity: 0;	 	
}
/** Facebook 粉絲團
* ------------------------------------------------- **/
/*
#fb {
	background:none repeat scroll 0 0 white;
	border:1px solid #94A3C4;
	margin-bottom:8px;
	width:225px;
}
.connect_widget_facebook_logo_menubar {
	background-color:#3B5998;
	border-color:#244588 #244588 -moz-use-text-color;
	border-style:solid solid none;
	border-width:1px 1px medium;
	margin-bottom:-1px;
	position:relative;
}
.connect_widget_facebook_logo span {
	background:url("/img/index/facebook.gif") no-repeat scroll 0 0 transparent;
	display:block;
	height:17px;
	width:90px;
}
.connect_widget_facebook_logo {
	float:left;
	padding:3px 0 5px 6px;
}
*/