/*** 彈出視窗 Ver.2010-11 ***/

/***
設定 彈出選單視窗 class 時, 需設定

1. 視窗為第幾層選單 ( 主選單, 子選單, 次子選單 )

   主選單       popup-main
   子選單       popup-main-sub
   次子選單     popup-main-sub2


2. 視窗顏色版本 ( 求職會員+找工作[橘黃板], 企業會員+找人才[淺錄板] )

   求職會員+找工作[橘黃板]   main-job       (子選單) main-job-sub         (次子選單) main-job-sub2
   企業會員+找人才[淺錄板]   main-talent    (子選單) main-talent-sub      (次子選單) main-talent-sub2


3. 視窗選單內容 ( 用途 )

   地區 area-window      地區子選單 area-window-sub
   職務 work-window      職務子選單 work-window-sub

   科系 depart-window    科系子選單 depart-window-sub
   產業 trade-window     產業子選單 trade-window-sub
   語言 lang-window      
   福利 feature-window
   園區 park-window      園區子選單 park-window-sub

   電腦 com-window       電腦子選單 com-window-sub
   證照 cert-window      證照子選單 cert-window-sub      證照次子選單 cert-window-sub2
   技能 skill-window     技能子選單 skill-window-sub     技能次子選單 skill-window-sub2

   搜尋 search-window  當此視窗為企業會員+找人才版本時加上 srh-tal

4. 特殊作用視窗

   地區主視窗選項為單選             areaniall
   地區主視窗選項為多選但不可選主項 areani
   搜尋視窗為企業會員+找人才版本    srh-tal
   
***/

/* 共用圖片 ------------------------------ */
.popup-main h2,
.popup-main .close-window,
.popup-main .info-list .prenote,
.popup-main .info-list .prenote span,
.popup-main .info-list ul li a,
.popup-main input#gosearch,
.popup-main a#gosearch,
.popup-main .main-list li label,
.popup-main .main-list li span,
.popup-main .main-list .job-a-href li ,
.popup-main .main-list .talent-a-href li ,
.popup-main-sub a.x-win,
.popup-main-sub2 a.x-win,
.skill-window-sub li,
.cert-window-sub li {
	background-image: url("/img/index/common/pop_menu_201011.png");

}

/* 主選單 陰影 ------------------------------ */
.popup-main {
	margin: 3px 0 0 4px;
	background-color: #999;
	text-align: left;
	position: absolute;
	top: 0;
	left: 0;
}
/* 陰影寬度為 外框寬度 +1 ( padding: 2 - 陰影右方為3px,左方需空4px,故減1px ) */
.work-window     { width: 414px; }
.depart-window { width: 394px; }
.trade-window  { width: 404px; }
.lang-window    { width: 364px; }
.feature-window    { width: 414px; }
.park-window    { width: 264px; }
.com-window     { width: 334px; }
.cert-window    { width: 334px; }
.skill-window  { width: 334px; }
.search-window { width: 563px; }
.area-window     { width: 468px; }
.areaniall        { width: 468px; }
.driver-window             { width: 404px; }

/* 主選單 外框 ------------------------------ */
.popup-main-inner {
	margin: -3px 3px 3px -4px;
	padding: 1px;
	position: relative;
	top: 0;
	left: 0;
}
.main-job .popup-main-inner      { background-color: #FFE47B; }
.main-talent .popup-main-inner { background-color: 	#c3d4eb; }
/* 外框寬度為主選單 ul 寬度 + 22px -> ul padding-left:8px + 右邊 6px + 左邊 5px + 餘裕 1px */
.work-window .popup-main-inner     { width: 413px; } /* 393 + 20 */
.depart-window .popup-main-inner { width: 393px; } /* 373 + 20 */
.trade-window .popup-main-inner  { width: 403px; } /* 383 + 20 */
.lang-window  .popup-main-inner   { width: 363px; } /* 343 + 20 */
.feature-window .popup-main-inner  { width: 413px; } /* 393 + 20 */
.park-window .popup-main-inner    { width: 263px; } /* 243 + 20 */
.com-window .popup-main-inner      { width: 333px; } /* 313 + 20 */
.cert-window .popup-main-inner    { width: 333px; } /* 313 + 20 */
.skill-window .popup-main-inner  { width: 333px; } /* 313 + 20 */
.search-window .popup-main-inner { width: 562px; } 
.area-window .popup-main-inner     { width: 467px; }
.areaniall .popup-main-inner        { width: 467px; }

/* 主選單 標題 ------------------------------ */
.popup-main h2 {
	width: auto;
	height: 21px;
	background-repeat: repeat-x;
	cursor: move;
	font-size: 13px;
	font-weight: bold;
	line-height: 15px;
	padding-top: 6px;
	text-indent: 15px;
}
.main-job h2 {
	background-position: 0 0;
	color: #5C400A;
}

.main-talent h2 {
	background: #e2f1ff;
    color: #18528c;
}

/* 主選單 右上角關閉圖示 ------------------------------ */
.popup-main .close-window {
	width: 15px;
	height: 15px;
	display: block;
	line-height: 0;
	background-repeat: no-repeat;
	text-indent: -9999px;
	position: absolute;
	top: 7px;
	right: 7px;

}
.main-job .close-window      { background-position: 0px -60px; }
.main-talent .close-window { background-position: 0px -100px; }

/* 主選單 內容區塊 ------------------------------ */
.popup-main .popup-main-inner-box {
	margin: 0 2px 3px 3px;
	padding: 1px;
	border: 1px solid;
	background-color: #fff;
}
.main-job .popup-main-inner-box       { border-color: #ECCB94; }
.main-talent .popup-main-inner-box  { border-color: #c3d4eb; }

/* 主選單 清單及清單區塊 避免浮動失去高度hack ------------------------------ */
.info-list:after,
.main-list:after,
.info-list ul:after,
.main-list ul:after {
	content: ".";
	display:block;
	height:0;
	clear: both;
	visibility: hidden;
}
.info-list, 
.main-list,
.info-list ul,
.main-list ul { display: inline-block; }
/* Hides from IE-man \*/
* html .info-list,
* html .main-list,
* html .info-list ul,
* html .main-list ul { height: 1%; }
.info-list,
.main-list,
.info-list ul,
.main-list ul { display: block; }
/* End hide from IE-mac */

/* 主選單 上層已選擇清單區塊 ------------------------------ */
.popup-main .info-list,
.popup-main .info-list-simple {
	padding-bottom: 5px;
	position: relative;
}
.popup-main .info-list { 
	min-height: 100px; 
}
.main-job .info-list      { background-color: #FDF7DB; }
.main-talent .info-list { background-color: #e2f1ff; }
.area-window .info-list { min-height: 90px; height: 90px; }
.popup-main .info-list-simple { 
	min-height: 35px; 
	height: 35px; 
}
.search-window .info-list {
	height: auto;
	padding-bottom: 10px;
}

/* 主選單 上層已選擇清單區塊 文字描述 ------------------------------ */
.popup-main .info-list p {
	padding: 10px 0 10px 13px;
}
.main-job .info-list p      { color: #5C400A; }
.main-talent .info-list p { color: #18528c; }
.search-window .info-list p { padding: 13px 0 0 86px; }
.search-window .info-list-min { min-height:0;padding:0;}
.search-window .info-list-min  p{ padding:7px 0 0 14px;}

/* 主選單 上層已選擇清單區塊 確定按鈕 ------------------------------ */
.popup-main .okbtn {
	width: 68px;
	height: 22px;
	cursor: pointer;
	position: absolute;
	top: 9px;
	right: 9px;
}

/* 主選單 上層已選擇清單區塊 全部清除連結 ------------------------------ */
.popup-main .allclear {
	line-height: 15px;
	color: #04D;
	position: absolute;
	right: 5px;
	top: 52px;
}
.popup-main .info-list-simple .allclear {
	top: 12px;
}
.search-window .allclear {
	top: 87px;
	right: 80px;
}

/* 主選單 上層已選擇清單區塊 水平線 ------------------------------ */
.popup-main  .lines {
	margin: 3px 5px;
	height: 1px;
	line-height: 1px;
	border-bottom: 1px solid #FFF;
	font-size: 1px;
}
.main-job  .lines      { background-color: #ECCB94; }
.main-talent  .lines { background-color: #7F7F7F; }

/* 主選單 上層已選擇清單區塊 清單內預先說明文字 ------------------------------ */
.popup-main .info-list .prenote {
	padding: 0 0 0 22px;
	line-height: 20px;
	background-repeat: no-repeat;
	color: #232a35;
}
.main-job .info-list .prenote      { background-position: 0 -248px; }
.main-talent .info-list .prenote { background-position: 0 -248px; }
.popup-main .info-list .prenote span {
	padding: 0 3px;
	background-repeat: no-repeat;
	background-position: right -205px;
}
.area-window .info-list .prenote     { width: 260px; }
.work-window .info-list .prenote    { width: 260px; }
.depart-window .info-list .prenote { width: 250px; }
.trade-window .info-list .prenote  { width: 250px; }
.lang-window .info-list .prenote    { width: 250px; }
.feature-window .info-list .prenote  { width: 250px; }

/* 主選單 上層已選擇清單區塊 清單 ------------------------------ */
.popup-main .info-list ul {
	margin: 10px 0 0 13px;
}
.area-window .info-list ul    { width: 405px; }
.work-window .info-list ul    { width: 320px; }
.depart-window .info-list  ul { width: 345px; }
.trade-window .info-list ul   { width: 345px; }
.lang-window .info-list ul     { width: 330px; }
.feature-window .info-list ul   { width: 345px; }
.popup-main .info-list li {
	float: left;
	height: 21px;
}
.area-window .info-list li      { width: 78px;  }
.work-window .info-list li      { 
	max-width: 190px;
	margin-right: 10px;
}
.depart-window .info-list  li { width: 152px; }
.trade-window .info-list li   { width: 154px; }
.lang-window .info-list li     { width: 132px; }
.feature-window .info-list li   { width: 154px; }
.search-window .info-list ul {
	width: 385px;
	padding: 5px 0 0 68px;
	min-height: 40px;
}
.search-window .info-list li {
	width: 170px;
}

/* 主選單 上層已選擇清單區塊 清單內已選擇後說明文字 ------------------------------ */
.popup-main .info-list span.noteword,
.popup-main .info-list ul .noteword {
	color: #fa1e50;
}
.popup-main .info-list span.noteword {
	margin-left: 4px;
}
.popup-main  .info-list ul .noteword {
	max-width: 190px;
}

/* 主選單 上層已選擇清單區塊 清單單項刪除連結圖示 ------------------------------ */
.popup-main .info-list li a {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin: 0 0 0 3px;
	padding: 1px 0;
	background-repeat: no-repeat;
	background-position: 0 -100px;
	vertical-align: middle;	
}
.popup-main .info-list li a span{
	display: none;
}

/* 以職務搜尋 小幫手視窗連結 ------------------------------ */
/* 以連結方式 */
.popup-main a#gosearch {
	padding-left: 19px;
	background-repeat: no-repeat;
	position: absolute;
	right: 120px;
	top: 12px;
}
.main-job a#gosearch      { background-position: 0 -160px; }

.main-talent a#gosearch { background-position: 0 -180px; }
/* 以表單按鈕方式 */
.popup-main input#gosearch {
	display: inline;
	padding-left: 19px;
	border: 0 none;
	background-color: transparent;
	background-repeat: no-repeat;
	color: #04D;
	text-decoration: underline;
	text-align: left;
	cursor: pointer;
	position: absolute;
	right: 120px;
	top: 12px;
}
.popup-main input#gosearch:hover {
	color: #fa1e50;
}
.main-job input#gosearch      { background-position: 1px -158px; }
.main-talent input#gosearch { background-position: 1px -178px; }

/* 主選單 主要列表清單區塊 ------------------------------ */
.popup-main .main-list {
	clear: both;
	padding-bottom: 5px;
}
.main-job .main-list      { border-color: #ECCB94; }
.main-talent .main-list { border-color: #e2feff; }
.search-window .main-list { background-color: #FDF7DB; }
.srh-tal .main-list           { background-color: #e2feff; }



/* 主選單 主要列表清單區塊 清單 (地區部份另外設定) ------------------------------ */
.popup-main .main-list ul {
	padding: 10px 0 10px 8px;
}
/* ul 寬度為 清單 li 總寬度 + 3 (li 在 ul 的餘裕彈性空間[避免 ie 6 bug]) */ 
.work-window .main-list ul     { width: 393px; }
.depart-window .main-list ul { width: 373px; }
.trade-window .main-list ul  { width: 383px; }
.lang-window .main-list ul    { width: 343px; }
.feature-window .main-list ul    { width: 463px; }
.park-window .main-list ul    { width: 243px; }
.com-window .main-list ul      { width: 313px; }
.cert-window .main-list ul    { width: 313px; }
.skill-window .main-list ul  { width: 313px; }

.popup-main .main-list li {
	float: left;
	height: 19px;
	line-height: 19px;
	margin: 1px 5px 1px 0;
	padding: 1px 0;
}
/*  每個 li 實際所需px 為寬度+5px -> margin-right:5px */
.work-window .main-list li                  { width: 190px; }  /* 2col = (190+5) x 2 = 390px */
.depart-window .main-list li              { width: 80px; }   /* 3col = (80+5)+(155+5)+(120+5) = 370px */ 
.depart-window .main-list li.li-ctr  { width: 155px; }  
.depart-window .main-list li.li-left { width: 120px; }  
.trade-window .main-list li                 { width: 89px; }   /* 3col = (89+5) x 3 + 49x2 = 380px */
.trade-window .main-list li.li-ctr    { margin: 0 49px; }
.lang-window .main-list li                   { width: 75px; }   /* 3col = (75+5) x 3 + 50x2 = 340px */ 
.lang-window .main-list li.li-ctr      { margin: 0 50px; } 
.feature-window .main-list li                 { width: 125px; }   /* 3col = (125+5) x 3 + 50x2 = 460px */ 
.feature-window .main-list li.li-ctr    { margin: 0 0px; }
.park-window .main-list li                  { width: 115px; }  /* 2col = (115+5) x 2 = 240px */
.com-window .main-list li                    { width: 150px; }  /* 2col = (150+5) x 2 = 310px */
.cert-window .main-list li                  { width: 150px; }  /* 2col = (150+5) x 2 = 310px */
.skill-window .main-list li                { width: 150px; }  /* 2col = (150+5) x 2 = 310px */
.driver-window .main-list li.li-ctr      { width: 80px; margin-right:15px;} 
.driver-window .main-list li.li-left      { width: 80px; }  
.driver-window .main-list li.li-right     { width: 80px; margin-right:70px; }  
.driver-window .main-list li                   { width: 75px; }   /* 3col = (75+5) x 3 + 50x2 = 340px */ 
/* 主選單 主要列表清單區塊 清單內物件 ------------------------------ */
.popup-main .main-list li label,
.popup-main .main-list li span {
	display: block;
	width: 100%;
	background-repeat: no-repeat;
	background-position: right -204px;
}
.popup-main .main-list li label span,
.popup-main .main-list li span span {
	background-position: -20px 0; /* 實際作用為不吃到任何背景圖 */
}
.popup-main .main-list li a  {
	text-decoration: none;
}
.popup-main .main-list li .ishover {
	background-position: right -224px;
}
.popup-main .main-list li input {
	margin-right: 2px;
	vertical-align: middle;
}
.main-job .main-list li .ishover              { background-color: #FDF7DB; }
.main-job .main-list li .issubselect       { background-color: #FDF7DB; }
.main-job .main-list li.issubselect       { background-color: #FDF7DB; }
.main-job .main-list li .isselect            { background-color: #FAEBA3; }
.main-talent .main-list li .ishover         { background-color: #e2f1ff; }
.main-talent .main-list li .issubselect  { background-color: #e2f1ff; }
.main-talent .main-list li.issubselect  { background-color: #e2f1ff; }
.main-talent .main-list li .isselect       { background-color: #e2f1ff; }

/* 語言主選單 沒有子視窗 不需彈跳子選單指標 */
.lang-window .main-list li label { background-image: none; }

/* 福利主選單 沒有子視窗 不需彈跳子選單指標 */
.feature-window .main-list li label,
.feature-window .main-list li span { background-image: none; }

/* 駕照&具備交通工具主選單 沒有子視窗 不需彈跳子選單指標 */
.driver-window .main-list li label { background-image: none; }

/* 地區搜尋主選單 主要列表清單區塊 物件 ------------------------------ */
.area-window .main-list h3 {
	clear: both;
	padding: 11px 0 12px 11px;
}
.area-window .main-list ul {
	width: 440px;
	padding: 0 0 5px 13px;
}
.area-window .main-list li {
	float: none;
	width: 438px;
	height: 22px;
	margin: 0 3px 0 0;
}
.area-window .main-list li p {
	float: left;
	width: 35px;
	height: 18px;
	line-height: 14px;
	padding-top: 3px;
	color: #D6982F;
}
.area-window .main-list ul ul {
	float: left;
	width: 400px;
	padding: 0;
}
.area-window .main-list li li {
	float: left;
	width: 64px;
	height: 20px;
	line-height: 18px;
	margin: 0 2px 0 0;
	color: #232a35;
	cursor: default;
}

.area-window .main-list li label,
.area-window .main-list li span {
	background-position: right -333px;
}
.area-window .main-list li .ishover {
	background-position: right -354px;
}
.area-window .main-list .nopup label,
.area-window .main-list .nopup label.ishover {
	background-image: none;
}
.area-window .main-list li a,
.work-window .main-list li a{ 
	color: #232a35; 
}
.work-window .main-list .job-a-href li { 
	background-repeat:no-repeat;
	background-position: right -205px;
}
.work-window .main-list .job-a-href li.ishover { 
	background-position: right -225px;
	background-color:#FCE1B3;
}
.work-window .main-list .job-a-href li a {
	display:block;
	width:100%;
}
.work-window .main-list .talent-a-href li { 
	background-repeat:no-repeat;
	background-position: right -205px;
}
.work-window .main-list .talent-a-href li.ishover { 
	background-position: right -225px;
	background-color:#e2f1ff;
}
.area-window .main-list li a:hover{ 
	color: #04D; 
}
.work-window .main-list li a:hover {
	color: #FD4902;
}

/* 職務搜尋視窗 設定 ------------------------------ */
/* 職務搜尋視窗 上層搜尋關鍵字輸入框 */
.search-window input.textstyle {
	width: 274px; 
	height: 16px;
	line-height: 18px;
	padding: 2px 0 0 2px;
	margin: 0 3px 0 5px;
	border: 1px solid #809DB9;
	text-align: left;
}
/* 職務搜尋視窗 上層搜尋確定按鈕 */
.search-window input.btn-srhwork {
	width: 75px;
	height: 22px;
	border: 0 none;
	background: url("/img/index/input/bg_btn_srhwork_index.png") no-repeat 0 0;
	letter-spacing: 2px;
	cursor: pointer;
}
/* 職務搜尋視窗 上層搜尋說明  */
.search-window p.srhhelp {
	color: #864718;
	padding-bottom: 3px;
}
/* 職務搜尋視窗 搜尋結果區塊框 */
.popup-main .main-list dl {
	width: 518px;
	height: 257px;
	margin: 0 auto;
	padding-left: .5em;
	border: 1px solid #ECCB94;
	background-color: #FFF;
	overflow: auto;
}
.main-job .main-list dl      { border: 1px solid #ECCB94; }
.main-talent .main-list dl { border: 1px solid #18528c; }
/* 職務搜尋視窗 搜尋結果區塊 項目標題  */
.search-window .main-list dt  {
	padding: 5px 0;
	margin: 0;
	line-height: 1.5em;
	height: 1.5em;
	font-weight: bold;
}
.search-window .main-list dt input {
	vertical-align: middle;
	width: 2em;
}
/* 職務搜尋視窗 搜尋結果區塊 項目說明 */
.search-window .main-list dd {
	width: 36em;
	margin: 2px 0 6px 2.5em;
	padding: 0 0 6px 3em;
	line-height: 1.8em;
	text-indent: -3em;
	color: #515456;
	border-bottom: 1px dotted #CCC;
}
.search-window .main-list dd span {
	display: block;
}
/* 職務搜尋視窗 搜尋結果區塊 項目說明-類別行 */
.search-window .main-list dd span.cat-title {
	color: #907031;
}
/* 職務搜尋視窗 搜尋結果區塊 項目說明-關鍵字 */
.search-window .main-list dl em {
	color: #F01782;
}
.search-window .main-list dt em {
	font-weight: bold;
}
/* 職務搜尋視窗 搜尋結果區塊 按鈕列 */
.search-window .main-list .btnline {
	height: 44px;
	padding: 0;
	text-align: center;
}
.search-window .main-list .btnline input {
	margin: 10px auto;
	min-width: 128px;
	height: 22px;
	cursor: pointer;
}
.search-window .main-list .btn_return {
	display:block;
	position:relative;
	top:-27px;
	left:445px;
	width:95px;
}
.search-window .comp-list ul{
	padding-top:0px;
}
.search-window .comp-list li{
	float:left;
	width:465px;
	display:block;
	height:2.5em;
	line-height:30px;
	padding-left:15px;
	border-bottom:1px dotted #CCCCCC;
	color:#593618;
}
.search-window .comp-list a{
	width:330px;
	display:inline-block;
}
.search-window .comp-list .dt-1{
	width:315px;
	display:inline-block;
	padding-left:35px;
	color:#343434;
}
.search-window .comp-list .dt-2{
	color:#343434;
}

/* 捷運 */
.mrt-window {
	width: 550px;
}
.main-mrt .popup-main-inner,
.main-shop .popup-main-inner,
.main-college .popup-main-inner,
.main-loca .popup-main-inner{
	background-color: #FFE47B;
}
.main-mrt h2,
.main-shop h2,
.main-college h2,
.main-loca h2{
	background-position: 0 0;
	color: #5c400a;
}
.main-mrt .close-window,
.main-shop .close-window,
.main-college .close-window,
.main-loca .close-window{
	background-position: 0px -60px;
}
.main-mrt .popup-main-inner-box,
.main-shop .popup-main-inner-box,
.main-college .popup-main-inner-box,
.main-loca .popup-main-inner-box{
	border-color: #ECCB94;
}
.main-mrt .info-list,
.main-shop .info-list,
.main-college .info-list,
.main-loca .info-list{
	background-color: #FDF7DB;
}
.main-mrt .info-list li{
	width: 160px;
}
.main-mrt .info-list p,
.main-shop .info-list p,
.main-college .info-list p,
.main-loca .info-list p{ color: #5C400A; }
.main-mrt .lines,
.main-shop .lines,
.main-college .lines,
.main-loca .lines{ background-color: #ECCB94; }
.main-mrt .info-list .prenote,
.main-shop .info-list .prenote,
.main-college .info-list .prenote,
.main-loca .info-list .prenote{
	width:260px;
	background-position: 0 -248px;
}
.main-mrt a#gosearch,
.main-shop a#gosearch,
.main-college a#gosearch,
.main-loca a#gosearch{ background-position: 0 -160px; }
.main-mrt input#gosearch,
.main-shop input#gosearch,
.main-college input#gosearch,
.main-loca input#gosearch{ background-position: 1px -158px;  background-position: 1px -160px\9;  }
.main-mrt .main-list,
.main-shop .main-list,
.main-college .main-list,
.main-loca .main-list{ border-color: #ECCB94; }
.main-mrt .main-list dl { 
	clear: both;
	width: 520px;
	height: auto;
	margin: 0 auto;
	padding: 5px 0 0 .5em;
	border: 0; 
	background-color: #FFF;
	overflow: hidden;
}
.main-mrt .main-list dt{
	width: 65px;
	color: #d6982f;
}
.main-mrt .main-list dt.taip {
	height: 80px;
}
.main-mrt .main-list dt.kosh {
	clear: both;
}
.main-mrt .main-list dd,
.main-mrt .main-list dt{
	float: left;
	line-height: 2;
}
.main-mrt .main-list dd {
	width: 110px;
}
.main-mrt .main-list dd a {
	display: block;
	margin-right: 0;
	padding-left: 5px;
	text-decoration: none;
	color: #232a35; 
	background: url("/img/index/common/pop_menu_201011.png") no-repeat scroll right -333px #FFFFFF;

}
.main-mrt .main-list dd a:hover{
	color:#fa1e50;
	background-color: #fce1b3;
	background-position: right -354px;
}
/* 捷運子選單 */
.mrt-window-sub    { width: 340px;}
.mrt-window-sub .popup-main-sub-inner h4,
.shop-window-sub .popup-main-sub-inner h4,
.college-window-sub .popup-main-sub-inner h4,
.loca-window-sub .popup-main-sub-inner h4{
	margin: 2px 14px 0 7px;
    padding: 4px 0 0;
	color: #DC8709;
    font-weight: bold;
}
.main-mrt-sub .popup-main-sub-inner div,
.main-shop-sub .popup-main-sub-inner div,
.main-college-sub .popup-main-sub-inner div,
.main-loca-sub .popup-main-sub-inner div{
	clear: both;
}
.main-mrt-sub .popup-main-sub-inner li,
.main-shop-sub .popup-main-sub-inner li,
.main-college-sub .popup-main-sub-inner li,
.main-loca-sub .popup-main-sub-inner li  {
    float: left;
    height: 22px;
	margin-left: 5px;
	padding: 2px 0 0 2px;
	line-height: 22px;
    overflow: hidden;
    position: relative;
}
.main-mrt-sub .popup-main-sub-inner li.group-line,
.main-shop-sub .popup-main-sub-inner li.group-line,
.main-college-sub .popup-main-sub-inner li.group-line,
.main-loca-sub .popup-main-sub-inner li.group-line {
	border-bottom: 1px dotted #CCCCCC;
    clear: left;
    display: block;
    height: 2px;
    margin: 2px 0 5px;
    overflow: hidden;
    width: 233px;
}
.feature-window .main-list div.group-line {
	border-bottom: 1px dotted #CCCCCC;
    clear: left;
    display: block;
    height: 2px;
    margin: 2px 0 5px;
    overflow: hidden;
    width: 380px;
}
.mrt-window-sub li     { width: 155px; }
.main-mrt-sub, .main-shop-sub, .main-college-sub, .main-loca-sub{
	border-color: #ECCC95;
}
.main-mrt-sub .ishover, .main-shop-sub .ishover, .main-college-sub .ishover, .main-loca-sub .ishover{
	background-color: #FDF7DB;
}
.main-mrt-sub .issubselect, .main-shop-sub .issubselect, .main-college-sub .issubselect, .main-loca-sub .issubselect{
	background-color: #FDF7DB;
}
.main-mrt-sub .isselect, .main-shop-sub .isselect, .main-college-sub .isselect, .main-lca-sub .isselect {
	background-color: #FAEBA3;
}
.main-mrt-sub li.category-all,
.main-shop-sub li.category-all,
.main-college-sub li.category-all,
.main-loca-sub li.category-all      { color: #DC8709; }
.main-mrt-sub a.x-win,
.main-shop-sub a.x-win,
.main-college-sub a.x-win,
.main-loca-sub a.x-win{
	background-position: 2px -118px;
}
/* 商圈 */
.shop-window { width: 467px}
.main-shop .info-list li{
	width: 162px;
}
.main-shop .main-list dl      { 
	width: 447px;
	height: auto;
	margin: 0 auto;
	padding: 5px 0 0 .5em;
	border: 0; 
	background-color: #FFF;
	overflow: hidden;
}
.main-shop .main-list dt{
	clear:both;
	width: 30px;
	color: #d6982f;
}
.main-shop .main-list dd,
.main-shop .main-list dt{
	float: left;
	line-height: 2;
}
.main-shop .main-list dd {
	width: 64px;
}
.main-shop .main-list dd a {
	display: block;
	margin-right: 0;
	padding-left: 5px;
	text-decoration: none;
	color: #232a35; 
	background: url("/img/index/common/pop_menu_201011.png") no-repeat scroll right -333px #FFFFFF;

}
.main-shop .main-list dd a:hover{
	color:#fa1e50;
	background-color: #fce1b3;
	background-position: right -354px;
}
/* 商圈子選單 */
.shop-window-sub    { width: 460px; }
.shop-window-sub li     { width: 140px; }
/* 學校 */
.college-window { width: 467px}
.main-college .info-list li{
	width: 162px;
}
.main-college .main-list dl  { 
	width: 447px;
	height: auto;
	margin: 0 auto;
	padding: 5px 0 0 .5em;
	border: 0; 
	background-color: #FFF;
	overflow: hidden;
}
.main-college .main-list dt{
	clear:both;
	width: 30px;
	color: #d6982f;
}
.main-college .main-list dd,
.main-college .main-list dt{
	float: left;
	line-height: 2;
}
.main-college .main-list dd {
	width: 64px;
}
.main-college .main-list dd a {
	display: block;
	margin-right: 0;
	padding-left: 5px;
	text-decoration: none;
	color: #232a35; 
	background: url("/img/index/common/pop_menu_201011.png") no-repeat scroll right -333px #FFFFFF;

}
.main-college .main-list dd a:hover{
	color:#fa1e50;
	background-color: #fce1b3;
	background-position: right -354px;
}
/* 學校子選單 */ 
.college-window-sub    { width: 350px; }
.college-window-sub li     { width: 163px; }
/* 地區 */
.loca-window { width: 467px}
.main-loca .info-list li{
	width: 66px;
}
.main-loca .main-list dl      { 
	width: 447px;
	height: auto;
	margin: 0 auto;
	padding: 5px 0 0 .5em;
	border: 0; 
	background-color: #FFF;
	overflow: hidden;
}
.main-loca .main-list dt{
	clear:both;
	width: 30px;
	color: #d6982f;
}
.main-loca .main-list dd,
.main-loca .main-list dt{
	float: left;
	line-height: 2;
}
.main-loca .main-list dd {
	width: 64px;
}
.main-loca .main-list dd a {
	display: block;
	margin-right: 0;
	padding-left: 5px;
	text-decoration: none;
	color: #232a35; 
	background: url("/img/index/common/pop_menu_201011.png") no-repeat scroll right -333px #FFFFFF;

}
.main-loca .main-list dd a:hover{
	color:#fa1e50;
	background-color: #fce1b3;
	background-position: right -354px;
}
/* 地區子選單 */
.loca-window-sub    { width: 242px; }
.loca-window-sub li     { width: 70px; }

/* 子選單 陰影 ------------------------------ */
.popup-main-sub,
.popup-main-sub2 {
	margin: 3px 0 0 3px;
	background-color: #999;
	text-align: left;
}
/* 陰影寬度為 外框寬度 + 4 (border 2 + padding-left 3px - 1px[右邊不被顯示的陰影] ) */ 
.area-window-sub    { width: 244px; }
.work-window-sub    { width: 345px; }
.depart-window-sub { width: 167px; }
.trade-window-sub  { width: 182px; }
.park-window-sub    { width: 412px; }
.com-window-sub      { width: 387px; }
.cert-window-sub    { width: 177px; }
.skill-window-sub  {	width: 177px; }
.cert-window-sub2  { width: 570px; }
.skill-window-sub2 { width: 292px; }

/* 子選單 外框 ------------------------------ */
.popup-main-sub .popup-main-sub-inner,
.popup-main-sub2 .popup-main-sub-inner {
	margin: -3px 2px 2px -3px;
	padding: 15px 0 8px 3px;
	border: 1px solid;
	background-color: #FFF;
	position: relative;
	top: 0;
	left: 0;
}
.main-job-sub .popup-main-sub-inner,
.main-job-sub2 .popup-main-sub-inner {
	border-color: #ECCC95;
}
.main-talent-sub .popup-main-sub-inner,
.main-talent-sub2 .popup-main-sub-inner {
	border-color: #18528c;
}
.main-mrt-sub .popup-main-sub-inner,
.main-shop-sub .popup-main-sub-inner,
.main-college-sub .popup-main-sub-inner,
.main-loca-sub .popup-main-sub-inner {
    border-color: #eccc95;
}
/* 外框寬度為 清單 li 總寬度 + 3 (li 在 ul 的餘裕彈性空間[避免 ie 6 bug]) */ 
.area-window-sub .popup-main-sub-inner     { width: 240px; }
.work-window-sub .popup-main-sub-inner     { width: 341px; }
.depart-window-sub .popup-main-sub-inner { width: 163px; }
.trade-window-sub .popup-main-sub-inner   { width: 178px; }
.park-window-sub .popup-main-sub-inner     { width: 408px; }
.com-window-sub .popup-main-sub-inner       { width: 383px; }
.cert-window-sub .popup-main-sub-inner     { width: 173px; }
.skill-window-sub .popup-main-sub-inner   { width: 173px; }
.cert-window-sub2 .popup-main-sub-inner   { width: 570px; }
.skill-window-sub2 .popup-main-sub-inner { width: 288px; }

/* 子選單 清單 ------------------------------ */
.popup-main-sub li,
.popup-main-sub2 li {
	float: left;
	line-height: 20px;
	margin: 0 2px 0 0;
	padding: 1px;
} 
/*  5px -> margin-right:3px + padding:2px */
.area-window-sub li     { width: 74px; }   /* 3col = (74+5) x 3 = 237px */
.work-window-sub li     { width: 164px; }  /* 2col = (164+5) x 2 = 338px */
.depart-window-sub li { width: 155px; }  /* 1col = (155+5) x 1 = 160px  */
.trade-window-sub li  { width: 170px; }  /* 1col = (170+5) x 1 = 175px  */
.park-window-sub li    { width: 130px; }  /* 3col = (130+5) x 3 = 405px  */
.com-window-sub li      { width: 185px; }  /* 2col = (185+5) x 2 = 380px  */
.cert-window-sub li    { width: 165px; }  /* 1col = (165+5) x 1 = 170px */
.skill-window-sub li   { width: 165px; }  /* 1col = (165+5) x 1 = 170px  */
.cert-window-sub2 li   { width: 280px; }  /* 1col = (310+5) x 1 = 315px  */
.skill-window-sub2 li { width: 280px; }  /* 1col = (280+5) x 1 = 285px  */

/* 子選單 清單內 表單物件 ------------------------------ */
.popup-main-sub li label,
.popup-main-sub2 li label {
	display: block;
	padding-left: 3px;
}
.popup-main-sub .popup-main-sub-inner li a,
.popup-main-sub2 .popup-main-sub-inner li a {
	text-decoration: none;
}
.popup-main-sub li label input,
.popup-main-sub2 li label input {
	margin-right: 2px;
	vertical-align: middle;
}
.com-window-sub li label,
.cert-window-sub2 li label {
	padding-left: 18px;
	text-indent: -15px;
}

/* 子選單 清單項目 hover select ------------------------------ */
.main-job-sub .ishover,
.main-job-sub2 .ishover {
	background-color: #FDF7DB;
}
.main-talent-sub .ishover,
.main-talent-sub2 .ishover {
	background-color: #e2f1ff;
}
.main-job-sub .issubselect {
	background-color: #FDF7DB;
}
.main-talent-sub .issubselect {
	background-color: #e2f1ff;
}
.main-job-sub .isselect,
.main-job-sub2 .isselect {
	background-color: #FAEBA3;
}
.main-talent-sub .isselect,
.main-talent-sub2 .isselect {
	background-color: #e2f1ff;
}
.skill-window-sub li,
.cert-window-sub li {
	background-repeat: no-repeat;
	background-position: right -203px;
}
.skill-window-sub .ishover,
.cert-window-sub .ishover {
	background-position: right -223px;
}

/* 子選單 清單項目 類別大項標示 ------------------------------ */
.popup-main-sub li.category-all {
	clear: both;
	float: none;
	width: auto;
	padding-top: 2px;
	border-top: 1px dotted #CCC;
	font-weight: bold;
	font-size: 13px;
}
.popup-main-sub li.noborder { border-top: 0 none; }
.main-job-sub li.category-all      { color: #DC8709; }
.main-talent-sub li.category-all { color: #18528c; }
.popup-main-sub li.nocolor { border-top: 1px dotted #CCC;margin-top:8px; }

/* 子選單 關閉視窗 圖示 ------------------------------ */
.popup-main-sub a.x-win,
.popup-main-sub2 a.x-win {
	display: block;
	width: 8px;
	height: 8px;
	line-height: 0;
	padding: 2px;
	background-repeat: no-repeat;
	border: 1px solid #fff;
	text-decoration: none;
	text-indent: -9999px;
	position: absolute;
	top: 1px;
	right: 1px;

}
.main-job-sub a.x-win,
.main-job-sub2 a.x-win {
	background-position: 2px -118px;
}
.main-talent-sub a.x-win,
.main-talent-sub2 a.x-win {
	background-position: 2px -138px;
}
.popup-main-sub a.x-win:hover,
.popup-main-sub2 a.x-win:hover {
	border: 1px solid #DDD;
}

/*找工作-橘色 找不到職務優化*/
.popmenu_search_org{
    background: url("/img/index/input/popmenu_search.png") no-repeat scroll 0 2px transparent;
    border: 0 solid Red;
    color: #999999;
    font-size: 13px;
    height: 29px;
    margin-left: 20px;
    margin-top: 10px;
    padding-left: 26px;
    width: 318px;
}
.popmenu_search_del_org{
	background: url("/img/index/input/popmenu_search.png") no-repeat scroll 0 -95px transparent;
    cursor: pointer;
    display: block;
    height: 15px;
    position: absolute;
    right: 75px;
    top: 17px;
    width: 8px;
}
.popmenu_search_btn_org{
    background: url("/img/index/input/popmenu_search.png") no-repeat scroll 0 -39px transparent;
    cursor: pointer;
    display: block;
    height: 29px;
    position: absolute;
    right: 12px;
    top: 12px;
    width: 55px;
}

/*找人才-綠色 找不到職務優化*/
.popmenu_search_green{
    background: url("/img/index/input/popmenu_search.png") no-repeat scroll 0 -162px transparent;
    border: 0 solid Red;
    color: #999999;
    font-size: 13px;
    height: 29px;
    margin-left: 20px;
    margin-top: 10px;
    padding-left: 26px;
    width: 318px;
	line-height:32px\9;
}
.popmenu_search_del_green{
	background: url("/img/index/input/popmenu_search.png") no-repeat scroll -18px -95px transparent;
    cursor: pointer;
    display: block;
    height: 15px;
    position: absolute;
    right: 75px;
    top: 17px;
    width: 8px;
}
.popmenu_search_btn_green{
    background: url("/img/index/input/popmenu_search.png") no-repeat scroll -78px -39px transparent;
    cursor: pointer;
    display: block;
    height: 29px;
    position: absolute;
    right: 12px;
    top: 12px;
    width: 55px;
}

/*派遣專區-藍色 找不到職務優化*/
.popmenu_search_blue{
    background: url("/img/index/dispatch/dispatch_image_24.png") no-repeat scroll 0 -479px transparent;
    border: 0 solid Red;
    color: #999999;
    font-size: 13px;
    height: 29px;
    margin-left: 20px;
    margin-top: 10px;
    padding-left: 26px;
    width: 318px;
}
.popmenu_search_del_blue{
	background: url("/img/index/dispatch/dispatch_image_24.png") no-repeat scroll 0px -526px transparent;
    cursor: pointer;
    display: block;
    height: 15px;
    position: absolute;
    right: 75px;
    top: 17px;
    width: 8px;
}
.popmenu_search_btn_blue{
    background: url("/img/index/dispatch/dispatch_image_24.png") no-repeat scroll -358px -481px transparent;
    cursor: pointer;
    display: block;
    height: 29px;
    position: absolute;
    right: 12px;
    top: 12px;
    width: 55px;
}

/*找不到職務優化-共用*/
.popmenu_search_box{
	width:428px;
	height:45px;
	position:relative;
}
.popmenu_search_content{
	padding: 5px 15px 3px 22px;
}
.popmenu_float_right{
    background: url("/img/index/input/popmenu_search.png") no-repeat scroll 0 -121px transparent;
    float: right;
    padding-left: 15px;
	padding-top:1px;
}
.popmenu_search_content h4{
	text-align:left;
}
.popmenu_search_content .main-list dl{
    background-color: #FFFFFF;
    border: 1px solid #E1E1E1;
    height: 271px;
    margin-top: 10px;
    overflow: auto;
    padding-left: 0.5em;
    width: 382px;
}
.popmenu_search_content .main-list dt{
    font-weight: bold;
    line-height: 1.5em;
    margin: 0;
    padding: 5px 0 2px 2.2em;
    text-align: left;
	text-indent: -2.4em;
}
	/* 找不到職缺 */
.popmenu_search_content .main-list dt.none_job {
	padding-left: 0;
	text-indent: 0;
}
.popmenu_search_content .main-list dt span.cat-title{
	color:#c69c62;
	font-weight:normal;
	font-size:11px;
}
.popmenu_search_content .main-list dt input{
    vertical-align: middle;
    width: 2em;
}
.popmenu_search_content .main-list dd{
    border-bottom: 1px dotted #CCCCCC;
    color: #515456;
    line-height: 1.5em;
    margin: 0 0 6px 2.4em;
    padding: 0 0 6px 0;
    text-align: left;
    width: 325px;
}
.popmenu_search_content .main-list dd.noline{
    border-bottom: 0px dotted #CCCCCC;
    color: #515456;
    line-height: 1.5em;
    margin: 0 0 6px 2.4em;
    padding: 0 0 6px 0;
    text-align: left;
    width: 325px;
}

.popmenu_search_content .main-list em{
	color: #0099ff;
    font-weight: bold;
}
.popmenu_search_content .main-list em.content{
	color: #0099ff;	
	font-weight: 100;
}
/* 企業產業別搜尋功能：新、舊企業階適用 */
	/* 搜尋bar */
.industry_search_box {
	width: 395px;
}
.industry_search_box .popmenu_search_green {
	width: 292px;
	margin-left: 10px;
}
	/* 搜尋結果 */
.industry_search_content {
	padding-left: 15px;
}
.industry_search_content .main-list h4 {
	margin-bottom: 5px;
}
.industry_search_content .main-list .popmenu_float_right a {
	color: #05d;
	padding: 0 0 0 8px;
}
.industry_search_content .main-list .popmenu_float_right a:hover {
	background-color: transparent;
}
.industry_search_content .main-list dl {
	width: 349px;
	padding-right: 0.5em;
}
.industry_search_content .main-list dt {
	border-bottom: 1px dotted #ccc;
	height: auto;
	padding-left: 2.2em;
	text-indent: -2.2em;
}
.industry_search_content .main-list a {
	display: block;
	color: #232a35;
	padding: 6px 0 6px 8px;
	text-decoration: none;
}
.industry_search_content .main-list dt:hover,
.industry_search_content .main-list a:hover,
.industry_search_content .main-list a:hover em {
	background-color: #fdfbe7;
	color: #fa1e50;
	cursor: pointer;
	text-decoration: underline;
}
.industry_search_content .main-list dt.not-find {
	letter-spacing: 1px;
	padding-left: 15px;
	text-indent: 0;	
}
.industry_search_content .main-list dt.not-find:hover {
	background-color: transparent;
	color: #232a35;
	cursor: default;
	text-decoration: none;
}
.industry_search_content .main-list dt.not-find a {
	background-color: transparent;
	color: #04d;
	display: inline;
	padding-left: 0;
}