@charset "utf-8";
/* CSS Document */

a{ color:#157dc6; outline:none; text-decoration:none;}
a:hover{ text-decoration:underline;}

body{font: 13px/1.5 Verdana, Arial, Helvetica, sans-serif;margin:0; padding:0; color:#000;}

/*.buline{ border-bottom:5px solid #157dc6;}*/
.unline{ border-bottom:1px solid #e0e1e2;}
.dotline{border-bottom:1px dotted #E0E1E2;}
.midline{ border-right:#e0e1e2 1px solid; padding-right:8px;}
.red{ color:#e10012;}
.gray{ color:#676767;}
.blue{ color:#157dc6;}
.txt15{ font-size:15px;}
.txt116{ font-size:116%;}
.clearboth{clear:both;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

#toplink{width: 100%;position:fixed;top:0px;left:0px;z-index:998;}

#wrap{ width:990px; margin:0 auto; /*margin-top:-28px;*/}
#header{ height:66px;line-height:76px; margin-top:28px;}
#header h1{float:left; }
#header h1 a {
    background: url('/images102/logo0504.png') no-repeat scroll 15px 15px transparent;
    display: block;
    height: 66px;
    width: 180px;
    text-indent: 100%; overflow:hidden; white-space:nowrap;
	z-index:998;
}
#header p{ float:left; margin-left:50px; letter-spacing:1px;}
#content{ padding-top:10px;}
#header .index_flash{width:990px; height:76px; float:left;margin-top:-66px;}
#home2013_topBanner {z-index:996;}



/* sider */
#sider{ width:200px; float: left;}

#subNav{ width:198px; border:#e0e1e2 1px solid;background-color:#FFFFFF; }
#subNav .hd{ background-color:#e2f7ff; border-bottom:#0075d3 3px solid; height:28px; line-height:28px;width:198px;}
#subNav .hd h2{ background-image: url(/images102/icon.png);background-position: 0 -230px;float: left;margin-left: 2px;overflow: hidden;text-indent: -9999px;width: 72px;}
#subNav .hd a{ float:right; padding-right:10px;}
#subNav .hd img{margin-top:8px;}
#subNav .btm{ background-color:#e2f7ff; border-top:#0075d3 3px solid; height:28px; line-height:28px;width:198px;}
#subNav .btm a{ float:right; padding-right:10px;}
#subNav .btm img{margin-top:8px;}
#subNav .used{ line-height:1.6em; text-align:center;border-bottom:#e0e1e2 1px solid;}
#lastclick {background:url('/images102/bg_lastclick.png') left top repeat-x;}

#subNav  li{ line-height:1.6em;padding-left:5px;overflow:hidden;}
#subNav .left{float:left; padding-left:7px;padding-top:5px; width:85px; background: #F7FAFC;}
#subNav .left ul{}
#subNav .left .student{}
#subNav .left .sale{}
#subNav .left .area{}
#subNav .left .hr{}

#subNav .right{ float:left; padding:5px 5px 0px 7px; width:85px; background: #F7FAFC;}
#subNav .right ul{}
#subNav .right .ol{}
#subNav .right .person{}
#subNav .right .otherA{}
#subNav .right .otherB{}
.boxshadow {
	box-shadow: 0 1px 2px #333333;
}

.lsp4{letter-spacing:5px;float:left;white-space: nowrap;}
.lsp3{letter-spacing:15px;float:left;white-space: nowrap;}
.lsp2{letter-spacing:45px; float:left;white-space: nowrap; }

#innerAD{margin-top:5px; border:1px solid #0075D3;}

#jobNice {border:#E0E1E2 1px solid; width:198px;margin:15px 0;}
#news{ height:410px;height:442px\9; max-height:442px; overflow:hidden;}
#news .newscontent a{width:190px;display:inline-block;overflow:hidden;text-overflow:ellipsis;}
#news { border:#e0e1e2 1px solid; width:198px; margin:10px 0;}
#jobNice .hd{background-color:#fff6d9; border-bottom:#ff6c00 3px solid; height:28px; line-height:28px;width:198px;}
#jobNice .hd h2{ background-image: url(/images102/icon_0125.png);background-position: 0 0;background-repeat: no-repeat;text-indent: -9999px;width: 158px;float: left;}
#jobNice .hd a{  float:right;font-size:12px;line-height:28px;padding-right:6px;text-align:left; color:#ff6c00;}
#jobNice .case, #news .case{ padding:8px 5px;}
#jobNice .dotline{border-bottom:1px dashed #ff6c00;}
#jobNice .case li, #news .case li, #service .case li{ display:block; line-height:1.8; }/*Agnes*/
#jobNice .case .name{ background-image: url(/images102/icon.png); background-position: -2px -79px; float: left; padding-left: 10px;}
                     /*overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 6em;*/
#jobNice .case .job{ float: right; padding-right: 4px; text-align: right;color:#676767;}
                     /*overflow: hidden; text-overflow: ellipsis;white-space:nowrap; width: 7em;*/
#jobNice .case .txt{
  padding-left:10px;
 width:178px;
 height:46px;
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
}
#jobNice .case a:link{ color:#157dc6;text-decoration:none;}
#jobNice .case a:hover{ color:#157dc6;text-decoration:underline;}
#jobNice .case a:active{ color:#157dc6;text-decoration:underline;}
#jobNice .case a:visited{ color:#157dc6;text-decoration:none;}
/* ie */
#jobNice .case .name{*background-position: -2px -82px;}


#news .newscontent{padding:5px;padding:9px 5px 9px\9;*padding:3px 5px 2px;line-height:1.7;line-height:1.8\9;*line-height:1.8;}
#news p{padding-bottom:5px;color:#676767;}
#news .hd{background-color:#e5fffe; border-bottom:#00b7de 3px solid; height:28px; line-height:28px;width:198px;}
#news .hd h4 {background-image: url(/images102/icon.png);background-position: 0 -28px;background-repeat: no-repeat;text-indent: -9999px;width: 158px;float: left;}
#news .hd a{  float: right;font-size: 12px;line-height: 28px;padding-right: 6px;text-align: left;}

#APP{ border:#e0e1e2 1px solid; width:198px; margin: 5px 0px 8px 0px;padding:10px 0px 5px 0px;}
#APP {text-align:center;}
                      

/* ----------------------------------by Agnes star-------------------------------------- */
/* main */
#main{ width:784px; float:left; margin:0 0 0 6px;-margin:0 0 0 3px;}
#main #mainContent{}
#mainSearch{overflow: hidden; width:578px; float:left;}
.searchButton{ background:url(/images102/searchButton.png) no-repeat;background-position:top; width:60px; height:28px; border:none; text-indent:-9999px;}
.jobSearchButton{ background:url(/images102/searchButton_JOB.png) no-repeat;background-position:top; width:60px; height:28px; border:none; text-indent:-9999px;}
.corpSearchButton{ background:url(/images102/searchButton_LTD.png) no-repeat;background-position:top; width:60px; height:28px; border:none; text-indent:-9999px;}
#mainSearch input[type="text"], #mainSearch input[type="select"]{ border:1px solid #b1b1b1;box-shadow: 0 1px 2px #d6d6d6 inset; padding:2px; height:22px; color:#333;}
#mainSearch input[type="select"]{background-image: url(/images/arrow.gif);background-position: right center;background-repeat: no-repeat;cursor: pointer;font-size: 13px;}

/* subR */
#subR{ width:200px; float:right;}
#login{ overflow:hidden; margin-bottom:2px;}
/*#login ul li{ width:100px; height:42px; text-indent:-9999px; float:left;background:url(/images102/icon.png) 0 -110px no-repeat;}
#login ul li.job{background-position:0 -110px; cursor:pointer;}
#login ul li.recruit{ background-position:-100px -110px; cursor:pointer;}
#login a{display:block;width:96px;height:57px;border:0;}*/
#login ul li{text-indent:-9999px; display:inline;}
#login ul li a{width:100px; height:43px;float:left; display:block; background:url(/images102/tabs.png) no-repeat;}
#login ul li.job a{background-position:0 0;}
#login ul li.recruit a{ background-position:-100px 0;}
#login ul li.job a:hover{background-position:0 -44px;}
#login ul li.recruit a:hover{ background-position:-100px -44px;}
.promote{ /*background:url(/images102/icon.png) 0 -154px no-repeat; height:64px; padding:3px 10px;*/ margin:5px 0; cursor:pointer;}

/*search*/
.arrowbtn{padding-right: 20px;text-overflow: ellipsis;cursor: pointer; background: url(/images/arrow.gif) no-repeat 98% center;}
.searchbar {width: 120px;height:22px;line-height:22px;border: 1px solid #999;padding:0px 3px 0px 5px;vertical-align:middle;background-color:#FFFFFF;}
.searchbarTxt {width: 200px;height:22px;line-height:22px;border: 1px solid #999;padding:0px 3px 0px 5px;vertical-align:middle;background-color:#FFFFFF;margin-right:5px;}
#shK1,#shK2,#shK3,#shK4{float:left;}
.searchbar_warp select{height:28px;margin-right:5px;border: 1px solid #999;vertical-align:top;font-size:13px;line-height:28px;padding-top:4px;padding-bottom:4px;padding-right:1px;}
.searchbar_warp select option{height:28px;font-size:15px;margin:5px;line-height:28px;}
#mapgrp {padding-right:5px;}
#mrtCht,#schoolCht,#stationCht {margin-right:5px;}
#srhMapGroupItems li,#mrtAreaItems li,#mrtItems li,#schItems li,#trainItems li{cursor:pointer;}
.itemIndent{text-indent:13px;}
.jobsearchinput{ width:92px;}

/* service */
#ActiveNotice{border:#e0e1e2 1px solid; width:198px; margin-top: 15px;}
#ActiveNotice .hd{background-color:#e5fffe; border-bottom:#00b7de 3px solid; height:28px; line-height:28px;width:198px;}
#ActiveNotice ul { padding:7px 10px;}
#ActiveNotice li { line-height:23px;}
#ActiveNotice .hd h2{ background: url(/images102/icon.png) 0 -56px no-repeat;display: block;text-indent: -9999px;}
/* ----------------------------------by Agnes end-------------------------------------- */
.kindMenus1,.kindMenus2,.kindMenus3,.kindMenus4{height:220px;}
.kindMenus4 li{float:left;padding:2px;}

/* mainAD */
#mainSearch #mainAD{ background-color: #CCCCCC; height: 85px; margin: 5px 0;}
 
/* 知名企業 */
#main #famous{background-color:#e4f8ff; border:#e0e1e2 1px solid; width:784px; clear: both;}
#famous .hd{ background-image:url(/images102/hd.png); width:784px; height:28px; border-bottom:3px solid #0075D3; line-height: 28px;}
#famous .hd h2{  background-image: url(/images102/icon.png);background-position: 0 -258px;float: left;margin-left: 4px;overflow: hidden;text-indent: -9999px;width: 72px;}
#famous .hd a{  float: right;font-size: 12px;line-height: 28px;padding-right: 6px;text-align: left;}
#famous ul{ margin-top:10px;}
#famous ul li{ display:block; float:left; padding-bottom: 8px; padding-left: 30px;}

/* 發燒企業 */
#main #coTimeFree{ margin:15px 0; width:786px;}
#coTimeFree #co{border:1px solid #e0e1e2 ; width:388px; float:left;}

#coTimeFree #co .hd{background-image: url(/images102/hd.png);border-bottom: 3px solid #0075D3;height: 28px; line-height:28px; }
#coTimeFree #co h2{background-image: url(/images102/icon.png);background-position: 0 -288px;
float: left;margin-left: 4px;overflow: hidden;text-indent: -9999px;width: 72px;}
#coTimeFree #co h2 a{color:#000; /*padding:0 10px;*/}

#coTimeFree #co .hd .more, #coTimeFree #TimeFree .hd .more{float: right;font-size: 12px;line-height: 28px;padding-right: 6px;text-align: left;}
/*
#coTimeFree #co .boxL{ float:left; padding: 13px 0 14px 15px;}
#coTimeFree #co .boxR{ float:left; padding: 13px 0 14px 15px;}
#coTimeFree #co .boxL li, #coTimeFree #co .boxR li{ line-height: 1.8;list-style: disc inside none;padding-left: 2px;}
*/
#coTimeFree #co .boxL{float:left; padding: 8px 0 8px 15px;}
#coTimeFree #co .boxR{float:left; padding: 8px 0 8px 26px;}
#coTimeFree #co .boxL ul{width:182px;}
#coTimeFree #co .boxL li, #coTimeFree #co  .boxR li{line-height: 1.8;list-style: disc inside none;padding-left: 2px;color:#676767;}
#coTimeFree #co .boxL span, #coTimeFree #co  .boxR span{padding:4px; color:#e10012;}
#coTimeFree #co .boxL li a,#coTimeFree #co  .boxR li a{ color:#676767;}
#Coimg {margin-top:5px;}
#Coimg div{margin-left:-1px;}
#coTimeFree #co img{ border:#CCC solid 1px;}

/* 限時回應｜免經驗 頁籤 */
#coTimeFree #TimeFree{border:#e0e1e2 1px solid; width:388px; float:right;}
#coTimeFree #TimeFree .hd{background-image: url(/images102/hd.png);border-bottom: 3px solid #0075D3;height: 28px; line-height:28px; }
#coTimeFree #TimeFree .hd h2{ float:left;line-height:28px; color: #000000;}

#coTimeFree #TimeFree .hd h2 a{ display:block;
/*margin-left:-1px;border-right: 1px solid #e0e1e2;border-left:1px solid #e0e1e2;
padding:0 10px; */}

#coTimeFree #TimeFree .hd h2 a:hover{ 
    border-right: 1px solid #e0e1e2;
	/*border-left:1px solid #e0e1e2;*/}

#coTimeFree #TimeFree .hd h2 a.timeA{
	background-image: url(/images102/timefree.png);
    background-position: 0 -33px;
    overflow: hidden;
    text-indent: -9999px;
    width: 86px;}


#coTimeFree #TimeFree .hd h2 a:hover.timeA, #coTimeFree #TimeFree .hd h2 a.timeA.on{
	background-image: url(/images102/timefree.png);
    background-position: 0 -66px;
	border-bottom:3px solid #FFF;
	border-right: 1px solid #e0e1e2; /*border-left:1px solid #e0e1e2;*/
    overflow: hidden;
    text-indent: -9999px;
    width: 86px;}

#coTimeFree #TimeFree .hd h2 a.freeA{
	background-image: url(/images102/timefree.png);
    background-position: 114px -33px;
    overflow: hidden;
    text-indent: -9999px;
    width: 70px;}

#coTimeFree #TimeFree .hd h2 a:hover.freeA, #coTimeFree #TimeFree .hd h2 a.freeA.on{
	background-image: url(/images102/timefree.png);
    background-position: 114px -66px;
	border-bottom:3px solid #FFF;
	border-right: 1px solid #e0e1e2;border-left:1px solid #e0e1e2;
    overflow: hidden;
    text-indent: -9999px;
    width: 70px;}
	
#coTimeFree #TimeFree .closeBox{ display:none;}
#coTimeFree #TimeFree .mL8{ margin-left:8px;}

#coTimeFree #TimeFree .boxL{float:left; padding: 7px 0 10px 15px;}
#coTimeFree #TimeFree .boxR{float:left; padding: 7px 0 10px 15px;}
#coTimeFree #TimeFree .boxL ul{width:182px;}
#coTimeFree #TimeFree .boxL li, #coTimeFree #TimeFree .boxR li{ line-height: 1.8;list-style: disc inside none;padding-left: 2px;color:#676767;}
#coTimeFree #TimeFree .boxL span, #coTimeFree #TimeFree .boxR span{ padding:0 4px;}
/* ie */
/*
#coTimeFree #TimeFree .boxL{padding: 4px 10px 4px 12px\0; *padding: 10px 10px 14px 12px;}
#coTimeFree #TimeFree .boxR{padding: 4px 0 4px 6px\0; *padding: 10px 0 10px 6px;}
*/
#coTimeFree #TimeFree .boxL span, #coTimeFree #TimeFree .boxR span{padding:0 4px; color:#e10012;}
#coTimeFree #TimeFree .boxL li a,#coTimeFree #TimeFree .boxR li a{ color:#676767;}



/* 熱門職缺 */
#main #hotSos{margin:15px 0; width:786px;}
#hotSos #hot{border:#e0e1e2 1px solid; width:388px; float:left;}
#hotSos #hot .hd{background-image: url(/images102/hd.png);border-bottom: 3px solid #0075D3;height: 28px; line-height:28px; }
#hotSos #hot h2{ 
    background-image: url(/images102/icon.png);
    background-position: 0 -315px;
    float: left;
    margin-left: 4px;
    overflow: hidden;
    text-indent: -9999px;
    width: 155px;}
#hotSos #hot .boxL{float:left; padding: 8px 0 8px 15px;}
#hotSos #hot .boxR{float:left; padding: 8px 0 8px 26px;}
#hotSos #hot .boxL ul{width:182px;}
#hotSos #hot .boxL li, #hotSos #hot .boxR li{line-height: 1.8;list-style: disc inside none;padding-left: 2px;color:#676767;}
/* ie */
/*#hotSos #hot .boxL{padding: 8px 10px 9px 15px\0;}
#hotSos #hot .boxR{padding: 8px 0 9px 11px\0;}*/
#hotSos #hot .boxL span, #hotSos #hot .boxR span{padding:0 4px; color:#e10012;}
#hotSos #hot .boxL li a,#hotSos #hot .boxR li a{ color:#676767;}


/* 千大企業 */
#hotSos #Sos{border:#e0e1e2 1px solid; width:388px; float:right;}
#hotSos #Sos .hd{background-image: url(/images102/hd.png);border-bottom: 3px solid #0075D3;height: 28px; line-height:28px; }
#hotSos #Sos h2{
	background-image: url(/images102/icon.png);
    background-position: 0 -342px;
    float: left;
    margin-left: 4px;
    overflow: hidden;
    text-indent: -9999px;
    width: 155px;}
#hotSos #Sos .boxL{float:left; padding: 7px 0 10px 15px;}
#hotSos #Sos .boxR{float:left; padding: 7px 0 10px 15px;}
#hotSos #Sos .boxL ul{width:182px;}
#hotSos #Sos .boxL li, #hotSos #Sos .boxR li{line-height: 1.8;list-style: disc inside none;padding-left: 2px;color:#676767;}
#hotSos #Sos .boxL span, #hotSos #Sos .boxR span{padding:0 4px; color:#e10012;}
#hotSos #Sos .boxL li a,#hotSos #Sos .boxR li a{ color:#676767;}

/* other */
#main #other{ margin-top:15px; width:786px;}

/* 職涯規劃、進修中心 */
#other #plan, #other #join{ margin-bottom:10px;}
#other #plan, #other #study{ border:#e0e1e2 1px solid; width:388px; float:left; height:165px;overflow:hidden;}
#other #plan .hd, #other #study .hd{background-image: url(/images102/hd.png);border-bottom: 3px solid #7bcc5e; background-position: 0 -28px;height: 28px; line-height:28px;}

#other #plan h3 a{
	background-image: url(/images102/icon.png);
    background-position: 0 -370px;
    float: left;
    margin-left: 4px;
    overflow: hidden;
    text-indent: -9999px;
    width: 72px;}
	
#other #study h3 a{
	background-image: url(/images102/icon.png);
    background-position: 0 -426px;
    float: left;
    margin-left: 4px;
    overflow: hidden;
    text-indent: -9999px;
    width: 72px;}
#other #plan .boxL, #other #study .boxL{float:left; padding: 14px 0 14px 15px;}
#other #plan .boxR, #other #study .boxR{float:left; padding: 15px 0 15px 20px;width:190px\9;}
#other #plan .boxL img, #other #study .boxL img{ border:1px solid #CCC; padding: 2px;}
#other #plan .boxR li, #other #study .boxR li{line-height: 1.8;list-style: disc inside none;padding-left: 4px;padding-left: 0px\9;white-space:nowrap;overflow:hidden;width:182px;}

/* 創業加盟、特惠王 */
#other #join, #other #sale{ border:#e0e1e2 1px solid; width:388px; float:right; height:165px;overflow:hidden;}
#other #join .hd, #other #sale .hd{background-image: url(/images102/hd.png);border-bottom: 3px solid #7bcc5e; background-position: 0 -28px;height: 28px; line-height:28px;}

#other #join h3 a{background-image: url(/images102/icon.png);
    background-position: 0 -398px;
    float: left;
    margin-left: 4px;
    overflow: hidden;
    text-indent: -9999px;
    width: 72px;}
	
#other #sale h3 a{background-image: url(/images102/icon.png);
    background-position: 0 -454px;
    float: left;
    margin-left: 4px;
    overflow: hidden;
    text-indent: -9999px;
    width: 72px;}
#other #join .boxL, #other #sale .boxL{float:left; padding: 14px 0 14px 15px;}
#other #join .boxR, #other #sale .boxR{float:left; padding: 15px 0 15px 20px;width:190px\9;}
#other #join .boxL img, #other #sale .boxL img{ border:1px solid #CCC; padding: 2px;}
#other #join .boxR li, #other #sale .boxR li{line-height: 1.8;list-style: disc inside none;padding-left: 2px;width: 182px;}
#other .boxL li,#other .boxR li{color:#157dc6;}

/*共用的footer
------------------------------------------------*/
#adcontainer{font-size:0px; /*此為解決空的div他的指定高度ie5,6顯示結果不一，及圖片下方有空白*/text-align:center;}
#footer_nav {text-align:center;}
#footer_infowrap {border-top: 1px solid #e1e1e1;font-family:Tahoma;	font-size:12px;}
#footer_bluelinewarp {border-top: 3px solid #014fa2;margin-top:2px;text-align:center;}
#footer_info {text-align:center;padding-top: 10px;margin:auto;width:100%;position:relative;}
#footer_info a img{ vertical-align:middle; cursor:pointer;}
.contactbtn{width:60px;height:21px;vertical-align: middle;}
#contact_info{padding:5px;border: 1px solid #909090;background-color: #5A5A5A;position:absolute;visibility: hidden;	z-index:2;bottom:9px;left:608px;top:-122px;text-align:left;	line-height:18px;width:200px;height:177px;font-family:Tahoma;font-size:11px;}
#contact_info a{color:#9DCEFF;font-size:11px;}
.closetips_dark {background:url(../images100/all_ui.gif) -348px -73px;width:11px;height:11px;margin:5px;overflow:hidden;}
.closetips_dark a{width:11px;height:11px;display:block;}
#seo_link{text-align:center;color:#666;margin-top:10px;}
#seo_link li{display:inline-block;height:22px;padding:0 8px 0 15px;}
#seo_link li a{color:#666;}
/*找工作找人才
------------------------------------------------*/
/*共用的文字色彩及樣式------------------------------------------------*/
.size15px{/*font-size:0.95em;*/font-size:15px;}
.size13px {/*font-size:0.8em;*/font-size:13px;font-size:12px\9;}
.size12px {/*font-size:0.75em;*/font-size:12px;}
.gray4b {color:#4b4b4b;}
.gray333 {color:#333;}
.gray666 {color:#666;}
.gray999 {color:#999;}
.grayCE {color:#CECECE;}
.strong {font-weight: bolder;}
.normal {font-weight: normal;}
.white {color: #FFF;}
.brown {color:#66391f;}
.brown h3{font-weight:bold;}
.blue {color:#005281;}
.gray{color:#6f6f6f;}
.gray h3{font-size:13px;padding-left:8px;background:url(../images100/bg_worktitle.gif) -2px 6px no-repeat;width:69px;height:23px;margin-bottom:5px;}
.red {color:#F00;}
.lightblue {color:#9DCEFF;}
.darkblue {color:#039;}
.orange{color:#F60;}
.green{ color:#5f7819;}
.leftfloat{float:left;}
.rightfloat{float:right;}
/*全網預設連結樣式
------------------------------------------------*/


#Jmarquee{
background: #2E2E2E;
line-height: 24px;
height: 24px;
margin: 0;
padding: 0;
color: #FFF;
}
#a td,#b td{padding-left:10px;}