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

.block2 { /*取代原article標籤，用於頁尾區塊*/
	position: relative;
	/*padding: 0px 10px 60px 10px;*/
	margin: 0px;
	}
/**/
/*------------------ 內容灰背景 ------------------*/	
.contentBG {
	z-index:100;
	}
/**/
/*------------------ 內容區塊 ------------------*/
/**/

/*------------------ 固定選單區塊 ------------------*/	
/**/
/*------------------ 下拉選單區塊 ------------------*/
/*=================== 共用樣式 開始 ====================*/
/*------------------ 搜尋列-內頁用 ------------------*/
.btn-select select {
	/*font-size:1.2em;*/
	width:355px;
	height:25px;
}
._shtxt{
	width:350px;
}
/**/


/*------------------ 主選單 ------------------*/
/**/


/*------------------ 子選單-4字 ------------------*/
/**/
	 
/*------------------ 子選單-6字 ------------------*/
.menuB-2 {
	 width: 906px;
     height:47px;
	 background:url(../images/menuB_bg.gif) no-repeat;
	 font-size: 1em; /* 1*14px=約14px */
	 text-align:center;
	 color:#808080;
	 font-weight:bold;
	 line-height:35px;
	 padding:0px;
     display:block;
	 }
.menuB-2 a {
	 width: 123px;
     height: 33px;
	 margin-right: 2px;
	 /*background:url(../images/menuB-2_a.gif) no-repeat;*/
	 text-align:center;
	 color:#808080;
	 font-size: 1em; /* 1*14px=約14px */
	 font-weight:bold;
	 text-decoration:none;
	 line-height:35px;
     display:block;
	 float:left;
	 }
.menuB-2 a:hover {
	 color:#58790a;
	 background:#e4ead6;
	 /* css3 */
	 -webkit-border-radius:5px;
	    -moz-border-radius:5px;
	         border-radius:5px;
	 }
a.menuB-2_select {
	 color:#58790a;
	 background:#e4ead6;
	 /* css3 */
	 -webkit-border-radius:5px;
	    -moz-border-radius:5px;
	         border-radius:5px;
	 }



/*------------------ 步驟圖說明-icon ------------------*/

/**/


/*------------------ 標題旁問號 ------------------*/
.popupB {
	width: 201px;
	padding: 13px;
	background-color: #fff;
	-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
			border-radius: 5px;
	border: solid 1px #c3c4c5;
	-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.25);
		-moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.25);
			box-shadow: 0 1px 10px rgba(0, 0, 0, 0.25);
	}
.popupB .title {
	color: #9ac630;
	font-size: 1.1em; /* 1.1*14px=約15px */
	font-weight:bold;
	line-height: 1.2em;
	border-bottom: solid 2px #9ac630;
	padding: 10px 0px;
	}
.popupB ul {
	list-style:none;
	margin: 0;
	padding: 0;
	line-height: 3em;
	}
.popupB li {
	margin: 0;
	padding: 8px 0px 8px 18px;
	background:	url(../images/icon_list.png) 1px 11px no-repeat;
	border-bottom: dotted 1px #79797a;
	line-height: 1.4em;
	}
.popupB li a { /*連結文字*/
	color: #0099ff;
	}
.popupB li a:hover {
	color: #9ac630;
	text-decoration:underline;
	}
.popupB span { /*說明小紅字*/
	color: #d30000;
	font-size: 0.78em; /* 0.78*14px=約11px */
	text-decoration:underline;
	}
a.arrow { /*工作內容箭頭*/
	position: absolute;
	top: -17px;
	left: 60px;
	}
a:hover.arrow { 
	filter:alpha(opacity=70); /*IE*/
	-moz-opacity:0.70; /*FireFox*/ 
	opacity:0.70; /*Chrome, Opera, Safari*/
	}
a.mode {
	position:relative;
	top: 0px;
	left: 0px;
	padding: 1px 3px;
	margin: 0;
	color:#fff;
	background:#9ac630;
	/* css3 */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	}
a:hover.mode {
	top: -2px;
	background:#33cccc;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
	}
/**/
/*------------------ 標題旁問號-PopUp ------------------*/

#mode {
	width: 400px;
	padding: 10px 25px 25px 25px;
	margin-top: 150px;
	margin-left:auto;
	margin-right:auto;
	background-color: #fff;
	border:solid 1px #cfcfcf;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
	        border-radius:5px;
	-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.25);
		-moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.25);
			box-shadow: 0 1px 10px rgba(0, 0, 0, 0.25);
	vertical-align:middle;
	}
#mode .order {
	color: #9ac630;;
	font-size: 1.5em; /* 1.5*14px=約21px */
	font-weight:bold;
	line-height: 1.5em;
	padding-top: 40px;
	}
#mode .title {
	color: #636768;
	font-size: 1em; /* 1*14px=約14px */
	font-weight:bold;
	line-height: 1.2em;
	}
#mode .txt {
	padding-top: 15px;
	color: #636768;
	font-size: 0.85em; /* 0.85*14px=約12px */
	font-family: '微軟正黑體', Verdana, Arial, Geneva, sans-serif;
	line-height: 1.4em;
	}
#mode .line {
	border-bottom: dotted 2px #dadada;
	margin: 0px 0px 15px 0px;
	}
#mode .pic1 { /*薪資比較*/
	background:url(../images/mode_1.png);
	width: 200px;
	height: 200px;
	margin: 0px 0px 15px 15px;
	float: right;
	}	
#mode .pic2 {
	background:url(../images/mode_2.png);
	width: 200px;
	height: 200px;
	margin: 0px 0px 0px 15px;
	float: right;
	}
#mode .pic3 { /*求職條件比較*/
	background:url(../images/mode_3.png);
	width: 200px;
	height: 200px;
	margin: 0px 0px 15px 15px;
	float:right;
	}	
#mode .pic4 {
	background:url(../images/mode_4.png);
	width: 200px;
	height: 200px;
	margin: 0px 0px 0px 15px;
	float:right;
	}
#mode .btn_close { 
	width:15px;
	height:15px;
	background:url(../images/icon_close.png) no-repeat 0 0;
	position: relative;
	float:right;
	top: 5px;
	right: -10px;
	}
#mode .btn_close a {
	display:block;
    width:15px;
	height:15px;
	}
#mode .btn_close a:hover {
	background:url(../images/icon_close.png) no-repeat 0 -15px;
	}	
.move {
	margin-top: -15px;
	}
/**/


/*------------------ 統計表格說明 ------------------*/
/*------------------ 區塊說明文字 ------------------*/
/**/


/*------------------ 資料來源說明 ------------------*/
/**/


/*------------------ 使用步驟圖-popup ------------------*/
aside {
	width: 100%;
	/*background-color: rgba(0, 0, 0, 0.6);*/
	position:fixed;
	z-index:999;
	top:0;
	left:0;
	display:none;
	}
/**/


/*------------------ 所有統計圖表說明-PopUp視窗 ------------------*/
/**/

/*------------------ 標題旁使用說明-PopUp視窗 ------------------*/
#popup_mode {
	width: 400px;
	padding: 20px;
	margin: 0px;
	background-color: #fff;
	border:solid 1px #cfcfcf;
	-webkit-border-radius:5px;
	   -moz-border-radius:5px;
	        border-radius:5px;
	-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.25);
		-moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.25);
			box-shadow: 0 1px 10px rgba(0, 0, 0, 0.25);
	}
#popup_mode .step {
	color: #9ac630;
	font-size: 1.5em; /* 1.5*14px=約21px */
	font-weight:bold;
	line-height: 1.5em;
	padding-top: 40px;
	}
#popup_mode .title {
	color: #636768;
	font-size: 1em; /* 1*14px=約14px */
	font-weight:bold;
	line-height: 1.2em;
	}
#popup_mode .txt {
	padding-top: 15px;
	color: #636768;
	font-size: 0.85em; /* 0.85*14px=約12px */
	font-family: '微軟正黑體', Verdana, Arial, Geneva, sans-serif;
	line-height: 1.4em;
	}
#popup_mode .line {
	border-bottom: dotted 2px #dadada;
	margin: 0px 0px 15px 0px;
	}
#popup_mode .pic1 { /*職務*/
	background:url(../images/mode_1.png);
	width: 200px;
	height: 200px;
	margin: 0px 0px 15px 15px;
	float:right;
	}	
#popup_mode .pic2 {
	background:url(../images/mode_2.png);
	width: 200px;
	height: 200px;
	margin: 0px 0px 0px 15px;
	float:right;
	}
#popup_mode .pic3 { /*求職條件比較*/
	background:url(../images/mode_3.png);
	width: 200px;
	height: 200px;
	margin: 0px 0px 15px 15px;
	float:right;
	}	
#popup_mode .pic4 {
	background:url(../images/mode_4.png);
	width: 200px;
	height: 200px;
	margin: 0px 0px 0px 15px;
	float:right;
	}
.move {
	margin-top: -15px;
	}
/**/

/*------------------ 分析說明文字區塊 ------------------*/
/*職務說明單元-統計圖旁*/
/**/
/* 其他統計圖旁*/
.chart_txtC { 
	  top: 0;
	  right: 0px;
	  }
.chart_txtC span {
	  font-weight:bold;
}
.chart_txtC ul { 
	list-style:none;
	margin: 0;
	padding: 0;
	line-height: 2.6em;
	}
.chart_txtC li { 
	margin: 0;
	padding: 8px 0px 8px 18px;
	background:	url(../images/icon_list.png) 1px 11px no-repeat;
	border-bottom: dotted 1px #79797a;
	line-height: 1.4em;
	}
/**/

/* 其他統計圖旁-當樣本數不足無法分析時*/
.chart_txtC_no {
	top: 0px
}
.chart_txtC_no li { 
	margin: 0;
	padding: 8px 0px 8px 18px;
	background: none ;
	border-bottom: dotted 1px #79797a;
	line-height: 1.4em;
	}
/**/

/* 其他統計圖下-局部*/	  
.chart_txtD { 
	  /*width: 484px;*/
	  color: #636768;
	  line-height: 1.5em;
	  padding: 15px;
	  margin: 25px 20px 0px 0px;
	  background-color: #f2f3f5;
	  -webkit-border-radius:5px;
		 -moz-border-radius:5px;
			  border-radius:5px;
	  /*position: relative;
	  float:right;
	  top: -381px;
	  right: 0px;*/
	/*當樣本數不足無法分析時
	color:  rgba(99, 103, 104, 0.6);*/
}
/**/

.chart_txtD_no { 
	  /*width: 484px;*/
	  width: 858px;
	  color: #636768;
	  line-height: 1.5em;
	  padding: 15px;
	  margin: 25px 20px 0px 0px;
	  background-color: #f2f3f5;
	  -webkit-border-radius:5px;
		 -moz-border-radius:5px;
			  border-radius:5px;
	  position: initial;
	  float:none;
	  /*top: -381px;
	  right: 0px;*/
	/*當樣本數不足無法分析時
	color:  rgba(99, 103, 104, 0.6);*/
}
/*其他統計圖下-滿行*/	  
.chart_txtE { 
	  width: 858px;
	  color: #636768;
	  line-height: 1.5em;
	  padding: 15px;
	  margin: 25px 0px 0px 0px;
	  background-color: #f2f3f5;
	  -webkit-border-radius:5px;
		 -moz-border-radius:5px;
			  border-radius:5px;
	  /*position: relative;
	  float:right;
	  top: -381px;
	  right: 0px;*/
	/*當樣本數不足無法分析時
	color:  rgba(99, 103, 104, 0.6);*/
	  }
/**/

/*------------------ 表格-共用標題 --------------------*/
/*企業要求*/
/*=================== 共用樣式 結束 ====================*/



/*=================== 00-首頁 開始 ====================*/
/*------------------ 搜尋列-首頁用 ------------------*/
/**/
.Bottomfixed{
	width: 100%;
	/*position: fixed;*/
	bottom: 0;
	z-index: 100;
}
a.ad {
	border:0px;
	}
/*=================== 00-首頁 結束 ====================*/



/*=================== 01-職涯地圖單元 開始 ====================*/

	
/*------------------ 豆芽人插圖 ------------------*/
.pic09 {
	/*z-index: 100;*/
	width: 113px;
	height: 171px;
	background:url(../images/pic_11.png) 0 0 no-repeat;
	position: absolute;
	float: right;
	top: -188px;
	right: 12px;
	}
/**/
/*------------------ 職涯地圖樣式參考 ------------------*/
.原職務區塊 {
	漸層深色: #258e25;
	漸層淺色: #22b06b;
	color: #fff;
	font-size: 0.78em; /* 0.78*14px=約11px */
	text-shadow: 1px 1px 1px rgba(0,0,0, 0.8);
	}
.第二層職務區塊 {
	漸層深色: #cfde5c;
	漸層淺色: #fff;
	color: #636768;
	font-size: 0.78em; /* 0.78*14px=約11px */
	}
.第三層職務區塊 {
	漸層深色: #dde4cd;
	漸層淺色: #fff;
	color: #636768;
	font-size: 0.78em; /* 0.78*14px=約11px */
	}
.延伸線條 {
	border: solid 2px #cccdce;
	}
.主要職務文字 - spanCen {
	color: #fff;
    font-size: 0.78em; /* 1*14px=約11px */
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);
	text-align: center; /* 平行居中 */
    line-height: 70px; /* 垂直居中 */
	letter-spacing: -1px; /* 字距 */
	/*依照區塊大小強制段行,不會截斷英文單字，用div*/
	width: 68px;
	word-break: normal;
}
.第二層職務文字 - spanCen2 {
	color: #636768;
	font-size: 0.78em; /* 1*14px=約11px */
	text-align: center; /* 平行居中 */
    line-height: 70px; /* 垂直居中 */
	letter-spacing: -1px; /* 字距 */
	/*依照區塊大小強制段行,不會截斷英文單字，用div*/
	width: 68px;
	word-break: normal;
	}
.百分比文字 {
	color: #abaea5;
	font-size: 1em; /* 1*14px=約14px */
	font-weight:bold;
	}
.ps {
	font-size: 0.92em; /* 0.92*14px=約13px */
	/*z-index:998;*/
	position: absolute;
	float: right;
	top: 55px;
	right: 30px;
	}
.push_map {
	z-index: 1;
}
#imgCen {
	position: absolute;
	background-image: url(../images/chart_01.png);
	background-repeat: no-repeat;
	left: 250px;
	top: 200px;
	text-align: center;
	color: white;
}
/**/
/*=================== 01-職涯地圖單元 結束 ====================*/



/*=================== 02-職務說明單元 開始 ====================*/
/*------------------ 職務說明單元-列表文字 ------------------*/
.percPieChart {
        width: 79px;
        height: 79px;
    }
    .chart_label {
        overflow: auto;
        height: 79px;
        /*line-height: 79px;*/
        vertical-align: middle;
        font-size: 16px;
        font-weight: bold;
        display: table-cell;
        text-align: center;
		color: #636768;
		font-size: 1.1em;
    }
    .chart_box {
        float: right;
        position: relative;
    }
    .chart_title {
        top: 0;
        left: 0;
        width: 79px;
        height: 79px;
        position: absolute;
        text-align: center;
        line-height: 79px;
        vertical-align: middle;
    }
	.chart_txtB_no {
		width: 278px;
		color: #9d9fa1;
		top: 0px;
		padding: 0px;
}
.noimg4{
	position: absolute;
	background-color: white;
	top: 150px;
	left: 36px;
	display: none;
}
canvas .jqplot-series-canvas{
	left: 30px;
}
/**/

/*------------------ 職務說明單元-PopUp ------------------*/
/**/

/*------------------ 職務說明單元-表格 --------------------*/
/**/
	
/*------------------ 豆芽人插圖 ------------------*/
/**/	
.pyramTitle{
	float:right;
	width:50%;
	text-align:center;
	color: #636768;
	font-weight: bold;
}
/*=================== 02-職務說明單元 結束 ====================*/

/*=================== 03-熱門排行單元 開始 ====================*/
/*------------------ 豆芽人插圖 ------------------*/
#tooltip1, #tooltip2{
	z-index:1;
}
/**/
/*=================== 03-熱門排行單元 結束 ====================*/



/*=================== 04-薪資比較單元 開始 ====================*/
/*------------------ 職務加薪速度-地區選單 ------------------*/
/**/
/*------------------ 豆芽人插圖 ------------------*/
.pic04{
	top:330px;
}
/*------------------ 豆芽人插圖 ------------------*/
.pic05 {
    width: 145px;
    height: 159px;
    background:url(../images/pic_07.png) 0 0 no-repeat;
    position: absolute;
    top: -80px;
    right: 10px;
    }
/**/
/**/
/*=================== 04-薪資比較單元 結束 ====================*/
.block_P4-1{ /*因應P4插圖壓文問題*/
	position: relative;
    padding: 35px 10px 10px 10px;
    +padding: 15px 10px 10px 10px; /*for ie7 */
    margin: 0px;
	}


/*=================== 05-求職條件比較單元 開始 ====================*/
/*------------------ 求職條件比較單元-表格 --------------------*/
#tb1, #tb3  {
	width: 100%;
	border: 0px;
}

#tb2, #tb4  {
	width: 100%;
	border: 0px;
}

.box_leftN , .box_RightN {
	border: 0px;
}

.box_left .box_leftN, .box_right .box_rightN {
	border: 0px;
}
.box_left .box_leftN .tab2  {
	/*border-right: 0px ;*/
}

.box_left  td.titleC, .box_right  td.titleC{
	//*border: 0px;*/
}

td .box_leftN, td .box_RightN  {
	border: 0px;
}

#tb1,#tb2,#tb3,#tb4{
	height: 280px;
}
.box_left td, .box_right td{
	border:0;
}
/**/
td.titleD {
	border-left: solid 0px #7f7f7f !important;
}
.box_left .tab4, .box_right .tab4{
	border-right: solid 0px #7f7f7f;
}

#tb2 > tbody > tr > td, #tb4 > tbody > tr > td{
	border-top: solid 1px #7f7f7f;
}

.chart_txtE_left{
	clear: both;
}
/*=================== 05-求職條件比較單元 結束 ====================*/



/*=================== 統計圖表樣式參考 開始 ====================*/
/*------------------ 統計圖表-學歷條件 ------------------*/
.chart_01 {
	width: 630px;
	height: 220px;
	background:url(../images/pic_02.gif) 0 0 no-repeat;
	}
/**/
/*------------------ 統計圖表-外語能力 ------------------*/
/**/
/*------------------ 統計圖表-轉職排行+行業排行 ------------------*/

.chart_03 {
	width: 500px;
	height: 380px;
	border: solid 1px #545454;
	line-height:normal;
	border:none;
	float:left;	
	margin:27px 10px 0px 10px;
	/*width:500px;
	height:450px;
	margin:0px 10px 0px 35px;*/
	}
.ex { /*圖表說明*/
	width: 252px;
	position:absolute;
	top: -2px;
	left: 251px;
	padding: 3px 5px;
	margin: 0 0 13px 0;
	border: 1px dotted #fff;
	color:#fff;
	background:#0099ff;
	/* css3 */
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	}
.chart_03_no{
	height:420px;
}
/*------------------ 統計圖表-職務薪資行情+職務加薪速度 ------------------*/
.y_axis_inrto{
	 position: absolute;
	 top: 5px;
	 left: 33px; 
}
.x_axis_inrto{
	position: absolute; 
	bottom: 5px; 
	right: 5px;
}
.x_axis_inrto3{
	position: absolute; 
	/*bottom: 88px; */
	bottom: 98px; 
	right: -45px;
}
.display_none{
	display: none;
}
.chart_04 {
	/*width: 513px;*/
	width: 470px;
	height: 380px;
	border: solid 1px #545454;
	line-height:normal;
	border:none;
	float:left;
	margin:27px 50px 0px 50px;
	}	
.h35 {
	/*line-height: 25px;*/
	height: 35px;
	display:table-row;
	}
.h35 div {
	width:200px;
	display:table-cell;
	padding:5px;
	}
.chart_04_right{
	margin:0px;
	width:310px;
		}
/**/
/*------------------ 統計圖表-科系背景 ------------------*/
.chart_05 {
	width: 513px;
	height: 380px;
	border: solid 1px #545454;
	border: none;
	line-height:normal; 
	float:left;
	margin: 27px 10px 0px 10px;
	}

/**/
/*=================== 統計圖表樣式參考 結束 ====================*/
body {
	padding-top:30px;
	}
.chart_04_no{
	float: left;	
}
.chart_04_no_celect {
width: 470px;
height: 380px;
color: rgba(84, 84, 84, 0.5);
text-align: center;
float: left;
}

.clearfix:after { 
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden; 
} 
/* Hides from IE-mac \*/ 
* html .clearfix {height: 1%;} 
/* End hide from IE-mac */