body { font-size: 13px; margin-top:2px; color:#666; background-image:url(../img/bg.gif); font-family:Verdana,Arial,Helvetica,sans-serif; } address { font-style:normal; } div#captcha { background:url(../web/captcha); width:200px; height:60px; float:left; } a, a:active, a:link, a:visited { color:#666; text-decoration:none; } a:hover { color:#f60; } h3 { color:#f60; font-weight:bold; font-size:15px; line-height:20px; } a.subscribe, a.map { color:#f60; } span.error { color:red; display:block; clear:both; } div.body form.message { text-align:center; display:block; width:580px; } p.message { line-height:16px; margin-bottom:10px; text-align:center; } .block { border:solid 2px #c2c2c2; width:580px; padding:2px; } .block span { float:left; width:200px; line-height:16px; margin-bottom:5px; } .block .summary { display:block; clear:both; margin-top:4px; } .block .summary p, .block .summary a, .block .summary span { float:none; display:inline; margin:0px; } .block.article-summary { height:130px; padding:10px 2px; } img.hr { width:470px; height:3px; display:block; margin:5px 0px 3px 0px;} span.label { float:left; clear:left; width:auto; margin-right:5px; } div.border-top, div.border-bottom { width:903px; clear:both; margin:auto; } div.border-top { background-image:url(../img/main-bdr-top.gif); height:13px; } div.border-bottom { background-image:url(../img/main-bdr-bottom.gif); height:11px; clear:both; } .block img.article-image { width:97px; float:left; margin-right:5px; } .block div.article-info { float:left; width:470px; } .block div.article-info h3 a { color:#f60; font-size:15px; line-height:20px; } .block div.article-info span { width:250px; } .block div.article-info span.label { width:auto; } .block div.article-info div.summary { line-height:18px; } .block div.article-info div.summary a { font-weight:bold; } .block div.article-info a.reply-post { color:blue; } .retirement .block div.article-info span { width:auto; } .retirement .block div.article-info span.speaker-label { clear:none; padding-left:3em; } #header, #main { width:915px; margin:auto; background-color:white; } #main { padding-bottom:20px; } #footer { text-align:center; clear:both; color:#630; } #main div.content { width:875px; clear:both; background-color:white; border-right:solid 2px #fff076; border-left:solid 2px #fff076; padding:5px 12px; margin:auto; } #main div.body { float:left; z-index:1; } #main div.side { width:269px; float:right; margin-left:10px; } div.content li { padding:5px 0px; } #footer a { padding: 0px 5px; } #footer a, #footer a:active, #footer a:link, #footer a:visited { color:#630; } #footer ul { margin: 20px; } #footer li { display:inline; border-left:solid 1px #630; } #footer li:first-child { border:none; } #footer address { display:inline; } #footer .copyright { display:block; margin:20px; } #header img { float: left; } #header div { float: left; } #header div.body { float:none; clear:both; color:#630; } #header div.body a, #header div.body a:active, #header div.body #header a:link, #header div.body a:visited { color:#630 } #header li { list-style-type:none; float:left;} #header a.tab { float:left; height:29px; } #header a.tab.career { width:100px; background-image:url(../img/hdr-tab-career.gif); } #header a.tab.lohas { width:97px; background-image:url(../img/hdr-tab-lohas-ov.gif); } /*銀色顉袖*/ #header a.tab.senior { width:115px; background-image:url(../img/yinlin.gif); } /*愛在告別107.10.31*/ #header a.tab.farewell { width:115px; background-image:url(../img/farewell.gif); } #header a.tab.expertsDispatch { width:99px; background-image:url(../img/hdr-tab_expertsDispatch.jpg); } #header form { margin: 5px 0px 0px 5px; width:300px; float: left;} #header ul.guide { margin-left: 500px; } #header ul.guide li { line-height: 29px; } #header ul.guide a { border-right:solid black 1px; padding: 0px 5px;} #header ul.guide span { float:left; padding-left: 5px; } #header ul.guide a.toggle { float:left; border:none; padding:0px; margin-left:5px; width:23px; height:23px; } #header ul.guide a.toggle.large { background-image:url(../img/hdr-btn-tgl-l.gif); } #header ul.guide a.toggle.medium { background-image:url(../img/hdr-btn-tgl-m.gif); } #header div.member {background-image:url(../img/hdr-bg-member.gif); width:322px; height:66px; padding:45px 0px 0px 0px; } #header ul.member a { padding: 0px 5px; } #header ul.member li { border-left: solid black 1px; } #header ul.member li:first-child { border: none; } #header div.border-left { background-image:url(../img/hdr-bdr-left.gif); width:11px; height:188px; } #header div.border-right { background-image:url(../img/hdr-bdr-right.gif); width:10px; height:188px; } #header div.logo { background-image:url(../img/hdr-logo.gif); width:304px; height:111px; } #header a.logo { display:block; width:144px; height:111px; } #header div.slide { width:60px; padding-top:14px; } #header div.slide image { width:60px; height:60px; } #header div.slide-separator { height:74px; } #header div.slide.p1 {background-image:url(../img/hdr-bg-slide1.gif); } #header div.slide-separator.p1 {background-image:url(../img/hdr-slide-sp1.gif); width:10px; } #header div.slide.p2 {background-image:url(../img/hdr-bg-slide2.gif); } #header div.slide-separator.p2 {background-image:url(../img/hdr-slide-sp2.gif); width:9px; } #header div.slide.p3 {background-image:url(../img/hdr-bg-slide3.gif); } #header div.slide-separator.p3 {background-image:url(../img/hdr-slide-sp3.gif); width:8px; } #header div.slide.p4 {background-image:url(../img/hdr-bg-slide4.gif); } #header div.be-give-enjoy {background-image:url(../img/hdr-bg-be-give-enjoy.gif); width:267px; height:37px; clear:left; } #header ul.menu a { display:block; height: 48px; background:url(../img/mnu-lohas.gif); } #header ul.menu a.index { width:89px; } #header.lohas ul.menu a.index, #header ul.menu a.index:hover { width:82px; background-position:bottom left; } #header ul.menu a.wed-forum { background-position:-86px 0px; width:105px; } #header.wedForum ul.menu a.wed-forum, #header ul.menu a.wed-forum:hover { background-position:-86px 48px;} #header ul.menu a.grand-story { background-position:-198px 0px; width:198px; } #header.grandStory ul.menu a.grand-story, #header ul.menu a.grand-story:hover { background-position:-198px 48px; } #header ul.menu a.evnet { background-position:-395px 0px; width:96px; } #header.event ul.menu a.evnet, #header ul.menu a.evnet:hover { background-position:-395px 48px; } #header ul.menu a.retirement { background-position:-489px 0px; width:167px; } #header.retirement ul.menu a.retirement, #header ul.menu a.retirement:hover { background-position:-489px 48px; } #header ul.menu a.lohas-forum { background-position:-655px 0px; width:111px; } #header.lohasForum ul.menu a.lohas-forum, #header ul.menu a.lohas-forum:hover { background-position:-655px 48px; } #header ul.menu a.links { background-position:-766px 0px; width:127px; } #header.lohasLinks ul.menu a.links, #header ul.menu a.links:hover { background-position:-766px 48px; } #header ul.menu li.banner-backg { background:url(../img/mnu-lohas-bg.png); width:325px; } #header div.career { background:url(../img/hdr-career-bg1.jpg) no-repeat; background-position: top right; } #header .career a.tab.career { width:97px; background-image:url(../img/hdr-tab-career-ov.gif); } #header .career a.tab.lohas { width:100px; background-image:url(../img/hdr-tab-lohas.gif); } #header .career a.tab.expertsDispatch { width:99px; background-image:url(../img/hdr-tab_expertsDispatch.jpg); } #header .i5070 a.tab.career { width:100px; background-image:url(../img/hdr-tab-career.gif); } #header .i5070 a.tab.lohas { width:100px; background-image:url(../img/hdr-tab-lohas.gif); } #header .i5070 a.tab.expertsDispatch { width:99px; background-image:url(../img/hdr-tab_expertsDispatch.jpg); } div#slideBlock { width:589px; padding-top:33px; background-image:url(../img/title-slide-wed-forum.gif); background-repeat:no-repeat; display:block; overflow:hidden; } div#slideBlock li { width:130px; height:32px; padding-top:14px; font-weight:bold; background-color:#efefef; border:solid 1px #c2c2c2; text-align:center; float:left; clear:left; overflow:hidden; } div#slideBlock div.slide-block { display:none; float:right; } div#slideBlock div.block { overflow:hidden; width:440px; height:152px; padding:2px 5px 0px 5px; border:solid 2px #ccc; } div#slideBlock div.block img.hr { width:220px; } div#slideBlock div.block div.article-info { width:235px; } div#slideBlock.slide-block-0 div.slide-block-0 { display:block; } div#slideBlock.slide-block-1 div.slide-block-1 { display:block; } div#slideBlock.slide-block-2 div.slide-block-2 { display:block; } div#slideBlock img.article-image { width:200px; } div#slideBlock div.article-info span { width:190px; background:white; } div#slideBlock div.article-info span.label { width:auto; } div#slideBlock div.article-info span.label-date { display:none; } div.article-info span.event-time, div#slideBlock div.article-info span.event-time { width:auto; padding-right:0.2em; } ul.article-summary-list { padding-top:33px; background-image:url(../img/title-block-event.gif); background-repeat:no-repeat; margin-top:20px; } ul.article-summary-list li { background-image:url(../img/dot.gif); background-repeat:repeat-x; background-position:bottom left; line-height:20px; width:580px; clear:both; } ul.article-summary-list li span { margin:10px; } ul.article-summary-list li a { float:left; } ul.article-summary-list li a.register { background:url(../img/btn-register.gif); width:83px; height:23px; } ul.article-block-group { padding-top:33px; } ul.article-block-group.retirement { background:url(../img/title-retirement.gif) no-repeat; } ul.article-block-group.grandStory { background:url(../img/title-grand-story.gif) no-repeat; } ul.article-block-group.wedForum { background:url(../img/title-wed-forum.gif) no-repeat; } ul.article-block-group.workForum { background:url(../img/title-work-forum.png) no-repeat; } /*企業廠商、求職會員 yuki add 106.03.08 */ ul.business2-block-group.firm { background:url(../img2/title-user.jpg) no-repeat; } ul.uretiree1-block-group.steed1 { background:url(../img2/title-user1.jpg) no-repeat; } div.popular-article-list { float:left; padding-top:35px; background:url(../img/title-block-pop.gif) no-repeat; width:294px; margin:20px 5px 0px 0px; } div.popular-article-list ul { float:left; width:175px; height:154px; padding:2px; } div.popular-article-list li { background-image:url(../img/bullet-blue-square.gif); background-repeat:no-repeat; background-position:0% 30%; margin:7px 0px; } div.popular-article-list li a { padding-left:15px; } div.popular-article-list img { float:left; margin-right:4px; width:104px; } div.popular-article-list div.border { border: solid 1px #ccc; padding:2px; } div.speaker-summary { float:left; margin-top:20px; padding-top:35px; background-image:url(../img/title-block-speaker-summary.gif); background-repeat:no-repeat; width:290px; line-height:20px; } div.speaker-summary div.border {border:solid #ccc 1px; padding:2px; } div.speaker-summary img { width:104px; margin-right:2px; float:left; } div.speaker-summary div.description { width:162px; height:154px; padding:2px; float:left; } div.speaker-summary div.summary p { display:inline; } div.quick-list { padding-right:15px; margin: 15px 0px; } div.quick-list h3 a { display:block; height:30px; background-repeat:no-repeat; } div.quick-list div.hr { width:90%; height:4px; line-height:1px; background-image:url(../img/dot2.gif); } div.quick-list li { padding-left:20px; background:url(../img/bullet-white-circle.gif) no-repeat 1px; line-height:20px; } div.quick-list a.more { float:right; padding-left:25px; background:url(../img/icon-more.gif) no-repeat; line-height:20px; } div.quick-list a span.register { color:#693; } div.article-body-lohasForum { padding-top:33px; background:url(../img/title-lohas-forum.gif) no-repeat;} div.comment-lohasForum { background:url(../img/title-lohas-forum.gif) no-repeat; padding-top:50px; } div.article-body-careerForum { padding-top:33px; background:url(../img/title-career-forum.gif) no-repeat;} div.comment-careerForum { background:url(../img/title-career-forum.gif) no-repeat; padding-top:50px; } div.comment span.error { display:block; clear:both; padding-left:120px; line-height:25px; } div.forum-post-details { width:576px; line-height:24px; padding:5px; } div.forum-post-details span { float:left; margin-right:200px; } div.forum-post-details span.label { margin-right:4px; width:auto; } div.forum-post-details a { float:right; margin-left:10px; } div.forum-post-details a.reply-post { color:blue; } div.forum-post-details a.post-comment { color:blue; } div.forum-post-details .article-content { clear:both; margin:20px 0px; line-height:24px; } div.forum-post-details .article-content p { line-height:24px; } div.forum-post-details .article-content span { float:none; width:auto; margin:auto; line-height:24px; } div.forum-post-details .article-content a { float:none; } div.article-details { width:581px; line-height:1.8em; padding:5px; } div.article-details span { margin-right:100px; } div.article-details span.label { margin-right:5px; } div.article-details h3 { float:left; } div.article-details h4 { color:red; clear:both; margin-top:15px; font-weight:normal; } div.article-details a { float:right; margin-left:10px; } div.article-details div.article-info { width:470px; float:left; } div.article-details div.article-info.wide { width:580px; } div.article-details div.article-info img.hr { width:470px; } div.article-details div.article-info.wide img.hr { width:580px; } div.article-details div.article-info a.attachment { font-weight:bold; color:#8000ff; } div.article-details .article-content { clear:both; line-height:1.8em; } div.article-details .article-content p { line-height:1.8em; letter-spacing:0.2em; } div.article-details .article-content span { float:none; width:auto; margin:auto; line-height:24px; } div.article-details .article-content a { float:none; color:blue; } div.article-details .speaker-description span { float:none; margin:auto; } div.article-details .speaker-description a { float:none; margin:auto; } div.article-details .speaker-description, div.article-details .speaker-description p { line-height:1.8em; letter-spacing:0.2em; } div.comment h3, div.comment h4, div.comment form {border:solid 1px #ccc; width:591px; } div.comment h3 { width:585px; padding:5px 3px; } div.comment h4 { padding:5px 0px 3px 0px; text-align:center; background:#eee; font-weight:normal; } div.comment label { float:left; clear:left; width:110px; text-align:right; line-height:22px; margin:5px 0px;} div.comment label.radio { clear:none; width:auto; } div.comment label.content { margin:85px 0px; } div.comment input, div.comment select, div.comment textarea { float:left; width:140px; margin:5px; } div.comment input.submit { width:120px; margin-left:112px; } div.comment input.reset { width:120px; } div.comment input#posterName { margin-right:300px; } div.comment input#displayPosterEmail, div.comment input#doNotDisplayPosterEmail { width:auto; margin-right:0px; } div.comment textarea { float:left; width:400px; height:200px; margin:5px; } div.comment select { float:left; margin-right:300px; } div.comment-list { clear:both; } div.comment-list ul { width:596px; } div.comment-list li { border: solid 1px #ccc; line-height:1.5em; } div.comment-list li div { margin:10px; } div.comment-list li p { margin-top:15px; } div.comment-list li span.replied { color: #693; } div.comment-list span.comment-count-total, div.comment-list span.list-all-comments, div.comment-list a.reply { width:290px; border:solid 1px #ccc; float:left; padding:3px; text-align:center; margin-top:3px; } div.comment-list span.comment-count-total span.comment-count { color:#f30; } div.comment-list a.reply-post { color:blue; } pre { white-space:pre-wrap; white-space:-moz-pre-wrap; word-wrap:break-word; white-space:-o-pre-wrap; } /* #3417樂活論壇，點入文章內文，右半部廣告整個往下移位。請修正 div.category-list {border:solid 2px #fc0; padding:5px 2px; margin:2px 0px; } */ div.category-list {width:576px; border:solid 2px #fc0; padding:5px 2px; margin:2px 0px; } div.category-list span { float:left; margin:4px 2px 0px 0px; color:#630; line-height:12px; } div.category-list ul { float:left; } div.category-list li { float:left; line-height:12px; padding:0px; } div.category-list li a, div.category-list li span { padding:0px 5px; border-left:solid 1px black; color:#693; } div.category-list li a.active { color:#f60; } div.category-list li span { color:#f60; margin:0px; float:none; } div.post-view-list table { line-height:20px; width:590px; } div.post-view-list thead span { float:right; margin-right:5px; } div.post-view-list thead a { float:right; width:13px; height:13px; margin:5px 2px; } div.post-view-list thead .desc { background:url(../img/icon-desc.gif) no-repeat; } div.post-view-list thead .asc { background:url(../img/icon-asc.gif) no-repeat; } div.post-view-list tbody td.title { padding-left:15px; background-image:url(../img/bullet-orange-dot.gif); background-repeat:no-repeat; background-position: 5px 10px; text-align:left; } div.post-view-list thead th.title { padding-left:15px; } div.post-view-list thead th.title span, div.post-view-list thead th.title a { float:left; } div.post-view-list td { padding:5px 2px; text-align:center; } div.post-view-list td.register { padding: 3px 0px 0px 0px; } div.post-view-list th { line-height:30px; } div.post-view-list tbody tr.alt { background:#f0f0f0; } div.post-view-list tfoot a.post { float:right; } div.post-view-list th.viewCount { width:80px; } div.post-view-list th.speaker { width:80px; } div.post-view-list th.commentCount { width:80px; } div.post-view-list th.author { width:90px; } div.post-view-list th.eventTime { width:100px; } div.post-view-list th.category { width:100px; } div.post-view-list th.poster { width:95px; } div.post-view-list th.timeCreated { width:100px; } div.post-view-list th.timeCreated2 { width:5px; } div.post-view-list td.viewCount { width:80px; } div.post-view-list td.speaker { width:80px; } div.post-view-list td.commentCount { width:80px; } div.post-view-list td.author { width:90px; } div.post-view-list td.eventTime { width:100px; } div.post-view-list td.category { width:100px; } div.post-view-list td.poster { width:95px; } div.post-view-list td.timeCreated { width:100px; } div.post-view-list td.timeCreated2 { width:5px; } div.paging { clear:both; text-align:center; } div.paging a { padding:6px; color:#630;} div.paging form { display:inline; padding-right:15px; } div.paging span { padding:1px; color:#666; font-weight:bold; } div.paging .number { padding:1px; } div.paging a.number:hover { color:#f60; } div.post-view-list-event { padding-top:50px; background:url(../img/title-event.gif) no-repeat; } div.post-view-list-lohasForum { padding-top:35px; background:url(../img/title-lohas-forum.gif) no-repeat; width:589px; } div.post-view-list-careerForum { padding-top:35px; background:url(../img/title-career-forum.gif) no-repeat; width:589px;} div.speaker-block div.border { width:586px; height:13px; background-repeat:no-repeat; } div.speaker-block div.border.top { background-image:url(../img/spk-bdr-top.gif); } div.speaker-block div.border.bottom { background-image:url(../img/spk-bdr-bottom.gif); clear:both; } div.speaker-block div.body { width:578px; padding:2px; border-left:solid 2px #cdcdcd; border-right:solid 2px #ccc; line-height:20px; } div.speaker-block div.data { float:left; width: 470px; } div.speaker-block h3 { color:#690; background:url(../img/dot2.gif) repeat-x; background-position:bottom left; font-weight:normal; padding:5px 0px 15px 0px; margin-bottom:10px; } div.speaker-block img { float:left; width:97px; margin-right:5px; } div.event-article { width:580px; } div.event-article span { margin-top:25px; line-height:20px; display:block; } div.event-article span.label, div.event-article h4 { float:left; color:#693; margin-top:25px; width:auto; } div.event-article div.speaker-description { clear:left; line-height:1.5em; } div.event-article .category { float:right; } div.event-article .category span { margin:0px; color:#666; display:inline; float:none; } div.event-article div.article-content { clear:both; margin-top:20px; overflow:hidden; line-height:24px; } div.event-article div.article-content p { line-height:24px; } div.event-article div.article-content span { display:inline; margin:auto; line-height:24px; } div.event-article div.registrant-list { clear:both; margin:4px 0px 20px 0px; } div.register { text-align:center; margin-top:20px; width:580px; } div.register div.border { width:337px; height:8px; float:none; margin:auto; } div.register div.border.top { background:url(../img/reg-bdr-top.gif); } div.register div.border.bottom { background:url(../img/reg-bdr-bottom.gif); } div.register div.middle { background-color:#fffed2; width:333px; border-left:solid 2px #ffd867; border-right:solid 2px #ffd867; margin:auto; padding:15px 0px 5px 0px; } div.register div.middle span { color:red; display:block; clear:both; margin-left:110px; text-align:left; } div.register div.input div.border { width:317px; height:9px; } div.register div.input div.border.top { background:url(../img/reg-input-bdr-top.gif); margin-top:15px; } div.register div.input div.border.bottom { background:url(../img/reg-input-bdr-bottom.gif); margin-bottom:15px; } div.register div.input div.middle { background-color:white; width:313px; border-left: solid 2px #eaeaea; border-right: solid 2px #eaeaea; } div.register label, div.register input { margin:5px 0px; } div.register div.input label { width:100px; float:left; text-align:right; line-height:20px; margin-right:4px; } div.register div.input input { float:left; } div.register form span { clear:both; display:block; color:red; } .search-result { padding-top:35px; background:url(../img/title-search-result.jpg) no-repeat; width:589px; } .search-result .keyword, .search-result .result-count span { color:#f60; } .search-result dl { padding-left:10px; } .search-result dt a { color:#690; margin: 20px 0px 5px 0px; display:block; } .search-result dt a:link { color:#690; } .search-result dt a:visited { color:#690; } .search-result dt a:hover { color:#690; } .search-result dt a:active { color:#690; } .search-result dd * { display:inline; } div.links { display:block; padding:30px 15px; background:url(../img/title-links.gif) no-repeat; margin-left:20px; } div.links h3 a { color:#690; font-weight:normal; font-size:16px; } div.links h3 a:link { color:#690; } div.links h3 a:visited { color:#690; } div.links h3 a:active { color:#690; } div.links h3 a:hover { text-decoration:underline; color:#f30; } div.links ul { margin:20px 0px; width:402px; } div.links ul.column-left { float:left; } div.links ul.column-right { float:right; } div.links li { float:left; line-height:20px; } div.career-links { background:url(../img/title-career-links.gif) no-repeat; padding:30px 15px; width:559px; line-height:20px; } div.career-links h3 a { color:#690; font-size:15px; font-weight:normal; } div.career-links h3 a:link { color:#690; } div.career-links h3 a:visited { color:#690; } div.career-links h3 a:hover { color:#690; } div.career-links h3 a:active { color:#690; } div.business-service-category { clear:both; width:590px; } div.business-service-category h3 { border-bottom:solid 1px #c8c8c8; color:#cc3333; font-size:18px; padding:5px 0px 2px 20px; background:url(../img/bullet-red-dot.gif) no-repeat 8px 10px; margin-bottom:5px; letter-spacing:2px; } div.business-service-category img { width:104px; float:left; } div.business-service-category div { float:right; width:480px; margin-left:5px; line-height:20px; } div.business-service-category ul li { padding:0px; } div.business-service-category ul li a { color:#693; } div.business-service-category a.apply { clear:both; float:right; background:url(../img/btn-apply-service.gif); width:72px; height:24px; margin-bottom:10px; } div.contact-us { border:solid 3px #ece9d8; background:#fafafa; width:578px; clear:both; margin-top:20px; line-height:30px; padding:5px; color:#630; } div.contact-us div { text-align:center; } div.contact-us a { margin:auto; background:#ccc; padding:5px 10px;} div.bread-crumb { text-align:right; width:585px; margin-bottom:2px; } h2.business-service { width:589px; height:31px; background:url(../img/title-business-service.gif); margin-bottom:5px; clear:both; } .training-seminar-category-list li { float:left; width:139px; background:#feffd2; border:ridge 2px; text-align:center; margin:0px 5px 5px 0px; } .training-seminar-category-list li.current { background:#fc0; } .training-seminar-category-list a { color:#5C5946; } .training-seminar-category-list a:hover { color:#f60; text-decoration:underline; } p.training-seminar-intro { padding-left: 280px; background:url(../img/seminar.jpg) no-repeat; clear:both; height:150px; width:300px; line-height:16px; } p.training-seminar-intro:first-letter { font-size:15px; } div.training-seminar-category-block div { border: solid 1px #ccc; float:left; width:178px; padding:5px 3px 10px 3px; height:120px; } div.training-seminar-category-block div.description { width:400px; border-right:none; clear:left; line-height:20px; } div.training-seminar-category-block h3 { font-weight:normal; } div.training-seminar-category-block h4 { font-weight:normal; color:#693; } div.training-seminar-category-block ul { font-weight:normal; color:#693; list-style:disc; padding-left:15px; } body.career { background:white; font-size:13px; font-family:Verdana,Arial,Helvetica,sans-serif; } body.career h4 { color:#693; font-weight:normal; } /* 樂工右上方的會員中心區塊不要顯示後，圖檔有個空白區塊，圖要換掉。 yuki note 106.02.28*/ body.career #header .body { background-image:url(../img/hdr-career-bg2.jpg); width:893px; height:111px; } body.career #header ul.menu { background:url(../img/hdr-career-bg-menu.gif) no-repeat; float:left; width:893px; background-position:right; } /* yuki mark 106.03.03 body.career #header ul.menu a { background:url(../img/mnu-career2.png); width:107px; } */ /* yuki add 106.03.03*/ body.career #header ul.menu a { background:url(../img/mnu-career2.jpg); width:107px; } body.career #header.career ul.menu a.career, body.career #header ul.menu a.career:hover { background-position:bottom left; } body.career #header ul.menu a.business-service { background-position:-107px 0px; width:111px; } body.career #header.businessService ul.menu a.business-service, body.career #header ul.menu a.business-service:hover { background-position:-107px 48px; } body.career #header ul.menu a.job-opening { background-position:-218px 0px; width:113px; } body.career #header.jobOpening ul.menu a.job-opening, body.career #header ul.menu a.job-opening:hover { background-position:-218px 48px; } /* old code, yuki mark 106.03.06 body.career #header ul.menu a.consultants { background-position:-331px 0px; width:107px; } body.career #header.consultants ul.menu a.consultants, body.career #header ul.menu a.consultants:hover { background-position:-331px 48px; } */ /* yuki edit 106.03.06 */ body.career #header ul.menu a.consultants { background-position:-331px 0px; width:543px; } body.career #header ul.menu a.workForum { background-position:-438px 0px; width:107px; } body.career #header.workForum ul.menu a.workForum, body.career #header ul.menu a.workForum:hover { background-position:-438px 48px; } /* eddy add */ body.career #header ul.menu a.eventPreview { background-position:-548px 0px; width:107px; } body.career #header.eventPreview ul.menu a.eventPreview, body.career #header ul.menu a.eventPreview:hover { background-position:-548px 48px; } body.career #header ul.menu a.actURL { background-position:-660px 0px; width:111px; } body.career #header.actURL ul.menu a.actURL, body.career #header ul.menu a.actURL:hover { background-position:-660px 48px; } body.career #header ul.menu a.career-forum { background-position:-772px 0px; width:111px; } body.career #header.careerForum ul.menu a.career-forum, body.career #header ul.menu a.career-forum:hover { background-position:-772px 48px; } body.career #header ul.menu a.career-links { background-position:-768px 0px; width:122px; } body.career #header.careerLinks ul.menu a.career-links, body.career #header ul.menu a.career-links:hover { background-position:-768px 48px; } body.career #header div.member { background:none; float:right; width:305px; padding-top:36px; } body.career #header a.logo { display:block; width:164px; height:111px; } body.career div.border-top { background-image:url(../img/career-bdr-top.gif); height:13px; } body.career div.border-bottom { background-image:url(../img/career-bdr-bottom.gif); height:11px; clear:both; } body.career #main div.content { border-color:#cbbca9; } body.career .quick-list { padding:0px 0px 3px 0px; background:url(../img/qlist-bdr-bottom.gif) no-repeat; background-position:bottom; } body.career .quick-list ul { width:262px; border-left:solid 1px #d6d6d6; border-right:solid 1px #d6d6d6; background:#f5f5f5; margin:0px; padding-left:5px; } body.career .quick-list li { margin:0px; background:url(../img/bullet-career-white-circle.gif) no-repeat 1px; list-style-image:none; } body.career .quick-list .hr { display:none; } body.career .quick-list div.more { width:267px; text-align:right; background:#f5f5f5; border:solid 1px #d6d6d6; border-top:none; border-bottom:none; } body.career .quick-list div.more a.more { float:none; padding:2px 2px 2px 25px; } body.career .quick-list h3 { height:29px; } .quick-list-careerForum h3 a { background:url(../img/title-qlist-career-forum.gif); } .quick-list-jobOpening h3 a { background:url(../img/title-qlist-job-opening.gif); } body.career div.category-list { border-color:#e4dfcb; } h2.job-opening { background:url(../img/title-job-opening.gif); width:589px; height:31px; margin-bottom:20px; } div.join-us { width:540px; padding:35px 20px; margin-bottom:35px; line-height:20px; background:url(../img/title-join-us.gif) no-repeat; } div.join-us p.position-offer { margin-bottom:20px; } div.join-us li { padding:0px; } div.join-us ul { color:#693; float:left; width:190px; } div.join-us ol { list-style:decimal inside; float:left; } div.join-us ol a { float:none; margin:auto; background:none; } div.join-us ol a:hover { background:none; } div.join-us a { float:left; clear:both; margin:10px 0px 0px 190px; width:136px; height:27px; background:url(../img/btn-download-resume-template.gif); } div.join-us a:hover { background:url(../img/btn-download-resume-template-ov.gif); } div.join-us a.resume { color:#f60; } div.job-opening-list { padding:60px 20px 10px 20px; background:url(../img/title-job-listing.gif) no-repeat; width:540px; } div.job-opening-list div.subscribe { text-align:right; color:#630; line-height:16px; } div.job-opening-list div.subscribe a { color:red; } div.job-opening-list div.subscribe a:hover { text-decoration:underline; } div.job-opening-list li { float:left; width:255px; padding:5px 2px; border:solid 1px #ccc; margin-right:5px; border-top:none; } div.job-opening-list li.first-line { border-top:solid 1px #ccc; margin-top:5px; } h2.job-opening-details { width:589px; height:31px; background:url(../img/title-job-opening-details.gif); } div.job-opening-details span { float:left; width:350px; line-height:30px; } div.job-opening-details span.label { clear:left; color:#693; width:150px; text-align:right; } div.job-opening-details a { padding:2px 30px; background:#ccc; border:solid 1px gray; margin-left:20px; } div.job-opening-details ol { list-style:decimal inside; padding:15px 20px; line-height:30px; } div.job-opening-details div.details { width:540px; border:solid 1px #ccc; padding:5px 10px; margin:5px 15px; } div.job-opening-details div.details div { clear:both; border-bottom:groove 2px; } h2.business-service-application {width:589px; height:31px; background:url(../img/title-business-service-application.gif); margin-bottom:20px; } #businessServiceApplication label, #businessServiceApplication div { background:#f4f5f0; float:left; margin:0px 2px 2px 0px; line-height:25px; height:25px; } #businessServiceApplication label, #businessServiceApplication div.label { width:100px; clear:both; line-height:24px; padding:2px; height:25px; text-align:right; } #businessServiceApplication div { width:480px; padding:2px; } #businessServiceApplication div label { float:none; } #businessServiceApplication input { line-height:16px; } #businessServiceApplication textarea { display:block; } #businessServiceApplication .description, #businessServiceApplication div.label.description { height:180px; } #businessServiceApplication .alt, #businessServiceApplication .alt label { background:#e6e8db; } #businessServiceApplication .company-name { background:white; } #businessServiceApplication span { display:block; clear:both; line-height:16px; margin-top:10px; color:red; } #uretireeAttendanceTable label, #uretireeAttendanceTable div { background:#f4f5f0; float:left; margin:0px 2px 2px 0px; line-height:25px; height:25px; } #uretireeAttendanceTable label, #uretireeAttendanceTable div.label { width:100px; clear:both; line-height:24px; padding:2px; height:25px; text-align:right; } #uretireeAttendanceTable div { width:100px; padding:2px; } #uretireeAttendanceTable div label { float:none; } #uretireeAttendanceTable input { line-height:16px; } #uretireeAttendanceTable span { display:block; clear:both; line-height:16px; margin-top:10px; color:red; } #jobOpeningApplication { width:480px; line-height:30px; } #jobOpeningApplication label { float:left; clear:left; width:150px; text-align:right; height:24px; line-height:30px; margin-right:5px; } #jobOpeningApplication input { float:left; width: 200px; height:18px; margin:3px 100px 3px 0px; } #jobOpeningApplication input.submit { width:100px; padding:5px; height:auto; float:none; clear:both; display:block; margin:5px auto; } #jobOpeningApplication span { display:block; clear:both; color:red; } div.training-seminar-category { line-height:18px; width:580px; clear:both; } div.training-seminar-category h3 { color:#333; font-size:15px; font-weight:normal; clear:both; margin-top:15px; } div.training-seminar-category th { background:#e4dfcb; text-align:center; margin-bottom:10px; border-right:solid white 1px; padding:3px; } div.training-seminar-category table { margin-top:20px; width:100%; } div.training-seminar-category tbody td { padding:8px 2px; border-right:solid white 1px; text-align:center; } div.training-seminar-category tbody td.target-audience { text-align:left; } div.training-seminar-category tr.alt { background:#f0f0f0; text-align:center; } div.training-seminar-category thead td { line-height:10px; } div.training-seminar-category thead td.hr { border-bottom:groove 2px; } h2.training-seminar-details { width:589px; height:31px; background:url(../img/title-training-seminar-details.gif); margin-bottom:3px; } div.training-seminar-details { line-height:20px; margin-left:3px; } div.training-seminar-details table { background:#efeeef; display:block; width:580px; margin-bottom:1px; border:solid 2px #efeeef; } div.training-seminar-details h3 { clear:both; font-size:15px; font-weight:normal; color:#666; background:#efeeef; text-align:center; padding:7px 0px; margin:15px 0px 1px 0px; width:580px; } div.training-seminar-details h4 { color:#666; } div.training-seminar-details h5 { font-weight:normal; color:#f60; } div.training-seminar-details th { color:#690; text-align:left; letter-spacing:5px; background:white; padding:3px; width:150px; border:solid 1px #efeeef; vertical-align:top; } div.training-seminar-details td { background:white; padding:3px; border:solid 1px #efeeef; vertical-align:top; } div.training-seminar-details td img { vertical-align:top; width:78px; } div.training-seminar-details th.hours { letter-spacing:normal; text-align:center; width:100px; } div.training-seminar-details td.hours { text-align:center; width:80px; } div.training-seminar-details td.instructor { width:220px; } div.training-seminar-details div { border-bottom:white solid 1px; height:8px; background:#efeeef; width:580px; } div.training-seminar-details div.hr { border-color:black; } div.training-seminar-details table.details th { width:32px; height:113px; background:white no-repeat; background-position:3px 3px; } div.training-seminar-details table.details td { width:540px; vertical-align:top; } div.training-seminar-details table.details th.description { background-image:url(../img/label-training-seminar-description.gif); } div.training-seminar-details table.details th.goal { background-image:url(../img/label-training-seminar-goal.gif); } div.training-seminar-details table.details th.outline { background-image:url(../img/label-training-seminar-outline.gif); } div.training-seminar-details table.details th.instructor { background-image:url(../img/label-training-seminar-instructor.gif); } div.training-seminar-details tr.alt td { background:#f8f8f8; } div.training-seminar-details ul { list-style-type:disc; padding-left:20px; } div.training-seminar-details ol { list-style-type:disc; padding-left:20px; } div.training-seminar-details a.registration { display:block; text-align:center; background:#f8f8f8; border:solid 2px black; width:556px; padding:10px; font-size:18px; font-weight:bold; margin-top:10px; color:#f60; } div.user-body { width:589px; line-height:1.6em; } div.user-body h2 { width:589px; height:31px; background:url(../img/title-user.jpg); } div.user-body.registration p { margin:10px; clear:both; } div.user-body.registration p.welcome:first-letter { font-size:18px; } div.user-body.registration form p { margin:0px; } div.user-body.registration form { border-top:groove 2px black; padding:10px 60px; } div.user-body.registration form h3 { color:#690; font-weight:normal; margin:0px; } div.user-body.registration textarea { width:450px; height:150px; font-size:13px; color:#666; } div.user-body.registration span.error { display:block; clear:both; } div.user-body label { float:left; clear:both; width:100px; text-align:right; margin-right:2px; } div.user-body input { float:left; margin-right:150px; width:200px; } div.user-body div.terms { clear:both; text-align:center; margin:20px 0px 10px 0px; } div.user-body div.terms em { color:#f60; font-style:normal; } div.user-body div.terms input { float:none; width:auto; margin-right:2px;} div.user-body div.terms label { float:none; } div.user-body div.submit { text-align:center; } div.user-body div.submit input { float:none; margin:0px; width:auto; } div.user-body.subscription { line-height:2em; } div.user-body.subscription span.label { width:120px; float:left; margin-right:2px; clear:left; } div.user-body.subscription input, div.user-body.subscription label { width:auto; float:none; clear:none; margin-right:2px; } div.user-body.subscription span.label.email, div.user-body.subscription label.password { width:auto; float:left; clear:left; } div.user-body.subscription input#password { float:left; margin-bottom:20px; } div.user-body.subscription input.submit { float:right; clear:both; } div.user-body.subscription p { clear:both; } div.user-body span.modification-only { float:left; color:#690; } div.user-body.forgetPassword p { margin-left:10px; } div.user-body.forgetPassword form { padding:10px 0px 0px 125px; } div.user-body.forgetPassword input { width:auto; float:none; margin-right:2px; } div.user-body.forgetPassword input#email { width:230px; } div.user-body.login p { color:#690; text-align:center; margin:20px 0px 10px 0px; } div.user-body.login input { margin-top:5px; } div.user-body.login label { text-align:left; width:70px; } div.user-body.login input.submit { width:auto; padding:1px 20px; margin:10px auto auto 130px; clear:both; float:none; } div.user-body.login form a { margin-left:10px; } div.user-body form.user-info input#password { margin-right:0px; } div.user-body form.user-info div.submit input { float:right; clear:both; } div.user-body form.user-info div.date-fields { float:left; width:300px; } div.user-body form.user-info label { width:9em; } div.user-body form.user-info span.error { padding-left:9em; } div.user-body form.user-info input, div.user-body form.user-info select { margin-bottom:5px; } body.i5070 { background:white; } body.i5070 #header a.logo { width:131px; height:111px; float:left; } body.i5070 #header .body { background-image:url(../img/hdr-5070-bg.jpg); width:893px; height:111px; } body.i5070 #header div.member { background:none; float:right; width:305px; padding-top:36px; } body.i5070 #header div.border-left { background-image:url(../img/hdr-5070-bdr-left.gif); width:11px; height:155px; } body.i5070 #header div.border-right { background-image:url(../img/hdr-5070-bdr-right.gif); width:10px; height:155px; } body.i5070 #header div.border-bottom { background-image:url(../img/hdr-5070-bdr-bottom.gif); width:893px; height:15px; } body.i5070 div.border-top { background-image:url(../img/i5070-bdr-top.gif); } body.i5070 div.border-bottom { background-image:url(../img/i5070-bdr-bottom.gif); } body.i5070 #main div.content { border-color:#bababa; } div.user-menu {border:solid 2px #e4dfcb; padding:5px 2px; margin:2px 0px; } div.user-menu ul li { float:left; padding:0px; } div.user-menu ul li a, div.user-menu li span { padding:0px 5px; border-left:solid 1px black; } div.user-menu ul li span { color:#f60; } div.user-menu ul li.first a, div.user-menu ul li.first span { border:none; } /* 廠商專區小選單menu */ div.user-menu2 {border:solid 2px #e4dfcb; padding:5px 2px; margin:2px 0px; width:581px;} div.user-menu2 ul li { float:left; padding:0px; } div.user-menu2 ul li a, div.user-menu2 li span { padding:0px 5px; border-left:solid 1px black; } div.user-menu2 ul li span { color:#f60; } div.user-menu2 ul li.first a, div.user-menu2 ul li.first span { border:none; } .quick-list-lohasForum h3 a { background-image:url(../img/title-qlist-lohas-forum.gif); } .quick-list-event h3 a { background-image:url(../img/title-qlist-event.gif); } .quick-list-wedForum h3 a { background-image:url(../img/title-qlist-wed-forum.gif); } .quick-list-retirementSpeaker h3 a { background-image:url(../img/title-qlist-retirement-speaker.gif); } .quick-list-grandStory h3 a { background-image:url(../img/title-qlist-grand-story.gif); } .quick-list-retirement h3 a { background-image:url(../img/title-qlist-retirement.gif); } body.i5070 div.info { line-height:20px; padding:0px 30px; } body.i5070 div.info p { margin-bottom:15px; clear:both; } body.i5070 div.info h2 { width:815px; height:31px; margin-bottom:20px; } body.i5070 div.info h3 { clear:both; } body.i5070 div.info h4 { color:#690; font-size:13px; } body.i5070 div.info h5 { color:#f60; font-size:15px; } body.i5070 div.info ul, body.i5070 div.info ol { margin-bottom:15px; } body.i5070 div.info ol ol { list-style:none; } body.i5070 div.info li { padding:2px; } body.i5070 div.info ol { list-style:decimal inside; } body.i5070 div.info quot { color:#f60; } body.i5070 div.info em { color:#f60; font-weight:bold; } body.i5070 div.info dt { color:#690; } body.i5070 div.info dd { margin-bottom:15px; } body.i5070 div.info dl p { margin:0px; } body.i5070 div.info #businessServiceApplication label, body.i5070 div.info #businessServiceApplication div { background:#e6f9ff; } body.i5070 div.info #businessServiceApplication label.alt, body.i5070 div.info #businessServiceApplication div.alt, body.i5070 div.info #businessServiceApplication div.alt label, body.i5070 div.info #businessServiceApplication label.company-name, body.i5070 div.info #businessServiceApplication div.company-name { background:#f3f3f3; } body.i5070 div.info.about h2 { background:url(../img/title-about.gif); } body.i5070 div.info.contact h2 { background:url(../img/title-contact.jpg); } body.i5070 div.info.privacy h2 { background:url(../img/title-privacy.jpg); } body.i5070 div.info.terms h2 { background:url(../img/title-terms.jpg); } body.i5070 div.info.faq h2 { background:url(../img/title-faq.gif); margin-bottom:0px; } body.i5070 div.info.about h4 { color:#333; font-size:13px; font-weight:bold; } body.i5070 div.info.about h4 em { color:#c00; font-size:16px; } body.i5070 div.info.privacy ul { list-style:disc outside; padding-left:30px; } body.i5070 div.info.privacy ol { list-style:lower-alpha inside; } body.i5070 div.info div.faq-menu { border: solid 1px #e4dfcb; margin-bottom:20px; } body.i5070 div.info div.faq-menu ul { margin:auto; } body.i5070 div.info div.faq-menu li { float:left; } body.i5070 div.info div.faq-menu li a { border-left: solid 1px #666; padding-left:5px; } body.i5070 div.info div.faq-menu li.first a { border:none; } body.i5070 div#index { margin:auto; width:851px; line-height:20px; padding-bottom:8px; border-bottom:solid 1px black; } body.i5070 div#index object { border:solid 1px black; } body.i5070 div#index div { width:254px; background:#f7f7f7; float:left; } body.i5070 div#index div.career a { color:#6f9300; display:block; } body.i5070 div#index div.career a:hover { color:#f60; text-decoration:underline; } body.i5070 div#index div.career h2 { background:url(../img/title-career.gif) white no-repeat; height:39px; } body.i5070 div#index div.lohas h2 { background:url(../img/title-lohas.gif) white no-repeat; height:39px; } body.i5070 div#index div.career div, body.i5070 div#index div.lohas div { padding:5px 10px 5px 5px; float:none; width:auto; } body.i5070 div#index div.lohas { width: 224px; } body.i5070 div#index div.career div.enter, body.i5070 div#index div.lohas div.enter { padding:10px 0px; } body.i5070 div#index a.career, body.i5070 div#index a.lohas { width:70px; height:70px; clear:both; float:right; background:url(../img/btn-index.gif); margin-bottom:10px; } body.i5070 div#index a.career:hover { background-position:bottom left; } body.i5070 div#index a.lohas { background-position:top right; width:71px; } body.i5070 div#index a.lohas:hover { background-position:bottom right; } body.i5070 div#index div.news { width:373px; background:white; } body.i5070 div#index div.news h2 { height:39px; background:url(../img/title-news.gif) no-repeat; } body.i5070 div#index div.news ul { padding-left:5px; } body.success-story { background:white; } div#successStory { width:756px; } div#successStory div.header { background:url(../img/success-story-hdr-bg.jpg); height:126px; } div#successStory div.body { background:url(../img/success-story-bdr.gif) repeat-y; margin:10px 7px; } div#successStory div.body div.content { padding:20px 10px; line-height:20px; } div#successStory div.border-top { background:url(../img/success-story-bdr-top.gif); height:5px; width:auto; } div#successStory div.border-bottom { background:url(../img/success-story-bdr-bottom.gif); height:7px; width:auto; } div#successStory h2 { color:#693; font-size:13px; margin-bottom:20px; } div#successStory a.close { border:solid 1px #362a10; background:#e4dfcb; padding:3px 20px; float:right; } #header ul.menu { float: none; clear: both; } #header ul.menu li { height:48px; overflow:hidden; } #header ul.menu li.top-active { overflow:visible; z-index:6000; width:111px; } #header ul.menu li.top { width:111px; } #header ul.menu li ul.sub li, #header ul.menu li ul.sub li a { height:auto; width:auto; background:white; } #header ul.menu li ul.sub li a { padding:4px; background:none; } #header ul.menu li ul.sub li { border: solid 1px #666; border-top:none; border-left:none; width:120px; clear:left; } #header ul.menu li ul.sub { border:solid 1px #ccc; position:absolute; visibility:hidden; } #header ul.menu li.top-active ul { visibility:visible; } form#resumeUploadAdmin label,form#businessInfoUser label,form#retireeInfoUser label, form#resumeUpload label, form#trainingSeminarRegistration label { clear:both; float:left; width:100px; text-align:right; line-height:20px; margin:3px;} form#resumeUploadAdmin input,form#businessInfoUser input,form#retireeInfoUser input, form#resumeUpload input, form#trainingSeminarRegistration input { float:left; margin:3px;} form#resumeUploadAdmin input.submit,form#businessInfoUser input.submit,form#retireeInfoUser input.submit, form#resumeUpload input.submit, form#trainingSeminarRegistration input.submit { clear:both; float:right;} form#resumeUploadAdmin span.error, form#businessInfoUser span.error, form#retireeInfoUser span.error, form#resumeUpload span.error, form#trainingSeminarRegistration span.error { clear:both; margin-left:100px; display:block; line-height:20px; } form#resumeUploadAdmin,form#businessInfoUser,form#retireeInfoUser, form#resumeUpload, form#trainingSeminarRegistration { width: 400px; margin-left: 100px; } form#changePassword span.label { width:100px; text-align:right; } form#changePassword label { clear:both; } form#changePassword input.submit { clear:both; float:right; width:auto; } div.consultant { width:589px; margin-top:5px; } div.consultant .bdr, div.consultant .bdr div { background:url(../img/bdr-consult.gif) repeat-x; height:8px; } div.consultant .bdr div { width:6px; } div.consultant .bdr-top { background-position:0px -18px; } div.consultant .bdr-top .left { background-position:0px -2px; } div.consultant .bdr-top .right { background-position:6px -2px; } div.consultant .bdr-bottom { background-position:0px 6px; } div.consultant .bdr-bottom .left { background-position:0px -10px; } div.consultant .bdr-bottom .right { background-position:6px -10px; } div.consultant .left { float:left; } div.consultant .right { float:right; } #main div.content div.consultant div.content { border:2px solid #ddd; padding:0px 8px; border-top:none; border-bottom:none; width:auto; } div.consultant img { width:62px; height:82px; border:solid 1px black; } div.consultant h3 { text-align:center; width:64px; font-size:13px; font-weight:normal; color:#333; margin:0px; } div.consultant .photo { float:left; } div.consultant p { background:#f5f5f5; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:13px; padding:0px 2px; margin:0px 0px 0px 75px; line-height:1.6em; font-weight:lighter; } div.consultant p.fixed { height:110px; } /* yuki mark 105.08.31*/ h2.consultants { width:589px; height:31px; background:url(../img/title-consultants.gif); } div.consultants-paging { margin-top:10px; } div.consultants-paging a.number, div.consultants-paging span { padding:3px; } h2.findworks { width:589px; height:31px; background:url(../img/title-findworks.gif); } div.findworks-paging { margin-top:10px; } div.findworks-paging a.number, div.findworks-paging span { padding:3px; }