.left {float:left;} #r-column #job-ngo #top {background: url('/revamp2012/images/article-r-job-ngo-top.gif') no-repeat; width: 316px; height: 44px; margin: 6px 0px 0px 0px; font-size: 0px;} #r-column #job-ngo #top span {display:none;} #r-column #job-ngo #middle {background: url('/revamp2012/images/article-r-job-ngo-bkg.gif') repeat-y; width: 316px; display:inline-block;} #r-column #job-ngo #middle .jobtitle {padding: 13px 0px 0px 0px; margin: 0px 16px 0px 45px; display:inline-block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; width:250;} #r-column #job-ngo #middle .company {font-size: 13px; color: #8a8c8f; margin: 0px 22px 0px 45px; padding: 0px 0px 10px 20px; border-bottom: dotted 1px #252160; display:inline-block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; width:230;} #r-column #job-ngo #btm {background: url('/revamp2012/images/article-r-job-ngo-btm.gif') no-repeat; width: 316px; height: 17px; font-size: 0px;} #r-column #job-ngo #middle .jobtitle a:link, #r-column #job-ngo #middle .jobtitle a:visited {font-size:15px; color:#252160; font-weight:bold; background:url('/revamp2012/images/article-r-job-ngo-post-icon.gif') 0px 3px no-repeat; text-decoration:none; padding:0px 0px 0px 20px;} #r-column #job-ngo #middle .jobtitle a:hover {font-size:15px; color:#252160; font-weight:bold; background:url('/revamp2012/images/article-r-job-ngo-post-icon.gif') 0px 3px no-repeat; text-decoration:underline; padding:0px 0px 0px 20px;} #r-column #job-ngo #middle #more-jobs {padding:10px 12px 0px 0px; position:relative;} html>body #r-column #job-ngo #middle #more-jobs a.more:link, html>body #r-column #job-ngo #middle #more-jobs a.more:visited {right: 26px;} #r-column #job-ngo #middle #more-jobs a.more:link, #r-column #job-ngo #middle #more-jobs a.more:visited {color:#fff; font-size:11px; background:url('/revamp2012/images/article-r-article-btn-ngo.gif') 0px -19px no-repeat; width:29px; height:13px; margin:1px 0px 0px 15px; padding:0px 0px 0px 2px; text-decoration:none; text-align:left; float:right; text-indent:-9999px;top: 11px; right: 28px; position: absolute;} #r-column #job-ngo #middle #more-jobs a.more:hover {color:#00aeda; font-size:11px; background:url('/revamp2012/images/article-r-article-btn-ngo.gif') 0px -43px no-repeat;} #r-column #q-article-search-ngo #top {background:url('/revamp2012/images/article-r-article-search-ngo-top.gif') no-repeat; width:300px; height:42px; margin:10px 0px 0px 16px;} #r-column #q-article-search-ngo #top p {padding:11px 0px 0px 10px;font-size:20px; color:#fff; font-weight:normal; font-weight:normal; text-indent:-9999px;} #r-column #q-article-search-ngo #middle #sub {background:url('/revamp2012/images/article-r-article-search-sub.gif') repeat-x; width:300px; height:42px; margin:10px 0px 0px 16px;} #r-column #q-article-search-ngo #middle #sub h2 {padding:11px 0px 0px 10px;font-size:16px; color:#fff; font-weight:normal; font-weight:normal;} #r-column #q-article-search-ngo #middle {background:url('/revamp2012/images/article-r-job-ngo-bkg.gif') repeat-y; width:316px; overflow:hidden; /*border:1px solid #000;*/} #r-column #q-article-search-ngo #middle #top-line {border-bottom:1px dotted #252160; clear:both; margin:0px 2px 0px 16px;} #r-column #q-article-search-ngo #middle #btm-line {border-bottom:1px solid #252160; clear:both; margin:0px 2px 0px 16px;} #r-column #q-article-search-ngo #middle #dotted-line {border-bottom:1px dotted #252160; clear:both; margin:0px 5px 0px 21px;} #r-column #q-article-search-ngo #middle #top-rated-sp, #r-column #q-article-search-ngo #middle #most-recent-sp {margin-left:16px;} #r-column #q-article-search-ngo #middle #top-rated {font-size:12px; width:100px; text-align:center; float:left; margin-left:0px;} #r-column #q-article-search-ngo #middle #top-rated a:link {font-size:12px; text-decoration:none; width:100px; color:#252160; border-right:1px solid #252160; padding:7px 0px 7px 0px; display:block;} #r-column #q-article-search-ngo #middle #top-rated a:visited {font-size:12px; text-decoration:none; width:100px; color:#252160; border-right:1px solid #252160; padding:7px 0px 7px 0px; display:block;} #r-column #q-article-search-ngo #middle #top-rated a:hover {font-size:12px; text-decoration:none; width:100px; color:#ffffff; background:#252160; display:block;} #r-column #q-article-search-ngo #middle #top-rated-on {font-size:12px; width:100px; color:#fff; background:#252160; text-align:center; float:left; border-right:1px solid #252160; padding:7px 0px 7px 0px;} #r-column #q-article-search-ngo #middle #most-recent {font-size:12px; width:100px; text-align:center; float:left;} #r-column #q-article-search-ngo #middle #most-recent a:link {font-size:12px; text-decoration:none; width:100px; color:#252160; border-right:1px solid #252160; padding:7px 0px 7px 0px; display:block;} #r-column #q-article-search-ngo #middle #most-recent a:visited {font-size:12px; text-decoration:none; width:100px; color:#252160; border-right:1px solid #252160; padding:7px 0px 7px 0px; display:block;} #r-column #q-article-search-ngo #middle #most-recent a:hover {font-size:12px; text-decoration:none; width:100px; color:#ffffff; background:#252160; display:block;} #r-column #q-article-search-ngo #middle #most-recent-on {font-size:12px; width:100px; color:#fff; background:#252160; text-align:center; float:left; border-right:1px solid #252160; padding:7px 0px 7px 0px;} #r-column #q-article-search-ngo #middle #keyword {font-size:12px; width:96px; text-align:center; float:left;} #r-column #q-article-search-ngo #middle #keyword a:link {font-size:12px; text-decoration:none; width:96px; color:#252160; padding:7px 0px 7px 0px; display:block;} #r-column #q-article-search-ngo #middle #keyword a:visited {font-size:12px; text-decoration:none; width:96px; color:#252160; padding:7px 0px 7px 0px; display:block;} #r-column #q-article-search-ngo #middle #keyword a:hover {font-size:12px; text-decoration:none; width:96px; color:#ffffff; background:#252160; display:block;} #r-column #q-article-search-ngo #middle #keyword-on {font-size:12px; width:99px; color:#fff; background:#252160; text-align:center; float:left; padding:7px 0px 7px 0px;} #r-column #q-article-search-ngo #middle #art a:link, #r-column #q-article-search #middle #art a:visited, #r-column #q-article-search-ngo #middle #art-retail a:link, #r-column #q-article-search #middle #art-retail a:visited {text-decoration:none;} #r-column #q-article-search-ngo #middle #art a:hover, #r-column #q-article-search #middle #art a:active, #r-column #q-article-search-ngo #middle #art-retail a:hover, #r-column #q-article-search #middle #art-retail a:active {text-decoration:underline;} #r-column #q-article-search-ngo #middle #art, #r-column #q-article-search #middle #art-retail {margin:15px 10px 10px 26px; overflow:hidden;} #r-column #q-article-search-ngo #middle #art img {width:114px; height:90px; border:1px solid #f49ac1; margin-right:10px;} #r-column #q-article-search-ngo #middle #art-retail img {width:73px; height:57px; border:1px solid #00aeda; margin-right:10px;} #r-column #q-article-search-ngo #middle #art .header, #r-column #q-article-search #middle #art-retail .header {font-size:13px; font-weight:bold; padding-bottom:8px;} #r-column #q-article-search-ngo #middle #art .header-news {font-size:13px; font-weight:bold; color:#00aeda; padding-bottom:3px;} #r-column #q-article-search-ngo #middle #art .header-news a:link {font-size:13px; font-weight:bold; color:#00aeda; padding-bottom:3px;} #r-column #q-article-search-ngo #middle #art .header-news a:visited {font-size:13px; font-weight:bold; color:#00aeda; padding-bottom:3px;} #r-column #q-article-search-ngo #middle #art .header-news a:hover {font-size:13px; font-weight:bold; color:#00aeda; padding-bottom:3px;} #r-column #q-article-search-ngo #middle #search-result {margin:10px 10px 20px 26px; overflow:auto;} #r-column #q-article-search-ngo #middle #search-result-l {float:left; margin-top:5px;} #r-column #q-article-search-ngo #middle #search-result-r {float:right; margin-top:5px;} #r-column #q-article-search-ngo #middle #art .art-date {font-size:12px; font-weight:normal;} #r-column #q-article-search-ngo #middle #art #bcopy {font-size:12px;} #r-column #q-article-search-ngo #middle #art #rating {overflow:auto; margin-bottom:3px; display:none;} #r-column #q-article-search-ngo #middle #art #rating-t {margin:8px 3px 0px 0px; color:#252160; float:right; display:none;} #r-column #q-article-search-ngo #middle #art #star-on {margin:10px 3px 0px 0px; background:url('/revamp2012/images/article-r-star-ngo.gif') 0px 0px no-repeat; width:12px; height:12px; float:right; display:block;} #r-column #q-article-search-ngo #middle #art #star-off {margin:10px 3px 0px 0px; background:url('/revamp2012/images/article-r-star-ngo.gif') 0px -15px no-repeat; width:12px; height:12px; float:right; display:block;} #r-column #q-article-search-ngo #middle #page {clear:both; overflow:auto; margin:20px 0px 10px 16px; /*border:1px solid #000;*/ /*width:276px;*/} #r-column #q-article-search-ngo #middle #page a.previous:link {background:url('/revamp2012/images/article-r-article-btn-ngo.gif') -15px 0px no-repeat; width:8px; height:11px; margin:3px 7px 0px 0px; font-size:0px; float:left;} #r-column #q-article-search-ngo #middle #page a.previous:visited {background:url('/revamp2012/images/article-r-article-btn-ngo.gif') -15px 0px no-repeat; width:8px; height:11px; margin:3px 7px 0px 0px; font-size:0px; float:left;} #r-column #q-article-search-ngo #middle #page a.previous:hover {background:url('/revamp2012/images/article-r-article-btn-ngo.gif') -15px 0px no-repeat; width:8px; height:11px; margin:3px 7px 0px 0px; border-bottom:1px solid #252160; font-size:0px; float:left;} #r-column #q-article-search-ngo #middle #page a.next:link {background:url('/revamp2012/images/article-r-article-btn-ngo.gif') 2px 0px no-repeat; width:8px; height:11px; margin:3px 7px 0px 0px; font-size:0px; float:left;} #r-column #q-article-search-ngo #middle #page a.next:visited {background:url('/revamp2012/images/article-r-article-btn-ngo.gif') 2px 0px no-repeat; width:8px; height:11px; margin:3px 7px 0px 0px; font-size:0px; float:left;} #r-column #q-article-search-ngo #middle #page a.next:hover {background:url('/revamp2012/images/article-r-article-btn-ngo.gif') 2px 0px no-repeat; width:8px; height:11px; margin:3px 7px 0px 0px; border-bottom:1px solid #252160; font-size:0px; float:left;} #r-column #q-article-search-ngo #middle #page a.previous-front:link {background:url('/revamp2012/images/article-r-article-btn-ngo.gif') -51px 0px no-repeat; width:11px; height:11px; margin:3px 7px 0px 0px; font-size:0px; float:left;} #r-column #q-article-search-ngo #middle #page a.previous-front:visited {background:url('/revamp2012/images/article-r-article-btn-ngo.gif') -51px 0px no-repeat; width:11px; height:11px; margin:3px 7px 0px 0px; font-size:0px; float:left;} #r-column #q-article-search-ngo #middle #page a.previous-front:hover {background:url('/revamp2012/images/article-r-article-btn-ngo.gif') -51px 0px no-repeat; width:11px; height:11px; margin:3px 7px 0px 0px; border-bottom:1px solid #252160; font-size:0px; float:left;} #r-column #q-article-search-ngo #middle #page a.next-end:link {background:url('/revamp2012/images/article-r-article-btn-ngo.gif') -30px 0px no-repeat; width:11px; height:11px; margin:3px 0px 0px 0px; font-size:0px; float:left;} #r-column #q-article-search-ngo #middle #page a.next-end:visited {background:url('/revamp2012/images/article-r-article-btn-ngo.gif') -30px 0px no-repeat; width:11px; height:11px; margin:3px 0px 0px 0px; font-size:0px; float:left;} #r-column #q-article-search-ngo #middle #page a.next-end:hover {background:url('/revamp2012/images/article-r-article-btn-ngo.gif') -30px 0px no-repeat; width:11px; height:11px; margin:3px 0px 0px 0px; border-bottom:1px solid #252160; font-size:0px; float:left;} #r-column #q-article-search-ngo #middle #page a.more:link {color:#fff; font-size:11px; background:url('/revamp2012/images/article-r-article-btn-ngo.gif') 0px -19px no-repeat; width:47px; height:14px; margin:1px 0px 0px 15px; padding:0px 0px 0px 2px; text-decoration:none; text-align:left; float:right;} #r-column #q-article-search-ngo #middle #page a.more:visited {color:#fff; font-size:11px; background:url('/revamp2012/images/article-r-article-btn-ngo.gif') 0px -19px no-repeat; width:47px; height:14px; margin:1px 0px 0px 15px; padding:0px 0px 0px 2px; text-decoration:none; text-align:left; float:right;} #r-column #q-article-search-ngo #middle #page a.more:hover {color:#00aeda; font-size:11px; background:url('/revamp2012/images/article-r-article-btn-ngo.gif') 0px -43px no-repeat; width:47px; height:14px; margin:1px 0px 0px 15px; padding:0px 0px 0px 2px; text-decoration:none; text-align:left; float:right;} #r-column #q-article-search-ngo #middle #page a.existing:link {color:#f49ac1; font-size:12px; font-weight:bold; text-decoration:none; margin-right:6px; float:left;} #r-column #q-article-search-ngo #middle #page a.existing:visited {color:#f49ac1; font-size:12px; font-weight:bold; text-decoration:none; margin-right:6px; float:left;} #r-column #q-article-search-ngo #middle #page a.existing:hover {color:#f49ac1; font-size:12px; font-weight:bold; text-decoration:underline; margin-right:6px; float:left;} #r-column #q-article-search-ngo #middle #page a:link {color:#252160; font-size:12px; font-weight:bold; text-decoration:none; margin-right:6px; float:left;} #r-column #q-article-search-ngo #middle #page a:visited {color:#252160; font-size:12px; font-weight:bold; text-decoration:none; margin-right:6px; float:left;} #r-column #q-article-search-ngo #middle #page a:hover {color:#252160; font-size:12px; font-weight:bold; text-decoration:underline; margin-right:6px; float:left;} #r-column #q-article-search-ngo #middle #articles-kws {padding:20px 0px 10px 26px; overflow:hidden; display:block; width:316px;} #r-column #q-article-search-ngo #middle #articles-kws #if {float:left;} #r-column #q-article-search-ngo #middle #articles-kws #if input {border: 1px solid #252160; background:#fff; font-family: Arial, Helvetica, sans-serif, 細明體; font-size:13px; color:#bfbfbf; width:209px;} #r-column #q-article-search-ngo #middle #articles-kws #articles-kws-btn {font-size:14px; text-align:center; float:left; margin-left:8px; display:block;} #r-column #q-article-search-ngo #middle #articles-kws #articles-kws-btn a:link {background:url('/revamp2012/images/article-r-free-sub-btn-ngo.png') 0px 0px no-repeat; width:57px; height:20px; text-decoration:none; display:block; color:#fff; padding-top:2px; font-weight:bold;} #r-column #q-article-search-ngo #middle #articles-kws #articles-kws-btn a:visited {background:url('/revamp2012/images/article-r-free-sub-btn-ngo.png') 0px 0px no-repeat; width:57px; height:20px; text-decoration:none; display:block; color:#fff; padding-top:2px; font-weight:bold;} #r-column #q-article-search-ngo #middle #articles-kws #articles-kws-btn a:hover {background:url('/revamp2012/images/article-r-free-sub-btn-ngo.png') 0px -25px no-repeat; width:57px; height:20px; text-decoration:none; display:block; color:#fff; padding-top:2px; font-weight:bold;} #r-column #q-article-search-ngo #middle #articles-kws #option {font-size:11px; float:left; width:270px; margin-top:5px;} #r-column #q-article-search-ngo #middle #articles-kws #option #rad-btn {float:left; margin-right:15px;} #r-column #q-article-search-ngo #middle #articles-kws #option #rad-btn a.rad-btn-on:link {background:url('/english/images/home/radio02-on.png') 0px 0px no-repeat; color:#000; text-decoration:none; padding:0px 0px 0px 20px; height:17px; display:table; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/english/images/home/radio02-on.png',sizingMethod='crop');} #r-column #q-article-search-ngo #middle #articles-kws #option #rad-btn a.rad-btn-on:visited {background:url('/english/images/home/radio02-on.png') 0px 0px no-repeat; color:#000; text-decoration:none; padding:0px 0px 0px 20px; height:17px; display:table; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/english/images/home/radio02-on.png',sizingMethod='crop');} #r-column #q-article-search-ngo #middle #articles-kws #option #rad-btn a.rad-btn-on:hover {background:url('/english/images/home/radio02-on.png') 0px 0px no-repeat; color:#000; text-decoration:none; padding:0px 0px 0px 20px; height:17px; display:table; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/english/images/home/radio02-on.png',sizingMethod='crop');} #r-column #q-article-search-ngo #middle #articles-kws #option #rad-btn a.rad-btn-off:link {background:url('/english/images/home/radio02-off.png') 0px 0px no-repeat; color:#000; text-decoration:none; padding:0px 0px 0px 20px; height:17px; display:table; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/english/images/home/radio02-off.png',sizingMethod='crop');} #r-column #q-article-search-ngo #middle #articles-kws #option #rad-btn a.rad-btn-off:visited {background:url('/english/images/home/radio02-off.png') 0px 0px no-repeat; color:#000; text-decoration:none; padding:0px 0px 0px 20px; height:17px; display:table; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/english/images/home/radio02-off.png',sizingMethod='crop');} #r-column #q-article-search-ngo #middle #articles-kws #option #rad-btn a.rad-btn-off:hover {background:url('/english/images/home/radio02-off.png') 0px 0px no-repeat; color:#f49ac1; text-decoration:none; padding:0px 0px 0px 20px; height:17px; display:table; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/english/images/home/radio02-off.png',sizingMethod='crop');} #r-column #q-article-search-ngo #middle #articles-kws #option #option02 {float:left;} #r-column #q-article-search-ngo #middle #articles-kws #articles-kws-fix-h {padding:0px 0px 410px 0px;} #r-column #q-article-search-ngo #btm {background:url('/revamp2012/images/article-r-article-search-ngo-btm.gif') no-repeat; width:300px; height:12px; margin:0px 0px 0px 16px; font-size:0px;} .ngo_search{position:relative; left:15px; width:992px; height:72px; background:url('/ngo/images/ngo_index_search_bar_bg.gif') no-repeat; margin: 12px 0;} .ngo_search_btn{/*line-height: 33px; left: 31px; text-align: center;*/ display: inline-block; cursor: pointer; /*font-size: 22px;*/ position: relative; top: 7px; right:25px; width:182px; height:54px; /*font-weight: 700;*/ float:right;} .ngo_search_btn a:link, .ngo_search_btn a:visited{display: block; /*color: #ffffff;*/ width: 182px; height: 54px; /*text-decoration:none; padding:4px 0px 0px 0px;*/ background:url('/ngo/images/ngo_index_search_btn.gif') no-repeat; text-indent:-9999px;} .ngo_search_btn a:hover{/*color:#ffffff; text-decoration:none; */background:url('/ngo/images/ngo_index_search_btn_on.gif') no-repeat;} .ngo_search_input{display:inline-block; float:left; top:21px; /*left:28px;*/ position:relative; text-align:left; margin-left:15px;} .ngo_search_input select {float: left; width: 230px; height: 22px; background-color: #FFFFFF; border:1px solid #252160; color: #000000; font-family: Arial, Helvetica, sans-serif, 細明體; font-size: 12px; line-height: 22px;} .ngo_search_input02{display:inline-block; float:left; top:21px; /*left:28px;*/ position:relative; text-align:left; margin-left:71px;} /* line 1620 from english_style_pc.css*/ #article #btm-rating #rateblock #rate-margin #ratethis-ngo, #news #middle #btm #rateblock #rate-margin #ratethis-ngo {font-size:20px; color:#252160; font-weight:normal; margin-top:15px; margin-right:10px; float:left;} /* line 5191-5198 from english_style_pc.css*/ /* 20130109 Article (Next / Previous) */ .other-article-ngo {margin-top:20px; font-size:9pt; width:595px; margin-left:30px;} .other-article-ngo .previous {float:left; width:220px;} .other-article-ngo .next {float:right; width:220px; text-align:right;} .other-article-ngo a.previous:link, .other-article-ngo a.previous:visited {background:url('/english/images/article-arrow-previous.gif') no-repeat 0px 3px; text-decoration:none; padding-left:25px; height:55px; overflow:hidden;} .other-article-ngo a.previous:hover {background:url('/english/images/article-arrow-previous-ngo-on.gif') no-repeat 0px 3px; color:#f49ac1; text-decoration:underline;} .other-article-ngo a.next:link, .other-article-ngo a.next:visited {background:url('/english/images/article-arrow-next.gif') no-repeat right 3px; text-decoration:none; padding-right:25px; height:55px; overflow:hidden;} .other-article-ngo a.next:hover {background:url('/english/images/article-arrow-next-ngo-on.gif') no-repeat right 3px; color:#f49ac1; text-decoration:underline;} /* line 1357 from english_style_pc.css*/ #article #middle #btm h1.ngo {font-size:25px; color:#252160; padding:0px 30px 0px 0px; margin:0px; width:auto; height:auto;}/* 20121229 SEO - edit by SY */ #daily-theme-ngo {background-color: #252160; color: #FFFFFF; font-size: 11px; padding: 0; position: relative; width: 595px;} #daily-theme-ngo .article-pulldown {padding:20px 10px 20px 10px; margin:0; width: 575px;} #daily-theme-ngo .article-pulldown select { width:575px!important;} /* line 1362 from english_style_pc.css*/ #article #middle #btm #section-ngo {background:url('/ngo/images/ngo-article-header.gif') no-repeat 0 20px;/*padding:50px 30px 0px 30px; margin:0px 0px 30px 0px;*/padding:23px 0px 0px 60px; margin:0px 0px 0px 0px; position:relative; min-height:41px; _height:61px;}/* 20121229 SEO - edit by SY */ /* line 1370 from english_style_pc.css*/ #article #middle #btm #section-ngo h2, #news #middle #btm #section-ngo h2 {font-size:30px; color:#252160; padding:0 0 0 0; margin:0; height:auto;} .ngo-common-header {background:url('/ngo/images/ngo-common-header.gif') no-repeat 6px 20px; padding:23px 0px 0px 66px; margin:0px 0px 20px 0px; position:relative; min-height:41px; _height:61px;} .ngo-common-header h1 {font-size:30px; color:#252160; padding:0 0 0 0; margin:0; height:auto; width:auto;} .ngo-common-content {margin:0 0 0 27px;} /* line 1326-1330 from english_style_pc.css*/ /* Breadcrumb */ #breadcrumb-ngo {width:992px; text-align:left; margin:0 auto; font-weight:bold;} #breadcrumb-ngo p {margin: 20px 0px 5px 15px; color:#252160; font-weight:bold;} #breadcrumb-ngo a:link, #breadcrumb-ngo a:visited {text-decoration:none; color:#252160; font-weight:bold;} #breadcrumb-ngo a:hover {text-decoration:underline;} a.ngo-breadcrumb-icon:link, a.ngo-breadcrumb-icon:visited, a.ngo-breadcrumb-icon:hover {background:url('/ngo/images/ngo-icon-breadcrumb.gif') no-repeat 0 0; padding:0 0 0 20px;} /* line 2193 from english_style_pc.css*/ body#blue-menu-bar-ngo {background:url('/revamp2012/images/top-menu-bg.gif') repeat-x 0 166px #fff;} body#blue-menu-bar-ngo .menu-bar-new { top:-20px; right: 22px; } body#blue-menu-bar-ngo #employer-button .small{ *width:auto; } #footer-ngo {position:relative; width:992px; height:204px; background:url('/ngo/images/footer-bg-ngo.png') center 0 no-repeat; color:#252160; text-align:left; /*margin-top:25px;*/ margin:25px auto 0px; overflow:hidden; z-index:3; clear:both;} #footer-ngo p {padding:0; margin:0;} /*p*/ #footer-ngo ul, #footer li {padding:0; margin:0;} /*ul, li*/ #footer-ngo a:link {color:#252160;text-decoration:none;} #footer-ngo a:visited {color:#252160;text-decoration:none;} #footer-ngo a:hover {color:#252160;text-decoration:underline;} #footer-ngo a:active {color:#252160;text-decoration:none;} #footer-ngo #copyright {position:absolute; top:150px; left:25px; font-size:9px;} /*footer > footer-nav ----------------------*/ #footer-ngo #footer-nav {position:absolute; bottom:0; left:0; width:100%; height:24px; border-top: 1px solid #252160; font-size:10px; overflow:hidden;} #footer-ngo #footer-nav ul {width:992px;} #footer-ngo #footer-nav ul li {float:left;list-style:none;} #footer-ngo #footer-nav ul li a {display:block; width:247px; height:24px; text-align:center; line-height:24px; border-right: 1px solid #252160; text-transform:uppercase;} #footer-ngo #footer-nav ul li a.last {border-right: none;} /*footer > contact-info ----------------------*/ #footer-ngo #contact-info {display:block; position:absolute; top:40px; left:25px; font-size:12px; font-weight:bold; color:#252160; line-height:27px;} #footer-ngo #contact-info .title {font-size:14px;} #footer-ngo #contact-info .highlighted {display:inline-block; width:16px; height:16px; color:#FFF; background-color:#f49ac1; text-align:center; position:relative; top:1px; line-height:16px; margin-right:5px; margin-top:5px;} #footer-ngo #contact-info a:link, #footer #contact-info a:visited {color:#252160;} #footer-ngo #contact-info a:hover, #footer #contact-info a:active {color:#252160;} /*footer > mini-sitemap ----------------------*/ #footer-ngo #mini-sitemap {position:absolute; top:45px; font-size:11px; right:40px;} #footer-ngo #mini-sitemap div {float:left; margin-left:45px;} #footer-ngo #mini-sitemap div .title {font-size:14px; font-weight:bold;} #footer-ngo #mini-sitemap div ul {list-style:disc;margin:5px 0 0 17px;} #footer-ngo #mini-sitemap div ul li {margin:6px 0 0 0;padding:0;color:#252160;} #footer-ngo #mini-sitemap div ul li:link, #footer #mini-sitemap div ul li:visited {color:#252160;} #footer-ngo #mini-sitemap div ul li:hover, #footer #mini-sitemap div ul li:active {color:#252160;} /*#footer #mini-sitemap div ul li span {display:block; position:relative; margin-left:-3px;}*/ #footer-ngo #mini-sitemap div ul.post-jobs {list-style:none; margin:5px 0 0 5px; line-height:14px; color:#252160;} #footer-ngo #mini-sitemap div ul li span.highlighted {display:inline-block; position:relative; width:15px; height:15px; color:#252160; background-color:#5D1C6D; text-align:center; margin-right:5px;} #footer-ngo #mini-sitemap div ul#get-in-touch {list-style:none; margin:5px 0px 0px 2px;} #footer-ngo #mini-sitemap div ul#get-in-touch img {float:left;margin:4px 8px 0px 0px;} #footer-ngo #mini-sitemap div ul#get-in-touch li {line-height:23px; margin:0;} #footer-ngo #footer-description {position:absolute; top:8px; left:25px; font-size:12px; color:#fff;} /* Organization */ #organization {width: 655px; float: left; position: relative;} .organization-info {padding:0 0 30px 30px; margin:30px 0 0 0; border-bottom:1px dotted #252160;} .organization-info img {border:0px; margin:0 0 20px 30px; width:154px; height:50px;} .company-name {padding: 0 0 0 30px; background: url('/ngo/images/ngo-company-icon.gif') 0 0 no-repeat; min-height:21px; height: auto !important; height: 21px;} .company-name01, .company-name02 {color:#252160; font-weight:bold; margin:0;} .company-name01 {font-size:12pt; padding:0px 0 0 0px; float:left;} .company-name02 {font-size:10pt; padding:2px 0 0 0px; clear:both;} .organization-info-line {width:593px; height:3px; background:url('/ngo/images/ngo-organization-line.gif') 0 0 no-repeat; margin:10px 0 10px 0px; font-size:0; clear:both; display:inline-block;} table.company-details {margin:0 0 0 30px; width:563px;} .company-details td {color:#252160; padding:0 0 7px 0;} .company-details a:link, .company-details a:visited {color:#252160; text-decoration:none;} .company-details a:hover {color:#71a9ef; text-decoration:underline;} html>body a.organization-jobs:link, html>body a.organization-jobs:visited {padding:1px 0 0 21px; margin:1px 0 0 15px; width:80px;} a.organization-jobs:link, a.organization-jobs:visited {background:url('/ngo/images/btn-latest-jobs.gif') 0 0 no-repeat; width:101px; height:18px; display:block; color:#fff; font-size:9pt; text-decoration:none; padding:3px 0 0 21px; margin:0 0 0 15px; float:left;} a.organization-jobs:hover {background:url('/ngo/images/btn-latest-jobs.gif') 0 -23px no-repeat; color:#252160;} .organization-btm {margin:0 0 0 0; padding:20px 0 20px 0; display:inline-block; width:100%;} .org-btm-left, .org-btm-right td {color:#252160;} .org-btm-left {float:left; padding:2px 0 0 0;} @media screen and (-webkit-min-device-pixel-ratio:0) { .org-btm-left {padding:4px 0 0 0;} } .org-btm-left a:link, .org-btm-left a:visited {text-decoration:none; color:#252160; border-right:1px solid #252160; padding:0 5px 0 5px;} .org-btm-left a:hover {text-decoration:underline;} .org-btm-left a.left, .org-btm-left a.right {border-right:0;} .org-btm-left a.on:link, .org-btm-left a.on:visited, .org-btm-left a.on:hover {text-decoration:none; color:#f49ac1; font-weight:bold; cursor:default;} .org-btm-right {float:right} .org-btm-right a:link, .org-btm-right a:visited {color:#252160; text-decoration:none;} .org-btm-right a:hover {text-decoration:underline;} input.org-btm-r-page {width:30px;} html>body a.org-btm-r-submit:link, html>body a.org-btm-r-submit:visited {padding:1px 5px 3px 5px;} a.org-btm-r-submit:link, a.org-btm-r-submit:visited {text-decoration:none; padding:3px 5px 0px 5px; background:#252160; color:#fff; line-height:150%; margin:0 0 0 8px;} a.org-btm-r-submit:hover {text-decoration:none; background:#f49ac1; color:#252160;} #r-column #organization-list #top {background: url('/ngo/images/ngo-organization-list-header.gif') no-repeat; width: 316px; height: 49px; margin: 6px 0px 0px 0px; font-size: 0px;} #r-column #organization-list #top span {display:none;} #r-column #organization-list #middle {background: url('/ngo/images/ngo-organization-list-mid.gif') repeat-y; width: 316px; display:inline-block;} #r-column #organization-list #btm {background: url('/ngo/images/ngo-organization-list-btm.gif') no-repeat; width: 316px; height: 8px; font-size: 0px;} .organization-list-search {padding:10px 0 8px 0; border-top:1px dotted #252160; margin:15px 15px 0 30px; display:inline-block; width:270px;} html>body .organization-list-search-home {width:275px;} .organization-list-search-home {padding:8px 0 0px 0; margin:0 0 0 0; display:inline-block; width:270px;} html>body .organization-list-search-home02 {width:275px;} .organization-list-search-home02 {padding:5px 0 0 0; margin:0 0 0 13px; display:inline-block; width:270px;} .org-list-search-block {margin:0; float:left;} html>body .org-list-search-block input {height:20px; padding:0 0 0 3px;} .org-list-search-block input {width:205px; border:1px solid #252160; color:#252160; font-size:9pt; padding:2px 0 0 3px; height:21px;} a.org-list-search-submit:link, a.org-list-search-submit:visited {text-decoration:none; padding:0px 5px 2px 5px; background:#252160; color:#fff; line-height:150%; margin:0; float:right;} a.org-list-search-submit:hover {text-decoration:none; background:#f49ac1; color:#252160;} a.btn-donate-detail:link, a.btn-donate-detail:visited {background: url('/ngo/images/btn-donate-detail.gif') 0 0 no-repeat; width:150px; height:28px; display:block; text-indent:-9999px; margin:10px 0 0 30px;} a.btn-donate-detail:hover {background: url('/ngo/images/btn-donate-detail.gif') 0 -33px no-repeat;} a.btn-quiz-result:link, a.btn-quiz-result:visited {background: url('/ngo/images/btn-quiz-result.gif') 0 0 no-repeat; width:175px; height:36px; display:block; text-indent:-9999px; margin:20px 0 0 0;} a.btn-quiz-result:hover {background: url('/ngo/images/btn-quiz-result.gif') 0 -41px no-repeat;} a.btn-quiz-social-worker:link, a.btn-quiz-social-worker:visited {background: url('/ngo/images/btn-quiz-social-worker.gif') 0 0 no-repeat; width:195px; height:36px; display:block; text-indent:-9999px; margin:20px 0 0 0;} a.btn-quiz-social-worker:hover {background: url('/ngo/images/btn-quiz-social-worker.gif') 0 -41px no-repeat;} a.btn-quiz-start:link, a.btn-quiz-start:visited {background: url('/ngo/images/btn-quiz-start.gif') 0 0 no-repeat; width:220px; height:36px; display:block; text-indent:-9999px; margin:20px 0 0 0;} a.btn-quiz-start:hover {background: url('/ngo/images/btn-quiz-start.gif') 0 -41px no-repeat;} a.btn-quiz-other:link, a.btn-quiz-other:visited {background: url('/ngo/images/btn-quiz-other.gif') 0 0 no-repeat; width:173px; height:36px; display:block; text-indent:-9999px; margin:20px 0 0 0;} a.btn-quiz-other:hover {background: url('/ngo/images/btn-quiz-other.gif') 0 -41px no-repeat;} .organization-promo {border:1px solid #252160; background:#fff3f8; width:965px; margin:20px 0 20px 4px; display:inline-block;} html>body .organization-promo-header {width:96px; height:27px; padding:8px 0 0 33px;} .organization-promo-header {background: url('/ngo/images/organization-list-promo-header.gif') 0 0 no-repeat; width:129px; height:35px; color:#fff; padding:11px 0 0 33px; float:left;} html>body div.horizontal_scroller {width:836px;} div.horizontal_scroller {position:relative; height:24px; width:834px; display:block; overflow:hidden; float:left; top:8px;} div.scrollingtext{position:absolute; white-space:nowrap; font-family:Arial, Helvetica, sans-serif, 細明體; font-size:10pt; font-weight:bold; color:#252160;} .scrollingtext a:link, .scrollingtext a:visited {text-decoration:none; color:#252160; margin:0 30px 0 0;} .scrollingtext a:hover {text-decoration:underline; color:#008696;} .ngo-home-r-header-organ-select {margin:8px 0 0 0;} html>body .ngo-home-r-header-organ-select02 {/*margin:8px 0 12px 13px;*/ margin:8px 0 3px 13px;} .ngo-home-r-header-organ-select02 {/*margin:8px 0 8px 13px;*/ margin:8px 0 0px 13px;} html>body .customSelect {height:17px;} .customSelect {background-color: white; height:22px;/*padding: 6px 10px;*/ border: 1px solid #252160; background: url(/ngo/images/ngo-select-box.gif) right center no-repeat; text-align:left; padding:2px 0 0 3px; color:#252160; font-size:9pt; border-radius: 0 !important; box-shadow: none !important;} .customSelect.customSelectHover {border-color: #252160;background: url(/ngo/images/ngo-select-box-on.gif) right center no-repeat;} .customSelect.customSelectFocus {border-color: #252160;} .customSelect.customSelectOpen {border-color: #252160;background: url(/ngo/images/ngo-select-box-on.gif) right center no-repeat;} .w30 {width:30px;} .w90 {width:90px;} .w270 {width:270px;} table.ngo-quiz-table td {padding-bottom:8px;} table.ngo-quiz-table-ans {width:541px;} table.ngo-quiz-table-ans td {padding-bottom:20px;} html>body .ngo-home-r-border {margin:33px 0 0 13px;} .ngo-home-r-border {width:300px; position:relative; margin:26px 0 0 13px; left:-1px;} html>body .ngo-home-r-border02 {margin:55px 0 0 0px;} .ngo-home-r-border02 {width:313px; position:relative; margin:49px 0 0 0; left:-1px;} html>body .ngo-home-r-border03 {margin:41px 0 0 13px;} .ngo-home-r-border03 {width:300px; position:relative; margin:36px 0 0 13px; left:-1px;} html>body .ngo-home-r-border04 {margin:11px 0 0 13px;} .ngo-home-r-border04 {width:300px; position:relative; margin:2px 0 0 13px; left:-1px;} .ngo-home-r-border05 {width:300px; float:right; margin:11px 0 0 0; font-size:0; display:inline-block;} .ngo-home-r-border05 a {display:inline-block;} html>body .ngo-home-r-border06 {margin:8px 0 0 0px;} .ngo-home-r-border06 {width:313px; position:relative; margin:2px 0 0 0; left:-1px;} .ngo-home-r-border-top {background:url('/ngo/images/ngo-r-border-top.gif') no-repeat; width:301px; display:inline-block;} .ngo-home-r-border-top02 {background:url('/ngo/images/ngo-r-border-top02.gif') no-repeat; width:313px; display:inline-block;} .ngo-home-r-border-btm {background:url('/ngo/images/ngo-r-border-btm.gif') no-repeat; width:301px; height:10px; font-size:0;} .ngo-home-r-border-btm02 {background:url('/ngo/images/ngo-r-border-btm.gif') 12px 0 no-repeat; height:10px; position:relative; width:313px;} .ngo-home-r-header-organizations {background:url('/ngo/images/ngo-home-header-organizations.gif') no-repeat; width:280px; height:13px; margin:16px auto 0 auto; text-indent:-9999px;} .ngo-home-r-header-donation {background:url('/ngo/images/ngo-home-header-donation.gif') no-repeat; width:280px; height:14px; margin:16px auto 0 auto; text-indent:-9999px;} .ngo-home-r-header-quiz {background:url('/ngo/images/ngo-home-header-quiz.gif') no-repeat; width:280px; height:16px; margin:16px auto 0 auto; text-indent:-9999px;} .ngo-home-r-header-job-alert {background:url('/ngo/images/ngo-home-header-job-alert.gif') no-repeat; width:280px; height:16px; margin:10px 0 0 23px; text-indent:-9999px;} .ngo-home-quiz {border:0; width:280px; height:130px; margin:6px 0 0 0;} .ngo-home-job-alert {border:0; width:280px; margin:5px 0 0 20px;} .ngo-home-job-alert-logged {border:0; width:280px; height:192px; margin:15px 0 0 20px;} /* Select width for IE */ .select-overlay {background:#fff} .select-overlay span {display:block; float:left; clear:both; background:transparent url(/ngo/images/bg-ie-select-width.png) no-repeat 0 0} /* Overlay CSS for Internet Explorer 6 and 7 */ .ie6 .select-overlay span, .ie7 .select-overlay span {width:18px; height:22px; background-position:0 -20px} .ie6 .select-overlay-hover span, .ie7 .select-overlay-hover span {background-position:-18px -20px} .ie6 .select-overlay-active span, .ie7 .select-overlay-active span {background-position:-18px -20px} /* Overlay CSS for Internet Explorer 8 with no borders or padding */ .ie8 .select-overlay span {width:18px; height:20px; background-position:0 0} .ie8 .select-overlay-hover span {background-position:-18px 0} .ie8 .select-overlay-active span {background-position:-18px 0} .ngo-home-bottom {display:inline-block; width:992px; *width:987px;} @media screen and (-webkit-min-device-pixel-ratio:0) { .ngo-home-bottom {width:985px;} } html>body .ngo-home-support {} .ngo-home-support {display:inline-block; padding:25px 0 0 11px; text-align:left; width:657px; float:left;} .ngo-home-support-text {color:#252160; padding:38px 10px 0 0;font-weight:bold;} .m-t8l40 {margin:8px 0 0 36px;} .ngo-company-profile-bkg {position:relative;} .ngo-company-profile-logo {position:absolute; border:0; right:11px; bottom:11px;} .ngo-company-profile-logo img {width:231px; height:75px; border:0;} .ngo-company-profile-slogan, .ngo-company-profile-slogan-red, .ngo-company-profile-slogan-yellow, .ngo-company-profile-slogan-seagreen, .ngo-company-profile-slogan-darkred {position:absolute; border:0; left:50px; bottom:12px; font-size:16pt; font-weight:bold;} .ngo-company-profile-slogan {color:#252160;} .ngo-company-profile-slogan-red {color:#ff0000;} .ngo-company-profile-slogan-yellow {color:#ffff00;} .ngo-company-profile-slogan-seagreen {color:#42b0bf;} .ngo-company-profile-slogan-darkred {color:#bd0000;} .box_border {background-color: #252160; margin-left: 0px; padding: 0px; width: 150px;} .box_background {background-color:#252160;} .box_background .f8 {color:#fff;} #login-box-2-ngo {background:url('/ngo/images/login-box-2.gif') no-repeat; position:absolute; top:0; right:0; width:244px; height:70px; color:#262261; z-index:5; margin:0px 0px 0px 0px;} #login-box-2-ngo p {margin-left:33px;color:#262261;} #login-box-2-ngo p.login-box-greetings {margin-top:8px;font-size:15px;font-weight:bold;} #login-box-2-ngo p.login-box-message {margin-top:5px;} #login-box-2-ngo a.login-box-2-button {position:absolute; right:8px; bottom:5px; font-size:10px; color:#262261;} a.ngo_back_to_ctgoodjobs:link, a.ngo_back_to_ctgoodjobs:visited {color:#262261; position:absolute; top:135px; right:0; font-weight:bold;} #blue-menu-bar-ngo #header { height: 201px; } #blue-menu-bar-ngo #menu { top: 166px; } #blue-menu-bar-ngo #employer-button { top: 140px !important; } #blue-menu-bar-ngo #header #login-box-small { width: 200px; text-align: right; top: -16px; } #blue-menu-bar-ngo #login_reg { right: 200px; } #blue-menu-bar-ngo #header .top-banner { width: 468px; height: 60px; float: right; position: relative; top: -56px; } /* Updated by Martha on 20150915*/ .ngo_main_content_right .ngo-home-r-header-organ-select .customSelectInner, .ngo_main_content_right .ngo-home-r-header-organ-select02 .customSelectInner{ white-space:nowrap; text-overflow : ellipsis; overflow:hidden; width:90%!important; } .ngo_main_content_right .ngo-home-r-header-organ-select .select-blank-block, .ngo_main_content_right .ngo-home-r-header-organ-select02 .select-blank-block{ display:block; background:#ffffff; opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); height:21px; position:absolute; left:289px; z-index:10; } .ngo-home-r-border03.ngo-home-block-job-alert{ margin:39px 0px 0px 13px; margin:45px 0px -2px 13px\9; *margin:30px 0px 8px 13px; } .ngo-home-block-job-alert .ngo-home-r-header-job-alert{ height:14px; margin:16px auto 0 auto; } .ngo-home-block-job-alert .organization-list-search-home02{ margin:2px 0px 0px 0px; } .ngo-home-block-job-alert .ngo-home-r-header-organ-select02{ margin:8px 0px 3px 0px; } .ngo-home-block-job-alert .ngo-home-pic-job-alert{ margin:9px auto 4px auto; margin:4px auto 2px auto\9; width:275px; } .ngo-home-block-job-alert .ngo-home-pic-with-text-job-alert{ margin:9px auto 4px auto; margin:2px auto 0px auto\9; } .ngo-home-block-job-alert .ngo-home-pic-job-alert .pic{ display:block; float:left; } .ngo-home-block-job-alert .ngo-home-pic-job-alert .pic img{ height:40px; } .ngo-home-block-job-alert .ngo-home-pic-job-alert .text{ display:block; float:left; padding:5px 0px 0px 10px; } .ngo-home-block-job-alert .ngo-home-job-alert-title{ margin: 6px 0px 4px; margin: 2px 0px 2px\9; } /* Login Register */ .login-register-box-container { position: relative; top: -110px; float: right; } #header .headerContent .login-register-box-container { top: -10px; } .login-register-box-container .notification { min-width: 22px; font-size: 14px; line-height: 18px; font-weight: bold; background-color: #fccf00; color: #336699; padding: 2px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-left: 10px; display: block; float: left; text-align: center; } .login-register-box-container .member-section { font-weight: bold; color: #4699cc; padding: 12px 20px 12px 28px; position: relative; cursor: pointer; transition: color .25s ease-in-out; -moz-transition: color .25s ease-in-out; -webkit-transition: color .25s ease-in-out; } .login-register-box-container .member-section.guest { padding-right: 0; padding-top: 16px; } .login-register-box-container .member-section:hover, .login-register-box-container .member-section .login-btn:hover { color: #8ec4e6; } .login-register-box-container .member-section span.icon { width: 20px; height: 20px; background: url("../images/icons.png") -390px -210px no-repeat; position: absolute; top: 12px; left: 0px; } .login-register-box-container .member-section span.arrow { width: 11px; height: 6px; background: url("../images/icons.png") -240px -240px no-repeat; position: absolute; top: 20px; right: 1px; } .login-register-box-container .member-section span.arrow.arrowup { background-position: -240px -246px; } .login-register-box-container .member-section .name { max-width: 220px; font-size: 16px; line-height: 22px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; float: left; } .login-register-box-container .member-section .login-btn { color: #4699cc; transition: color .25s ease-in-out; -moz-transition: color .25s ease-in-out; -webkit-transition: color .25s ease-in-out; } .login-register-box-container .member-section .reg-btn { background: #fccf00; color: #336699; padding: 8px 12px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; margin-left: 12px; transition: color .25s ease-in-out; -moz-transition: color .25s ease-in-out; -webkit-transition: color .25s ease-in-out; } .login-register-box-container .member-section .reg-btn:hover { color: #FFF; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.25); } .login-register-box-container .member-menu { width: 180px; background-color: #FFF; border: 1px solid #92b1cb; padding: 4px 0; position: absolute; top: 44px; right: 0; z-index: 99; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: none; } .login-register-box-container .member-menu ul { margin: 0; padding: 0; } .login-register-box-container .member-menu ul li a:link, .login-register-box-container .member-menu ul li a:visited { font-size: 14px; line-height: 24px; color: #444; padding: 6px 16px; display: block; } .login-register-box-container .member-menu ul li a:hover { color: #333; background-color: #eff3f7; transition: background-color .25s ease-in-out; -moz-transition: background-color .25s ease-in-out; -webkit-transition: background-color .25s ease-in-out; } .login-register-box-container .member-menu .notification { float: right; }