@charset "utf-8";

/*...reset css...*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	background-color: #e9efef;
	color:#333333;
	letter-spacing: 1px;
}
form { margin:0px; padding:0;}
input,textarea {
	font-size: 13px;
	vertical-align: middle;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
ol{list-style: decimal; line-height: 24px; margin-left:26px; margin-bottom:10px;}
ol a{text-decoration: underline;}
ul {list-style: none;line-height: 20px;}
img { border:none; vertical-align: baseline;}
a { color: #0054a2; text-decoration: none; outline: none;}
a:hover { color: #028bb3; text-decoration: underline;}
span { margin:0; padding:0;}

/*---------------------------包最外圍的div---------------------------*/
#wrapper {width:956px; margin:auto; padding:auto;}

#header {margin-bottom:8px; margin-top:15px;}
#header_img{width:956px;height:65px;background: url(../images/bg_line_index.gif) no-repeat top;}

/*logo*/
h1 { margin:0; padding:0;}
h1 a { background: url(../images/logo_wage.gif) no-repeat; display:block; width:167px; height:24px; text-indent:-9999px;}

/*會員登入問候文*/
#welcome{float:right;color:#333;margin-top:12px;font-size: 12px;}
#welcome a{ color:333333; text-decoration: none; }
#welcome a:hover{ text-decoration: underline;}
/*-------------------------------------------------------------------*/
* html #welcome{margin-top:25px;}
*:first-child+html #welcome{margin-top:25px;}
/*-------------------------------------------------------------------*/


/*搜尋列*/
#search_bar{
	width:956px;
	height:65px;
	background: url(../images/bg_line.gif) no-repeat top;	
	font-size: 15px;	
}
#search_bar p{	
	font-weight: bold;
	padding-top:25px;
	padding-left:200px;
}
/*輸入框*/
.w300{
	width:300px;
	height:18px;
	border:1px solid #8e8e8e;
	color:#ccc;
	padding-left:4px;
	line-height: 22px\9;
	line-height: 22px\9;
	font-size: 14px;
}

/*內容頁*/
.content{
	clear: both;
	padding-top:10px;
	padding-bottom:10px;
	background: url(../images/bg.gif) repeat-y;

}

/*-------------------------首頁------------------------------*/

/*---首頁右邊-----*/
.R_index {
	float:right;
	width:279px;
	margin-top:-45px;
	padding-right:3px;
	background:url(../images/bg_member.gif) no-repeat;
	padding-top:25px;	
}
.R_index_vip {
	float:right;
	width:279px;
	margin-top:-45px;
	padding-right:3px;
	background:url(../images/bg_member_vip.gif) no-repeat;
	padding-top:25px;	
}
/*-------------------------------------------------------------------*/
* html .R_index{z-index: 3;position: relative; }
/*-------------------------------------------------------------------*/

/*會員登入區*/
#member{ height:280px; padding-left:41px;}
#member p{ padding-bottom:4px;}
#member p a{ color:#028bb3;}

/*安全加密傳輸檢查中*/
.loading{
	background: url(../images/ill_loading.gif) no-repeat;
	height:28px;
	padding-left:27px;
	padding-left:25px\9;
	color: #6633CC;
	padding-top:3px;
	background-position:4px 3px;
	background-position:2px\9 3px;
}
/*-------------------------------------------------------------------*/
* html .loading{background-position:3px 3px; padding-left:24px;}
*:first-child+html .loading{background-position:3px 3px; padding-left:24px;}
/*-------------------------------------------------------------------*/

/*加入會員*/
.add_member{
	background: url(../images/ill_tit_add_member.gif) no-repeat bottom;
	width:247px;
	margin-top:24px;
	margin-top:23px\9;
	margin-left:-19px;
	text-align:right;
}
.add_member input{ margin-bottom:3px;}
/*-------------------------------------------------------------------*/
* html .add_member{margin-top:19px;}
*:first-child+html .add_member{margin-top:19px;}

/*首頁廣告*/
.ad{width:247px; height:220px;margin-top:-50px; float:right; margin-right:10px; }
* html .ad{margin-right:5px; }

/*另開說明視窗*/
.popup_info { background-color:#696b6d; width:100%; z-index: 4; font-family: Verdana, Arial, Helvetica, sans-serif; color:#dddddd; margin-left:-19px;font-size: 12px;line-height: 18px;}
.popup_info p{ padding:3px 12px;}
.popup_info p.bar{
	background-color:#555;
	padding:3px;
	text-align:right;
	font-size: 12px;
}

.popup_info ul{margin:6px;}
.popup_info li {
	background: url(../images/ill_icon_li.gif) no-repeat 0px 4px;
	padding-left:15px;
	margin-bottom:2px;
}
.popup_info li a {color:#f0d8cc;text-decoration: underline;}

/*內頁左、右、全版標題h2,h3,h4*/
h2,h3,h4,h5{font-size: 16px; background:url(../images/bg_tit_line.gif) repeat-x bottom; height:27px; height:28px\9; }
h2{width:921px;}
h3{width:647px;}
h4{width:247px;}
h5{width:647px; background:none;}
h6{
	font-size: 15px;
	color: #fff;
	background: #4daeca;
	padding:6px 6px 6px 20px;
}
* html h6{padding:6px 6px 6px 20px;}

/*標題前的箭頭小圖示*/
.arrow_01,.arrow_02,.arrow_03{width:13px;height:13px; padding:0px; padding-right:13px;}
.arrow_01{background: url(../images/ill_tit_arrow.gif) 0px 4px no-repeat;}
.arrow_02{background: url(../images/ill_tit_arrow.gif) 0px -26px no-repeat;}
.arrow_03{background: url(../images/ill_tit_arrow.gif) 0px -56px no-repeat;}

/*---------------------------內容左邊區塊---------------------------*/
.L_w647{
	width:647px;
	margin:0px;padding:0px;
	float: left;
	clear:none;
	margin-left:18px;	
}
/*-------------------------------------------------------------------*/
* html .L_w647{margin-left:9px;}
/*-------------------------------------------------------------------*/

/*---------------------------內容右邊區塊---------------------------*/
.R_w269 {
	clear: right;
	float:right;
	width:247px;
	margin:0;
	padding-left:22px;
	margin-right:13px;
	background: url(../images/bg_shadow.gif) no-repeat 0px 0px;
}
* html .R_w269{margin-right:9px;}

.R_w269 ul{
	background-color:#f4f4f4;
	line-height: 22px;
	padding:10px;
}

/*---------------------------全版內容區塊---------------------------*/
.w_all{
	width:921px;
	margin:0px;padding:0px;
	float: left;
	clear:both;
	margin-left:18px;
}
* html .w_all{margin-left:9px;}
/*-------------------------------------------------------------------*/
.w_all p.fees_info{ margin:10px auto 10px auto; line-height: 22px;}
.w_all p.button{ background-color:#e0e0e0; text-align:center; padding:15px;}

.bg_f4f4f4{background-color:#f4f4f4;}
.bg_eaeaea{background-color:#eaeaea;}

/*02 L_職務分類一覽*/
.job_class dl{line-height: 22px;padding-top:10px;}
.job_class dl dt a.on{
	background-image: url(../images/ill_icon_on.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
    background-position: 0px 4px\9;
    padding-left:21px;
}
/*-------------------------------------------------------------------*/
* html .job_class dl dt a.on{background-position: 0px 0px;}
*:first-child+html .job_class dl dt a.on{background-position: 0px 0px;}
/*-------------------------------------------------------------------*/
.job_class dl dt a.off{
	background-image: url(../images/ill_icon_off.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	background-position: 0px 4px\9;
	padding-left:21px;
}
/*-------------------------------------------------------------------*/
* html .job_class dl dt a.off{background-position: 0px 0px;}
*:first-child+html .job_class dl dt a.off{background-position: 0px 0px;}
/*-------------------------------------------------------------------*/
.job_class dl dd{
	display:inline-block;
	margin-left:20px;
	width:300px;
}
/*-------------------------------------------------------------------*/
* html .job_class dl dd{display:inline;}
*:first-child+html .job_class dl dd{display:inline;}
/*-------------------------------------------------------------------*/
.job_class dl dt a{ color:#333333;}
.job_class dl dd a{ color:#0054a2;}

/*04 忘記帳號密碼--------------------------------------------------------------------*/
#box_vip,#box_wage{ width:450px; margin-top:18px;}

#box_vip dl{ background-color:#ebf9f2; height:250px;}
#box_wage dl{ background-color:#e3eef3;height:250px;}

#box_vip dt{background: url(../images/ill_tit_vip_member.gif) no-repeat top; height:70px; text-indent:-9999px;}
#box_wage dt{background: url(../images/ill_tit_wage_member.gif) no-repeat top; height:70px; text-indent:-9999px;}
#box_vip dd.txt{ text-align:center; color:#42831a;}
#box_wage dd.txt{ text-align:center; color:#2580a1;}
#box_vip dd,#box_wage dd{ padding:5px;}
#box_vip p.button{background: url(../images/bg_vip_member_bottom.gif) no-repeat bottom;}
#box_wage p.button{background: url(../images/bg_wage_member_bottom.gif) no-repeat bottom;}
#box_vip p.button,#box_wage p.button{text-align:center; padding-top:18px; padding-bottom:18px;}

/*欄位名稱
label{float: left;width:145px;text-align: right; margin-top:3px;}
*/
/*按鈕*/
.but_w70,.but_w250{
	border-style:none;
	cursor: pointer;
	height:32px;
	letter-spacing: 1px;
}
.but_w70{background: url(../images/button_h32.gif) 0px 0px no-repeat; width:70px;}
.but_w250{background: url(../images/button_h32.gif) 0px -50px no-repeat;width:250px;}


/*06 L_搜尋結果頁----------------------------------------------------------------*/
.cssbox_search { margin:0; padding:0; text-align:left; width:100%;}
.cssbox_search dl { padding-top:10px; padding-bottom:10px;line-height:22px;}
.cssbox_search dt {
	padding-top:5px;
	padding-bottom:10px;
	padding-left:20px;
	font-size: 15px;
	font-weight: bold;
}
.cssbox_search dd { 
	padding-left:20px;
}

/*虛線*/
.hr_line{
	background-image: url(../images/bg_hr_line.gif);
	background-repeat: repeat-x;
	background-position: 0px 10px;
}

/*看報告*/
.icon_report{ float:right; margin-right:13px; margin-top:-5px;}

/*頁碼*/
#paging { text-align:center; margin-bottom:15px; padding:3px 0;}
#paging p { padding-bottom:15px;}
#paging .pn {
	color: #000000;
	text-decoration: none;
	font-weight: normal;
}
#paging .on { color: #fff; font-weight: bold; background-color:#038bb3; padding:1px 2px;}
#paging a {color: #0066CC;text-decoration: underline;
}
#paging a:hover {color: #9933CC;text-decoration: none;}

/*07 職務薪資報告--------------------------------------------------------------------------*/

/*產業選單*/
#industry_menu {margin-top:20px;position: relative; }
#industry_menu ul{width:905px; margin:0; padding-left:15px; height:30px; border-bottom:1px #c8c8c8 solid;}
#industry_menu li{
	float:left;
	margin-right:1px;
	text-align:center;
	background-color:#f3f3f3;
	border:1px solid #c8c8c8;
	font-size:15px;
}

#industry_menu ul li a {display:block; height:auto; line-height:29px; padding:0 5px; color:#555555;}

#industry_menu ul li a:hover {color:#fff;text-decoration:none;background-color:#c8c8c8;}
#industry_menu ul li.on{ 
	background-color:#FFFFFF;
	height:29px;
	line-height:29px;
	padding:0 5px;
	border-bottom:1px solid #fff;
}
* html #industry_menu ul li { position:relative; top:1px;}

/*產業內文*/
.industry_box{
	width:893px;
	background-color:#FFFFFF;
	padding:20px 13px;

}
.industry_box p{ padding-bottom:5px;}

/*--------------------內容左邊區塊------------------*/
.L_w188{
	margin-bottom:20px;
	width:188px;
	float: left;
	clear:none;	
}

/*--------------------內容右邊區塊------------------*/
.R_w715 {
	margin-bottom:20px;
	clear: right;
	float:right;
	width:715px;
}
/*-------------------------------------------------*/

/*左邊職務、經驗、學歷分析選單*/
#L_menu_report ul { width:188px;}
#L_menu_report ul li {font-size: 16px;margin-bottom:6px; height:49px; line-height:45px; line-height:47px\9; font-weight: bold;color: #FFFFFF;text-indent:64px; }
#L_menu_report ul li a { display:block; color: #2d88a3; text-decoration: none; } 
#L_menu_report ul li a:hover {display:block;color: #0a617b;text-decoration: none;}
#L_menu_report ul li.menu_01 {         background: url(../images/bg_nav_report.gif) 0px 0px no-repeat; }
#L_menu_report ul li.menu_01 a:hover { background: url(../images/bg_nav_report.gif) -200px 0px no-repeat;}
#L_menu_report ul li.menu_01_on {      background: url(../images/bg_nav_report.gif) -400px 0px no-repeat;}

#L_menu_report ul li.menu_02 {        background: url(../images/bg_nav_report.gif) 0px -55px no-repeat;}
#L_menu_report ul li.menu_02 a:hover {background: url(../images/bg_nav_report.gif) -200px -55px no-repeat;}
#L_menu_report ul li.menu_02_on {     background: url(../images/bg_nav_report.gif) -400px -55px no-repeat;}

#L_menu_report ul li.menu_03 {        background: url(../images/bg_nav_report.gif) 0px -110px no-repeat;}
#L_menu_report ul li.menu_03 a:hover {background: url(../images/bg_nav_report.gif) -200px -110px no-repeat;}
#L_menu_report ul li.menu_03_on {     background: url(../images/bg_nav_report.gif) -400px -110px no-repeat;}


/*---------------------------方案說明頁左邊區塊-----------------------------------------------------------*/
.L_w691{
	width:691px;
	margin:0px;padding:0px;
	float: left;
	clear:none;
	margin-left:18px;	
}
/*-------------------------------------------------------------------*/
* html .L_w691{margin-left:9px;}


/*右邊下載區------------------------------------------------------------*/
.R_download {
	clear: right;
	float:right;
	width:214px;
	height:264px;
	margin-right:18px;
	margin-top:23px;
	background: url(../images/bg_download.gif) no-repeat 0px 0px;
	background-color:#FF0000;
	
}
* html .R_download{margin-right:9px;}

.R_download p{
	text-align:center;
	padding-bottom:5px;
	color:#252c1a;
	letter-spacing: 0px;
}
.R_download p.botton{ margin-top:108px; margin-bottom:15px;}

/*產業大類的職務清單*/
.industry_class ul{list-style-type: none;}
.industry_class li{
	display: inline-block;
	float:left\9;
	margin-left:20px;
	width:180px;
	text-align:left;
}
/*-------------------------------------------------------------------*/
* html .industry_class li{display:inline;}
*:first-child+html .industry_class li{display:inline;}
/*-------------------------------------------------------------------*/

/*更多產業大類另開說明視窗*/
.industry_more { background-color:#eee; width:100%; z-index: 4; font-family: Verdana, Arial, Helvetica, sans-serif; color:#333; font-size: 13px;border:1px solid #666666;}
.industry_more p{ padding:3px 12px;}
.industry_more p.bar{
	background-color:#666;
	padding:3px;
	text-align:right;
	font-size: 12px;
}

/*更多產業大類的清單*/
.industry_more ul{list-style-type: none; padding-top:10px; padding-bottom:10px;}
.industry_more li{
	display: inline-block;
	width:210px;
	margin-left:10px;
	padding-top:5px;
	padding-bottom:5px;
}
.industry_more li a{
	color:#000000;
}
/*-------------------------------------------------------------------*/
* html .industry_more li{display:inline;}
*:first-child+html .industry_more li{display:inline;}
/*-------------------------------------------------------------------*/

/*另開說明視窗*/
.popup_info_list { background-color:#eee; width:100%; z-index: 4; font-family: Verdana, Arial, Helvetica, sans-serif; color:#333; font-size: 13px;border:1px solid #666666;}
.popup_info_list p{ padding:3px 12px;}
.popup_info_list p.bar{
	background-color:#666;
	padding:3px;
	text-align:right;
	font-size: 12px;
}
.popup_info_list ul{list-style-type: none;}
.popup_info_list li{
	display: inline-block;
	margin-left:20px;
	width:190px;
	padding-top:5px;
	padding-bottom:5px;
}
/*-------------------------------------------------------------------*/
* html .popup_info_list li{display:inline;}
*:first-child+html .popup_info_list li{display:inline;}
/*-------------------------------------------------------------------*/

/*版權宣告------------------------------------------------------------------------------------------------------*/
#footer{width:956px;text-align:right;clear: both;}
#footer p{ margin:0px; padding:0px; padding-right:18px; padding-left:18px;}
#footer p.bg01 {
	height:32px;
	color:#555555;
	line-height: 32px;
	text-align:left;
	background: url(../images/bg_line_footer.gif) no-repeat top;
}
#footer p.bg02 {
	font-size: 11px;
	color: #677e83;
	line-height: 18px;
	padding-top:5px;
	padding-bottom:12px;
	letter-spacing: 1px;
}
#footer a{color: #555555;text-decoration: none;}
#footer a:hover{color: #000;text-decoration: none;}


.float_L { float:left;}
.float_R { float:right;}


.t_l{ text-align:left;}
.t_r{ text-align:right;}
.t_c{ text-align:center;}

.t_608990{ color:#608990;}
.t_f7f4be{ color:#f7f4be;}
.t_999999{color:#999999;}
.t_e12b2b{color:#e12b2b;}

.star {font-size:13px;color:#fda200;}
.t_b{font-weight: bold;}
.t_12{font-size: 12px;letter-spacing: 0px;}
.t_13{font-size: 13px;font-weight: normal;}


/*按鈕設定*/
.but60,.but60_popup,.but60_check,.but64_b{
	width:60px;
	height:22px;
	border-style:none;
	cursor: pointer;
	padding-top:0px;
	padding-top:5px\9;
	padding-bottom:3px;	
	font-size: 12px;
}
.but60{background:transparent url(../images/button_w60.gif) no-repeat;}
.but60_popup{background:transparent url(../images/button_w60_popup.gif) no-repeat; color:#dddddd;}
.but60_check{background:transparent url(../images/button_w60_check.gif) no-repeat; color:#ffffff;}

/*------------------表格類----------------------------------------------------*/
table{border-collapse:collapse;}


/*01 方案說明表格*/
.table_scheme{
	width:100%;
	letter-spacing: 0px;
	border-left:1px solid #c5cace;
	text-align:center;
	font-size: 12px;
	margin-bottom:15px;
}
.table_scheme th{
	background-color:#eef4f4;
	border-top:1px dotted #999999;
	border-bottom:1px dotted #999999;
	border-right:1px solid #c5cace;
	padding:8px 4px;
	font-weight: normal;
}
.table_scheme td{
	padding:8px 4px;
	border-bottom:1px solid #c5cace;
	border-right:1px solid #c5cace;
}
/*身份*/
.table_scheme td.status{ text-align:left; text-indent:12px;width:26%;}

/*費用*/
.table_scheme td.fees{ text-align:left; text-indent:12px;width:17%;}

/*免費*/
.t_free{background-color:#CC3300;color:#FFFFFF;font-size: 12px;padding:2px;margin-right:8px;}

/*付費*/
.t_fees{background-color:#40878C;color:#FFFFFF;font-size: 12px;padding:2px; margin-right:8px;}

.table_scheme a {
	color: #0066CC;
	text-decoration: underline;
}
.table_scheme a:hover{
	color: #6600CC;
	text-decoration: none;
}


/*報告表格*/
.table_report{
	width:100%;
	text-align:center;
}

.table_report th{
	background-color:#eef4f4;
	border-top:1px solid #c0c5c5;
	border-bottom:1px solid #c0c5c5;
	padding:8px;
}
.table_report th.tit,.table_report td.tit{ width:30%; text-align:left; padding-left:15px;}
.table_report th.industry,.table_report td.industry{ width:66%;text-align:left; padding-left:15px; }

.table_report td{
	padding:8px;
	border-bottom:1px solid #c5cace;
	vertical-align: middle;
}
/*說明*/
.info{ background-color:#f5f5f5; padding:10px; border:1px solid #d3d3d3; color:#777777;  margin-top:20px;}
.info p{ padding-bottom:4px;}
.t_b1dff1{ color:#b1dff1;}
.t_2397c5{ color:#2397c5;}


/*無權限說明*/
.none_authority{border:3px solid #91bed9; height:200px; padding:50px;}
.none_authority p{
	padding-bottom:4px;
	font-size:15px;
	line-height: 24px;
	text-align:center;
	letter-spacing: 2px;
	color:#3399CC;
	font-weight: bold;
}


/*03 會員註冊表格*/
.table_register{width:90%; margin:40px;}
.table_register th{ width:30%; font-weight: normal; text-align:right;}
.table_register td{ padding-bottom:4px;}
.m_l_0{ margin-left:0px;}
.m_t_20{ margin-top:20px;}

hr{border:0; border-bottom:1px #c8c8c8 solid; margin:10px auto; padding:auto;text-align:center; }
* html hr{height:1px;}
*:first-child+html hr{height:1px;}


/*問與答*/
.qa_box dl{
	width:921px;
	background-color:#FFFFFF;
	padding:20px 0px;
}
.qa_box dl dt{background:url(../images/ill_icon_q.gif) no-repeat 7px 7px;
	background-color:#f4f4f4;
	border-top:1px dotted #999999;
	border-bottom:1px dotted #999999;	
	font-weight: bold;
	padding:8px 8px 8px 35px ;	
	line-height: 18px;	
}
.qa_box dl dd{
	background:url(../images/ill_icon_a.gif) no-repeat 7px 7px;
	padding:8px 8px 8px 35px;
	line-height: 18px;		
}
.qa_box dl p{
	line-height: 20px;	padding-bottom:8px;
}
/*-------------------------------------------------*/



/*輸入框*/
.word_3,.word_5,.word_8,.word_12,.word{
	height:18px;
	border:1px solid #a5acb2;
	color:#555;
	padding-left:4px;
	line-height: 20px;
	line-height: 22px\9;
}
.word_3{ width:27px;}
.word_5{ width:45px;}
.word_8{width:72px;}
.word_12{width:84px;}
.word{ width:204px; width:206px\9;}
/*-------------------------------------*/
* html .word{ width:202px;}
*:first-child+html .word{width:202px;}
/*-------------------------------------*/


.t_left{ text-align:left;}
 
/*長條圖包外圍*/
.chart{ position:absolute; height:25px; z-index:1;margin-top:-8px; }
* html .chart{margin-top:-16px;}
*:first-child+html .chart{margin-top:-16px;}
 
/*長條圖淡藍底*/
.chart_box{sposition:absolute; height:16px; z-index:2;top:0px; background-color: #b1dff1;}
 
/*最低值數字*/
.minimum_tt{position:absolute; width:35px; height:16px; z-index:2; top:0px;}
 
/*最高值數字*/
.maximum_tt{position:absolute; width:35px; height:16px; z-index:2; top:0px;}
 
/*平均值深藍區段*/
.average_box{position:absolute;width:5px;height:16px;z-index:2; top:0px; background-color: #2397c5;}

/*訂購區------------------------------------------------------------*/
.buy{
	width:880px;
	border:1px solid #3399cc;
	margin-top:5px;
	margin-left:17px;
	margin-bottom:15px;
	padding:10px 20px;
	
}
* html .buy{width:879px;margin-left:9px; float:left;margin-bottom:0px;}
*:first-child+html .buy{width:879px;margin-left:18px; float:left;margin-bottom:0px;}

.buy p{
	color:#028bb3;
	font-size:16px;
	line-height: 26px;
	font-weight: bold;
	letter-spacing: 4px;
}