@charset "utf-8";
/* CSS Document */
* {font-family:微軟正黑體,新細明體,Verdana, Geneva, sans-serif;text-decoration:none;}

@media print
{
.push, .search, .menuB, .menuB-2, a.mode, a:hover.mode, #mode, h3 img, aside, #step, .how, .ex, .bun02, .bun03, .bun04, .bun05, .ad {
	display:none;
	}
}

section {
	width: 730px;
	color: #636768;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
	font-size: 0.85em; /* 0.85*14px=約12px */
	font-family: '微軟正黑體', Verdana, Arial, Geneva, sans-serif;
	line-height: 1.4em;
	background-color: #fff;
	border: 0px;
	}

.block { /*取代原article標籤*/
	padding: 0px 10px 10px 10px;
	margin: 0px;
	}
.block2 { /*取代原article標籤*/
	padding: 0px 10px 10px 10px;
	margin: 0px;
	}

/*------------------ Header ------------------*/
.topBg{
	width:345px;
	height:80px;
	float:left;
	position:relative;
	margin:0 auto;
		 top: -18px; /*Chrome, Opera, Safari*/
	margin-top: 18px\9; /*for all ie */ 
	margin-left: -10px\9; /*for all ie */
}
.topBg ul {list-style-type:none;}
.topBg h1{
	font-size:1px;
	color:#fff;
	margin:0;
	padding:0;
	text-indent:-9999em;
	line-height:none;
}
.topBg img {
	width:345px;
	background-size:contain;
	padding-left: 5px;
 	}
/**/

/*------------------ 內容灰背景 ------------------*/	
.contentBG {
	padding: 10px 10px;
	margin: 0px;
	}
/**/
/*------------------ 內容區塊 ------------------*/	
.content {
	padding: 5px;
	margin: 0px;
	background-color: #fff;
	border:solid 1px #cfcfcf;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
	        border-radius:5px;
	}
/**/


/*------------------ 固定選單區塊 ------------------*/	
.position-topBG {
	padding: 20px 5px 0px 5px;
	margin: 0px;
	background-color: #fff;
	/*-webkit-border-radius:5px;
	   -moz-border-radius:5px;
	        border-radius:5px;*/
	}
.position-top {
	padding: 5px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 36px;
	/*background-color: #fff;
	border-top:solid 1px #cfcfcf;
	border-right:solid 1px #cfcfcf;
	border-bottom:solid 0px #cfcfcf;
	border-left:solid 1px #cfcfcf;*/
	+margin-top: -19px;/*for ie7 */
	}
.position-bottomBG {
	padding: 0px 5px 20px 5px;
	margin: 0px;
	/*background-color: #f3f3f3;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
	        border-radius:5px;*/
	}
.position-bottom {
	padding: 0px 15px 15px 15px;
	margin-top:0;
	margin-left: auto;
	margin-right: auto;
	/*background-color: #fff;
	border-top:solid 0px #cfcfcf;
	border-right:solid 1px #cfcfcf;
	border-bottom:solid 1px #cfcfcf;
	border-left:solid 1px #cfcfcf;*/
	+margin-top: -19px;/*for ie7 */ 
	position: relative;
	}
/**/


/*=================== 共用樣式 開始 ====================*/
/*------------------ 主選單 ------------------*/
.menu {
	width:100%;
	margin:0px 0px 10px 0px;
	padding-left: 10px;
	font-size: 0.85em; /* 0.85*14px=約12px */
}
a.menu01, a.menu02, a.menu03, a.menu04, a.menu05, a.menu06 {
	display:block;
	float:left;
	margin-right:3px;
	color: #636768;
	background-color: #fff;
	vertical-align:middle;
	padding: 8px;
	box-sizing: border-box !important;
	border: 1px solid #cfcfcf;
	}
a:hover.menu01, a:hover.menu02, a:hover.menu03, a:hover.menu04, a:hover.menu05, a:hover.menu06 {
	color: #636768;
	}
a.menu01_select, a.menu02_select, a.menu03_select, a.menu04_select, a.menu05_select, a.menu06_select{
	display:block;
	float:left;
	font-size: 1.3em; /* 1.3*14px=約18px */
	font-weight:bold;
	color: #636768;
	background-color: #fff;
	padding: 8px;
	margin-right:3px;
	box-sizing: border-box !important;
	border: 1px solid #cfcfcf;
	border-bottom: 1px solid #fff;
	}
	
/**/


/*------------------ 搜尋結果文字 ------------------*/
h2 {
	color: #474747;
	font-size: 1em; /* 1*14px=約14px */
	font-weight:bold;
	line-height: 2em;
	padding-left: 10px;
	}
h2 span {
	color: #0099ff;
	}
/**/


/*------------------ 區塊標題文字 ------------------*/
h3 {
	color: #33cccc;
	font-size: 1em; /* 1*14px=約14px */
	font-weight:bold;
	line-height: 2.5em;
	border-bottom: solid 2px #33cccc;
	}
/**/

/*------------------ 統計表格說明 ------------------*/
.remark_tab {
	padding:15px 0px 0px 0px;
	font-size: 0.85em; /* 0.85*14px=約12px */
	text-align:left;
	}

/*------------------ 區塊說明文字 ------------------*/
.txt {
	padding:10px 0px;
	font-size: 0.85em; /* 0.85*14px=約12px */
	}
.txt span {
	padding: 3px;
	margin: 0px 3px;
	font-weight: bold;
	color: #636768;
	line-height: 1.4em;
	}
/**/

/*------------------ 資料來源說明 ------------------*/
.remark {
	padding:10px 10px 0px 10px;
	font-size: 0.8em; /* 0.8*14px=約11px */
	}
/**/

/*------------------ 所有統計圖表說明-PopUp視窗 ------------------*/
a.arrow { /*工作內容箭頭*/
	}
a:hover.arrow { 
	filter:alpha(opacity=70); /*IE*/
	opacity:0.70; /*Chrome, Opera, Safari*/
	}
/**/

/*------------------ 分析說明文字區塊 ------------------*/
/* 統計圖旁-表格右側-列印改位下方滿行*/
.chart_txtC,
.chart_txtD,
.chart_txtR { 
	width: 670px;
	color: #636768;
	font-size: 0.85em; /* 0.85*14px=約12px */
	line-height: 1.5em;
    padding: 10px;
	margin: 25px 0px 0px 0px;
	background-color: #f2f3f5;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
			border-radius:5px;
	  }
.chart_txtC .title,
.chart_txtD .title,
.chart_txtR .title {
	  font-size: 1.2em; /* 1.1*14px=約15px */
	  font-weight:bold;
	  line-height: 1.2em;
	  padding: 0px 0px 10px 0px;
	  color: #0879d1;
}
.chart_txtC ul,
.chart_txtD ul,
.chart_txtR ul { 
	list-style:disc outside;
	margin: 0px 0px 0px 18px;
	padding: 0;
	line-height: 2.6em;
	}
.chart_txtC li,
.chart_txtD ul,
.chart_txtR ul { 
	margin: 0;
	padding: 8px 0px 8px 0px;
	border-bottom: dotted 1px #79797a;
	line-height: 1.4em;
	}
.chart_txtC li span,
.chart_txtD li span,
.chart_txtR li span { 
	margin: 0px 3px 0px 0px;
	font-weight:bold;
	}
.chart_txtC_no,
.chart_txtD_no,
.chart_txtR_no { /* 當樣本數不足無法分析時 */
	  width: 670px;
	  color: #9d9fa1;
	  font-size: 0.85em; /* 0.85*14px=約12px */
	  line-height: 1.5em;
	  padding: 10px;
	  margin: 25px 0px 0px 0px;
	  background-color: #f2f3f5;
	  -webkit-border-radius:5px;
		 -moz-border-radius:5px;
			  border-radius:5px;
	  }
.chart_txtC_no span,
.chart_txtD_no span,
.chart_txtR_no span {
	  font-weight:bold;
}

/*------------------ 表格-共用標題 --------------------*/
/*企業要求*/
.titleA { 
	width: 355px;
	color: #636768;
	font-size: 1em; /* 1*14px=約14px */
	font-weight:bold;
	text-align: center;
	vertical-align:middle;
	background: #eaeaea;	
	border-bottom: solid 1px #7f7f7f !important;
	padding: 10px 0px;
	}
/**/

/*求職者具備*/	
.titleB { 
	width: 355px;
	color: #636768;
	font-size: 1em; /* 1*14px=約14px */
	font-weight:bold;
	height: 20px;
	text-align: center;
	vertical-align:middle;
	background: #eaeaea;
	border-bottom: solid 1px #7f7f7f !important;
	border-left: solid 2px #7f7f7f !important;
	padding: 10px 0px;
	}
/**/
.titleC {
	width: 355px;
	color: #456179;
	font-size: 1em; /* 1*14px=約14px */
	font-weight:bold;
	line-height: 2em;
	text-align: center;
	vertical-align:middle;
	background: #d7e9e9;	
	border-bottom: solid 2px #7f7f7f !important;
	padding: 10px;
	white-space: nowrap;
	}
.titleC span{
	color: #636768;
	}
.titleD {
	width: 355px;
	color: #456179;
	font-size: 1em; /* 1*14px=約14px */
	font-weight:bold;
	line-height: 2em;
	text-align: center;
	vertical-align:middle;
	background: #c0e8ee;	
	border-left: solid 2px #7f7f7f !important;
	border-bottom: solid 2px #7f7f7f !important;
	white-space: nowrap;
	}
.titleD span {
	color: #636768;
	}
.position {
	position: relative;
	}
/**/
.clear {
	clear:both;
}
/*=================== 共用樣式 結束 ====================*/


/*=================== 統計圖表樣式參考 開始 ====================*/
/*------------------ 統計圖表-轉職排行+行業排行 ------------------*/
.chart_03 {
	width: 360px;
	height: 279px;
	border: 1px  solid #a9a9a9;
	margin-bottom: 20px;
	}
.chart_03 img {
	max-height: 279px;
	}
.chart_03_no { /*當樣本數不足無法分析時*/
	width: 360px;
	height: 279px;
	border: solid 1px #a9a9a9;
	text-align: center;
	}
.chart_03_no img { /*當樣本數不足無法分析時*/
	max-height: 279px;
	}
/**/
/*------------------ 統計圖表-職務薪資行情+職務加薪速度 ------------------*/
.chart_04 {
	width: 360px;
	height: 279px;
	border: solid 1px #a9a9a9;
	}
.chart_04 img {
	max-height: 279px;
	}
.chart_04_no { /*當樣本數不足無法分析時*/
	width: 360px;
	height: 279px;
	border: solid 1px #a9a9a9;
	text-align: center;
	}
.chart_04_no img { 
	max-height: 279px;
	}
.chart_04_right { /*折線圖右側比較列表*/
	width: 280px;
	margin-left: 20px;
	margin-top: -280px;
	float:right;
	font-size: 0.85em; /* 0.85*14px=約12px */
	} 
.chart_04_right .title {
    padding-bottom: 15px;
	font-weight:bold;
	}
.h35 {
	line-height: 20px;
	}
/**/
/*------------------ 統計圖表-科系背景 ------------------*/
.chart_05 {
	width: 360px;
	height: 279px;
	border: 1px solid #a9a9a9;
	}
.chart_05 img {
	max-height: 279px;
	}
.chart_05_no { /*當樣本數不足無法分析時*/
	width: 360px;
	height: 279px;
	border: solid 1px #a9a9a9;
	text-align: center;
	}
.chart_05_no img { /*當樣本數不足無法分析時*/
	max-height: 279px;
	}
/**/
/*=================== 統計圖表樣式參考 結束 ====================*/


/*=================== 04-求職條件比較單元 開始 ====================*/
/*------------------ 求職條件比較單元-表格 --------------------*/
.box_left {
	width: 670px;
	border: solid 1px #7f7f7f;
	color: #474747;
}
.box_left td {
	border: solid 1px #7f7f7f;
	}
.box_left .tab1 { /*順序數字*/
	width: 20px;
	text-align: center;
	border-top: solid 1px #7f7f7f;
	border-right: solid 1px #7f7f7f;
	border-bottom: solid 0px #7f7f7f;
	border-left: solid 0px #7f7f7f;
	padding: 5px 0px;
	font-size: 0.85em; /* 0.85*14px=約12px */
	}
.box_left .tab2_top { /*條件內容-第一行*/
	width: 260px;
	border-top: solid 0px #7f7f7f;/*上粗0px*/
	border-right: solid 1px #7f7f7f;
	border-bottom: solid 0px #7f7f7f;
	border-left: solid 0px #7f7f7f;
	padding: 5px;
	font-size: 0.85em; /* 0.85*14px=約12px */
	}
.box_left .tab2 { /*條件內容-其他行*/
	width: 260px;
	border-top: solid 1px #7f7f7f;
	border-right: solid 1px #7f7f7f;
	border-bottom: solid 0px #7f7f7f;
	border-left: solid 0px #7f7f7f;
	padding: 5px;
	font-size: 0.85em; /* 0.85*14px=約12px */
	}
.box_left .tab3 { /*百分比欄位*/
	width: 35px;
	text-align: right;
	border-top: solid 1px #7f7f7f;
	border-right: solid 2px #7f7f7f;/*右粗2px*/
	border-bottom: solid 0px #7f7f7f;
	border-left: solid 0px #7f7f7f;
	padding: 5px;
	font-size: 0.85em; /* 0.85*14px=約12px */
	}
.box_left .tab4 { /*百分比欄位*/
	width: 35px;
	text-align: right;
	border-top: solid 1px #7f7f7f;
	border-right: solid 1px #7f7f7f;/*右粗1px*/
	border-bottom: solid 0px #7f7f7f;
	border-left: solid 0px #7f7f7f;
	padding: 5px;
	font-size: 0.85em; /* 0.85*14px=約12px */
	}

.box_left .tab5 { /* 左欄-樣本不足無法分析時用*/
	min-width: 335px;
	text-align:center;
	vertical-align:middle;
	border-top: solid 1px #7f7f7f;
	border-right: solid 2px #7f7f7f;
	padding: 10px 0px;
 	}
.box_left .tab6 { /* 右欄-樣本不足無法分析時用*/
	min-width: 335px;
	text-align:center;
	vertical-align:middle;
	border-top: solid 1px #7f7f7f;
	border-right: solid 1px #7f7f7f;
	padding: 10px 0px;
	}
.box_left .tab1-dim-top {/* 無資料顯示時表格外觀-第一行(順序數字) */	
	width: 20px;
	color: #b9b9b9;
	text-align:center;
	border-top: solid 1px #7f7f7f;
	border-right: solid 1px #b9b9b9;
	border-bottom: solid 0px #7f7f7f;
	border-left: solid 0px #7f7f7f;
	padding: 5px 0px;
	font-size: 0.85em; /* 0.85*14px=約12px */
	}
.box_left .tab2-dim-top { /* 無資料顯示時表格外觀-第一行(條件內容) */
	width: 260px;
	border-top: solid 1px #7f7f7f;
	border-right: solid 1px #b9b9b9;
	border-bottom: solid 0px #7f7f7f;
	border-left: solid 0px #7f7f7f;
	padding: 5px 0px;
	}
.box_left .tab3-dim-top { /* 無資料顯示時表格外觀-第一行(左邊欄百分比) */
	width: 35px;
	border-top: solid 1px #7f7f7f;
	border-right: solid 2px #b9b9b9;
	border-bottom: solid 0px #7f7f7f;
	border-left: solid 0px #7f7f7f;
	padding: 5px 0px;
	}
.box_left .tab4-dim-top { /* 無資料顯示時表格外觀-第一行(右邊欄百分比) */
	width: 35px;
	border-top: solid 1px #7f7f7f;
	border-right: solid 1px #7f7f7f;
	border-bottom: solid 0px #7f7f7f;
	border-left: solid 0px #7f7f7f;
	padding: 5px 0px;
	}
.box_left .tab1-dim { /* 無資料顯示時表格外觀-其他行(順序數字) */
	color: #b9b9b9;
	text-align:center;
	border-top: dotted 1px #b9b9b9;
	border-right: solid 1px #b9b9b9;
	border-bottom: solid 0px #7f7f7f;
	border-left: solid 0px #7f7f7f;
	padding: 5px 0px;
	font-size: 0.85em; /* 0.85*14px=約12px */
	}
.box_left .tab2-dim { /* 無資料顯示時表格外觀-其他格(條件內容) */
	border-top: dotted 1px #b9b9b9;
	border-right: solid 1px #b9b9b9;
	border-bottom: solid 0px #7f7f7f;
	border-left: solid 0px #7f7f7f;
	padding: 5px 0px;
	}
.box_left .tab3-dim { /* 無資料顯示時表格外觀-其他格(左邊欄百分比) */
	border-top: dotted 1px #b9b9b9;
	border-right: solid 2px #b9b9b9;
	border-bottom: solid 0px #7f7f7f;
	border-left: solid 0px #7f7f7f;
	padding: 5px;
	}
.box_left .tab4-dim { /* 無資料顯示時表格外觀-其他格(右邊欄百分比) */
	border-top: dotted 1px #b9b9b9;
	border-right: solid 1px #7f7f7f;
	border-bottom: solid 0px #7f7f7f;
	border-left: solid 0px #7f7f7f;
	padding: 5px;
	}
/**/	

/*百分比文字*/
.number {
	color: #999;
	font-size: 0.85em; /* 0.85*14px=約12px */
	font-weight:bold;
	}
/**/	

/*下拉選單*/
.tab_select {
	cursor: pointer;
	background-image: url(../images/icon_select_style.gif);
	background-position: right 0;
	background-repeat: no-repeat;
	width: 158px;
	background-color: #fff;
	border: 1px solid #ccc;
	padding: 3px;
	margin: 9px\9; /*for all ie */  
	color: #000;
	font-size: 13px;
	height: 20px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
/**/
/*=================== 04-求職條件比較單元 結束 ====================*/


/*=================== 新增列印分頁範圍 ====================*/
/*熱門求職頁*/
.print_C1 {
	margin-top: -70px;
	}
.print_C2 {
	page-break-before: always; /*在標籤前換頁*/	
	}
/**/

/*薪資比較頁*/
.print_D1 {
	margin-top: -70px;
	}
.print_D2 {
	page-break-before: always; /*在標籤前換頁*/
	}
.print_D3 {
	page-break-before: always; /*在標籤前換頁*/	
	}
/**/

/*求職條件比較頁*/
.print_E1 {
	margin-top: -70px;
	}
.print_E2 {
	page-break-before: always; /*在標籤前換頁*/	
	}
.print_E3 {
	page-break-before: always; /*在標籤前換頁*/	
	}
/**/