/*For MTHAI only*/ body.partner {padding: 20px 20px;} body.partner #wrapper { border-bottom: 7px solid #4CAF13;} /*teaser-box*/ .top-banner {margin-bottom: 20px;} .register-banner {padding-top: 15px;} #teaser-box p { font-size: 22px; color: #2c6184;} .cufon-loading {visibility: hidden;} /*register-step1*/ .step1,.step2 {font-size: 15px;} .step1 p {padding: 15px 0;} .step1 p:nth-of-type(3) {font-size: 13px; padding: 0 0 15px 45px; margin: -5px 0 0;} .step1 p.link a {width: 330px; display: inline-block; margin: 0 20px 0 0;} .step1 .separate { text-align: center;width: 700px;border-top:1px solid #d2d2d2; margin-top: 20px; position: relative;} .step1 .separate span{position: absolute; font-size: 13px; display: inline-block; background:#fff;width: 100%; left: 50%; width: 40px; margin: 0 0 0 -25px; top: -9px; line-height: 18px;} /* For first-social*/ #wrapper {position: relative;} #wrapper .infopage #teaser-box h1 {width: 500px; position: absolute; font-size: 36px !important; background: none; border: none; left: 0; top: 10px;} #wrapper .infopage #teaser-box h1 span {font-size: 60px !important;} #wrapper .infopage #teaser-box h1:first-line {font-siz17e: 50px !important;} #wrapper .infopage #teaser-box p { position: absolute; left: 300px; top: 92px; color: #fff;} #wrapper .infopage #teaser-box ol {float: right !important; margin: 30px 30px 0 0;} #teaser-box .tab-contents {float: left; width: 375px; position: absolute; right: 10px; top: 50px;} #teaser-box .tab2-detail .figure p.intro{color:#333; font-size: 14px;margin-left: 3px;border-top: 1px solid #c4c4c4; padding-top: 5px;} #teaser-box .tab2-detail .figure {clear: both;} .tab-contents h2, .tab-contents h1 {font-family: Arial; font-size: 24px; float: left; color: #285f81; margin: -5px 10px 10px 20px;/display: inline;} .tab-contents p {font-family: Arial !important; font-size: 14px !important; float: left;} .tab-contents p strong {font-size: 18px; color: #000; font-weight: normal;} .tab-contents .full-search {clear: both;border-bottom: 1px solid #bdc6cb; padding-bottom: 10px;/padding-bottom: 0px;padding-left: 20px;} /*Homepage*/ .hp {background: url(../../img/bg/bg-home.gif) repeat-y; margin-bottom: 50px!important;} .hp img {display:block; padding-bottom: 5px;} .full-search ul li {margin-bottom: 10px; overflow: hidden;} .full-search ul li p {float: left; margin-right: 10px; padding-top: 10px;} .full-search ul li input { width: 310px; border: 3px solid #b0de94; font-size: 14px; color: #666; padding: 5px;} .full-search ul li select {width: 320px; border: 1px solid #83b1c4; padding: 2px; font-size: 12px; color: #666;} .full-search ul li #search-btn {margin-top: -5px;} .content-wrapper .left-column {width: 660px; padding: 6px 0 6px 0; float: left;} .content-wrapper .divide-left {width: 660px; float: left;} .content-wrapper .each-content .gray p a,.latest-job li p a{color:#666;font-weight: normal;} .latest-job li p a{text-decoration: underline;} .content-wrapper .each-content .gray p a:hover {color:#666;} .content-wrapper .merge-left-column, .content-wrapper .board-community{width: 640px; float:left; padding-top: 6px; overflow: hidden;} .content-wrapper .board-community {padding-top: 20px;} .content-wrapper .merge-left-column p {clear:both;} .content-wrapper .merge-left-column .each-content-left {float: left; width: 312px; margin-top: 20px;} .each-content-left h2,.each-content-left p {padding-right: 10px;} .content-wrapper .merge-left-column .each-content-right {float: left; width: 315px;} .content-wrapper .each-content h2,.content-wrapper .left-column .each-content h3,.latest-job li h3 a {font-size: 13px; padding: 0;} .content-wrapper .each-content p,.latest-job li p {line-height: 18px;color:#666;} .content-wrapper .each-content h2 a,#wrapper .content-wrapper .left-column .each-content h3 a{font-weight: bold;} .content-wrapper .merge-left-column .each-content-left p {text-align: left!important;} .each-content-right ul, .content-wrapper .right-column ul {margin-top: 15px;} .content-wrapper .right-column {width: 300px; padding: 6px 0; float: right; margin-bottom: -20px; overflow: hidden;} .content-wrapper .sub-left {width: 308px; padding: 0 0 6px; float: left; margin-bottom: 0;} /*search-panel*/ #search-panel .searchbox{padding: 10px 0 0;} .homepage #search-panel .searchbox h2, #search-panel .searchbox h1,#search-panel .searchbox h2.replace {font-size: 40px; color:#fff; letter-spacing: 1px; float: left; padding: 16px 0 0} #search-panel .searchbox h3, #search-panel .searchbox h2 {font-weight: normal; font-size: 15px; float: left; padding: 38px 0 0 15px;letter-spacing: 1px;} #search-panel .searchbox strong{font-size: 18px; } #search-panel .searchbox form {clear: both;padding: 10px 0 40px; width: 560px; border-bottom: 1px solid #82cb7b; overflow: hidden; position: relative;} #search-panel .searchbox form input{font-size: 16px; color:#2c2d31; padding: 10px;border: 2px solid #3aaa34; margin: 0 15px 0 0;height: 18px; float: left; width: 205px;} #search-panel .searchbox form select{padding: 8px 10px;height: 44px;left: 244px;width: 205px;} /*most-keyword*/ #search-panel .most-keyword {padding: 11px 0 0; z-index: 3;} .most-keyword h2{font-size: 13px;color:#333; display: inline; font-weight: normal;} .most-keyword a{color:#fff;font-size: 13px; font-weight: normal;} .most-keyword a:hover {color:#fff; text-decoration: underline;} span.customSelect {font-size:16px;background-color: #fff;color:#7c7c7c;border: 2px solid #3aaa34;height: 38px;width: 215px;float: left;background: #fff url(../../img/bg/ico-homepage.png) 181px -680px no-repeat;} .customSelectInner {display: block; width: 195px!important;padding: 8px 10px;} #search-panel .searchbox form .submit {background: url(../../img/bg/ico-homepage.png) no-repeat -5px -79px; width: 81px!important; height: 48px; border: none;margin: 0 0 0 15px;float: left; } #search-panel .searchbox form .submit:hover {background-position: -4px -965px;} #search-panel .searchbox ul li{float: left;} /*latest job*/ .homepage .latest-job {width: 300px;padding: 0;} .filter-search #wrapper .listview .article .job-info .intro {padding: 5px 0;} .filter-search #wrapper .listview .article .job-info .intro strong {color:#333;} .homepage aside h2 {padding: 0 0 0 35px;} .homepage aside section {padding: 5px 0 0;} .homepage aside h2 a,.static-2-col-ads .weekly-horoscope h2 a,.daily-horo h2{color: #000; } aside .Readmore ,.static-2-col-ads .Readmore{float: right; padding: 10px 0; clear: both;} aside .Readmore a,.static-2-col-ads .weekly-horoscope .Readmore a,.daily-horo .Readmore a{padding: 0 0 0 15px;} .homepage .latest-job h2 {background-position: 0 -210px; margin: 0 0 10px; padding: 3px 0 0 35px;} /*preview homepage*/ .homepage .preview {clear:both;} .homepage .preview #activity {background-position: 0 -315px;} .homepage .preview #news {background-position: 0 -368px;} .homepage .preview .detail {float: right; width: 185px;} .homepage .preview .detail h3 a{font-size: 13px;} /*M2Fjob-search-review-homepage*/ #search-panel #M2Fjob-Search-review {width:365px; position: absolute; right: 0;top: 30px; } #M2Fjob-Search-review .viewport {position: relative; width: 365px; height: 180px; overflow: hidden;} #M2Fjob-Search-review .overview {position: absolute; font-size: 13px; height: 180px;} #M2Fjob-Search-review .overview li {float: left; width: 195px; padding: 0 0 0 170px; height: 193px; background: url(../../img/bg/search-review-sp.png) no-repeat -5px 5px; overflow: hidden;} #M2Fjob-Search-review h2{font-size: 36px; height: 36px;} #M2Fjob-Search-review h3 {font-size: 24px; } #M2Fjob-Search-review h3 span {display: block; margin-top: -8px;} #search-panel #M2Fjob-Search-review .job-alert {background-position: 0 -215px;} #search-panel #M2Fjob-Search-review .create-resume {background-position: 0 -450px;} #M2Fjob-Search-review .buttons{width: 10px; height: 13px;} #M2Fjob-Search-review .control {position: absolute;width: 35px; height: 15px; right: 0; bottom: 22px;background: url(../../img/bg/search-review-sp.png) no-repeat -24px -673px;} #M2Fjob-Search-review .prev{background: url(../../img/bg/search-review-sp.png) no-repeat -71px -673px; float: left; margin: 0 0 0 1px;} #M2Fjob-Search-review .next{background: url(../../img/bg/search-review-sp.png) no-repeat -96px -673px; float: right; margin: 0 6px 0 0;} #M2Fjob-Search-review a span {display:block; text-indent: -9999px;} #M2Fjob-Search-review p {padding: 5px 0 15px; line-height: 16px;} #M2Fjob-Search-review .replace {font-size: 22px; color:#fff; font-weight: bold; padding: 0 15px 6px;border-radius: 5px;-webkit-box-shadow: 0px 5px 1px 1px #11910f;box-shadow: 0px 2px 1px 1px #11910f; background:#209c1d; display: inline; height: 22px;} #M2Fjob-Search-review .replace:hover {-webkit-box-shadow: 0px 5px 1px 1px #107c0f;box-shadow: 0px 2px 1px 1px #107c0f; background:#038903;} /*job-index*/ #job-index {width: 100%; background:#c3e3c3; padding: 0 0 15px; float: left;margin: 0 0 20px;} #job-index div {margin:-5px auto 0 auto;width: 960px;overflow: hidden; padding: 0 0 15px; } #job-index div ul {width: 960px; margin: 0 0 0 -10px; } #job-index div ul li {width: 170px;float: left; margin: 15px 0 0 20px;border: 1px solid #d6d8dc;background: #fbfcfb;height: 69px;font-size: 20px;background: -moz-linear-gradient(top, #fbfcfb 0%, #ebeeeb 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfcfb), color-stop(100%,#ebeeeb));background: -webkit-linear-gradient(top, #fbfcfb 0%,#ebeeeb 100%);background: -o-linear-gradient(top, #fbfcfb 0%,#ebeeeb 100%);background: -ms-linear-gradient(top, #fbfcfb 0%,#ebeeeb 100%);background: linear-gradient(to bottom, #fbfcfb 0%,#ebeeeb 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfcfb', endColorstr='#ebeeeb',GradientType=0 );position: relative;} #job-index div ul li:hover {background: #4ab340;color:#fff!important;} #job-index div ul li p{color: #696a6d;} #job-index div ul li strong {color: #339900;} #job-index div ul li span {display:block; color: #696a6d;} #job-index div ul li a {width: 105px;padding: 7px 0 0 65px;display: block;background: url(../../img/bg/job-index.png) no-repeat;height: 62px;} #job-index ul .engineer a{background-position: 22px 15px;} #job-index ul .engineer a:hover {background: #4ab340 url(../../img/bg/job-index.png) no-repeat 22px -351px;} #job-index ul .marketing a{background-position: 20px -68px;} #job-index ul .marketing:hover a{background: #4ab340 url(../../img/bg/job-index.png) no-repeat -147px -348px;} #job-index ul .sale a{background-position: 15px -171px;} #job-index ul .sale:hover a{background: #4ab340 url(../../img/bg/job-index.png) no-repeat 15px -427px;} #job-index ul .IT a{background-position: -154px 13px;} #job-index ul .IT:hover a{background: #4ab340 url(../../img/bg/job-index.png) no-repeat -152px -424px;} #job-index ul .project-manager a{background-position: 6px -273px; font-size: 16px; padding: 10px 0 0 61px; height: 63px; } #job-index ul .project-manager a span {font-size: 20px;} #job-index ul .project-manager:hover a{width: 109px;background: #4ab340 url(../../img/bg/job-index.png) no-repeat 5px -508px;height: 59px;} #job-index ul .administrator a{background-position: 15px -858px;} #job-index ul .administrator:hover a{background: #4ab340 url(../../img/bg/job-index.png) no-repeat -154px -854px;} #job-index ul .accountant a{background-position: -152px -170px;} #job-index ul .accountant:hover a{background: #4ab340 url(../../img/bg/job-index.png) no-repeat 18px -586px;} #job-index ul .finance a{background-position: -152px -272px;} #job-index ul .finance:hover a{background: #4ab340 url(../../img/bg/job-index.png) no-repeat -152px -585px;} #job-index ul .customer-service a{background-position: -152px -69px;} #job-index ul .customer-service:hover a{background: #4ab340 url(../../img/bg/job-index.png) no-repeat 8px -668px;} #job-index ul .other,#job-index ul .other:hover {border:none; background: none!important;filter:none;} #job-index ul .other a{border-radius: 5px; background:#96d18b;-webkit-box-shadow: inset 0px 2px 2px 0px #88b581; box-shadow: inset 0px 2px 2px 0px #88b581;border:1px solid #a0d198; } #job-index ul .other a strong { color:#fff;} #job-index ul .other a{background: #96d18b url(../../img/bg/job-index.png) no-repeat 16px -743px;height: 50px; padding: 19px 0 0 65px;} #job-index ul .other:hover a{background: #7fc86f url(../../img/bg/job-index.png) no-repeat 16px -743px;-webkit-box-shadow: inset 0px 2px 2px 0px #6ea861; box-shadow: inset 0px 2px 2px 0px #6ea861; border-radius: 5px;} #job-index ul li .new {position: absolute; right: 10px; top: -5px; padding: 4px 6px 4px; background: #e3232d; box-shadow: 2px 0 0 #ccc; border: 2px solid #fff; border-radius: 20px; text-align: center; } #job-index ul li .new span {font-size: 18px; color:#fff;margin: -7px 0 0; height: 18px; line-height: 18px;} /*job-level*/ #job-index .job-level {width: 940px; margin: 0 auto; overflow: hidden; border-top: 1px solid #7acb73; padding: 5px 0 0;} #job-index .job-level li {float: left; color: #038a04; font-size: 15px;background: url(../../img/bg/job-index.png) no-repeat; padding: 10px 55px 0 45px;height: 27px;} #job-index .job-level .manager {background-position: -175px -668px; } #job-index .job-level .graduate {background-position: -175px -715px; } #job-index .job-level .parttime {background-position: -175px -761px; } #job-index .job-level .gov {background-position: -175px -814px; } #job-index .job-level .disabled {background-position: -5px -816px; padding: 10px 0 0 40px;} /*job-slider-homepage*/ .job-slider,#job-highlight {width:620px; overflow :hidden;} .job-slider .viewport {position: relative; width: 620px; height: 280px; overflow: hidden;} .job-slider .overview {position: absolute; font-size: 13px; height: 280px;} .job-slider .overview li {float: left; width: 620px; overflow: hidden;} .job-slider .pager,#job-highlight .pager {position: absolute; bottom:0; width: 620px; text-align: center;} .job-slider .pager li,#job-highlight .pager li {display: inline-block; width: 15px; height: 18px; } .job-slider .pager li a,#job-highlight .pager li a{display: inline-block; width: 18px; height: 18px; background: url(../../img/bg/ico-homepage.png) no-repeat 0 -157px;} *:first-child+html .job-slider .pager,*:first-child+html #job-highlight .pager {left: 250px;} *:first-child+html .job-slider .pager li,*:first-child+html #job-highlight .pager li {float: left; width: 18px;} .job-slider .pager li a.active,#job-highlight .pager li a.active{background: url(../../img/bg/ico-homepage.png) no-repeat 0 -186px; } /*job-highlight-homepage*/ #job-highlight h2, .static-2-col-ads .job-highlight h2.s-hd {background-position: -4px -263px; padding: 8px 0 0 30px;} #job-highlight .viewport {position: relative; width: 650px; height: 240px;overflow: hidden;} #job-highlight .overview {position: absolute; font-size: 13px; height: 240px;} #job-highlight .overview li {float: left; width: 650px; overflow: hidden;} #job-highlight .overview li div {float: left; width: 295px; margin: 0 30px 5px 0;} .static-2-col-ads .job-highlight div{padding: 0 0 10px;} /*job category homepage*/ #content #job-category {width: 100%; overflow: hidden; margin:-37px 0 0; position: relative; z-index: 3;} #job-category .toggle-navigation {width: 940px; margin: 0 auto; overflow: hidden; height: 37px; } #content #job-category .toggle-navigation .active {background: #e4f3e1 url(../../img/bg/ico-homepage.png) no-repeat 147px -743px; color: #2c2d31;border-radius: 5px 5px 0px 0px;} #content #job-category .toggle-navigation .tab1.active {background-position: 149px -743px;} #content #job-category .toggle-navigation .tab2.active {background-position: 164px -743px;} #content #job-category .toggle-navigation .active,#content #job-category .toggle-detail .active {display: block!important;} #job-category .toggle-navigation li {float: left; padding: 5px 35px 10px 10px; cursor: pointer; font-size: 15px ;color:#fff; font-weight: normal;background: url(../../img/bg/ico-homepage.png) no-repeat 146px -625px; margin: 0 7px 0 0; line-height: 23px;} #job-category .toggle-navigation .tab1{padding: 5px 35px 10px 10px; background-position: 149px -625px;} #job-category .toggle-navigation .tab2 {padding: 5px 38px 10px 10px; background-position: 163px -625px;} #job-category .toggle-detail {background: #e4f3e1; width: 100%; overflow: hidden; } #job-category .toggle-detail .tab1-detail,#job-category .toggle-detail .tab2-detail, #job-category .toggle-detail .tab3-detail{display: none; width: 940px; margin: 0 auto; padding: 15px 0 60px; position: relative; overflow: hidden;} #job-category .toggle-detail .Readmore {clear: both; float: right;} #job-category .toggle-detail .Readmore a{padding: 0 0 0 10px;} #job-category .slideup {display: none;} #job-category .active .slideup {display: block; margin: 0 0 0 -91px; width: 183px; position: absolute; left: 50%; bottom: -4px; cursor: pointer;} /*tab1*/ #job-category .tab1-detail ul, #job-category .tab2-detail ul {width: 210px;margin: 0 33px 0 0; float: left;} #job-category .list li {list-style: disc outside none; margin:0 0 0 15px; line-height: 20px; padding: 10px 0 0; color:#717275;} #job-category .list li a {font-weight: normal;} #job-category .list li a span {color:#717275;} #content #job-category .last {margin: 0;} /*tab3*/ #job-category .tab3-detail .Bangkok-Baundary {border-bottom: 1px solid #81ce79; margin: 0 0 10px;} #job-category .tab3-detail ul li ul li {color: #717275;width: 151px; float: left; list-style: disc outside none; margin-left: 14px;} #job-category .toggle-detail .tab3-detail ul li ul {padding: 10px 0 0;} #job-category .tab3-detail ul li span {color: #717275;} #job-category .tab3-detail ul li a {font-weight: normal;} #job-category .tab3-detail .Bangkok-Baundary ul li ul li.last{width: 115px;} #job-category .toggle-detail .tab3-detail .province-name {color:#2c2d31;} #job-category .Center,#job-category .North,#job-category .Northeast,#job-category .South,#job-category .East {width: 164px; float: left;} #job-category .West{width: 120px; float: left;} /*tags-cloud*/ .right-column .each-content .tags-cloud {text-align: left;line-height: 30px;} .tags-cloud .small{font-size: 13px; color:#339900;} .tags-cloud .medium{font-size: 19px; } .tags-cloud .large{font-size: 30px; } /*job-article*/ #job-article h2{background-position: -5px -537px; padding: 8px 0 0 30px; width: 590px;} #job-article article{width: 320px; float: left; padding: 0 0 25px;} .homepage #job-article article:nth-of-type(2n+1) {clear: both;} #job-article *:nth-child(4),#job-article *:nth-child(6){clear: both;} #job-article article .figure {width: 155px; float: left;} #job-article article div {float: left; width: 136px} #job-article .Readmore {text-align: right; padding: 10px 20px 10px 0; clear: both;} /*activity on homepage*/ .content-wrapper .right-column .activity-detail {margin-top: 25px;} #wrapper .content-wrapper .right-column .activity-detail h3 a {font-weight: bold;} .content-wrapper .right-column .activity-detail p {text-align: left!important; } /*thumb list*/ .each-content-right .thumb-list li{list-style: none; margin-left: 0; clear:both; overflow: hidden;} .each-content-right .thumb-list .detail {float: left; clear: none; width: 191px; height: 74px; overflow: hidden; padding-top: 1px;} .each-content-right .thumb-list .detail p {text-align: left!important;} .content-wrapper .each-content h1, .content-wrapper .left-column .each-content h2, .content-wrapper .right-column .each-content h2 {padding: 5px 0 14px 52px; margin-bottom: 5px;border-bottom: 4px solid #ebebeb; background-repeat: no-repeat;font-size: 16px;} .content-wrapper .left-column .each-content {width:330px; float: left;} .content-wrapper .each-content {margin-bottom: 20px;} #wrapper .hp .each-content {padding-bottom: 20px; margin-bottom: 0;} #wrapper .hp .each-content iframe {position: relative; z-index: 20;} #wrapper .hp .left-column .each-content {padding-bottom: 30px;} .content-wrapper .merge-left-column .each-content{width: 640px; overflow: hidden; } .content-wrapper .right-column .activity-detail {width: 300px; overflow: hidden;} .right-column .jobnews { width: 300px; overflow: hidden;margin-bottom: 20px;} .right-column .jobnews .Readmore {padding: 10px 0 0;} .content-wrapper .merge-left-column .each-content .Readmore, .content-wrapper .right-column .activity-detail .Readmore{float: right; padding: 10px 0 0;} .content-wrapper .each-content h1, .content-wrapper .left-column .each-content h2, .content-wrapper .right-column .each-content h2 { background-image: url(../../img/icon/ico-header-panel.gif);} .content-wrapper .each-content h1 a, .content-wrapper .left-column .each-content h2 a, .content-wrapper .right-column .each-content h2 a {color: #333;text-decoration: none;} .content-wrapper .left-column .each-content .Readmore {width: 310px;} .content-wrapper .each-content p a {background:none; padding:0;} /*header icon on homepage*/ .each-content h2.hot {background-position: 0 -47px;width: 256px; } .each-content h2.job-tricks-tips {background-position: 0 -141px;} .each-content h2.horoscope {background-position: 0 -97px;} .each-content h2.info {background-position: -3px -184px;} .each-content h1.mostread {background-position: 0 -398px; } .each-content h1.newest-story {background-position: 0 -452px;} .each-content h2.executive {background-position: -9px -524px; width: 256px;} .each-content h2.government {background-position: -8px -590px; width: 256px;} .each-content h2.tags {background-position: -5px -655px; } .each-content ol {width: 308px; margin-bottom: 10px; overflow: hidden;} .each-content ol li,.latest-job ol li {width: 298px; float: left;border-bottom: 1px dotted #ccc; padding: 5px 0; line-height: 20px;} .each-content ol li:hover {background: #f3f3f3;} .each-content ol li h2 a, .content-wrapper .left-column .each-content h3 a, .content-wrapper .right-column .each-content h3 a {font-family: Arial !important; font-size: 13px; font-weight: normal;} .each-content ol li p {text-align: left; color:#333;} .each-content ol li img {float: left; margin: 0 5px 0 0; border: 1px solid #ccc;} .each-content ul li {list-style: disc; margin-left: 15px; padding: 5px 0 3px; line-height: 17px; color:#ccc;} .each-content ul li a {font-weight: normal;} .each-content p {text-align: right; } .each-content p a, .premium-company-suggestion p a,#job-article .Readmore a, .each-content p.Readmore a {background: url(../../img/icon/arrow-gray.gif) 0 3px no-repeat; padding-left: 10px;} .premium-company-suggestion h2 {} /*registration step indicator*/ .content-wrapper .registration-steps {width: 960px; height: 49px; background: url(../../img/bg/registration-steps.gif) bottom no-repeat;padding-top: 20px;font-weight: bold;position: relative;overflow: hidden;margin-bottom: 15px;} .registration-steps h2 {width: 135px; height: 46px; float: left;text-align:center; } .registration-steps h2 span{color:#fff; font-size: 25px;display: block; padding-top: 5px;} .registration-steps ul {margin-left: 134px; border-left: 2px solid #fff; overflow:hidden; width:824px; height: 49px; position:relative; } .registration-steps ul li {height: 49px; float: left; position: relative;} .registration-steps ul li#dataentry {width: 210px;margin-left: 0;z-index: 2;} .registration-steps ul li#dataentry.active {z-index:3;} .registration-steps ul li#check-email {z-index:1!important;width: 200px;margin-left: -31px;} .registration-steps ul li#check-email.active {width: 200px;margin-left: -13px;z-index: 1!important;} .registration-steps ul li#complete {z-index:0!important;width: 160px;} .registration-steps ul li#complete.active {width: 176px;margin-left: -16px;z-index: 0!important;} .registration-steps ul li span {font-size: 22px; color:#3b7999; font-weight: bold; padding-top: 7px; display: block; /padding-top: 9px;} .registration-steps ul li.active span {color:#fff!important;} /*Thankyou on send suggestion page*/ .content-wrapper .thank-con-regis {padding: 50px 0 !important; text-align: center; border: 0 !important;} .content-wrapper .border-bottom {border-bottom: 1px dotted #ccc; margin-bottom: 10px;} .content-wrapper .border-top {border-top: 1px solid #ccc !important;} /*infopage*/ body #wrapper .infopage h1 {color: #333; border-bottom: 1px solid #c2c2c2; background: url(../../img/icon/arrow-blue.png) 0 0 no-repeat;padding: 0 0 10px 35px;position: relative;font-size: 16px;font-weight: bold;width: 925px;} .infopage .info-box, .infopage .intro {border-top: 3px solid #f8f8f8; padding-top: 20px;} .info-box h2 {font-size: 20px !important; padding: 0 0 20px 40px;} .info-box p {padding: 0 0 30px 40px;} .info-box ul {padding: 0 40px; font-size: 15px; color: #333; font-weight: bold;} .info-box ul li {width: 880px; margin-bottom: 10px;} .info-box ul li input {width: 250px;} .info-box ul li ul li {width: 800px;} .info-box ul li ul li #submit {float: left; margin: 0 10px 0 93px;} .infopage .system-message {padding-top: 60px; text-align: center;} .form-registration h2 {font-family: Arial; font-size: 15px; color: #333; margin-bottom: 20px;} .form-registration h2 em {color: #333; font-style: normal;} /*User-status*/ .form-registration fieldset.user-status h2 {margin-bottom: 10px;} .form-registration fieldset.user-status input, .form-registration fieldset.user-status label, .form-registration fieldset.user-status span{width: auto; float: none; margin-right: 10px;color:#666;} .form-registration fieldset.user-status ul li {padding:0 0 0 200px; line-height: 25px; } .form-registration fieldset.user-status ul {border-bottom: 1px dotted #ccc; padding-bottom: 20px;} .form-registration fieldset {width: 960px; padding: 15px 0 5px; clear:both;} .form-registration fieldset ul {width: 960px;} .form-registration fieldset .terms-accept li a{float: none;} /*.form-registration fieldset .terms-accept input {width: auto; margin-left: 200px; margin-top: 2px;}*/ .form-registration fieldset .terms-accept .form-message {width:500px; margin-left: 200px; padding-top: 10px; clear: both;} .form-registration fieldset .terms-accept .form-message label {width: 500px;} .form-registration fieldset .terms-accept #fullfill input{display: inline-block; width: 117px; height: 36px;} .form-registration ul li {width: 960px; float: left; padding-bottom: 10px;clear: both; position: relative;} .form-registration ul li select {font-size: 12px; color:#666; } .form-registration ul .button-group {padding: 10px 0 0 200px; overflow: hidden; clear:both; width: 300px; } /*.form-registration ul .button-group input {float: left;}*/ .form-registration ul li * {float: left;} .form-registration ul li .form-message label {padding: 3px 0 0; display: inline-block;} .form-registration ul li .suggest {float: none; color: #666; display: inline-block; padding: 3px 0 0;} .form-registration ul li label {width: 200px; color: #333; font-size: 13px; font-weight: bold;} .form-registration ul {overflow: hidden;} .form-registration ul li label span {float: none; color: #d63030;} .form-registration ul li p.img-validate {clear: both; margin: 10px 0 0 200px; width: 235px; overflow: hidden;} .form-registration ul li #pcom_name, .form-registration ul li #pcom_last, .form-registration ul li #p_title{padding-right: 10px;} .form-registration ul li.fb,.form-registration ul li.gg {padding: 10px 0 0 230px; background: url(../../img/icon/social-icon.png) no-repeat 200px 10px;} .form-registration ul li .status-success {color: #339900;} .form-registration ul li.gg {background-position: 200px -27px; padding: 10px 0 30px 230px;} .form-registration ul li.gg .suggest {padding: 0;} .form-registration ul li a[title='Deauthorize'],.form-registration ul li a[title='Deauthorize']:hover {font-weight:bold; font-size:12px;color: #fff; background: #339900;padding: 2px 0; border-radius: 3px; border: 1px solid #cfcfcf; width: 100px;text-align:center;text-decoration: none;margin:0 10px 0 0;} .form-registration ul li a[title='Authorize'] {margin:0 10px 0 0;font-weight:bold; font-size:12px;color: #339900; border-radius: 3px; border: 1px solid #cfcfcf;padding: 2px 0;width: 100px; text-align:center;background:#fff;} .form-registration ul li a[title='Authorize']:hover {text-decoration: none; color:#339900;} .form-registration ul li input {width: 216px; font-size: 12px; color:#666;} .form-registration ul li input[type='text'] {border: 1px solid #ccc; padding: 5px;font-size: 13px;} .form-registration ul li select {border: 1px solid #ccc;font-size: 13px;} .form-registration ul li input[type='password'] {border: 1px solid #b3e0af; padding: 5px; background:#f2f8ee;font-size: 13px;} .form-registration fieldset .terms-accept input#cprivacy {margin-right: 5px; width: auto; margin-left: 200px;} .form-registration ul li .eachlinefirst, .form-registration ul li .eachline {float: left; width: 664px; overflow: hidden;} .form-registration ul li .eachline {clear:both; margin-left: 200px; margin-top: 10px;display: inline;} .form-registration ul li .eachline label, .form-registration ul li .eachlinefirst label {width: 195px; font-weight: normal; padding-right: 10px;} .form-registration ul li .eachlinefirst .form-message, .form-registration ul li .eachline .form-message, .form-registration ul li .eachline .form-message label, .form-registration ul li .eachlinefirst .form-message label {width: 200px;} .form-registration ul li .eachline input, .form-registration ul li .eachlinefirst input {width: 150px;} .content-wrapper #jobseeker-registration input.pre-other {width: 120px;} .content-wrapper #employer-registration input.companytype {width: 220px; padding: 1px; margin-right: 20px;} .content-wrapper #employer-registration .newline{clear: both; padding: 5px 0 0 200px;} #jobseeker-registration ul li .eachlinefirst label, #jobseeker-registration ul li .eachline label {width: 80px;} #jobseeker-registration ul li .eachlinefirst .form-message label, #jobseeker-registration ul li .eachline .form-message label {width: 200px;} #jobseeker-registration ul .input-slidedown, #register .input-slidedown{clear: both;margin: 0 0 0 200px;padding: 0; overflow: hidden;} #jobseeker-registration ul .list,#register ul .list {clear: both;margin: 0 0 0 200px;padding: 5px 0; width: 600px; float: left;} #jobseeker-registration ul .list p,#register ul .list p{color:#666; line-height: 30px; float: none;} #jobseeker-registration ul .list a,#register ul .list a{line-height: 30px; float: none; margin:0;} #jobseeker-registration ul .input-slidedown input, #register ul .input-slidedown input {margin:0 10px; width: auto;} #jobseeker-registration ul .input-slidedown label, #register ul .input-slidedown label {padding: 0; width: auto; line-height: 16px;color:#666;} body #wrapper .select-location {padding: 0;} body #wrapper .select-location .list {clear: both; padding: 5px 0 10px;} body #wrapper .select-location .list label {padding: 0 10px 0 0; font-weight: normal; color:#666;} body #wrapper .select-location .list span { width: 180px; float: left;} body #wrapper #personal-info .select-location {margin-bottom: 0;padding-left: 10px;} body #wrapper #personal-info .select-location .input-slidedown {margin-bottom: 0;} body #wrapper #personal-info .select-location .slide-detail input {margin: 0;} body #wrapper .select-location input{width: auto; margin-right: 5px;} .form-registration ul li .refresh-img {top: 30px; position: absolute; left:385px;} .form-registration ul li input#cstatusemail , .form-registration ul li input#cstatusjobalert, .form-registration ul li input#csharing_resume, .form-registration ul li input#cstatusjobalert {margin:2px 5px 0 200px; width: auto;} .form-registration ul li label.radiofield {width: auto; margin-right: 10px; font-weight: normal;color:#666; line-height: 16px;} .form-registration ul li label.radiofield input {width: auto; margin-right: 5px;} .form-registration ul li select {margin-right: 15px; padding: 2px; font-size: 13px;} .form-registration ul li select option {padding-right: 8px;} .form-registration ul li.sex p {padding-right: 20px; line-height: 18px;} .form-registration ul li.sex p input {width: auto; margin-right: 5px;} .form-registration ul li.sex p label{ width: auto; float:left;} .form-registration ul li select#company-category, .form-registration ul li select#residence, .form-registration ul li select#seeking-field {width: 258px; height: 50px;} .form-registration ul li textarea {width: 250px;} .form-registration ul li img {margin-right: 5px;display: inline;} .form-registration ul li a {color: #339900; font-weight: normal; margin-right: 5px;} .form-registration ul li .link {padding: 3px 0 0;} .form-registration ul li a:hover {color: #006600;} .form-registration ul li p span {display: block; width: 100%; color: #000;} .form-registration ul li .form-message {width: 300px;} .form-registration ul li .form-message span.error, .form-registration ul li .form-message span.success {width: 150px; background: url(../../img/icon/status-message.gif) no-repeat; padding: 0 0 0 20px;} .form-registration ul li.terms input{width:16px; margin-right: 5px;margin-top:1px;} .form-registration ul li.terms label {width: auto; font-weight: normal;} .form-registration ul li p {font-size: 13px; color:#666;} .form-message span.error {color: #f00; background-position: 0 100% !important;} .form-message span.success {color: #0060bf; background-position: 0 0 !important;} #passwordStrength {width: 372px; font-size: 12px; padding: 3px 0 0;clear: both; margin-left: 200px; height: 30px;overflow: hidden;float: left;} #passwordStrength #passwordDescription {width: auto; float: none; display: inline;} #passwordStrength span {color:#666;} .strength0, .strength1, .strength2, .strength3 {background: url(../../img/bg/strength-level.gif) no-repeat;} .strength0 {background-position: 0 20px;} .strength1 {background-position: 0 -10px;} .strength2 {background-position: 0 -40px;} .strength3 {background-position: 0 -70px;} .form-registration ul li ul li {width: 664px; margin-left: 200px; margin-bottom: 0;/display: inline; } .form-registration ul li ul li input {width: auto; border: none; margin-right: 10px;} .form-registration ul li ul li input#submit, .form-registration ul li ul li input#cancle, .form-registration ul li ul li input#send {margin-top: 20px;} /*header*/ .container {background:#fff url(../../img/bg/mypage-header.gif) repeat-x left bottom; position: relative; overflow: hidden;} .header {width: 960px; position: relative; z-index: 20;} /*if header no-navigation*/ /*resume-status*/ .resume-status {position: absolute; left: 390px; top:11px; color:#666; line-height: 22px;} .content-wrapper .header .wait {color:#e77e02;} .content-wrapper .header .false {color:#cc0000;} .content-wrapper .header .true {color:#339900;} .resume-status span,.resume-status .bubble {float: left;} .resume-status .bubble img{margin: 5px 0 0 0; cursor: pointer; display:block; } #wrapper .header .resume-status .bubble-detail {width: 530px; left:-250px; top: 20px; padding: 20px; box-shadow: 5px 5px 5px #888888;} .resume-status .bubble {text-align:center; } .resume-status .bubble .header { width: auto; font-weight: bold;} /*.no-nav {margin-top: 30px;}*/ .content-wrapper .no-nav h1 {float: left; margin-right: 15px;} .content-wrapper .no-nav select {position: static; float: left; margin: 5px 0 0;} .header select {font-size: 13px;position: absolute;left: 160px; top: 9px;} .company-profile .header h1,.company-profile .header .container p.company-name {width: 445px; } .header h1, .header .companyname,.company-profile .header .container p.company-name {color: #333; float: left; padding: 0 0 15px 35px; margin: 5px 30px 0 0; background: url(../../img/icon/arrow-blue.png) no-repeat ; min-height: 24px;} .header a {font-size: 15px; font-weight: bold !important; text-decoration: none;} .header ul li {float: left; margin: 0 3px;} .header ul li a { padding: 9px 20px 14px; display: block; cursor: pointer;} .header ul li a:hover, .header ul li a.active {border: 1px solid #ccc; padding: 8px 19px 14px; border-bottom: none; background: #fff;} .company-profile .header {margin-bottom: 20px; width: 100%; position: relative;} .company-profile #teaser-box {width: 960px; height: 200px;} .company-profile .header ul, .user-interactive-pages .header ul {float: right; margin-right: 10px; position: absolute; right: 0; bottom:0;} #wrapper .content-wrapper .header .status {padding-top: 10px; float: left; margin: 0 0 0 -10px; line-height: 18px;} /*print and send email icon*/ #wrapper .user-interactive-pages .header .output .download {background: url(../../img/icon/ico-display.gif) no-repeat -7px -69px;color:#333;font-weight: normal!important;padding: 17px 10px 11px 20px;} #wrapper .user-interactive-pages .header .output .print{background: url(../../img/icon/ico-display.gif) no-repeat -7px -23px; color: #333; font-weight: normal!important;padding: 17px 10px 11px 20px;} #wrapper .user-interactive-pages .header .output .sendmail {background: url(../../img/icon/ico-display.gif) no-repeat -7px 12px; color: #333; font-weight: normal!important;padding: 17px 20px 11px;} .user-interactive-pages .header .output a:hover {border: none; padding: 12px 20px 11px; text-decoration: none;} .company-profile .header ul {position: absolute; right: 0; bottom: 0;} /*Company-profile-position-detail*/ #company-content .job-detail {padding: 0 0 50px; overflow: hidden;} #company-content ul li {list-style: disc outside none;margin-left: 15px;color: #666; line-height: 22px;} #company-content #position-detail ul.jobdetail li, #company-content .qualifications-degree .skill li, #company-content ul.activies li{list-style:none;margin-left: 0;line-height: 18px;} #company-content #position-detail ul.jobdetail ol {width: 745px; float: right;} #company-content #position-detail ul.jobdetail ol li {list-style: decimal outside none; margin-left: 30px;} #company-content #position-detail h2 {margin-top: 35px;} #company-content #position-detail ul.jobdetail {padding: 0 0 20px 0; overflow:hidden;} #company-content #position-detail ul.jobdetail li {clear: both;line-height: 23px;} #company-content .job-detail .info .contact{background: #edf7e7; overflow: hidden; width: 100%; padding: 5px 0 15px; margin: 20px 0 0;/float: left;} #company-content .job-detail .info .moreinfo {background: #edf7e7; overflow: hidden; width: 100%; padding: 5px 0 15px; margin: 0;} #company-content .job-detail .info .contact p, #company-content .job-detail .info .moreinfo p{padding: 0 15px 0; line-height: 25px;} #company-content .job-detail .info .job-icon {position:absolute; top:0;} #company-content .job-detail .info .expired {list-style: none; text-align: center; background:#f1f9ec; padding: 30px 0; margin: 40px 0; } #company-content .job-detail .info .expired p{font-size: 18px; color:#ed1c24!important;} #company-content .job-detail .info .link {list-style: none; margin: 25px 0; overflow: hidden; height: 38px; text-align: center;} #company-content .job-detail .info .link a {float: none; display: inline-block; margin: 0 10px 0 0; padding: 3px 32px 5px;} *:first-child+html #company-content .job-detail .info .link {margin-left: 170px;} *:first-child+html #company-content .job-detail .info .link a {float: left;} #company-content .job-detail .info .contact li {width: 100%;} #company-content .job-detail .info .contact .head, #company-content .job-detail .info .moreinfo .head{padding: 10px 0 5px 15px; width: 205px; font-size: 16px; font-weight: bold; color:#333; } #company-content .job-detail .info .contact .tel,#company-content .job-detail .info .contact .email {position: relative; width: 615px; min-height: 25px;} #company-content .job-detail .info .contact .tel p{background: url(../../img/icon/contact-ico.png) no-repeat 15px 1px; padding: 0 0 0 38px;} #company-content .job-detail .info .contact .fax{background: url(../../img/icon/contact-ico.png) no-repeat 15px -24px; padding: 0 0 0 38px;} #company-content .job-detail .info .contact .email p{background: url(../../img/icon/contact-ico.png) no-repeat 15px -49px; padding: 0 0 0 38px;} #company-content .job-detail .info .contact .full span {display: block;} #company-content .job-detail .info .contact .tel a img, #company-content .job-detail .info .contact .email a img{vertical-align: middle;} #company-content .job-detail .info .contact .full {display: none; position: relative; top:0 ; left: 0;} /*list-view*/ #company-content .job-detail .info .list-view h2 {font-size: 13px; color: #333; background: #dedede; margin: 0;} #company-content .job-detail .info .list-view ul li{list-style: none; margin: 0; padding: 10px;border-bottom: 1px solid #ccc; line-height: 18px;} #company-content .job-detail .info .list-view ul li p {padding: 0;} #company-content .job-detail .info .list-view ul li p span{color:#333; font-weight: bold;} #company-content .job-detail .info .list-view .view-all {padding: 20px 0;} #company-content #position-detail ul.jobdetail li ul {width: 745px; float: right;} #company-content #position-detail ul.jobdetail li ul li {list-style: disc outside none; color:#666; margin-left: 15px;} #company-content #position-detail ul.jobdetail li p {float:right;margin-bottom: 0; width: 745px;} #company-content #position-detail ul.jobdetail li .slidedown{width: 745px; float: right;} #company-content .job-detail .info a {font-weight: normal;} #company-content .job-detail .info p {margin-bottom: 0; padding: 5px 0;} #company-content .job-detail .info li {margin-left: 28px;} #company-content .job-detail .info .other {list-style: none; margin: 0; padding: 0 12px 5px;} #company-content .job-detail .info .detail p{padding: 0 12px 5px;} #company-content .job-detail .info .show .expand{display: block;} #company-content .job-detail .info .slidedown .showmore,body #search .filter .showmore {background: url(../../img/icon/toggle-down.gif) no-repeat right 5px;width: 74px;list-style: none; cursor: pointer; color:#339900; margin: 5px 0 0 14px;} body #company-content .job-detail .info .en .showmore,#search .filter .showmore {width: 65px;} body #company-content .job-detail .info .en .minus,#search .filter .minus {width: 76px;} #company-content .job-detail .info .slidedown .minus,#search .filter .minus {background: url(../../img/icon/toggle-down.gif) no-repeat right -14px; width: 76px;} #company-content .job-detail .info .expand li{width:auto; list-style: disc outside none;} #company-content .job-detail .info .invisible, #search .filter .invisible {display: none;} #company-content .job-detail .info .visible {display: list-item;} body #search .filter .visible {display: block;} #company-content .job-detail .info ol>li {list-style: decimal outside none; color: #666; margin-left: 33px; line-height: 22px;} #wrapper #company-content .job-detail .info .hide {display: none;} #company-content .competency .info span {display: block; clear: both;} #company-content #position-detail ul.jobdetail li p .inline {text-decoration:underline;display:inline;} #company-content #position-detail ul.jobdetail li .head {font-weight: bold; width: 215px; color:#333; float: left;} #company-content #position-detail ul.qualifications {padding: 0 0 10px 0; overflow:hidden;} #company-content #position-detail ul.qualifications li {clear:both; overflow: hidden;color:#666; list-style: none; margin-left: 0;} #company-content #position-detail ul.qualifications li span{float: left; width: 745px;} #company-content #position-detail ul.qualifications li span.bullet {width:15px; font-size: 15px;} #company-content #position-detail ul.qualifications li span {width: 945px} /*share sns*/ .sharethis { width: 290px;overflow: hidden; height:24px;border-left: 1px solid #dad8d8;position: absolute; top: 35px; left: 330px; padding-left: 8px;} .sharethis .facebook-share { width: 81px; float: left; margin-bottom: 10px; margin-left: 0;} .sharethis .facebook-share img { cursor: pointer; float: left; width: 32px;} #company-content .sharethis .tweetmeme_button p, #company-content .sharethis .facebook-share p { background: url(../../img/bg/social-values-left.png) 2px 0 no-repeat; color: #666666; display: block; float: left; font-size: 11px; line-height: 18px; padding: 0 0 0 2px; text-align: center; width: 40px; margin: 0;} .sharethis .tweetmeme_button p span,#company-content .sharethis .facebook-share p span { background: url(../../img/bg/social-values-right.png) no-repeat scroll right 0 transparent; display: block; height: 20px; padding: 2px 0 0 3px;} .sharethis .tweetmeme_button,.sharethis .all { float: left; height: 21px; padding: 0 7px 0 0; width: 75px; margin-bottom: 10px;} #company-content .sharethis .all {width: 45px; padding-top: 2px;} #company-content .sharethis .all a {background: none; width: 45px; float: left;} #company-content .sharethis .all a .seeall {position: absolute; top: 0;} #company-content .sharethis .all a {color:#666; font-size: 11px; position: relative;} .sharethis .tweetmeme_button img { cursor: pointer; float: left; width: 32px;} .sharethis .tweetmeme_button p { background: url(../../img/bg/social-values-left.png) 2px 0 no-repeat; color: #666666; display: block; float: left; font-size: 11px; height: 25px; line-height: 18px; padding-left: 2px; text-align: center; width: 46px;} .sharethis .tweetmeme_button p span { background: url(../../img/bg/social-values-right.png) no-repeat scroll right 0 transparent; display: block; height: 20px; padding: 2px 0 0 3px;} .sharethis .google-share { float: left; height: 21px; padding: 0 7px 0 0; width: 60px; margin-bottom: 10px;} /*force shorturl on job-detail page*/ #company-content .job-detail .left-pane .shortly {width: 300px; border: none; height: auto; padding: 0; margin: 15px 0 0;} #company-content .job-detail .left-pane .shortly label, #company-content .job-detail .left-pane .shortly #newURL {font-size: 11px; color:#666; overflow: hidden; width: 228px; } #company-content .job-detail .left-pane .shortly label{font-weight: bold; padding: 0 0 5px; display: block;} #company-content .job-detail .left-pane .shortly #newURL {height: 18px;} #company-content .job-detail .left-pane .shortly div p{padding: 0 0 5px; margin: 0; color:#666;} #company-content .job-detail .left-pane #shortlyURL input {width: 228px; float: left; margin-right: 5px; } #company-content .job-detail .left-pane .shortly #submitCopy {width: 61px; height: 22px; background: url(../../img/button/copy-url-en.gif) no-repeat; float: left; margin-right: 0; border: none;} #company-content .job-detail .left-pane p {position: relative;} #company-content .job-detail .left-pane .suggest #newURL {width: 288px; padding: 2px 5px; border: 1px solid #ccc;} #company-content .job-detail .left-pane .suggest span{ text-align:center; display:inline-block; color: #fff; background: #333; position: absolute;right:5px; top:-27px;height: 21px; padding: 7px 0 0 10px; font-size: 11px; font-weight: bold; line-height: 14px;} #company-content .job-detail .left-pane .suggest span:after{height:0px;width:0px; border:none;border-top:7px solid #333;border-left:7px solid rgba(0,0,0,0);border-right:7px solid rgba(0,0,0,0);content:'';position: relative; top: 27px;right: 69px;} #company-content .job-detail .left-pane .tags {padding-top: 15px;} #company-content .job-detail .left-pane .tags a {font-weight: normal;} #company-content .job-detail .left-pane .share-pane {margin: 10px 0;} #company-content .job-detail .left-pane .share-pane li{list-style: none; float: left; font-size: 11px; color: #666; background: url(../../img/bg/share-job.gif) no-repeat; padding: 10px 0 0 0; height: 20px; margin: 0 0 0 5px;} #company-content .job-detail .left-pane .share-pane li a {border-right: 1px solid #ccc; float: left; padding: 0 10px 0 30px;color:#666;font-weight: normal; line-height: 11px;} #company-content .job-detail .left-pane .share-pane .mail {margin: 0;} #company-content .job-detail .left-pane .share-pane .last {border: none;} #company-content .job-detail .left-pane .share-pane .print {background: url(../../img/bg/share-job.gif) no-repeat 0 -33px;} #company-content .job-detail .left-pane .share-pane .report {background: url(../../img/bg/share-job.gif) no-repeat 0 -69px;} /*Thankyou page*/ #thankyou {width: 960px; overflow: hidden; background:#fff;} #thankyou .info-box {text-align: center; padding: 50px 0;} #thankyou .info-box h2 {padding-left:0;} #thankyou .info-box p {color:#666; padding: 0 0 10px;} #thankyou .info-box .first {padding-right: 25px;} #thankyou .info-box .link {padding-top: 20px;} /*table on job detail page */ #company-content .position-header-panel, .company-profile .position-header-panel {overflow: hidden; padding: 0 0 10px; margin: 0; background: none; border: none;} #company-content .position-header-panel #position-name p {padding: 5px 0 0; margin: 0;} #company-content .position-header-panel tr:hover {background: none;} #wrapper #company-content .position-header-panel tr td {vertical-align: bottom; border: none; padding: 5px 0; margin: 0;} #company-content #position-detail .position-header-panel h1{padding: 0; margin: 0; font-size: 20px; font-weight: normal;border: none;} #wrapper #company-content #position-detail .position-header-panel tr #position-name {width: 540px; padding-bottom: 5px;} #position-detail .position-header-panel tr #position-name a img{vertical-align: middle;} .position-header-panel .sns-navigation {float:right; width: 400px;} .position-header-panel .sns-navigation .short-url{float: right; margin-left: 10px; width: 125px; border: 1px solid #eee;text-align:center;padding: 10px 10px 0;} .sns-navigation .short-url h3 {font-size: 15px; font-weight: bold; } .position-header-panel .sns-navigation .short-url p {margin-bottom: 15px;} .sns-navigation .short-url p a{ font-size: 13px; font-weight: normal;} .position-header-panel .sns-navigation .tweetmeme_button, .facebook-share,.mail-to-company {float: right; margin-left: 10px;} .position-header-panel .sns-navigation .facebook-share {margin-right: 0;} .company-profile .content-wrapper .breadcrumb { padding: 0 0 10px;} .company-profile .content-wrapper .sub-breadcrumb { padding: 0 0 20px 10px;} .company-profile .content-wrapper .sub-breadcrumb a {font-weight: normal;} .breadcrumb {background:#fff;} .content-wrapper .breadcrumb {padding: 12px 0 0;} .breadcrumb,.job-field,.sub-breadcrumb { line-height: 18px; clear: both; overflow: hidden; padding-bottom: 15px; width: 960px;} #qualifications .job-field {padding: 0; width: 610px; overflow: hidden;} #company-content .job-field .header {font-weight: bold;height: auto;margin: 0; background: none;width: 78px;color:#333;float: left;} #company-content .job-field ul {float:left; padding: 0 10px 0 0; margin: 0; width: 510px;} #company-content .job-field ul li {padding-left: 10px;clear:both; background: url(../../img/bg/bullet.png) no-repeat 0 7px; line-height: 18px; } .breadcrumb span.arrow, .sub-breadcrumb span.arrow {background: url(../../img/icon/arrow-next.png) no-repeat left center;width:13px;margin: 0 0 0 8px; line-height: 18px;height: 18px; float: left;} .job-field a { padding: 0 5px 0 0; font-weight: normal;} .job-field .last {background: url(../../img/bg/bg-breadcrumb.gif) no-repeat left 3px; padding: 0 0 0 10px; } .content-wrapper .breadcrumb .header {width: auto; float: left; background: none; margin: 0 5px 0 0; height: auto; color:#333;} .breadcrumb span em, .job-field span em,.sub-breadcrumb span em {display: none;} .breadcrumb a, .sub-breadcrumb a {font-weight: normal; float: left;} form#qualifications .qualifications-degree li strong {color: #333;} /* user-info-box */ .user-interactive-pages #user-info-box, .user-interactive-pages #company-info-box {width: 940px; padding: 10px; background: #dbefd0; margin: 20px auto 10px auto; overflow: hidden;position: relative;z-index: 1;} #user-info-box #user-profile, #company-info-box #company-profile {width: 572px; float: left;} #company-profile .company-thumbnail img {border: 1px solid #9c9c9d; float: left; margin-right: 10px;} #user-profile .user-thumbnail img {border: 1px solid #4caf13; float: left; margin-right: 10px;} #user-profile form, #company-profile form {width: 572px; margin:0; padding-top: 10px;float: left; clear: both; overflow: hidden;} #user-profile form ul li, #company-profile form ul li {float: left;} #user-profile form ul li label, #company-profile form ul li label {color: #333; font-size: 15px; font-weight: bold; margin-right: 10px;} #user-profile form ul li input#status, #company-profile form ul li input#status {width: 300px; border: 1px solid #ccc; background: #fff; padding: 4px 4px 5px; margin-right: 10px;} #user-profile .member-system-profile span, #company-profile .member-system-profile span, .panelbottom .member-system-profile span {width: 120px; float: left; color: #333; font-weight: bold; display: block;} #user-profile .profile-details {width: 400px; background: #f5fdf1; float: right; padding: 10px;} #company-profile .profile-details {width: 380px; background: #f5fdf1; float: right; padding: 10px;} #user-profile .user-detail {width: 574px; overflow: hidden; } #user-profile .user-detail .user-thumbnail { float: left; overflow: hidden;position: relative;width: 139px;} #user-profile .user-detail .user-thumbnail .edit, #user-info-box #user-profile .profile-details .edit a {background: #4CAF13; color:#fff; font-size: 12px; padding: 5px; font-weight: normal; position:absolute; top:0;right:0;line-height: 18px;} #user-profile .user-detail .user-thumbnail .edit:hover, #user-info-box #user-profile .profile-details .edit a:hover,#search .search-result .article .job-info p a:hover {text-decoration: none;} #user-info-box #user-profile .profile-details {height: auto; overflow: hidden; border: 1px solid #4CAF13; position: relative;} .user-interactive-pages #company-profile .profile-details {height: auto;} #user-info-box .user-info-box-sidebar, #company-info-box .company-info-box-sidebar {width: 350px; float: right;} #user-info-box .user-info-box-sidebar .user-ranking .graph, #company-info-box .company-info-box-sidebar .user-ranking .graph {display:block;} .user-info-box-sidebar .personal-job, .company-info-box-sidebar .personal-job {border: 3px solid #c0e1ad; padding: 10px; background: #f5fdf2; overflow: hidden;} #company-info-box .panelbottom {clear: both; overflow: hidden; width: 940px;} #user-info-box .user-info-box-sidebar .personal-job {height: auto;} .personal-job dd a {font-weight: normal;} .profile-details dt, .personal-job dt {font-size: 15px; color: #333; font-weight: bold; border-bottom: 1px solid #bfc6ca; padding-bottom: 10px;position: relative;} .member-system-profile {clear:both; padding: 10px 0; width: 572px;} .member-system-profile li {overflow: hidden; clear: both;color:#666;} #user-profile p.sendjob {padding:20px 0 0 150px;} #user-profile p.sendjob input {margin-right: 10px;} .profile-details dd {color:#666;} .profile-details dd.border-top, .personal-job dd.border-top {border-top: 1px solid #fff !important; padding-top: 5px;} .profile-details dd, .personal-job dd {overflow: hidden; line-height: 20px;} .profile-details dd span {color: #333; font-size: 13px; font-weight: bold;} .user-info-box-sidebar .personal-job dd span {display: block; float: left; color: #333; font-size: 13px; font-weight: bold;} .personal-job dd span {width: 240px;} .user-info-box-sidebar strong {font-size: 15px; color: #333;} /*graph*/ .user-info-box-sidebar .user-ranking {border: 1px solid #fff; margin-bottom: 10px; padding: 15px; overflow: hidden;margin-top: 10px;} .user-ranking li {clear: both; overflow: hidden;} .user-ranking li p { width: 180px; font-weight: bold; font-size: 13px; color: #333; float: left;} .user-ranking li .graph, .ability .user-ranking li {width: auto; background: none; padding-top: 2px; overflow: hidden;} .user-ranking li .graph,.ability .user-ranking li.flexible {overflow: inherit; display: table; } .user-ranking li .graph em,.ability .user-ranking li em {visibility: hidden;} .user-ranking li .graph span,.ability .user-ranking li span {width: 40px; height: 7px;float: left; margin-right: 5px;overflow: hidden;} .info .slidedown .detail { margin-right: 5px; overflow: hidden; font-style: normal;} .user-ranking li .graph .basic,.ability .user-ranking li .basic{background: #fffc35;} .user-ranking li .graph .fair,.ability .user-ranking li .fair{background: #309b31;} .user-ranking li .graph .excellent, .ability .user-ranking li .excellent{background: #0067ca;} .user-interactive-pages #companyinfo-link {width: 164px;height: 26px;position: absolute;right: 0;top: -3px;} /*companyinfo box(main)*/ .user-interactive-pages #companyinfo-link a{background: url("../../img/button/post-new-career-th.png") no-repeat;width: 164px;height: 26px;display: block;} .user-interactive-pages #companyinfo-link span {display: none;} .user-interactive-pages #companyinfo-link a:hover {background-position: 0 -26px;} /* graph (main)*/ p.graph {height: 7px; margin-top: 5px; position: relative; font-weight: normal; background: #fff;} p.graph span.color-range {height: 7px; position: absolute; left: 0; } p.graph span.graph-result {position: absolute; top: -7px; right: -35px;} /* report-content */ .user-interactive-pages .report-content {width: 580px; float: left; margin: 10px 0; position: relative;} .user-interactive-pages .report-content .job-list {text-align:right;} .report-content h1, .report-content h2, .report-sidebar h1, .report-sidebar h2 {font-weight: bold; color: #333; margin-bottom: 10px;font-size: 16px;} .report-content h1 span {font-size: 13px; color: #333;} .report-content table {width: 100%; margin-bottom: 15px; border: 1px solid #eee;} .report-content table tr.odd {background: #f5f5f5;} .report-content table tr.event {background: #e6e6e6;} .report-content table tr th {padding: 8px 0; color: #333;background:#DEDEDE;text-align:center;border-left: 1px solid #CCCCCC;color: #333333;font-size: 12px;padding: 5px;} .report-content table tr td {padding: 5px ;text-align: left; vertical-align: top; border-top:1px solid #EEEEEE;font-size: 12px;} .report-content table tr:hover{background: #F5FDF1;} .report-content .notify-box {width: 558px; border: 1px solid #ccc; padding: 20px 10px 10px; margin-bottom: 15px; overflow: hidden;margin-top: 25px;} .report-content .notify-box p {color:#666;} .report-content .notify-box .link {float: right; width: 93px;} .notify-box h2 {font-size: 15px;} .notify-box .notification-icon {float: left; margin-right: 30px;} .notify-box .button-click {float: right;} .notify-box a {font-size: 13px; color:#339900; font-weight: normal;} /*job-match-panel*/ .job-match-panel {padding-bottom: 15px; width: 583px; overflow: hidden;} .job-match-panel h2,#wrapper h2.job-suggest {border-bottom:4px solid #EBEBEB;padding:0 0 10px;} .job-match-panel table.companyjob-list {margin: 0;} .job-match-panel .view-all {padding-top: 15px;} .job-match-detail {width: 580px; overflow: hidden;} .no-setting{background: #f5f5f5; border: 1px solid #b0de94; color:#666;} .video-no-setting {background:url(../../img/bg/video-default.jpg) no-repeat; padding-top: 125px; height: 165px; width: 360px; } .job-match-detail p,.candidate-file .no-setting p{text-align: center; color:#666;} .video-no-setting p {color:#fff; text-align: center;} .video-no-setting a {color:#339900;} .video-no-setting a:hover {text-decoration: none; color:#006600;} .job-match-detail.no-setting {padding: 60px 0;} .candidate-file .no-setting {padding: 52px 0 50px 0;} #wrapper .member {margin: -10px 0 15px; } body #wrapper .member .article {width: 580px; padding: 15px 0 25px;} #wrapper .member li {list-style: none;margin: 0;} #wrapper .member li p {margin: 0; text-align: left;} #wrapper .member .logo {width: 170px;} #wrapper .member .article .job-info {width: 425px; min-height: 90px; height: 90px;} #wrapper .member .article .btn-group {width: 136px;} /* companyjob-list */ .companyjob-list .company-name a {display: block;} .navigation-set {text-align: right; padding-top: 15px;} .navigation-set a {font-size: 12px; font-weight: bold;} /*fan site*/ .report-sidebar .fan-site ul li {overflow: hidden; width: 360px;} .report-sidebar .fan-site ul li ul li{float: left; width: 90px;} .report-sidebar .fan-site ul li p {width:80px; padding-bottom: 5px;font-size: 12px; text-align: center;} .report-sidebar .fan-site ul {overflow: hidden; width: 360px; clear: both;} .report-sidebar .fan-site h2 span{overflow: hidden;color:#333;} .fan-site h2 span {float: left; font-size: 16px;color:#666;font-weight: bold; } .fan-site h2 span.follower {width: 230px; text-align: right; float: right; color:#333; font-size: 13px;font-weight: normal;} .fan-site {padding-top: 30px; width: 360px; overflow: hidden;} /* report-sidebar*/ #sidebar-navigaiton ul li.first{background: url(../../img/bg/sidebar-navigaiton-li-first.gif) no-repeat; } .user-interactive-pages .report-sidebar {width: 360px; float: right; margin: 10px 0; overflow: hidden;} .user-interactive-pages .report-sidebar .company-detail, .user-interactive-pages .report-sidebar .fan-site{width: 360px; position: relative; } .user-interactive-pages .report-sidebar .company-detail {color: #666;} .user-interactive-pages .report-sidebar .fan-site h2 {width: 360px; overflow: hidden;} /*jobseeker video*/ .user-interactive-pages .report-sidebar .candidate-file {position: relative; overflow: hidden; width: 360px; margin-top: 20px; clear: both;} .user-interactive-pages .report-sidebar .candidate-file .editpanel {width:358px; overflow:hidden; position: relative; border: 1px solid #4caf13;} .user-interactive-pages .report-sidebar .candidate-file .editpanel img {display:block;} .user-interactive-pages .report-sidebar .candidate-file .public {color:#666; padding-bottom: 10px;} .user-interactive-pages .report-sidebar .candidate-file .editpanel .edit {background: #4CAF13; color:#fff; font-size: 12px; padding: 5px; font-weight: normal; position:absolute; top:0;right:0;line-height: 18px;} .user-interactive-pages .report-sidebar .candidate-file .editpanel .edit:hover {text-decoration: none;} .candidate-file .resume{background: url(../../img/bg/resume-doc.gif) no-repeat;width:230px; margin:10px 0 0 10px; padding: 25px 50px 10px 70px; height: 50px; clear: both; position: relative;} .candidate-file .resume .delete-mini {top: 28px; right: 0; position: absolute;} #upload-resume .resume {background: url(../../img/bg/resume-doc.gif) no-repeat; margin:10px 0 0 10px; padding: 25px 0 10px 70px; height: 50px; clear: both;} .candidate-file .resume span, #upload-resume .resume span{color:#333;} #upload-resume .resume span {float: left; margin-right: 15px; color:#339900;} .user-interactive-pages .report-sidebar .candidate-file h2 { margin-top: 0; font-size: 16px; font-weight: bold;color:#333;} .report-sidebar .candidate-file p.link{float: right; width: 54px; padding: 0;} .report-content .profilemodule .link, .report-content .ability .link{position: absolute; right: 0; width: 54px; padding: 0; margin-top: -42px;} .report-sidebar .candidate-file ol li{padding-left: 5px; clear: both; line-height: 20px; position: relative; width: 355px; overflow: hidden;} .report-sidebar .candidate-file ol li .delete-mini {top: 2px; right: 90px; position: absolute;} .report-sidebar .candidate-file ol span {float: left; font-size: 15px; padding-right: 5px;color:#666; color:#999;} .report-sidebar .candidate-file ol .link {width: 65px; font-size: 13px; position: absolute; top:0; margin-left: -65px; } .report-sidebar .candidate-file ol .filename {width: 200px; font-size: 13px; margin-right: 135px; color:#666;} .report-sidebar .headerlink {clear:both; overflow: hidden; width: 360px; border-bottom: 4px solid #ebebeb;margin: 0 0 10px; height: 30px;} .report-sidebar h1,.report-sidebar h2 {float: left; } .report-sidebar .candidate-file .view-all {padding-top: 15px;} .report-sidebar h2.no-margin {margin-top: 0; /padding-top: 0;} .report-sidebar .sidebar-notify-box {width: 334px; border: 3px solid #8eacbf; padding: 10px; overflow: hidden; } /*resume-complete*/ .report-sidebar .sidebar-notify-box .resume-complete li{color: #333;padding-left: 20px;} .report-sidebar .sidebar-notify-box .resume-complete .active {background: url(../../img/icon/icn-complete.gif) no-repeat 0 3px;} .report-sidebar .sidebar-notify-box .resume-complete li span {float: left; width: 220px;} .report-sidebar .sidebar-notify-box .resume-complete li a {color:#339900; font-weight: normal;} .report-sidebar .sidebar-notify-box .resume-complete li a:hover {color:#006600;} .report-sidebar .sidebar-notify-box h2 {width: auto; border: none; float: none; margin: 0; padding: 0;} .sidebar-notify-box p.graph {width: 230px; height: 20px; border: 1px solid #ccc; background: #e0e0e0 !important; margin-bottom: 10px;} .sidebar-notify-box p.graph span.color-range {height: 20px;} .sidebar-notify-box p.graph span.graph-result {position: absolute; top: 3px; left: 245px; color: #666;} .sidebar-notify-box ul li a {color: #666;} .report-sidebar .normal-list li {width: 350px; margin-left: 10px; float: left;} .report-sidebar .normal-list li a {text-decoration: none; color: #666; line-height: 18px;} .report-sidebar .view-all {padding-top: 5px; float: right;} .report-sidebar .view {padding-top: 5px; float: right;} .report-sidebar .edit {padding-top: 5px; float: right;} /* account-pages*/ .account-pages {background: url(../../img/bg/accountpage.gif) 0 0 repeat-y; position: relative; z-index: 0;} .account-pages .header {margin: 0;} /* sidebar-navigaiton*/ .account-pages #sidebar-navigaiton {width: 156px; float: left; padding-top: 20px;background: #fff;} #wrapper #sidebar-navigaiton h1 {width: 134px; background: #d6d6d6; border: 1px solid #d0d0d0; padding: 10px;} #sidebar-navigaiton ul li a span.total {font-size: 10px; font-weight: normal;} #sidebar-navigaiton a {font-weight: normal; text-decoration: none;} #sidebar-navigaiton ul {width: 155px; border-bottom: 1px solid #cfcfcf; margin: 0; } #sidebar-navigaiton ul.one {border-bottom: none;} #sidebar-navigaiton ul li {width: 142px; padding: 0 7px 0 7px; line-height: 36px; background: url(../../img/bg/sidebar-navigaiton-li.gif) repeat-x; margin-left: 0;} #sidebar-navigaiton ul li a {color: #333;} #sidebar-navigaiton ul li:hover {width: 151px; line-height: 36px; background: url(../../img/bg/sidebar-navigation-li.gif) no-repeat;} #sidebar-navigaiton ul li.active {width: 151px; line-height: 36px; background: url(../../img/bg/sidebar-navigation-li.gif) no-repeat; position: relative; z-index: 9;} #sidebar-navigaiton ul li.active a,#sidebar-navigaiton ul li:hover a{color:#fff!important;} #sidebar-navigaiton ul li:hover ul {display: block;} #sidebar-navigaiton ul li.active ul {display: block;} #sidebar-navigaiton ul li ul {width: 144px; border-bottom: 1px solid #ccc; margin: 0 1px 0 -10px; padding: 10px 0;display: none; font-size: 11px; } #sidebar-navigaiton ul li ul li {width: 124px !important; background: none; line-height: 20px;} #sidebar-navigaiton ul li ul li:hover {background: none; line-height: 20px;} #sidebar-navigaiton ul li ul li a {color: #666;} #sidebar-navigaiton ul li ul li a:hover {color: #2f84a8;} #sidebar-navigaiton ul li ul li a.active {color: #2f84a8;} .account-pages .sidebar-bottom{height: 2px; position: absolute; left: 0; bottom: 0; width: 156px;font-size: 0;} /* sponsor-candidate in account-pages*/ .account-pages #account-content {width: 780px; float: right; border-top: 20px solid #fff;} #search-content {width: 100%; float: left; border-top: 20px solid #fff;} #account-content #sponsor-candidate, #search-content #sponsor-candidate {width: 780px;} #account-content #sponsor-candidate .sponsor-content, #search-content #sponsor-candidate .sponsor-content {width: 768px;} #sponsor-candidate .sponsor-content .sponsor-info {width: 360px;} #sponsor-candidate .sponsor-content .sponsor-info a.button {display:block; padding-top: 5px;} .account-pages #account-content form {clear: both; position: relative; overflow: hidden; width: 780px;} .account-pages #account-content form ul {overflow: hidden;} .account-pages #account-content form ul .job-total{ float: left;padding-top: 5px;width: 320px;} .account-pages #account-content form .job-header {border-bottom: 4px solid #EBEBEB; } .account-pages #account-content form .job-header .job-total h2 {color: #333;font-size: 16px; padding: 0 0 10px;} #account-content h1 {border-bottom: 1px solid #c2c2c2; padding: 0 0 5px 0;} .account-pages #account-content .note-message{background: #e8e8e8;padding: 30px 0 30px 250px;color:#333;margin-bottom: 20px;} #account-content.no-setting {width: 780px; text-align: center; padding: 85px 0; margin-top: 20px; border-top: 1px solid #B0DE94;} .account-pages #account-content .note-message strong {color:#006600;} #account-content q {color: #2f84a8; font-weight: bold;} #job-table .sort-by, #search-content #view-job-by .sort-by {float:right; margin-right: 0;} #job-table .sort-by select,#search-content #view-job-by .sort-by select{margin-right: 5px;} #job-table td.name p{padding: 5px 0 0;} #job-table .repost {margin: 0 20px 0 0; float: left;} #job-table .width100 input {margin: -2px 10px 0 0;} .account-pages #account-content .no-paging{padding-bottom: 80px; } .account-pages #account-content .no-paging .pagination {margin-bottom: -16px;} #job-table ul.link-btm {position: absolute; left:0 ; bottom: 55px;} #account-content #view-job-by, #search-content #view-job-by {margin-bottom: 10px;} #search-content #view-job-by ul li {float: left; margin-right: 20px; line-height: 25px;} #wrapper #search-content form#view-job-by {margin:0; padding:0;} #wrapper #job-table ul.topfield {width: 960px;} #wrapper form ul.topfield {overflow: hidden; width: 780px;padding-bottom:10px;} #wrapper .content-wrapper #job-table ul .resume-sort {position: absolute; right:0; top:0;} #wrapper form ul .result {width: 540px; padding-top: 5px; line-height: 20px;} #search-content #view-job-by ul li label {margin-right: 5px;} #account-content #job-table table, #account-content #search-table table, #search-content #job-table table, #search-content #search-table table, #company-content table, #job-referee table {width: 778px; border: 1px solid #eee; border-top:none; margin-top: 10px;margin-bottom: 15px;} #job-table table tr th, #search-table table tr th, #company-content table tr th, .referee-section #job-referee tr th {border-left: 1px solid #ccc; background: #dedede; padding: 5px; font-size: 12px; color: #333; } #job-table table tr th, #search-table table tr th, #company-content table tr th, #job-referee table tr th {background: #dedede;text-align:left;} #job-table table tr:hover, #search-table table tr:hover, #company-content table tr:hover {background: #f5fdf2;} #job-table table tr td, #search-table table tr td, #company-content table tr td {border-top: 1px solid #eee; padding: 5px; vertical-align: top;} #job-table table tr td a, #search-table table tr td a {font-weight: normal;} form#qualifications tr td.position a, #job-table table tr td.position a, #search-table table tr td.position a{font-weight: bold;} #search-content .position .company,#search-content .position .company:hover {display: block; color:#666;font-weight: normal; } #search-content .position .company{padding-top: 3px;} #search-content .workplace .foreign {border-top: 1px dashed #d4d6d4; padding-top: 5px;} #search-content .workplace p {padding: 0 0 5px;} #job-table h2 {font-size: 13px; font-family: Arial; color: #2f84a8;} #job-table #add-new-position {margin-top: 15px;} #job-table .save-favorites, #job-table .save-favorites-hover {float: left; } #search-table table tr td {text-align: center; padding: 10px 5px;} #search-table table tr td + td {text-align: left;} #search-table table tr td + td + td {text-align: center;} #account-content .account-form, .company-form {width: 780px; clear: both; position: relative; color: #666;} .account-form fieldset, .company-form fieldset {margin-bottom: 20px;} .account-form fieldset h2, .company-form fieldset h2 {font-family: Arial; font-size: 13px; color: #006600; padding: 5px 10px;margin-bottom: 10px; } .account-form fieldset h2.title-bg, .company-form fieldset h2.title-bg {background: #d7e2e8; margin-bottom: 20px; color:#339900;} .account-form fieldset h2.title-bg span {color:#CF1010;} .account-form fieldset ul li, .company-form fieldset ul li{width: 770px; padding-left: 10px; margin-bottom: 10px; overflow: hidden;line-height: 20px;} #advanced-Search fieldset ul li {width: 960px;} #search-content fieldset ul li {padding:0} #search-content #advanced-Search fieldset .slide-detail ul li {padding-left: 13px;} .account-form fieldset ul li label, .company-form fieldset ul li label {width: 170px; float: left; font-weight: bold;} .account-form fieldset ul li .text-middle, .company-form fieldset ul li .text-middle {margin: 0 5px 0 -5px; color:#666;} .account-form fieldset ul li label span, .company-form fieldset ul li span {color: #cf1010;} .account-form fieldset ul li.upload-photo ul {width: 335px; position: absolute; top: 40px; right: 0;} .account-form fieldset ul li.upload-photo ul li {width: 335px!important; padding: 0 !important; margin-bottom: 10px;} .account-form fieldset ul li.upload-photo ul li input {float: none;} .account-form fieldset ul li ul li, .company-form fieldset ul li ul li {width: 600px; padding-left: 170px; margin-bottom: 5px;} .account-form fieldset ul li ul li input, .company-form fieldset ul li ul li input {float: left; margin-right: 5px;} .account-form fieldset ul li ul li input#save {margin: 20px 10px 0 390px;} .account-form fieldset ul li ul li input#save-next {margin-top: 20px;} /*advance-search */ .account-form fieldset ul li .advance-search-option {overflow: hidden;clear:both; padding-left: 200px;line-height: 18px;} .account-form fieldset ul li .advance-search-option li {width: auto;float:left; padding:10px 0 0 0;} .account-form fieldset ul li .advance-search-option li label {font-weight:normal; width: auto; margin-right: 10px;color:#666;} .account-form #advanced-Search p, .account-form #advanced-Search li label, .account-form fieldset ul li .job-level label, #advanced-Search li span,.account-form fieldset ul li .job-period label {color:#666;} .account-form fieldset ul li .job-level li, .account-form fieldset ul li .job-period li {overflow: hidden; padding: 0; width: auto;} .account-form fieldset ul li .job-period li label, .account-form fieldset ul li .job-level li label{width: auto;} .account-form fieldset ul li .job-level li input, .account-form fieldset ul li .job-level li label, .account-form fieldset ul li .job-period li input, .account-form fieldset ul li .job-period li label{float: left; margin-right: 5px; font-weight: normal;} .account-form fieldset ul li .job-level label, .account-form fieldset ul li .job-period label {width: 125px;} .account-form fieldset ul li .job-level, .account-form fieldset ul li .job-period{ width: 570px; float:right;overflow: hidden;} #advanced-Search fieldset ul li .job-period, #advanced-Search fieldset ul li .job-level {width: 700px; float: left;} #advanced-Search .list {clear: both; padding: 5px 0 0;} #advanced-Search .list label {font-weight: normal; color:#666; width: 180px;} /* control resume-form by ID*/ #work-experience ul li label {width: 230px;} #work-experience .textfield {width: 243px;} #competency-skill li, #add-new-position li {float: left; clear: both;} #competency-skill label {float: left;} #competency-skill .textfield {width: 265px; float: left;} #competency-skill #add {float: left;} #add-new-position label {width: 200px;} #add-new-position .textfield {width: 283px; float: left;} #competency-skill select {float: left;} #add-new-position select {width: 290px; float: left;} #add-new-position label span {float: none;} #add-new-position span {float: left; margin-right: 5px;} #competency-skill table tr th, #add-new-position table tr th {border-bottom: 1px solid #666; padding-bottom: 5px; text-align: left;} #competency-skill table tr td, #add-new-position table tr td {padding-top: 5px;} #competency-skill table tr td select, #competency-skill table tr td .textfield {float: left;} #competency-skill table tr td #delete-red, #add-new-position table tr td #delete-red {float: left;} #upload-resume span {color: #c00;} #upload-resume .textfield {width: 300px;} #company-info ul li label, #map-poi ul li label {width: 200px;} #company-info ul li .textfield, #map-poi ul li .textfield {width: 330px;} #company-info ul li select, #map-poi ul li select {width: 340px;} #company-info ul li ul li {padding-left: 200px;} /*add company email(maximum 5 emails*/ .add-new-position .contact-mail .form-message {float: none;} .add-new-position .companyinfo .contact-mail ol li {width: 760px; padding: 0 0 5px 10px; line-height: 22px;} .add-new-position .contact-mail ol input {float: none;margin:0 2px 0 0;} .add-new-position .contact-mail ol .textfield{margin-top: 0;width: 350px;} .add-new-position .contact-mail .default input.textfield{background:#eee; border:1px solid #ccc; color:#aaa;} .add-new-position .companycontact .contact-mail {padding: 5px 0;} .add-new-position .companycontact .contact-mail ol,.add-new-position .companycontact .contact-mail li {width: 650px;float:left;} .add-new-position .companycontact .contact-mail .header-name {padding: 0 0 0 16px; width: 208px;} .add-new-position .companycontact .contact-mail p {margin-left: 225px; clear: both; width: 200px; } /*advance search*/ #advanced-Search fieldset h2 em {font-style: normal; font-weight: normal; color: #666;} #advanced-Search ul li label strong {color: #2f84a8;} #advanced-Search ul li p {margin-left: 170px;} #advanced-Search ul li div.jobfield {padding-left: 200px;} #advanced-Search ul li div.jobfield p {margin-left: 0; line-height: 22px;color:#666;} #advanced-Search ul li .textfield {width: 200px;} #advanced-Search ul li input#save {margin-left: 170px;} #account-content .tab-contents {border: 1px solid #ccc; border-top: 0; padding: 10px;} #account-content .tab-contents table tr th {background: #ccc; padding: 5px 0; color: #333;} #account-content .tab-contents table tr.no-border td {border: 0;} #account-content .tab-contents table tr td {padding: 20px 5px 10px; vertical-align: top; border-top: 1px dotted #ccc;} #account-content .tab-contents table tr td .referee-info {width: 320px; margin: 0;} #account-content .tab-contents table tr td .referee-info ul {width: 220px; border: 0;} .referee-info ul li {width: 220px; float: left; overflow: hidden;} #account-content .tab-contents table tr td input {display: inline;} /* sponsor*/ #sponsor-candidate {width: 960px; margin-bottom: 20px;} #sponsor-candidate h1 {color: #006600; margin-bottom: 10px; border: none; padding: 0; font-size: 20px; font-weight: normal;} #sponsor-candidate h1 em {font: 13px Arial; color: #333; font-weight: bold;} #sponsor-candidate h1 em q {color: #2f84a8;} #sponsor-candidate .sponsor-content {width: 948px; border: 1px solid #ccc; padding: 10px 10px 10px 0; overflow: hidden;} .sponsor-content .divide-row {overflow: hidden; width: 768px; padding: 10px 0; clear: both;} .sponsor-content .sponsor-info {width: 300px; float: left; margin-left: 15px; } .sponsor-content .sponsor-info .sponsor-thumbnail {float: left; margin-right: 10px; width: 100px; } .sponsor-content .sponsor-info .sponsor-thumbnail a {height: 98px; border: 1px solid #ccc; position: relative; width: 98px; display: block;} .sponsor-content .sponsor-info .sponsor-thumbnail img {position: absolute; left: 50%; top: 50%;} .sponsor-content .sponsor-info ul {width: 250px; float:left;} .sponsor-content .sponsor-info ul li {line-height: 16px; color: #333;} .sponsor-content .sponsor-info ul li span {color: #333; margin-right: 5px; font-size: 15px; font-weight: bold;} .sponsor-content .sponsor-info ul li input {margin-top: 5px; padding-top: 0;} .sponsor-content .view-all {float: right;} #keyword-search{width: 760px!important; background: #dbefd0; padding: 10px; margin-bottom: 15px;position: relative;} #resume-search {width: 780px!important; margin: 0 0 15px;padding: 15px 0 0;position: relative;} #resume-search fieldset{width: 760px; padding: 10px; background: #dbefd0; } #keyword-search fieldset h1, #resume-search fieldset h1 {font-family: Arial; font-size: 15px; margin-bottom: 5px;float: left;border:none;} /*search-pages*/ .today-job-total,.resume-matching {float: left;color: rgb(51,51,51);padding: 2px 0 0 15px;} .advance-search a{font-weight: normal;} .fillter-search {width: 760px; background: #DBEFD0; overflow: hidden; } #resume-search .fillter-search {width: 760px;} #resume-search .fillter-search .keyword label {float: left; width: 100px;} #resume-search .fillter-search .keyword input{width: 362px; border: 1px solid #B0DE94; padding: 3px; float: left; margin: 2px 0 0;color:#333;} #resume-search .fillter-search li.keyword{margin: 0 0 5px;} #resume-search .fillter-search li{margin: 0} #resume-search .fillter-search li.job-category {width: 390px;} #resume-search .fillter-search li.right-divider{width: 370px;overflow: hidden;} #resume-search .fillter-search li.job-category select,#resume-search .fillter-search li.right-divider select{width: 370px;} #resume-search .panel-content {width: 760px;} .fillter-search .nav-header {width: 760px; overflow: hidden;} .fillter-search .nav-header h2 {width: 370px; float: left; padding-right: 10px;} .fillter-search .panel-content {width: 760px; overflow: hidden; clear: both;} .fillter-search li {width: 480px;clear:both; float: left; line-height: 30px; margin-bottom: 5px;} .fillter-search li.input-keyword {clear: none; width: 380px;} .fillter-search li.filter-property {clear: none; width: 355px;} .fillter-search li.filter-property input {margin-right: 3px;} #resume-search h2 {font-size: 13px; color: #333;} .fillter-search li.job-category select, .fillter-search li.right-divider select {width: 363px; color: #333;} .fillter-search li.job-category {width: 380px; float: left; clear: left;} .fillter-search li.right-divider, .fillter-search li.right-divider li {width: 380px; clear: none; float: left;} li.right-divider .business-category{margin-bottom: 0;} li.right-divider .level input {width: 50px; margin:0 10px;} .fillter-search li label {color: #333; font-weight: bold; margin-right: 10px;} .fillter-search li .textfield {width: 350px; border: 3px solid #C0E1AD;} .fillter-search li select {width: 270px;} .fillter-search li input.button-search, .fillter-search li input.button-search-hover,.fillter-search li input#reset-value {float: left; margin: 5px 5px 0 0;} .fillter-search li input#reset-value {margin-top: 10px;} .fillter-search li p {margin-top: 3px;} /*search-by-character-result*/ .search-by-character-result {width: 50%; float: left; padding: 30px 0; } .search-by-character-result li {line-height: 24px; overflow: hidden; width: 95%;} .search-by-character-result li a { float: left; width: 97%;} .search-by-character-result li span {width: 3%; color:#999;font-size: 15px; float: left;} .search-by-character-result li a span {float: none; font-weight: normal; color:#999;font-size: 13px;} .search-by-character a {display: block; float: left; background: #f7f7f7;font-weight: normal; padding: 3px 8px; color: #999; font-size: 15px; text-decoration: none; margin: 0 2px 0 2px;width: 10px;line-height: 23px;} .search-by-character a.active, .search-by-field a:hover {background: #4caf13; color: #fff; } .search-by-character a:hover {text-decoration: none;} .result-search-by-character {width: 93%; padding: 0;overflow: hidden;} .result-search-by-character li {line-height: 24px;} .result-search-by-character li .main {color:#666; padding: 0 0 0 7px; display: inline;} .result-search-by-character li .main a {padding: 0;} .result-search-by-character li ul li span,.result-search-by-character li ul li ul li span {color:#666; padding:0 0 0 5px;} .result-search-by-character li .main span {color:#999;} .result-search-by-character li .bullet {padding: 0;} #search-content .search-by-character {margin-bottom: 5px; overflow: hidden; clear: both; } .result-search-by-character li a{padding-left: 18px;} .result-search-by-character li ul li {padding-left: 17px;} .result-search-by-character li ul li a {padding-left: 7px;} .result-search-by-character li ul li span a{padding: 0;} .result-search-by-character li a span , .result-search-by-character li ul li ul li a span{font-weight: normal; color: #999; font-size: 13px; float: left;} .result-search-by-character li ul li ul li p {float: left;} .result-search-by-character li ul {padding: 0 0 5px 0;} .result-search-by-character li ul li ul li {background: none; padding-left: 18px; overflow: hidden; line-height: 18px;} .result-search-by-character li ul li ul li a {padding: 0 0 0 5px; color: #339900; font-weight: normal;} .result-search-by-character li ul li ul li a:hover {color: #006600;} .result-search-by-character li ul li ul li span:first-child {font-size: 16px; color:#ccc; width: 6px;} .result-search-by-character li ul li ul li a span {float: none;} /*province-search-content*/ .province-search-content ul li{line-height: 24px; color:#666;} .province-search-content li {line-height: 24px; } .province-search-content li .province-name {text-decoration: none; padding-left: 18px; color:#666; font-weight: bold;} .province-search-content li span span ,.province-search-content li ul li a span{font-weight: normal; color: #999; font-size: 13px; } .province-search-content li ul {padding: 0 0 5px 0;} .province-search-content li ul li {background: none; padding-left: 20px; overflow: hidden; line-height: 18px; color:#666; font-size: 13px;} .province-search-content li ul li p {display: inline; padding: 0 0 0 5px;} .province-search-content li ul li p a{padding: 0;} .Bangkok-Baundary {overflow: hidden; width: 100%; float: left; padding-bottom: 15px;} .Bangkok-Baundary li span,.province-search-content ul li span{color:#999;} .province-search-content li ul li a {padding: 0 0 0 5px;font-weight: normal; } .province-search-content li ul li span {font-size: 16px;color:#ccc; } .Center-and-West,.North-and-South,.East-Northeast {float: left; overflow: hidden; width: 32%;} .province-search-content .Center,.province-search-content .South, .province-search-content .North,.province-search-content .East, .province-search-content .Northeast, .province-search-content .West{padding-top: 30px;} /*search lading page*/ .search-list-column {float: left; width: 50%;} /*company-content*/ #company-content h1 {clear: both;font-weight: normal; margin-bottom: 15px;position: relative;border-bottom: 1px solid #ccc;padding-bottom: 5px;} #company-content .view-all {float: right;} #company-content {width: 960px; overflow: hidden;} #company-content .list {padding-bottom: 5px;} #company-content .list li {list-style: disc outside none; margin-left: 15px;color:#666; line-height: 18px;} /*company profile*/ .company-list {width: 960px; padding-top: 30px;} .company-list .company-detail {width: 958px; overflow: hidden;color:#666;} .company-list .company-detail p {padding: 7px 10px;} #company-location {overflow: hidden;} #company-content h2 {clear: both;} #company-content h2,#company-location h2, #company-photo h2,#company-video h2, .company-list h2{font-weight: normal; margin-bottom: 15px; position: relative;border-bottom: 1px solid #ccc;padding-bottom: 5px;font-size: 20px;} #company-content h2.sub-head {border-bottom: none; border-top: 1px solid #ccc; padding: 10px 0 0;} #company-photo .no-data {width: 458px; border: 1px solid #4CAF13;} #company-photo ul {overflow: hidden;} #company-content .thank-con-regis h2 {border-bottom: none;} #company-content h1 .post-date {color: #333; font-weight: bold !important; float: right; position: absolute; bottom: 0; right: 0; font: 13px Arial;} #company-location, #company-multimedia, #company-fansite {padding-top: 30px; overflow: hidden;} #company-fansite {clear:both; overflow: hidden;} .company-map {float: left; margin-right: 10px;width:241px;min-height:190px;} .location-detail {float: left; background: #f5f5f5; width: 679px; min-height: 160px; padding: 15px; overflow: hidden;} #company-location .location-detail .contact {padding: 10px 0;} #company-location .location-detail .contact p {line-height: 25px; margin: 0;} #company-location .location-detail .contact .map {background: url(../../img/icon/contact-ico.png) no-repeat 0 -165px; padding: 0 0 0 30px;} #company-location .location-detail .contact .tel,#company-content address .contact .email {position: relative; width: 675px; min-height: 25px;} #company-location .location-detail .contact .tel p{background: url(../../img/icon/contact-ico.png) no-repeat 0 1px; padding: 0 0 0 30px;} #company-location .location-detail .contact .fax{background: url(../../img/icon/contact-ico.png) no-repeat 0 -24px; padding: 0 0 0 30px;} #company-location .location-detail .contact .email p{background: url(../../img/icon/contact-ico.png) no-repeat 0 -49px; padding: 0 0 0 30px;} #company-location .location-detail .contact .full span {display: block;} #company-location .location-detail .contact .tel a img, #company-location .location-detail .contact .email a img{vertical-align: middle;} #company-location .location-detail .contact .full {display: none; position: relative; top:0 ; left: 0;} #company-photo {width: 460px; float: left; overflow: hidden; padding-right: 40px;} #company-video ul{overflow: hidden;} #company-video ul li{float: left; margin-right: 5px;} #company-video {width: 460px; float: left; overflow: hidden;} /*fan site*/ #fansite-setting ul{width: 700px; margin: 0 auto;} #company-fansite ul{width: 945px; margin: 0 auto;} #fansite-navigation h2, #company-followers h2 {font-weight: normal; position: relative;float: left;font-size: 20px;} #wrapper p.notfound {text-align: center; padding: 40px 0; color:#666;} #company-followers {margin-bottom: 10px;} #fansite-navigation,#company-followers { border-bottom: 1px solid #ccc; padding-bottom: 5px; overflow: hidden; width: 100%;} #company-fansite ul li ul li a,#fansite-setting ul li ul li a{font-size: 12px; font-weight: bold;} #fansite-setting .setting-navigation {padding-top: 40px;} #fansite-navigation-link p.follower-text {padding-top: 6px;} #fansite-navigation #fansite-navigation-link, #company-followers #fansite-navigation-link {float: right;} #fansite-navigation-link .follow span, #fansite-navigation-link .unfollow span {display: none;} #fansite-navigation-link p {float: left; padding: 0 0 0 10px;} #company-fansite ul li {overflow: hidden;} #company-fansite ul li ul li,#fansite-setting ul li ul li{float: left; width: 80px; padding: 5px 0 10px 14px; text-align:center; } #company-fansite ul li ul li p, #fansite-setting ul li ul li p {padding-top: 5px;text-align: center;} #company-fansite ul li ul li a:hover,#fansite-setting ul li ul li a:hover {text-decoration: underline;} #company-fansite .view-all {float: right; margin-right: 22px;} #fansite-navigation-link .follow {background: url(../../img/button/follow.png) no-repeat; width: 104px; height: 26px; float: left;} #fansite-navigation-link .follow:hover {background: url(../../img/button/follow.png) no-repeat 0 -26px; } #fansite-navigation-link .unfollow {background: url(../../img/button/Unfollow.png) no-repeat; width: 104px; height: 26px; float: left;} #fansite-navigation-link .unfollow:hover {background: url(../../img/button/Unfollow.png) no-repeat 0 -26px; } #company-content p{color:#666; margin-bottom: 15px;} .company-setting #company-content p {padding: 7px 10px;margin-bottom: 0;} #company-content address {color: #333; font-style: normal; font-weight: bold; margin-bottom: 15px;} #company-content address span {display: block;} #company-content address .contact {padding: 10px 0;} #company-content address .contact p {line-height: 25px; margin: 0;} #company-content address .contact .tel,#company-content address .contact .email {position: relative; width: 420px; min-height: 25px;} #company-content address .contact .tel p{background: url(../../img/icon/contact-ico.png) no-repeat 0 1px; padding: 0 0 0 30px;} #company-content address .contact .fax{background: url(../../img/icon/contact-ico.png) no-repeat 0 -24px; padding: 0 0 0 30px;} #company-content address .contact .email p{background: url(../../img/icon/contact-ico.png) no-repeat 0 -49px; padding: 0 0 0 30px;} #company-content address .contact .full span {display: block;} #company-content address .contact .tel a img, #company-content address .contact .email a img{vertical-align: middle;} #company-content address .contact .full {display: none; position: relative; top:0 ; left: 0;} ul.activies {overflow: hidden; margin:0 0 50px; padding-top: 5px; clear: both;} #qualifications #close {float: right; clear: both;} #qualifications #save-favorites {float: left;} #qualifications .pagination {float: right; margin: 0 0 15px;} #qualifications .activies li {float: left; margin-right: 5px; /display: inline;} .qualifications-degree {width: 940px; padding: 20px 10px; background: #dbefd0; overflow: hidden;} .qualifications-degree .skill {float: left; color:#666; width: 610px;} .skill li strong {color: #333;} #wrapper #company-content .job-description .matching p { width: 271px; height: 66px; float: right;} #wrapper #company-content .job-description .matching a {float: right;} #wrapper #company-content .job-description .matching {padding: 15px 0 20px;} .job-description .matching p span{font-size: 32px; color:#339900; width: 93px; text-align: center; margin-top: 14px; float: right;text-align: center;} .job-description .matching p .match-text {display: none;} #wrapper #company-content .job-description .matching p {background: url(../../img/bg/bg-match2.gif) no-repeat;} #company-content table {margin: 0 0 15px; width:960px;} #company-content #position-detail table tr td {padding:10px;} #company-content #position-detail table tr td a{font-weight: bold;} #company-content #position-detail table tr th {padding: 5px 10px;} #company-content table tr td {padding: 4px 10px;} #company-content table tr th span {float: left;} #company-content table tr th a {float: right;} #company-content table tr td a {font-weight: normal;} #company-content #map-link {width: 480px; height: 380px; float: left; margin-bottom: 15px;} #company-content #information {width: 420px; height: 341px; padding: 20px; background: #f5f5f5; float: right; margin-bottom: 15px; } #company-content #information span {color: #666;} #company-content .company-form {width: 960px; clear: both;} .company-form ul li {width: 950px !important; clear: both; float: left; margin-bottom: 10px;} .company-form ul li label {width: 150px !important; float: left; color: #333;} .company-form ul li .textfield {width: 250px; float: left;} .company-form ul li p {float: left; margin: 0 !important;} .company-form ul li p a {font-weight: normal; color: #666;} .company-form ul li ul li {width: 800px !important; padding-left: 150px !important;} #company-content #send-this-job {background: #DBEFD0; padding-top: 20px; } #company-content #send-this-job ul li {list-style: none;margin-left:0;} #company-content #send-this-job fieldset li span {vertical-align: top; color:#666;} #company-content #notification {border: 1px solid #ccc; padding: 15px 10px 0;} /*toc*/ #toc h2 {font-size: 20px; font-weight: normal; color: #2f84a8; margin-bottom: 10px;} #toc p {margin-bottom: 10px;} #toc p.float-right {float: right; margin-left: 10px;} #toc p.float-left {float: left; margin-right: 10px;} #toc ol {width: 618px; padding: 10px; border: 1px solid #ccc; margin-bottom: 20px;} #toc ol li {width: 618px;border-bottom: 1px dotted #ccc; margin-bottom: 10px; padding-bottom: 10px;} #toc ol li.last-child {border: 0 !important; padding: 0; margin: 0;} #toc ol li h3 {font-size: 15px; color: #2f84a8;} #toc ol li h3 a {text-decoration: none;} #toc ol li p {margin-bottom: 0;} #toc ol li p.view-all {text-align: right; margin-top: 20px;} #toc ol li p.thumbnail {float: left; margin-right: 20px;} /*loginpage*/ .lightbox-template{background: #fff;} .lightbox-template .lightbox-content {width: 100%; padding: 0; margin: 0 auto;background: #fff; } .lightbox-content .navigation-header {width: auto;} .lightbox-template h1 {height: 35px; color: #fff; padding: 10px 0 0 50px; margin-bottom: 20px; background: #4caf13 url(../../img/bg/login-head.gif) no-repeat; font-size: 16px;position:relative;z-index:2;} .lightbox-template .close-btn {position: absolute; top: -18px; right: -18px;} .lightbox-template form {width: 400px; margin: 0 auto; } .lightbox-template form ul li {width: 400px; font-size: 15px; color: #006600; font-weight: bold; margin-bottom: 10px; float: left;} .lightbox-template form ul li label {width: 80px; display: block; float: left;} .lightbox-template form ul li input {width: 200px; padding: 3px; float: left;} .lightbox-template form ul li ul {padding-left: 80px;} .lightbox-template form ul li ul li {width: 320px; color: #666; font-weight: normal; font-size: 13px;} .lightbox-template form ul li ul li label {width: auto;} .lightbox-template form ul li ul li input {width: auto; border: none; margin-right: 5px;} /* Send resume confirm */ .lightbox-template .apply-resume-confirm{width: 400px ;padding: 10px 10px 50px; margin: 0 auto;background: #fff; position: relative;} .apply-resume-confirm p, .lightbox-template .msg-detail p {text-align: center; padding-top: 50px; font-size: 16px; color:#333; font-weight: bold;} .apply-resume-confirm p span,.lightbox-template .msg-detail p span {display: block;} .lightbox-template .lightbox-content .follow {width: auto;} .apply-resume-navigation{overflow: hidden; width: 176px; margin: 50px auto;} .apply-resume-navigation li {float:left; width: 78px; margin-right: 10px; overflow : hidden;} .apply-resume-navigation li a span {display: none;} .apply-resume-navigation .addresume {width: 125px; margin-left: 20px;} .apply-resume-navigation .okay {margin-left: 50px;} .apply-resume-navigation .validate-member {margin-left: 10px; width: 146px;} /*lightbox*/ .lightbox-template .msg-detail .confirm-account {width: 120px; margin: 25px auto 0;} .msg-detail .one-btn {width: 70px; margin: 20px auto;} .resume-list {margin: 15px 0 0; text-align:center;font-size: 15px;} /*more width lightbox*/ .lightbox-template .msg-detail{width: 530px ;padding: 10px 10px 50px; margin: 0 auto;background: #fff; position: relative;} /* notify user*/ #notify-user {width: 960px; text-align :center; padding: 50px 0; overflow: hidden; background: #fff;} #notify-user p {font-size: 13px; color: #666;} #notify-user p.link {padding: 40px 0 0; text-align: center;} #notify-user p.link a {display: inline-block; float: none; } *:first-child+html #notify-user p.link {margin-left: 100px;} *:first-child+html #notify-user p.link a{float: left;} #notify-user .hilight-msg {font-size: 20px; font-weight: bold; color: #333; padding: 0 0 15px;} #notify-user .hd {font-size: 20px; color: #333; padding: 0 0 15px;} #notify-user .hilight-normal {font-size: 13px; padding: 0 0 15px;} #notify-user .hilight-msg span {display:block;} .content-wrapper #notify-user .light {font-weight: normal;} #notify-user .email-list,.social-account .email-list {width: 594px; margin: 0 auto; padding-top: 20px; overflow: hidden;} #notify-user .email-list li,.social-account .email-list li{float: left;} #notify-user .hilight-msg .email {display: inline;} #notify-user .login-link {padding-left: 380px; padding-top: 30px; clear:both; overflow: hidden; } #notify-user .login-link input {margin-right: 10px; } #notify-user .login-link li {float: left; width: 109px;} /*.searchresume step*/ #wrapper .searchresume {width: 960px; text-align :center; padding: 20px 0; overflow: hidden; background: #fff;} #wrapper .searchresume .hilight-msg {padding-top:30px;} /* register advantage */ #register-advantage {background: url(../../img/bg/bg-advantage-btm.gif) no-repeat left bottom; width: 960px; overflow: hidden;padding-bottom: 10px;text-align:left;padding-top: 50px;} #register-advantage h2{background: url(../../img/bg/bg-advantage-top.gif) no-repeat left top; width: 950px; font-size: 15px;font-weight: bold;padding: 15px 15px 0;} #register-advantage .advantage-content {width: 960px; background: #f1f1f1;} .advantage-content .create-profile {background: url(../../img/bg/bg-advantage1.gif) no-repeat left top; } .advantage-content .refer-friend {background: url(../../img/bg/bg-advantage2.gif) no-repeat left top;} .advantage-content .work-suggest {background: url(../../img/bg/bg-advantage3.gif) no-repeat left top;} .advantage-content .interesting-follow {background: url(../../img/bg/bg-advantage4.gif) no-repeat left top;} .advantage-content .email-alert {background: url(../../img/bg/bg-advantage5.gif) no-repeat left top;} .advantage-content .share-exp {background: url(../../img/bg/bg-advantage11.gif) no-repeat left top;} .advantage-content .job-search {background: url(../../img/bg/bg-advantage6.gif) no-repeat left top;} .advantage-content .read-certificate {background: url(../../img/bg/bg-advantage7.gif) no-repeat left top;} .advantage-content .job-matching {background: url(../../img/bg/bg-advantage8.gif) no-repeat left top;} .advantage-content .company-fan-site {background: url(../../img/bg/bg-advantage9.gif) no-repeat left top;} .advantage-content .email-send {background: url(../../img/bg/bg-advantage10.gif) no-repeat left top;} .advantage-content .free-advice {background: url(../../img/bg/bg-advantage12.gif) no-repeat left top;} .advantage-content .share-forum {background: url(../../img/bg/bg-advantage11.gif) no-repeat left top;} .advantage-content h3 span {display: none;} .advantage-content ul {width: 955px;margin-left: 10px;overflow: hidden;} .advantage-content ul li {float: left; margin:10px 10px 0 0;} .advantage-content ul li div {width: 307px; height: 117px; position: relative;} .advantage-content ul li a { position: absolute;bottom: 12px;left: 108px;color: #339900; font-size: 13px;font-weight: normal;text-decoration: underline;} .advantage-content ul li a:hover {text-decoration: none;} /*contact sale*/ .contact-sale {padding-top: 30px; text-align: center; padding-bottom: 80px; color: #666;} .contact-sale .header-text {color: #333;} .contact-sale p, .lightbox content p {padding-bottom: 5px;} .header-text {font-size: 16px;padding-bottom: 5px;} .contact-sale .remark {padding-top:45px;} /*confirm-package*/ .confirm-package {padding-top: 30px; text-align: center;} .confirm-package li {color: #666;} .confirm-package li strong{color: #333;} .confirm-package h3 {font-weight: bold; padding-top: 20px; font-size: 13px; padding-bottom: 10px;} .confirm-package .apply-resume-navigation {margin-top: 20px;} /*notification msg*/ .notification-content {padding-top: 30px; text-align: center; padding-bottom: 10px;} .notification-content p {color: #666;} .notification-content h2 span {display: block;} /*choose package*/ .choose-package {text-align: left; margin:15px auto -20px; auto;width: 300px; overflow: hidden;} .choose-package label {margin-right: 5px;} .choose-package li {line-height: 25px;} .choose-package input {margin-right: 10px;} /*position-name*/ .position-name {width: 948px;background: #f1f1f1; padding: 7px 0 7px 10px; font-size: 15px;font-weight: bold;border-top: 10px solid #fff;} /*order confirmation page*/ #order-confirm {background: #fff; width: 960px; text-align: center; padding: 40px 0;} #order-confirm h2 { font-size: 15px;} #order-confirm ul {padding: 20px 0; margin-left: 345px; text-align: left;} #order-confirm ul li {line-height: 25px; color: #666;} #order-confirm ul li span {font-weight: bold; color:#333;} #order-confirm .highlight {color: #cc0000; font-size: 24px; font-weight: bold; padding-bottom: 20px;} #order-confirm .credit-card {margin-top:20px; padding-left: 443px; text-align: left;} /*banking-step*/ #banking-step {width: 960px; background:#fff; padding: 40px 0 0 0;} #banking-step ol li {list-style: none;padding-left: 200px; line-height: 25px; color: #666;font-weight: normal;} #banking-step ol .tab {padding-left: 215px; width: 745px;} #banking-step ol li.list{ padding: 10px 0 10px 215px;} #banking-step ol .list span {font-size: 16px;display:inline;} #banking-step ol li span {display: block;} #banking-step h2 {font-size: 16px; padding-left: 200px; padding-bottom: 20px;} /*contact point*/ #contact-point {width: 580px; padding: 30px 0 30px 380px; background: #e8e8e8; margin-top: 30px; font-weight: bold;} #contact-point h2 {font-size: 13px; padding:0;} #contact-point p {color:#333;} /*choose package type*/ #choose-package-type {width: 960px;background: #fff; overflow: hidden;} table.package-table {margin-top: 10px; border: 1px solid #ccc;} table.package-table tr th {background: #4caf13; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size: 13px;color: #fff;font-weight: normal;padding: 5px;text-align: center;} table.package-table tr td {text-align: center; border-bottom: 1px solid #eee; padding: 10px 0; color: #333;} table.package-table tr th.first {border-left: none;} #choose-package-type p.back a{background: url(../../img/button/input-btn.png) no-repeat 0 -220px; display: block; width: 146px; height: 41px; margin: 20px 0 0;} #choose-package-type p.back a:hover {background-position: 0 -262px;} #choose-package-type p.back span {display: block; text-indent: -9999px;} #choose-package-type p.remark { padding-top: 20px; padding-bottom: 50px; font-weight: bold;} table.package-table tr td.not-available span{visibility: hidden;} #choose-package-type h2 {border-bottom: 1px solid #ccc; font-size: 15px;} #choose-package-type .setting-panel {padding: 10px 0 30px; overflow: hidden; color: #666;} .setting-panel .setting-detail {float: left; width: 906px;} .setting-panel .edit {float: right; width: 54px;} /*package info*/ table.package-table .pack-info td{background: #f1f1f1; padding: 20px 0; text-align: center;} table.package-table .pack-info input{display: inline-block;/float: left; margin-right: 10px; vertical-align: top; margin-top: 34px;} table.package-table .pack-info a {background: url(../../img/bg/channel-post.png) no-repeat -52px -14px;display: inline-block; font-weight: normal;padding: 60px 0 0;height: 10px; } table.package-table .pack-info div{margin: 0 0 0 70px; float: left;} table.package-table .pack-info div:first-child{margin: 0 0 0 50px;} table.package-table .pack-info .M2Fjob a{width: 70px; } table.package-table .pack-info .PTDjob a{width: 100px; background-position: -38px -87px;} table.package-table .pack-info .BKPjob a{width: 137px; background-position: -17px -155px;} table.package-table .pack-info .return {margin: 0;} /*repeat-paid-lightbox*/ .repeat-paid-navigation {margin: 50px auto;overflow: hidden;width: 286px;} .repeat-paid-navigation li {float: left;} .repeat-paid-navigation li a span {display: none;} /*cancel-post-lightbox*/ .apply-resume-navigation .yes-btn {margin-left: 20px;} .apply-resume-navigation .yes-btn,.apply-resume-navigation .no-btn {width:54px;} /*add new position page*/ .language {padding-top: 20px;} .add-new-position {background: #fff; color: #333;} .add-new-position .form-message { float: left;} .add-new-position a {font-weight: normal;} .add-new-position label{float: left; padding: 0 10px 0 15px; width: 200px;font-weight: bold;color: #333;} .add-new-position input, .add-new-position select, .add-new-position textarea {float: left;font-size: 13px;margin-top: 5px;} .add-new-position .newline {padding-top: 0;} .add-new-position .newline label {padding-left: 0;} .add-new-position h2 {font-size: 15px; font-weight: bold; color: #333; padding: 10px 0;margin-bottom: 15px;width: 100%;background: url(../../img/bg/h2-header.gif) repeat-x left bottom;} .add-new-position ul li {overflow: hidden; width: 960px; clear: both; line-height: 30px;} .add-new-position ul li.relate-link .link{width: auto; padding-left: 0;} .add-new-position ul li.relate-link span {color:#666;} .add-new-position ul li.location {padding-top: 5px;} .add-new-position ul li.location .list{clear:both; padding-left: 225px;} .add-new-position ul li.location a{float: left;} .add-new-position ul li.education {padding-bottom: 2px;} .add-new-position ul li.job-location .input label {width: auto; padding: 0 30px 0 0;} .add-new-position ul li.job-location .input label input{margin: 7px 5px 0 0;} .add-new-position ul li.job-location .result {margin: -5px 0 20px 210px;} #wrapper .add-new-position .period p .textfield {width: 100px;} .more-qualification .more-detail-panel .period p .space {margin-left: 5px;} .add-new-position ul .quantity input.many { margin-top: 6px; float:left;} .add-new-position ul .quantity label.many {width: auto;font-weight: normal;color:#666;} .add-new-position .companyinfo ul li {padding: 0 15px 0 15px; overflow: hidden; clear: both; line-height: 30px;} .add-new-position .companyinfo ul li label.unbold {color:#666;width: auto!important;} .add-new-position .companyinfo ul li .lf-space {padding-left: 5px;} .add-new-position .companyinfo ul li textarea.detail {width: 500px; height: 80px; margin: 0 0 10px 210px clear: both; float: left;} .add-new-position .companyinfo p{ overflow: hidden;} .add-new-position .header-name {float: left; padding: 0 10px 10px 15px; width: 200px;font-weight: bold;color: #333;} .add-new-position .position-info .period .newline {margin-top: 0; float: none; padding-left: 0; display: block;} .add-new-position .position-info .period .newline label {padding-left: 0;} .add-new-position p .header-name, .add-new-position .business-type .header-name {padding-left: 0;} .add-new-position .companyinfo p span { float: left; } .add-new-position .business-type ul li {padding: 0; clear: none;} .add-new-position .business-type ul {overflow: hidden; width: 620px; float: left;} .add-new-position .ch-product label{ width: 210px;} .add-new-position .product p{ float: left; margin-right: 20px;} .add-new-position .product p input {margin: 20px 15px 0 0;} .add-new-position .product span {background: url(../../img/bg/channel-post.png) no-repeat -52px -14px;display: inline-block; font-weight: normal;padding: 60px 0 0;height: 10px; text-indent: -9999px;} .add-new-position .product .p1 span{width: 70px; } .add-new-position .product .p2 span{width: 100px; background-position: -38px -87px;} .add-new-position .product .p3 span{width: 137px; background-position: -17px -158px;} .position-info .jobfield .list {overflow: hidden; width: 720px; float: left; padding-bottom: 5px;} #personal-info .profile .list {padding-left: 180px; clear: both; margin: 0;} #personal-info .profile .radiofield,.add-new-position .select-location .radiofield, #search-content #advanced-Search .radiofield{float: none; color:#666; font-weight: normal;} #personal-info .profile .select-location .list {padding-bottom: 5px;} .add-new-position .select-location input {float: none;} #personal-info .profile p {padding: 0!important; line-height: 30px;} .position-info .jobfield .list p, .position-info .location .list p {padding-top: 0;} /*keyword suggestion for input*/ .add-new-position .business-type {padding-bottom: 20px} .add-new-position .business-type label {padding: 0 10px 0 0;} .add-new-position .job-field label {padding: 0 10px 0 15px;} form .rightgroup{width: 735px;float:left;overflow: hidden;} /*keyword suggestion for input two column*/ #personal-info .rightgroup{width: 590px;float:left;overflow: hidden;} #personal-info .rightgroup .slide-detail,#personal-info .rightgroup .input-slidedown {width: 590px; padding-right: 0;} #personal-info .rightgroup .slide-detail ul li {width: 545px;} /*keyword suggestion for member step3*/ #work-experience .jobfield .rightgroup, #work-experience .business-type .rightgroup{width: 540px;} #work-experience .rightgroup .slide-detail ul li {width: 505px;} /*keyword suggestion for advance search*/ #advanced-Search .rightgroup{width: 700px;} #wrapper .select-location .input-slidedown {margin: 0;} #advanced-Search .rightgroup .slide-detail ul li {width: 660px;} .add-new-position .business-type .newline, form .rightgroup .form-msg label{font-weight: normal;} #wrapper .jobfield .note, #wrapper .select-location .note, #wrapper .business-type .note{font-weight: normal; margin: 0; padding: 0;clear:both; float: left;} #wrapper .select-location .note-resume {float: none; font-weight: normal;margin: 0; padding: 0;clear:both; display: block;} form .rightgroup .radiofield {color:#666; font-weight: normal;padding-left: 5px;} #wrapper form .rightgroup .newline {padding-left: 0; margin: 0;} form .rightgroup a {padding-right: 5px;} form .rightgroup .textfield {float: left;} form .rightgroup .form-msg label {color:#CC0000; float: left;} form .rightgroup input,form .rightgroup label {float: none;} form .rightgroup label {width: auto;} form .rightgroup .form-msg, #wrapper form .rightgroup .input-slidedown, form .rightgroup .list{padding-left: 0;margin-left: 0;} form .input-slidedown {background: url(../../img/arrow.gif) no-repeat left top; overflow: hidden; width: 300px; margin-left: 170px;} form .rightgroup .slide-detail {width: 280px; background: #E8E8E8; padding: 10px 10px 10px 7px; margin: 7px 0 10px 0;} form .rightgroup .slide-detail li {line-height: 25px; padding: 0;} body form .rightgroup .expand,body form .rightgroup .slide-detail {width: 735px;} form .rightgroup .slide-detail span {font-size: 15px; } form .rightgroup .slide-detail a {padding-left: 5px;} form .rightgroup .slide-detail ul li {width: 695px;background: url(../../img/icon/graybullet.gif) no-repeat 0 8px; padding-left: 13px; margin-bottom:0;} .add-new-position .position-info .header-name {padding: 10px 10px 10px 15px; width: 200px;} .add-new-position .position-info p,#personal-info .profile .list p {padding-top: 10px; width: 720px;} /*funtional-detail*/ .add-new-position .functional-panel {background: url(../../img/bg/bg-functional-panel-top.gif) no-repeat left top;overflow: hidden;width: 960px;margin-top: 5px;} .add-new-position .functional-detail select {width: 305px; height: 165px; overflow: auto; border: 1px solid #ccc!important;font-size: 13px;} .add-new-position .functional-detail {background: #e8e8e8;margin-top: 10px;width: 960px;overflow: hidden;padding-bottom: 20px;margin-bottom: 10px;} .add-new-position .functional-detail ul li {clear: none;} .add-new-position .functional-detail label {width: 250px; padding-top: 35px;} .add-new-position .functional-detail label span {display: block;} .add-new-position .functional-detail select option{padding: 0 5px; } .add-new-position .functional-detail .list-item {width: 305px; float: left;} .add-new-position .functional-detail .list-item label {float: right;width: auto;padding:10px 0 0;} .add-new-position .functional-detail .list-navigation {float:left; width: 35px; padding-top: 95px; text-align: center;} .business-type li span,.companyinfo span,.position-info p, #wrapper .jobfield .note,#wrapper .select-location .note, #wrapper .business-type .note {color:#666;} .position-info .jobfield li {width: 720px; color:#666; line-height: 25px;} /*period- use this class for period input choices*/ .add-new-position .period p{float: left; overflow: hidden; width: 600px; padding: 0;} .add-new-position .period p label,.add-new-position .period p input,.add-new-position .period p select {float: none; width: auto; font-weight: normal; } .add-new-position .period p label {padding-left: 10px;color:#666;} /*input slide down - use this class for slide down menu*/ form ul .input-slidedown {background: url(../../img/bg/bg-slidedropdown.gif) no-repeat left top; margin-left: 225px;width: 600px;margin-bottom: 10px;} .slide-detail {width: 450px; background: #e8e8e8; margin:7px 0 0; overflow: hidden;padding: 10px; color:#666; line-height: 16px;} .slide-detail label, .slide-detail input {float: none; width: auto;} #advanced-Search fieldset ul .input-slidedown label {float: none!important; width: auto!important;color:#666;font-weight: normal;} #advanced-Search fieldset .list p {color:#666; padding: 0; line-height: 30px;margin:0;} .slide-detail label {font-weight: normal;} /*more qualification panel*/ .more-qualification h2{background: none;margin-bottom: 0;} .more-qualification h2 a{ font-size: 13px; font-weight: bold;} .more-qualification h2 a:hover {text-decoration: none;} .more-qualification h2 span {color:#333;} .more-detail-panel {width: 960px; overflow: hidden;background: #e8e8e8;border-top: 1px solid #c2c2c2;} .more-detail-panel label {width: 240px; color:#333;} .add-new-position .more-qualification .more-detail-panel label, .add-new-position .more-qualification .more-detail-panel select, .add-new-position .more-qualification .more-detail-panel input {color: #333;} .more-detail-panel .functional-detail label{width: 240px;} .position-info .language-skill {padding-bottom: 20px;} .position-info .add-language {padding: 0 0 15px 15px;} .position-info .language-skill label {width: 935px; padding-bottom: 20px;} .position-info table {width: 930px; margin: 0 auto; text-align: left;} .position-info table tr th {border-bottom: 1px solid #ccc; padding-bottom: 5px;} .position-info table .language-name {width: 360px;} .position-info table .skill {width: 90px;} /*multi-choice*/ .multi-choices ul {float: left; width: 695px;} .multi-choices ul li {width: auto;} .multi-choices ul .education label, .multi-choices ul .education input, .multi-choices ul .education span{float:none;} .multi-choices ul li input {margin-right: 10px;} .multi-choices ul li input.checkbox {float: none;} .multi-choices ul li label {width: auto; padding-left: 0; font-weight: normal;} .multi-choices ul li label.choice-header {width: 220px;} .position-info .multi-choices ul li label {color:#666;} /*Job detail*/ .text-editor {padding-top: 20px;} fieldset.text-editor .newline {padding-bottom: 15px;} .job-detail-texteditor {width: 960px; overflow: hidden; color: #666;} #company-content .job-detail .job-description{border: none;} #company-content .job-detail .job-description tr:hover{background: none;} #company-content .job-detail .job-description td{border: none;border-bottom: 1px solid #ccc;margin: 0; padding-bottom: 10px;} #company-content .job-detail .job-description h2, #company-content .job-detail .job-description h1 {font-size:23px;font-weight: bold; border:none; margin: 0; padding-bottom: 10px;} #company-content .job-detail .job-description .position {width: 635px;} #company-content .job-detail .job-description .position p img {vertical-align: middle;} #company-content .job-detail .left-pane {width: 300px; float: left;} #company-content .job-detail .conclusion {background: #f2f2f2; border:1px solid #dfdfdf; width: 298px; padding: 0 0 20px;} #company-content .job-detail .conclusion ul >li {list-style: none;background: url(../../img/bg/list-underline.gif) repeat-x left bottom; padding:3px 15px; margin: 0; width: 268px;} #company-content .job-detail .conclusion span {color: #333; font-weight: bold;} #company-content .job-detail .conclusion h2 {background:#4eae2d; color:#fff; border: none; padding: 5px 15px;} #company-content .job-detail .conclusion .job-field, #company-content .job-detail .conclusion .job-field ul{width: 270px;} #company-content .job-detail .conclusion .job-field {padding-top: 30px; background: none;} #company-content .job-detail .conclusion .job-field ul li{width: 262px;margin-left: 0;margin-left: 0; background: url(../../img/bg/bullet.png) no-repeat 0 9px; padding:3px 0 3px 15px; } #company-content .job-detail .conclusion .job-field .header {float: none; padding: 0 0 5px;} #company-content .job-detail .conclusion .link {background: none; text-align: center; padding: 20px 0 0; width: 100%;} /*info*/ #company-content .job-detail .info {width: 626px; float:right; margin: -32px 0 0; position: relative; padding: 87px 0 0;} #company-content .job-detail .info .competency {list-style: none; margin: 0;} #company-content .job-detail .info h3 {padding: 10px 15px; font-size: 13px;color:#333;} #company-content .job-detail .info .more {font-weight: normal; background: url(../../img/bg/bg-breadcrumb.gif) no-repeat 5px center; padding: 0 0 0 12px;} #company-content .job-detail .info h2 {margin: 20px 0 10px; background: #f2f2f2; font-size: 16px; border: none; padding: 3px 10px;} #company-content .job-detail .info .fav {cursor: pointer; top: 35px;left: 234px; position: absolute; padding: 0; } #wrapper #company-content .job-detail .info .active{left: 234px; } #wrapper #company-content .job-detail .info .expand .active{left: 25px; } #company-content .job-detail .info .fav a, #wrapper .listview .btn-group .fav a {color: #666; background: url(../../img/bg/btn-list.png) no-repeat; font-size: 11px; padding: 5px 0 0 27px; height: 20px; display:block;} #company-content .job-detail .info .fav.active a,#company-content .job-detail .info .fav a:hover, #wrapper .listview .btn-group .fav.active a,#wrapper .listview .btn-group .fav a:hover {background: url(../../img/bg/btn-list.png) no-repeat 0 -27px;} #company-content .job-detail .info .language {list-style: none; padding: 0; margin: 0;} /*choose-type-package*/ .choose-type-package li .form-message label {padding-left: 0;} .choose-type-package li input {margin-left: 2px;} .choose-type-package li input,.choose-type-package li label {float: none; font-weight: normal; color:#666;} .button-set {width: 760px; background:#fff; overflow: hidden; padding:30px 0 10px 350px;} .button-set input {margin-right: 5px;} /*Choose career page- light box content*/ .choose-career h2 {color: #333; font-size: 15px; font-weight: bold;} #select_item { overflow: auto; border: 1px solid #ccc; margin: 0 auto; padding: 10px; height: 180px;} #select_item li ul {padding-left: 20px;} /*checkbox icon*/ .tree-node{cursor:default!important;} .tree-title{font-size: 13px;font-weight: bold;color: #339900;padding-left: 5px;cursor: pointer;} #select_item ul .tree-node {font-weight: normal;} .tree-title:hover {color:#006600;} #tt2 li{overflow: hidden;clear: both;} #tt2 li ul li span {font-size: 13px;color:#666;font-weight: normal; } #tt2 li ul li {overflow: hidden; float: left; width: 325px; padding-left: 20px; clear: none;} .tree-indent{display: none;} .tree-expanded{display:inline-block;width:16px;height:16px;background:url('../../img/bg/tree_arrows.gif') no-repeat 0 1px;cursor: pointer!important;} .tree-collapsed{display:inline-block;width:16px;height:16px;background:url('../../img/bg/tree_arrows.gif') no-repeat -18px 1px;cursor: pointer!important;} .tree-checkbox{display:inline-block;width:16px;height:16px;cursor: pointer!important;} .tree-checkbox0{background:url('../../img/bg/tree_checkbox_0.gif') no-repeat 0 2px;} .tree-checkbox1{background:url('../../img/bg/tree_checkbox_1.gif') no-repeat 0 2px;} .choose-career .apply-resume-navigation {margin: 10px auto 0 auto;} /*Company Setting page*/ .company-setting .header {margin-bottom: 20px;} .company-setting .setting-content {clear:both;} /*teaser box*/ .company-setting #teaser-box {height: 200px!important; border:1px solid #4caf13; position: relative; overflow: hidden;} .company-setting .edit-button {position: absolute; right: 0;top: 0;text-align: center;width: 43px; background:#4caf13; line-height: 12px;margin-right: 0!important;padding: 0!important;} .company-setting .edit-button a{font-size: 12px; color: #fff!important; font-weight: normal!important; padding: 5px 0; display: block;text-decoration: none;} .company-setting .edit-button a:hover {text-decoration: none!important;} /*company detail*/ .company-setting .company-detail {border:1px solid #4caf13; position: relative;width: 958px; } .company-setting .company-detail img {display: block;} .company-setting .company-detail span {padding: 7px 10px;display: block;} .company-setting .company-detail p span {padding: 0;display: inline;} /*map*/ .company-setting .map-location {border:1px solid #4caf13; position: relative; padding: 5px;} /*photo*/ .company-setting #company-photo {position: relative;} .company-setting #company-photo ul {border:1px solid #4caf13; overflow: hidden; width: 456px; padding: 3px 0 0 4px;} #company-photo ul li {width: 146px; height: 81px; overflow: hidden;float: left;border: 1px solid #ccc; margin:0 5px 5px 0; text-align: center;} #company-photo ul li img {max-width: 146px; max-height: 81px;} .company-setting #company-photo .edit-button {right: 39px; top: 43px;} /*fan-site*/ .company-setting #fansite-setting ul li {overflow: hidden; width: 700px;} .company-setting #company-fansite ul li {overflow: hidden; width: 945px;} .company-setting #company-fansite ul li ul li, .company-setting #fansite-setting ul li ul li {position: relative; width: 80px;} .company-setting #company-fansite p a img, .company-setting #fansite-setting p a img{border:1px solid #4caf13; width: 78px;} .company-setting #company-fansite .edit-button, .company-setting #fansite-setting .edit-button {width: 20px!important; top: 10px;} .company-setting #company-fansite .edit-button a, .company-setting #fansite-setting .edit-button a {font-size: 12px; padding: 3px 0; font-weight: bold;} /*video*/ .company-setting #company-video {width: 460px; position: relative;} .company-setting #company-video .no-data {width: 458px; border: 1px solid #4CAF13;} .company-setting #company-video .edit-button {top: 43px;} .video-content {border:1px solid #4caf13; overflow: hidden; width: 458px; color: #666;} .video-content .video-clip {float: left; width: 225px; margin-right: 10px;} .video-content .video-clip img {float: left;} .video-content .video-description {float: left; width: 222px; padding-top: 5px; } /*Company Setting page - AFTER click on "Edit button*/ #company-setting h2 {font-size: 15px; font-weight: bold; border-bottom: 1px solid #ccc;padding-bottom: 10px;} #profile-setting .setting-navigation input.cancel, #profile-setting .setting-navigation input.cancel-hover, #company-setting .setting-navigation input.cancel, #company-setting .setting-navigation input.cancel-hover, #fansite-setting .setting-navigation input.cancel, #fansite-setting .setting-navigation input.cancel-hover{float: none;} .setting-navigation {text-align: center; padding-bottom: 20px; clear:both; padding-top: 10px;} .profile-setting-navigation {clear:both; padding-bottom: 20px; padding-left: 138px;} /*teaser photo setting page */ #company-setting .teaser-photo-setting .newline {padding-bottom: 10px;} .teaser-photo-setting {text-align:center; padding-top: 50px; padding-bottom: 50px; padding-left: 250px; overflow: hidden;width: 600px;} .teaser-photo-setting #company_photo {clear: left;} .teaser-photo-setting input,.teaser-photo-setting img, .teaser-photo-setting span{float: left; margin-right: 10px;} .teaser-photo-setting span {font-size: 13px; color: #666;padding-top: 10px;text-align: left; width: 300px;} .teaser-photo-setting input {margin-top: 13px;} /*job industry setting*/ .jobindustry-setting, .locationsetting {padding:20px 0 30px 250px; } .locationsetting .setting-navigation {padding: 30px 0 0;} #company-setting .locationsetting h2{border: none;} .jobindustry-setting li, .locationsetting li {line-height: 30px; color: #666;} .jobindustry-setting ul{padding-bottom: 30px; clear: both; padding-top: 10px;} .locationsetting ul {padding-bottom: 10px; clear: both; padding-top: 10px;} .jobindustry-setting .setting-navigation, .locationsetting .setting-navigation {text-align:left;padding-left: 135px;} .locationsetting label {margin-right: 10px;} /*company profile setting page*/ .company-profile-setting .text-editor{width: 797px; margin: 0 auto;} /*language-setting*/ #company-setting .language-setting{ padding: 15px 10px; width: 940px;} #company-setting .language-setting input {margin-right: 10px;} #company-setting .language-setting li {line-height: 25px;color: #666;} /*photo setting page*/ #company-setting .photo-setting .newline {padding: 10px 0 0 180px;} .photo-setting .preview-list {width: 600px; margin: 0 auto 20px auto; overflow: hidden; clear: left; padding-top: 10px;} .photo-setting .preview-list li {width: 120px; float: left; position: relative; padding-top: 5px; overflow: hidden;} .photo-setting .preview-list img {border: 1px solid #4CAF13; float:left;} .browse-photo {padding-bottom: 20px;} .browse-photo input{padding: 2px;} .browse-photo li {padding-left: 179px; padding-top: 10px;} .photo-setting .add-photo {padding-left: 179px; padding-bottom: 40px;} .photo-setting .add-photo span {color:#666; font-size: 13px;} .photo-setting .edit-button {position: absolute; right: 8px;top: 5px;text-align: center;width: 20px; background:#4CAF13; line-height: 12px;margin-right: 0!important;padding: 0!important;} .photo-setting .edit-button a{font-size: 12px; color: #fff!important; font-weight: normal!important; padding: 3px 0; display: block;text-decoration: none;} .photo-setting .edit-button a:hover {text-decoration: none!important;} /*video setting page*/ #company-setting .video-setting .newline{padding: 10px 0 0 180px;} .video-setting .video-upload {padding:0 0 50px 180px; clear: both;} .video-setting .video-upload img,.video-setting .video-upload .upload {float: left;} .video-setting .video-upload img {margin-right: 10px;} .video-setting .video-upload .upload,.video-setting .video-upload .upload-hover {margin-top: 35px; border: none;} .video-setting .video-upload li {padding-top: 10px; overflow: hidden; clear: both;} .video-setting .video-upload li input, .video-setting .video-upload li textarea {padding: 2px; font-size: 13px;} .video-setting .video-upload li label {width: 100px; color:#333; font-size: 13px; font-weight: bold; float: left;} .video-setting .video-upload input.video {margin-top: 25px;} .video-setting .video-upload li input, .video-setting .video-upload li textarea {width: 310px;} /*location*/ .location-setting { padding:20px 0 40px; overflow: hidden;} .location-setting h3 {font-size: 13px; color:#333; font-weight: bold; padding:10px 0; display: block;} .location-map {width: 465px; float: left; overflow: hidden; margin-left: 30px;} .location-information {width: 390px; float: right; margin-right: 30px; overflow: hidden;} .location-information input {width: 383px;} /*Profile Setting*/ #profile-setting h2 {font-size: 15px; font-weight: bold; border-bottom: 1px solid #ccc;padding-bottom: 10px;} #profile-setting #employer-registration h2{border:none;} /*profile teaser photo setting page */ #profile-setting .teaser-photo-setting {text-align:center; padding-top: 20px; padding-bottom: 50px; padding-left: 138px; overflow: hidden;width: 600px;} #profile-setting .profile-photo-setting input,.teaser-photo-setting img, #profile-setting .profile-photo-setting span{float: left; margin-right: 10px; clear: left;} #profile-setting .profile-photo-setting span {font-size: 13px; color: #333;padding-top: 35px;text-align: left; width: 300px;} #profile-setting .profile-photo-setting input {margin-top: 32px;} /*profile setting page*/ .profile-info-setting .text-editor{width: 797px; margin: 0 auto;} /*Profile photo setting page*/ #profile-setting .profile-image-setting .preview-list {width: 600px; margin: 20px 0; padding-left: 138px; overflow: hidden; padding-bottom: 0;} #profile-setting .profile-image-setting .preview-list li {line-height: 20px; width: 120px; float: left; position: relative; padding-top: 5px; overflow: hidden;} .profile-image-setting .preview-list img {border: 1px solid #4caf13; float:left;} #profile-setting .profile-image-setting .browse-photo {padding-bottom: 20px;} .profile-image-setting .browse-photo input{padding: 2px;} #profile-setting .profile-image-setting {overflow: hidden; padding-bottom: 35px;} #profile-setting span.map {padding-left:30px!important;} #profile-setting .profile-image-setting .newline, #profile-setting .profile-video-setting .newline {padding: 20px 0 0 138px;} #profile-setting .newline {padding: 20px 0 5px 138px;} #profile-setting .teaser-photo-setting .newline {padding: 0 0 15px; width: 800px;} #profile-setting .profile-video-setting fieldset {clear: both;} #profile-setting .profile-image-setting .browse-photo li {padding-left: 138px; padding-top: 10px; line-height: 20px;} .profile-image-setting .add-photo {padding-left: 138px; padding-bottom: 5px;} .profile-image-setting .add-photo span {color:#666; font-size: 13px;} .profile-image-setting .edit-button {position: absolute; right: 8px;top: 5px;text-align: center;width: 20px; background:#4caf13; line-height: 12px;margin-right: 0!important;padding: 0!important;} .profile-image-setting .edit-button a{font-size: 12px; color: #fff!important; font-weight: normal!important; padding: 3px 0; display: block;text-decoration: none;} .profile-image-setting .edit-button a:hover {text-decoration: none!important;} /*Profile video setting page*/ #profile-setting ul {padding: 10px 0 30px 138px; overflow: hidden; clear: both;} #profile-setting #employer-registration ul li {line-height: 18px;} #profile-setting #employer-registration ul {padding: 0;} #profile-setting ul li {line-height: 30px;color:#666;} #profile-setting .profile-video-setting .video-upload {padding:10px 0 50px 138px;} .profile-video-setting .video-upload img,.video-setting .video-upload .upload {float: left;} .profile-video-setting .video-upload img {margin-right: 10px;} .profile-video-setting .video-upload .upload,.profile-video-setting .video-upload .upload-hover {margin-top: 35px; border: none;} .profile-video-setting .video-upload li {padding-top: 10px; overflow: hidden; clear: both;} .profile-video-setting .video-upload li input, .profile-video-setting .video-upload li textarea {border: 1px solid #83b1c4; padding: 2px; font-size: 13px;} .profile-video-setting .video-upload li label {width: 100px; color:#333; font-size: 13px; font-weight: bold; float: left;} .profile-video-setting .video-upload li input, .profile-video-setting .video-upload li textarea {width: 310px;} /*Profile location*/ .profile-location-setting { padding:20px 0 40px; overflow: hidden; border-bottom: 1px solid #ccc; margin-bottom: 20px; width: 960px;} .profile-location-setting h3 {font-size: 13px; color:#333; font-weight: bold; padding:10px 0; display: block;} .location-map {width: 465px; float: left; overflow: hidden; margin-left: 30px;} .location-map .button {padding: 10px 0 0 0;} .location-map .button a {text-decoration: none;} .location-information {width: 390px; float: right; margin-right: 30px; overflow: hidden; } .location-information input {width: 383px;} #shortcut-search .toggle-detail .tab2-detail,#shortcut-search .toggle-detail .tab3-detail, #shortcut-search .toggle-detail .tab4-detail,.newbie .toggle-detail .tab1-detail, .newbie .toggle-detail .tab2-detail {display: none;} /*View by location*/ .view-by-location {padding-left: 30px;} .view-by-location ul {float:left;} .view-by-location ul li {font-size: 13px; color:#339900;} .view-by-location ul li.center-header {width:100%;!important; float:none!important;} .view-by-location ul li.center-header span,.view-by-location li span {color:#999;} .view-by-location ul li ul li span {font-size: 16px;color:#ccc;} .toggle-detail .view-by-location ul li .province-name {color:#339900; font-weight: bold;} .view-by-location ul li a {font-size: 13px; font-weight: normal;padding-left: 5px;} .view-by-location ul li a span {color:#999;} .view-by-location ul li ul li a span {font-size: 13px; color:#999; font-weight: normal;} .view-by-location ul li ul li {float: none; clear: both;} .view-by-location .Center,.view-by-location .West{width: 140px;} .view-by-location ul li ul li {width:100%!important;} .view-by-location .North,.view-by-location .North, .view-by-location .North,.view-by-location .Northeast {width: 167px;} .view-by-location .North,.view-by-location .South {width: 145px;} .view-by-location .North,.view-by-location .East {width: 155px;} #shortcut-search .toggle-detail .active, .newbie .toggle-detail .active {display: block!important;} .toggle-detail .tab1-detail #job-seeker, .toggle-detail .tab2-detail #employer{float: left;position: absolute;right: 20px;top: 50px;width: 375px;} #teaser-box .toggle-detail .tab1-detail #job-seeker .popular {padding-left: 20px; font-size: 12px!important;color:#666;width: 325px;} .toggle-detail .tab1-detail #job-seeker h1,.toggle-detail .tab2-detail #employer h2 {padding:0 0 20px;} /*position - toggle*/ #shortcut-search .tab-switch {width: 958px; margin-bottom: 15px; background: #ccc; overflow: hidden;} #shortcut-search .tab-switch h1,#shortcut-search .tab-switch h2,#shortcut-search .tab-switch h3 {width: 150px;float: left; font-size: 15px; color: #333;text-align: center; padding-top: 3px;} #shortcut-search .tab-switch .toggle-detail {background: #fff; padding-top: 20px; width: 100%;} #shortcut-search .tab-switch .toggle-detail li {float: none;} #shortcut-search .tab-switch ul {float: left; font-size: 15px;} #shortcut-search .tab-switch ul li {float: left; margin-right: 1px;} #shortcut-search .tab-switch ul .tab1-detail li,#shortcut-search .tab-switch ul .tab2-detail li {width:191px; color:#339900;background: url(../../img/icon/list-bullet.gif) no-repeat 26px 8px;padding: 0 0 0 41px;} #shortcut-search .tab-switch .toggle-navigation li, #shortcut-search .tab-switch .toggle-detail li {width: auto;} #shortcut-search .tab-switch .toggle-navigation li h3.tab {padding: 3px 20px; background: #f9f9f9; font-weight: normal; color: #666; margin-bottom: 1px;text-decoration: none; display: block;} #shortcut-search .tab-switch .toggle-navigation li h3.tab:hover {cursor: pointer;} #shortcut-search .tab-switch .toggle-navigation li h3.tab:hover, #shortcut-search .tab-switch .toggle-navigation .active h3.tab{background: #fff; margin-bottom: 0; padding-bottom: 4px;color:#333;} #shortcut-search .tab-switch p {float: right; margin: 3px 5px 0;} #shortcut-search .tab-switch p a {color: #333;} #shortcut-search .tab-switch .view-all {text-align: right;margin: 3px 5px 0;clear: both;} #shortcut-search .tab-switch .view-all a {background-image: url("../../img/icon/arrow-gray.gif"); color: #339900; font-size: 13px;} #shortcut-search .tab-switch .view-all a:hover {color: #006600;text-decoration: underline;} #shortcut-search .tab-contents {clear: both; padding: 0 0 10px; overflow: hidden; width: 950px;} #shortcut-search .tab-contents ul {width: 232px; float: left; margin: 0;} #shortcut-search .tab-contents ul li {margin: 0 0 10px;} #shortcut-search .tab-contents li a {font-size: 13px;font-weight: normal;} #shortcut-search .tab-contents li a span {color: #999; font-weight: normal;} /*premium-company-suggestion on homepage*/ .homepage .premium-company-suggestion{width: 620px; border: none;margin: 0;} .homepage .premium-company-suggestion h2 {width: 585px; background-position: -1px -479px;} .homepage .premium-company-suggestion h2 a {text-decoration: none;color:#000;} .homepage .premium-company-suggestion ul li { width: 158px;} .homepage .premium-company-suggestion ul {width: 632px; padding: 0; margin: 0;} /*premium-company-suggestion on search page*/ .premium-company-suggestion {width: 958px; overflow: hidden; position: relative; border:1px solid #CCCCCC; margin: 20px 0 0;} .premium-company-suggestion h2{font-size:15px;font-weight:bold;width:938px;border-bottom:1px solid #ccc;background:#4caf13;padding:5px 10px} .premium-company-suggestion h2 a {text-decoration: none;color:#fff;} .premium-company-suggestion ul {width: 900px; margin: 0; overflow: hidden; position: relative; padding: 20px 0;margin: 0 0 0 60px;} .premium-company-suggestion ul li {float: left; width: 223px; padding-top: 8px; height: 93px;} .premium-company-suggestion ul li a {width: 145px; height: 80px; float: left;} .premium-company-suggestion p {text-align: right; } .premium-company-suggestion #slide {width: 632px; overflow: hidden; height: 100px;} .premium-company-suggestion #slide li {width: 632px; overflow: hidden;} .premium-company-suggestion #slide li a {float: left; margin-right: 13px;} /*horoscope*/ .homepage .weekly-horoscope h2, .static-2-col-ads .weekly-horoscope h2 {background-position: 0 -417px;} .horoscope-nav li{width: 37px; height: 37px; overflow: hidden; margin: 5px 15px 0 0;float: left; list-style: none;} .horoscope-nav li a {float: left; background: url(../../img/icon/ico-horoscope.gif) no-repeat;width: 37px; height: 37px;overflow: hidden;} .horoscope-nav li a:hover,.static-2-col-ads .weekly-horoscope h2 a:hover,.daily-horo h2 a:hover {text-decoration: none;} .horoscope-nav li a span,body .daily-horo .horo-nav li a span {display: block; text-indent: -9999px;} .horoscope-nav li .capricorn {background-position: 0 -37px;} .weekly-horoscope .horoscope-nav li.clear {margin: 5px 0 0 0;} .weekly-horoscope .horoscope-nav li .aquarius{background-position: 0 -111px;} .weekly-horoscope .horoscope-nav li .pisces{background-position: 0 -185px;} .weekly-horoscope .horoscope-nav li .aries {background-position: 0 -259px;} .weekly-horoscope .horoscope-nav li .taurus{background-position: 0 -333px;} .weekly-horoscope .horoscope-nav li .gemini {background-position: 0 -407px;} .weekly-horoscope .horoscope-nav li .cancer{background-position: 0 -481px;} .weekly-horoscope .horoscope-nav li .leo {background-position: 0 -555px;} .weekly-horoscope .horoscope-nav li .virgo {background-position: 0 -629px;} .weekly-horoscope .horoscope-nav li .libra{background-position: 0 -703px;} .weekly-horoscope .horoscope-nav li .scorpio {background-position: 0 -779px;} .weekly-horoscope .horoscope-nav li .sagittarius {background-position: 0 -854px;} .weekly-horoscope {overflow: hidden; width: 300px;} .weekly-horoscope p {clear: both; padding: 15px 0;} .weekly-horoscope .register span {display: none;} .weekly-horoscope .register:hover {background-position: 0 -26px;} /*daily-horoscope*/ body .daily-horo {padding: 0 0 10px; overflow: hidden; width: 300px;} body .daily-horo h2.horo {background-position: -174px -1065px; padding: 8px 0 0 30px} body .daily-horo h2.horo span {font-weight: normal; color: #339900; font-size: 13px;} body .daily-horo .horo-nav {margin:0 0 0 12px; overflow: hidden;} body .daily-horo .horo-nav li{width: 57px; height: 60px; overflow: hidden; margin: 0 15px 5px 0;float: left; list-style: none;} body .daily-horo .horo-nav li a {float: left; background: url(../../img/icon/daily-horo.png) no-repeat -1px 0;width: 57px; height: 60px;overflow: hidden;} body .daily-horo .horo-nav li:nth-child(2) a {background-position: -73px 0;} body .daily-horo .horo-nav li:nth-child(3) a {background-position: -146px 0;} body .daily-horo .horo-nav li:nth-child(4) a {background-position: -217px 0;} body .daily-horo .horo-nav li:nth-child(5) a {background-position: -1px -64px;} body .daily-horo .horo-nav li:nth-child(6) a {background-position: -73px -64px;} body .daily-horo .horo-nav li:nth-child(7) a {background-position: -146px -65px;} /*login lightbox*/ .lightbox-content form.login {width: 460px; margin: 0 auto; padding: 20px 0 50px;} .lightbox-content form.login .form-message {clear: both; display: block; padding: 0 0 0 130px; line-height: 30px;} .lightbox-content form.login label {color:#333; font-size: 13px; width: auto;} .lightbox-content form.login input {width: auto; margin-right: 5px; margin-left: 130px; border: none;} .lightbox-content form.login .password label, .lightbox-content form.login .username label, .lightbox-content form.login .captcha label { width: 130px;} .lightbox-content form.login .password input, .lightbox-content form.login .username input {margin: 0 5px 0 0; border: 1px solid #ccc;width: 150px;} .lightbox-content form.login .captcha input {border: 1px solid #ccc;width: 150px;} .lightbox-content form.login ul li{color:#333; font-weight: normal; width: 500px; overflow: hidden; float: left;} .lightbox-content form.login .submit {clear: both;} .lightbox-content form.login .footerlink {padding-top: 30px; clear:both;} .lightbox-content form.login .footerlink li{width: auto;} .lightbox-content form.login .footerlink li a{font-size: 13px;} /*forgot password*/ #forgot-password h2 {color:#333;font-size: 16px; padding:20px 0 20px 154px;} #forgot-password p {padding-left: 154px; line-height: 30px; color:#666; font-weight: bold;} #forgot-password li {padding-left: 153px; line-height: 30px; color:#666; font-weight: bold;} #forgot-password form {padding: 3px 0 50px;} #forgot-password form li {padding-bottom:8px;} #forgot-password label {width: 170px; float: left;} #forgot-password input {float: left; margin-right: 10px; width: 170px; font-size: 12px; padding: 2px;} #forgot-password .confirmationcode {position: relative; width: 664px;} #forgot-password .confirmationcode #changimg {top:0; position: absolute;} #forgot-password .confirmationcode label, #forgot-password .confirmationcode input {margin-top: 10px;} #forgot-password .confirmationcode input {clear: both; margin-left: 170px; margin-top: 20px;} #forgot-password .validate {margin-left: 170px;display: inline;} #forgot-password .button {padding-left: 323px; padding-top: 5px;} /*login-confirm*/ .login-confirm {width: 500px; margin: 0 auto; text-align: center; padding: 50px 0 150px; font-size: 16px;} .login-confirm .username {color:#2F84A8;} .login-confirm .submit {width: 262px; margin: 50px auto;} .login-confirm .submit input{float: left; margin-right: 10px;} /*resume-preview*/ .resume-preview {width: 960px; background: #f5f5f5; text-align: center;} .resume-preview h2 {width: 930px; font-size: 15px; font-weight: bold; text-align: left; padding: 15px 0 20px;margin: 0 15px 25px;background: url(../../img/bg/bg-preview-line.gif) repeat-x left bottom;} .resume-preview .link {width: 960px; background: #fff; padding: 50px 0; text-align: center;} .resume-preview .link .linkbtn {margin-left: 400px;} #user-profile .attop {padding: 10px 0 0 185px;} /*resume-graph for company-view*/ #user-info-box dt.resume-graph { padding-top: 20px;} #user-info-box .sidebar-notify-box .graph {border: 1px solid #fff; height: 15px; } #user-info-box .sidebar-notify-box .graph span.color-range { height: 15px;} #user-info-box .sidebar-notify-box .graph span.graph-result {top: -2px;} /*Member profile*/ .profilemodule, .ability {width: 580px; position: relative; padding-bottom: 25px;} .profilemodule h2, .ability h2 {background: url(../../img/bg/header-profile.gif) repeat-x left bottom; padding-bottom: 10px; line-height: 20px; width: 580px;} .profilemodule h3{color:#333; font-size: 13px; font-weight: bold; float: left; width: 190px;} .profilemodule li {line-height: 20px; overflow: hidden; clear: both;} .profilemodule li span {color:#666; float: left; width: 390px;} .profilemodule li span.clear {clear:both; width: 580px;} .profilemodule li ol {padding: 10px 0; } .profilemodule li ol li {padding-left: 30px; width: 550px; padding-top: 10px;} .profilemodule li ol li .detail{float: none; text-decoration: none; display: block;color:#666;} /*ability*/ .ability ul li {width: 580px; overflow: hidden; clear: both; line-height: 32px;} .ability h3 {font-size: 13px; font-weight: bold; float: left; color:#333; width: 215px; padding: 10px 0; } .ability li p {float: left; width: 125px; font-weight: normal;} .ability li p.graph {width: 150px; padding-top:5px;} .ability .link {width: auto;} .ability .language-skill th {background: none; border: none; font-weight: bold;} .ability .language-skill tr:hover {background: none;} .ability .language-skill, .ability .language-skill tr td {border: none; color:#666; text-align: center;} .ability .language-skill td, .ability .language-skill th {padding: 5px; font-size: 13px; width: 40px;} .ability .language-skill .language {text-align: left; width: 80px; color:#333;} .ability .specialist h3{color:#333; font-weight: normal; line-height: 25px; padding-right: 10px; padding-left: 10px;background: url(../../img/icon/bullet.gif) no-repeat 0 12px;} .ability .specialist h3 a, .ability .specialist h3 span, .ability .specialist h3 a img {display: inline;} .ability .specialist p {line-height: 25px; color:#666;} .ability .specialist h3 span {width: auto; height: auto; float: none; } .ability ul h3{padding: 0;} .additionalskill {clear: both; color:#666;} /*help bubble*/ .ability .specialist .bubble{cursor: pointer;} .report-content .ability .specialist .graph {display: block;} /*reference*/ .reference .thumbnail {width: 80px; padding: 0 20px 0 0; float: left; text-align: center; overflow: hidden;} .reference .thumbnail img { float: left;} .reference .thumbnail p{clear: left;} .reference ul li {clear: both; overflow: hidden; width: 558px; border-bottom: 1px dotted #ccc; padding-bottom: 15px; margin-bottom: 15px;} .reference ul li.last {border: none; margin-bottom: 0; padding-bottom: 0;} .reference .refer-content {width: 458px; float:left;background: url(../../img/bg/bubble-corner.gif) no-repeat left top;overflow: hidden;} .reference ul {width: 568px; border: 1px solid #cdcdcd;padding:10px 0 10px 10px;} .reference ul li ul li {border: none; margin-bottom:0; padding-bottom: 0;} .reference .refer-content .detail {background: #f8f8f8; padding: 10px; margin-left: 8px; width: 430px;} .reference .refer-content ul {width: auto;} .reference .refer-content p {line-height: 20px; color:#666;} .refer-content .detail .header, .refer-content .user-ranking .header {color:#333; font-weight: bold; background: none; height: auto; margin: 0;} .refer-content .user-ranking li {width: 408px; overflow: hidden; color:#666;} .refer-content .detail .user-ranking {width: 408px; border: 1px solid #ccc; padding: 10px; margin: 10px 0;} .reference .pagination {padding-top: 15px;} .refer-content .detail .datetime {color:#999;} /*expand competency*/ .user-ranking .expand ul {border: none; padding: 0; width: 400px; clear: both; } .user-ranking .expand ul .bullet {background: url(../../img/icon/bullet.gif) no-repeat 0 6px; padding-left: 15px; width: 120px; color:#333;} .user-ranking .expandable a:hover {text-decoration: underline;} .user-ranking .expand { display: none;} .detail .user-ranking .expand .graph {display: block;} .user-ranking .expand li{float: left; line-height: 18px; width: 105px; padding-right: 10px; font-weight: normal; clear: none;} .user-ranking .expand .graph {width: 140px; padding-right: 0;} .user-ranking li .graph {display: none;} .user-ranking li .active {display:block!important;} /*wishjob-setting*/ #wishjob-setting {width: 780px; float: right; overflow: hidden; border-top: 20px solid #fff;} #wishjob-setting ul li label{width: 210px; float: left; font-weight: bold;} #wishjob-setting ul li {overflow: hidden; padding: 0 0 40px;} #wishjob-setting ul li .panel {width: 570px; float: left;} #wishjob-setting ul li .panel p {line-height: 20px; color:#666;} #wishjob-setting input.keyword {width: 300px;border:1px solid #B0DE94; padding: 2px; font-size: 13px;} #wishjob-setting ul li .choice {overflow: hidden; padding: 15px 0 0;} #wishjob-setting ul li .choice input{width: 25px; } #wishjob-setting ul li .choice label {width: 100px; float: none;font-weight: normal;} #wishjob-setting ul li.email {padding: 0 0 40px; } #wishjob-setting ul li.email label{float: none; font-weight: normal; color:#666;} #wishjob-setting ul li.email input {width: 20px; } #wishjob-setting ul li.submit { clear: both; overflow: hidden; padding-left: 300px;} #personal-info ul li.submit { clear: both; overflow: hidden; padding-left: 220px;} #wishjob-setting ul li.submit input,#personal-info ul li.submit input{margin-right: 10px; float: left; } /*reference-sent-lightbox*/ .reference-sent {overflow: hidden; width: 440px; margin: 50px auto;} .reference-sent p {text-align: center; padding:50px 0;font-size: 16px; color:#333; font-weight: bold;} .reference-sent .button {padding-left: 93px; overflow :hidden;} .reference-sent .button input{margin-right: 10px; float: left;} .reference-sent .closebutton {padding-left: 180px; padding-top: 10px;} /*My resume -- step- indicator*/ #account-content .resumestep-indicator {background: url(../../img/bg/resume-step.jpg) no-repeat;width: 759px;height: 140px;overflow: hidden;margin-bottom: 15px;padding-left: 20px;position: relative;} #account-content .process-notification {padding-top: 6px; overflow: hidden;} .process-notification h2 {color: #2f84a8; font-size: 15px; } .resumestep-indicator .resumecomplete {color:#333; font-size: 15px; font-weight: bold; padding: 7px 0 5px;} #account-content #process-step {width: 668px; height: 80px; position:absolute; left: 80px; top: 77px; float: left;} #process-step li {float: left;} #process-step li a {width: 33px; height: 33px; font-size: 20px;color: #fff; float: left;padding: 9px 13px 0 13px; display: block; position: relative; text-decoration: none; } #process-step li.sixth a span{padding-top: 3px;} #process-step li a.active {background: url(../../img/bg/resume-active.gif) no-repeat center top;} #process-step li a.active span, #process-step li a:hover span {background: url(../../img/bg/resumestep-active.gif) no-repeat 0 3px;color:#fff;} #process-step li a:hover span {cursor: pointer;} #process-step li a span {background: url(../../img/bg/resumestep-default.gif) no-repeat 0 3px;font-family: georgia;font-size: 28px;width: 33px;height: 36px;float: left;text-align: center;color:#ccc;} .process-notification .graph {width: 690px; height: 15px; border: 1px solid #fefeff; background:#e0e0e0;} .process-notification .graph span.color-range { height: 15px;} .process-notification .graph span.graph-result {top: -1px;} .resumestep-indicator .step-head {font-size: 30px; color:#666; font-weight: bold; float: left; padding: 25px 10px 0 5px;} /*Personal info form*/ #personal-info textarea {height: 75px; width: 300px;} #personal-info .gender input,#personal-info .input-slidedown input{width: auto;} #personal-info .submit input {border: none; margin-right: 5px;} #account-content form#personal-info h2, #account-content #education h2, #account-content #work-experience h2{background: url(../../img/bg/header-profile.gif) repeat-x left bottom; line-height: 20px; padding-bottom: 10px; font-size: 15px; font-weight: bold; padding-left: 0;color:#333;} #account-content form#personal-info label {width: 180px;} #personal-info input {font-size: 13px; padding: 2px;width: 300px; } #personal-info .gender {color: #666;} #personal-info .gels input {padding:0;width: auto;font-size:11px;} #account-content .profile {position: relative; width: 780px; overflow: hidden; padding-bottom: 35px;} #account-content .profile .birthday .newline {padding-top: 15px;} #account-content .profile .multimedia {width: 235px; position: absolute; right: 0; top: 0; overflow: hidden;} #account-content .profile .multimedia .upload-photo input {clear:both; float: left; width:auto!important;} #account-content .profile .multimedia2 {width: 235px; position: absolute; right: 0; bottom: -11px;} #account-content .profile .multimedia2 .upload-video input{clear:both; float: left; width:auto!important;} /*choose gender slide down*/ .profile .input-slidedown label {float: none;font-weight:normal;} #account-content .profile .input-slidedown{margin-left: 180px; float: left;} .add-new-position .select-location .list p {padding:0; line-height: 30px;} #account-content .profile .input-slidedown label,.position-info .input-slidedown label {padding: 0 10px; color: #666;} /*upload photo*/ .profile .multimedia .upload-photo input{width: 130px!important;} .profile .multimedia .upload-photo li{padding-left: 0;} .profile li span.newline {padding-left: 180px;} .profile .multimedia .upload-photo span.newline, .profile .multimedia2 .upload-video span.newline {padding-left: 0; width: 230px;} #wrapper #personal-info .profile .multimedia p.expand {width: 200px;} #wrapper #personal-info .profile .multimedia p input {float: none;} #personal-info .upload,#personal-info .upload-hover{border: none;} #personal-info .upload-photo .thumbnail {float: left; width: auto; border: 1px solid #4eae2d; line-height: 0; margin:0 10px 10px 0; position: relative;} #personal-info .upload-photo .thumbnail a:hover {text-decoration: none;} #personal-info .upload-photo .thumbnail a {position: absolute; display: block; background: #4eae2d; color:#fff; width: 43px; right: 0; top:0; padding: 12px 0; font-size: 12px; text-align: center; font-weight: normal;} #personal-info li p {color:#666;} #personal-info .upload-photo p,#personal-info .upload-photo p span {float:left; width: 130px; font-size: 13px; color:#666; padding-bottom: 5px;} #personal-info .upload-photo p span {padding-top: 20px;} /*upload video*/ #personal-info .upload-video .thumbnail {float: left; width: 110px;border: 1px solid #4eae2d; line-height: 0; margin:0 10px 10px 0; position:relative; } #personal-info .upload-video .thumbnail a {position: absolute; display: block; background: #4eae2d; color:#fff; width: 43px; right: 0; top:0; padding: 12px 0; font-size: 12px; text-align: center; font-weight: normal;} #personal-info .upload-video .thumbnail a:hover,#company-content .job-detail .info .fav a:hover {text-decoration:none;} #personal-info .upload-video p,#personal-info .upload-video p span {float:left; width: 110px; font-size: 13px; color:#666; padding-bottom: 5px;} /*map*/ #personal-info .map {width:380px; padding-left: 10px; float: left; overflow: hidden; clear: left;} #account-content #personal-info .map-header {width: 100%;} #personal-info .map .button a{text-decoration: none;} #personal-info .map .button {padding-top: 10px;} #personal-info .map-detail {width: 380px; float: right; overflow: hidden;} #personal-info .map-detail .form-message {width: 200px!important;} #personal-info .map-detail .texteditor {width: 380px; height: 238px; padding-top: 10px;} #personal-info .map-detail li {padding: 0; width: 380px;} #personal-info .map-detail li label {display: block; float: none;} #personal-info .first {padding: 20px 0 10px;} #personal-info .submit, #upload-resume .submit, #vdo-instruction ul .submit{padding-left: 240px; padding-top: 30px;} /*education-form*/ #education .submit, #work-experience .submit {padding-left: 220px; padding-top: 20px;} #education ul li label {width: 250px;} #education ul li.country {margin-bottom: 8px;} #education ul li.country input {margin-right: 5px;} #education ul li.country label{width: auto; float: none; font-weight: normal; color:#666;} #education ul li.country label.header{width: 250px; float: left; background: none; font-weight: bold; color:#333;} #education ul li label strong {font-weight: normal; display: block; color: #999;} #education .textfield,#education ul li textarea {width: 285px;} #education ul li textarea, #work-experience ul li textarea{height: 80px;} #education .more-button{padding: 20px 0 50px; width: 128px; float: left; margin:0 10px 0 0; } #work-experience fieldset, #education fieldset {width: 780px; overflow: hidden;} #work-experience .first,#education .first{padding-left: 280px!important;} #work-experience .more-button {padding: 20px 0 50px; width: 138px; float: left; margin:0 10px 0 0;} #account-content #work-experience .no-exp { display: inline; padding: 0 10px;} #account-content #work-experience .no-exp input {width: 20px;} #account-content #work-experience .no-exp label {float: none; font-weight: normal; color:#666;} /*work - experience*/ #work-experience h3 {color:#333; font-size: 13px; padding:10px 0 20px; } #account-content #work-experience input, #account-content #work-experience textarea {width: 270px;} /*upload-resume */ #upload-resume h2,#vdo-instruction h2 {background: url(../../img/bg/header-profile.gif) repeat-x left bottom; line-height: 20px; padding-bottom: 10px; font-size: 15px; font-weight: bold; padding-left: 0; color:#333;} #upload-resume .submit input {margin-right: 5px;} /*vdo-instruction*/ #vdo-instruction fieldset {margin-bottom:0!important; overflow: hidden;} #vdo-instruction p {padding: 0 0 20px;} .account-form fieldset ul li.vdo-picture {float: left; padding-left: 0; margin-bottom: 30px;} .vdo-picture .thumbnail {float: left; margin-right: 15px;} .vdo-picture ul {float: left; overflow: hidden;} .vdo-picture ul li {padding: 0 !important; margin-bottom: 0!important;} .vdo-picture ul li .button-delete {float: left; margin-right: 10px;} .vdo-picture ul li .button-edit {float: left;} .vdo-picture ul li h3 {font-size: 15px; font-weight: bold;} .account-form fieldset.add-vdo-picture {background: #ebebeb; padding: 10px 15px; margin: 0;} #vdo-instruction fieldset.add-vdo-picture h2 {background: none; font-size: 13px; color:#333; font-weight: bold;} #vdo-instruction fieldset.add-vdo-picture ul li {padding-left: 0;} /*#vdo-instruction ul .submit {padding: 30px 0 0 300px;}*/ #vdo-instruction ul li input {margin-right: 10px;} #vdo-instruction fieldset.add-vdo-picture ul li label {width: 90px;} #vdo-instruction fieldset.add-vdo-picture .browse {padding-left: 90px;} .account-form fieldset.add-vdo-picture a {display: block; color: #666;} .account-form fieldset.add-vdo-picture #add-picture, .account-form fieldset.add-vdo-picture #add-vdo {margin-left: 170px;} /*member setting*/ #member-setting {width: 960px; background: #fff;} .member-field {padding-top: 30px; overflow: hidden; width: 960px;} .member-field h2 {background: url(../../img/bg/header-profile.gif) repeat-x left bottom; line-height: 20px; padding-bottom: 10px; font-size: 15px; font-weight: bold; padding-left: 0; color:#333; font-size: 15px;} .member-field p {color:#666;} .member-field .detail {float: left; width: 500px; } .member-field .detail select {margin-top: 5px;} .member-field .link {float: right; width: 54px; padding-top: 5px;} /*email setting*/ #email-setting {width: 960px; background: #fff;} #email-setting h2 {font-size: 13px; font-weight: bold;padding: 10px 0 10px 35px;} #email-setting form {padding-left: 50px;} #email-setting form ul li {width: 50%; float: left; line-height: 25px;} #email-setting form ul .onecol {clear: both; width: 100%;} #email-setting form ul .extra {padding-top: 20px;clear; both; width: 100%;} #email-setting form ul input {margin-right: 10px;} #email-setting form ul .onecol p {padding: 20px 0;} #email-setting form ul .save,#email-setting form ul .save-hover {margin: 30px 0 20px;} /*referee section*/ #account-content .referee-section h1{background: url(../../img/bg/header-profile.gif) repeat-x left bottom; line-height: 20px; padding-bottom: 10px; font-size: 15px; font-weight: bold; padding-left: 0; color:#333; font-size: 15px; border: none;} #account-content .referee-section form {margin-top: 20px; width: 780px; overflow: hidden; background: url(../../img/bg/bg-referee.gif) repeat-y;} #account-content .referee-section form fieldset{width: 350px; float: left; clear: none; padding: 15px;} #account-content .referee-section form fieldset h2 {color:#333; font-size: 15px; font-weight: bold; padding-bottom: 20px;} #account-content .referee-section form .by-mail {margin-right: 20px;} #account-content .referee-section form li {line-height: 35px; clear: both;} #account-content .referee-section form li .list li {line-height: 35px; overflow: hidden;} #account-content .referee-section form label {font-size: 13px; color:#333;} #account-content .referee-section form .by-mail label {width: 130px; float: left;} #account-content .referee-section form .by-mail input.send-friend-submit, #account-content .referee-section form .by-mail input.send-friend-submit-hover {margin-left: 130px;} .send-referee .form-message {padding-left: 130px; clear: both; float: left;} .send-referee fieldset.by-mail .form-message {clear: both; padding: 0 0 0 132px; white-space: nowrap;} .send-referee .form-message { padding: 5px 0 5px 110px;} /*no-setting*/ #account-content .referee-section.no-setting p {text-align: center; padding: 100px 0;} /*mailing-list*/ #account-content .referee-section .by-mailinglist div.mailinglist {overflow: hidden; position: relative; cursor: pointer; line-height: 18px; } .by-mailinglist .mailinglist a {float: left;} .by-mailinglist .expand input.mailinglist {display: none;} .by-mailinglist input.mailinglist {position: absolute; left: 270px; top: 7px;} .by-mailinglist .refer-form .findfriend, .by-mailinglist .refer-form .findfriend-hover{margin-left: 120px; margin-top: 5px;} .by-mailinglist .refer-form {clear: both; padding-bottom: 10px; display: none;} .by-mailinglist .refer-form li {overflow: hidden; line-height: 25px!important; clear: both;} .by-mailinglist .refer-form label {float: left; width: 110px; padding-left: 10px; white-space: nowrap;} .by-mailinglist .refer-form input {width: 175px;} /*choose- friend's email*/ #account-content .referee-section form#Choose-referee {background: #e8e8e8;} #account-content .referee-section .instruction {padding: 15px 0 10px;} #account-content form#Choose-referee fieldset {width: 780px;} #Choose-referee .emailinput img,#Choose-referee .emailinput input,#Choose-referee .emailinput label{ float: left; margin-right: 10px; } #Choose-referee .emailinput {overflow: hidden; padding-bottom: 10px;} #Choose-referee .emailinput input {margin-top: 10px;} #Choose-referee .emailinput label {padding-top: 7px;} #Choose-referee .checkedall {background: #fff; border-bottom: 1px solid #ccc; padding: 0 15px; } #account-content #Choose-referee .checkedall label{color:#333;font-weight: bold;} .referee-section #Choose-referee .emaillist {background: #fff; border: 1px solid #ccc;width: 350px; float: left;margin-right: 20px; } .referee-section #Choose-referee .list { height: 265px; overflow: auto;padding-bottom: 15px;} .referee-section #Choose-referee .list input {margin-right: 5px;} .referee-section #Choose-referee .list li {padding-left: 15px;} .referee-section #Choose-referee .message {width: 370px; float: left; clear: none;} .referee-section #Choose-referee .message label {display: block;} .referee-section #Choose-referee .message input {width: 360px;} .referee-section #Choose-referee .message textarea {width: 360px; height: 150px;} /*job-referee table*/ #account-content .referee-section #job-referee {background: none;margin-top: 10px;} #account-content .referee-section #job-referee .refer-content .msg{padding-top: 10px; color: #666;} #account-content .referee-section #job-referee table {border-bottom: none;} #account-content .referee-section #job-referee tr th {padding: 10px 0; text-align: center; border: 1px solid #ccc; border-right: none;} #account-content .referee-section #job-referee tr td {padding: 15px 10px; vertical-align: top; border-bottom: 1px solid #eee;color:#666;} .content-wrapper #account-content #job-referee .referee {width: 170px; padding-left: 15px;} #job-referee .referee ul li {line-height: 20px; color:#666;} #job-referee .referee ul li.thumbnail {text-align: center;} #job-referee .refer-content {width: 380px;} #job-referee .refer-content span, #job-referee .referee span {font-size: 13px; color:#333; font-weight: bold;} #job-referee .detail .user-ranking li, .reference .detail .user-ranking li{line-height: 20px;overflow: inherit;} #job-referee .detail .user-ranking, .reference .detail .user-ranking{display: table;} #job-referee .detail .user-ranking, #job-referee .detail .user-ranking li.expand, #job-referee .detail .user-ranking li.expand ul, #job-referee .detail .user-ranking li.expand li, .reference .detail .user-ranking, .reference .detail .user-ranking li.expand, .reference .detail .user-ranking li.expand ul, .reference .detail .user-ranking li.expand li{overflow: inherit;} #job-referee .detail .user-ranking {background: #f8f8f8; width: 360px;} #job-referee .button p{padding-left: 8px; padding-bottom: 5px;} /*expandable competency*/ .referee-section #job-referee .user-ranking li {width: 365px;} .referee-section #job-referee .user-ranking .expand li {clear: none; width: auto;} .referee-section #job-referee .user-ranking .expand ul {width: auto;} #job-referee .user-ranking .expand .bullet {width: 100px;} #job-referee .user-ranking .expand .bullet ul {padding-top: 2px;} #job-referee .user-ranking .expand .bullet span {color:#333; font-weight: normal;} .referee-section #job-referee .user-ranking .expand li {width: 95px;} .referee-section #job-referee .user-ranking .expand .graph{width: 140px; padding-right: 0;} /*job-referee form*/ #account-content .referee-section #refereeform {background: none;} #account-content .referee-section #refereeform fieldset {width: 780px; float: none;} /*writing form*/ #account-content .referee-section #refereeform .writingform {padding-top: 0; } #account-content .referee-section #refereeform .writingform textarea {height: 100px;} #account-content .referee-section #refereeform .writingform p{color:#333; font-size: 15px; font-weight: bold;} #account-content .referee-section #refereeform .writingform ul {padding:10px 0 0;} #account-content .referee-section #refereeform .writingform li {clear: both; line-height: 18px; overflow: hidden; padding-bottom: 10px; float: none;} #account-content .referee-section #refereeform .writingform .thumbnail ul li.image {float: left; width: 120px;} #account-content .referee-section #refereeform .writingform .thumbnail ul li {padding-bottom: 0;clear: none; color:#666;} #account-content .referee-section #refereeform .writingform li label {font-weight: bold; font-size: 13px; color:#333; width: 120px; float: left;} #account-content .referee-section #refereeform .writingform input, #account-content .referee-section #refereeform .writingform li textarea {width: 350px;} #account-content .referee-section #refereeform h2 {color:#333; font-size: 15px; font-weight: bold; padding: 10px 0;} #account-content .referee-section #refereeform h2 span {color:#339900; } #account-content .referee-section #refereeform h3 {color:#339900; font-size: 13px; padding: 10px 0;} /*rate score table*/ #refereeform .qualification {background: #e8e8e8; width: 760px; margin: 10px 0 5px; padding-bottom: 10px;} #refereeform .qualification tr th, #refereeform .qualification tr td {text-align: center;padding: 5px 10px; width: 80px;} #refereeform .qualification .topic {width: 545px; text-align: left;} /*bubble -- display after hover on help icon*/ body #wrapper .content-wrapper .bubble {padding-left: 5px;cursor: pointer; position: relative; z-index:0;} body #wrapper .content-wrapper .bubble img {position:relative; z-index: 1!important;width: 15px; height: 13px;} body #wrapper .content-wrapper .bubble .active {display: block!important;} body #wrapper .content-wrapper .top{z-index:99999;} body #wrapper .content-wrapper .flexible p {position:relative; z-index: 0;} body #wrapper .content-wrapper .bubble-detail {background: #e3f6d8; display: block; width: 300px; padding: 5px; border:1px solid #c0e1ad; position: absolute; left: 25px; top: -10px; display:none!important; height: auto; z-index: 2;} #refereeform .submit {padding-left:320px; width: 435px; overflow: hidden; } #refereeform .submit input {margin-right: 10px;float: left;} /*qualification-list*/ #account-content #refereeform .qualification-list {padding-left: 10px;} #account-content #refereeform .qualification-list li {clear: none;} #refereeform .qualification-list .list-item {float: left; width: 315px;} #refereeform .qualification-list .list-navigation {float: left;padding-top: 95px;line-height: 20px;text-align: center;width: 35px;} #refereeform .skill tr th, #refereeform .skill tr td {width: 200px;} .competency-skill ul li h2 {font-size: 13px!important; color:#333!important; font-weight: bold!important;} .competency-skill ul li h2 span {color:#666!important; font-weight: normal!important;} #refereeform .qualification-list .list-item label {float: right; font-weight: bold;} #refereeform .qualification-list .list-item select {width: 315px; height: 165px; border: 1px solid #ccc;} #account-content #refereeform .qualification-list li.button{clear:both; padding:5px 0 20px 587px;} #account-content .competency-skill p.button {padding:5px 0 20px 613px;} #account-content .competency-skill p.button .edit, #account-content .competency-skill p.button .edit-hover {margin-right: 10px;} .competency-skill ul li{line-height: 20px!important;} #account-content .competency-skill .languageskill {background:#e8e8e8; width: 760px; padding: 10px;} #account-content .competency-skill .languageskill tr th {text-align: left; border-bottom: 1px solid #ccc; padding: 5px 5px 0;} #account-content .competency-skill .languageskill tr td {padding: 5px 5px 0;} #account-content .competency-skill .languageskill input {width: 100px;} #account-content .competency-skill .languageskill .language-name {width: 150px;} #account-content .competency-skill .languageskill input.hover-state {width: 54px;} #account-content .competency-skill .addlanguage {background:#e8e8e8; width: 730px; padding: 5px 15px;} #account-content .competency-skill .submit-skill {padding: 20px 0 20px 260px;} #account-content .competency-skill .additionalskill textarea{width: 600px; height: 180px;} /*applicationform*/ #wrapper .content-wrapper .applicationform{width: 960px; background: #fff;} #wrapper .content-wrapper .applicationform form, #wrapper .content-wrapper .applicationform table {width: 958px!important;} #wrapper .content-wrapper .applicationform ul {position:relative;} #wrapper .content-wrapper .applicationform ul .sort-by, #wrapper .content-wrapper .applicationform ul .resume-sort {position: absolute; right:0;top:16px;} #wrapper .content-wrapper .applicationform fieldset{margin-bottom: 10px;} /*static-2-col*/ .static-2-col h1.professional, .each-content h2.professional, .news-update h2 {padding: 5px 0 14px 45px; background: url(../../img/icon/ico-header-panel.gif) -8px -234px no-repeat; margin-bottom: 5px;} .news-update h2 {background: url(../../img/icon/ico-header-panel.gif) -8px -723px no-repeat;} .news-update {overflow: hidden;} .static-2-col h1.article {padding: 5px 0 14px 45px; background: url(../../img/icon/ico-header-panel.gif) -8px -339px no-repeat; margin-bottom: 5px;} .static-2-col h1.jobjob-activity, .each-content h2.activity {padding: 5px 0 14px 45px; background: url(../../img/icon/ico-header-panel.gif) -8px -286px no-repeat; margin-bottom: 5px;} .static-2-col h1.notice {padding: 5px 0 14px 45px; background: url(../../img/icon/ico-header-panel.gif) -8px -187px no-repeat; margin-bottom: 5px;} .static-2-col { overflow: hidden; width: 960px;} .static-content { float: left; padding: 0 20px 0 0; width: 640px; } .static-content h1,.news-update h2 { border-bottom: 1px solid #c2c2c2; margin-bottom: 10px; padding-bottom: 5px;} .static-content h2 a { font-size: 15px; text-decoration: none; } .static-content h2 a:hover { text-decoration: underline;} .static-content ul li { clear: both; overflow: hidden; padding-bottom: 10px;} .static-content .detail h2 { padding-bottom: 3px;} .ReadMore { float: right; padding-right: 5px;} .ReadMore img { padding-right: 5px;} .static-content-highlight { background: #f5f5f5; margin-bottom: 20px; overflow: hidden; padding: 10px 10px 20px; width: 620px;} .static-content p {color:#666;} .static-content-highlight h2 { padding-bottom: 10px;} .thumbnail { float: left;} .thumbnail a img { padding: 3px 15px 0 0} .article-technique { clear: both; margin-bottom: 20px; overflow: hidden; width: 640px; padding-top: 15px;} .article-technique ul { float: left; overflow: hidden; padding-bottom: 10px;} .article-technique ul li .thumbnail a img { padding-left: 2px;} .article-technique ul li .thumbnail, .activity ul li .thumbnail, .Public-Relation ul li .thumbnail { width: 125px;} .article-technique ul li .detail, .activity ul li .detail, .Public-Relation ul li .detail { width: 515px; float: left;} .activity { clear: both; margin-bottom: 20px; overflow: hidden; width: 640px;} .activity ul { float: left; overflow: hidden; padding-bottom: 10px;} .activity ul li .thumbnail a img { padding-left: 1px;} .Public-Relation { clear: both; margin-bottom: 20px; overflow: hidden; width: 640px;} .Public-Relation ul { float: left; overflow: hidden; padding-bottom: 10px;} .Public-Relation ul li .thumbnail a img { padding-left: 1px;} .headergroup { float: left; padding-bottom: 10px; width: 443px;} .headergroup h1 { border: none; padding: 0;} .headergroup p { padding-bottom: 5px;} .headergroup p span { color: #666666; font-size: 12px;} #main-sns { float: left; width: 197px; height: 75px;} #main-sns .facebook-share { float: right; margin: 0; padding-left: 10px;} #main-sns .tweetmeme_button { float: right; overflow: hidden; padding-left:10px; } #main-sns .google-share { float: right; overflow: hidden; padding-left: 10px; } .static-content .content { clear: both;} .static-content .content p { padding-bottom: 15px;} .static-content .content img { float: left; padding: 10px 15px 10px 10px; } .static-content .content ol li {list-style: decimal outside none; color:#666; padding-bottom: 15px; margin-left: 28px;} .static-content .content ul li {list-style: disc outside none; color:#666; padding-bottom: 15px; margin-left: 15px; overflow: visible;} #shortlyURL {border-top: 1px solid #c2c2c2;border-bottom: 1px solid #c2c2c2;clear: both; height: 30px;margin-top: 20px;padding: 13px 10px 5px;width: 620px;} #shortlyURL p {float: left;padding-right: 10px;} #shortlyURL p label {font-weight: bold;padding-right: 10px;color:#333;} #shortlyURL p span {position: relative;} #shortlyURL p img {cursor: pointer;vertical-align: middle;} #shortlyURL p span span {background: url("../../img/bg/bg_shortURL-expand.png") 0 0 no-repeat;bottom: 15px;display: none;height: 116px;left: -140px;padding: 20px;position: absolute; width: 456px;} #shortlyURL p #newURL {font-size: 14px;width: 300px;} #shortlyURL p #submitCopy {background: url("../../img/button/copy.png") 0 0 no-repeat;border: 0 none;cursor: pointer;height: 26px; overflow: hidden;padding-top: 22px;width: 54px;} .socialBookmark {border-bottom: 1px solid #C2C2C2;overflow: hidden;padding: 13px 10px 3px;width: 620px;} #socialLink {list-style: none outside none;margin: 0;overflow: hidden;} #socialLink li {background-position: left bottom;background-repeat: no-repeat;clear: none;float: left;margin: 0 10px 10px 0;padding: 0 0 4px 20px;} #socialLink li#addthis {padding: 0 !important;} #socialLink li#addthis a {background: url("../../img/icon/addthis.png") 0 0 no-repeat;float: left;text-indent: 21px;} #socialLink li#addthis a span {background: none repeat scroll 0 0 transparent;height: 0;width: 0;} #socialLink li#printThis {background: url("../../img/icon/printThis.gif") 0 0 no-repeat;} #socialLink li#mailtof {background: url("../../img/icon/mailtof.gif") 0 0 no-repeat;} #socialLink li#reprint {background: url("../../img/icon/reprint.gif") 0 0 no-repeat;margin-right: 0;width: 140px;} .postComment { background: #e8e8e8; margin: 30px 0; padding: 10px; width: 620px;} .postComment p{color:#333;} .postComment form fieldset h2 {font-size: 15px; padding: 10px 0;} .postComment form fieldset h2 span { color: #333333;} .postComment form fieldset .userThumbnail {float: left;height: 73px;padding-right: 10px;width: 73px;} .postComment form fieldset ul { float: left;} .err {clear: both;color: #CC0000; font-weight: bold;float: left; padding-top: 8px;} #vlidate_comment p { padding-top: 5px;} #vlidate_comment p a { color: #333333; font-size: 12px;} .submitComment a img { float: left; padding: 5px 15px 5px 0;} .UserComment { border-bottom: 1px dotted #b9b9b9; clear: both; margin-bottom: 10px; overflow: hidden; width: 640px;} .UserComment .thumbnail { padding-right: 5px; width: 65px;} .UserComment .thumbnail img { padding: 5px 5px 5px 2px;} .UserComment .detail { float: left; width: 550px; } .UserComment .detail p strong {color:#333;} .UserComment .detail p span strong {color:#666;} .UserComment .detail p { padding-bottom: 5px;} .date-time { color: #666666; font-size: 12px;} .static-2-col-ads { float: left; overflow: hidden; width: 300px;} .static-2-col-ads .ads-boombox { padding-bottom: 10px;} .facebook-detail { height: 19px;overflow: hidden;padding: 0 0 5px;} .facebook-detail a { float: left;font-size: 12px;padding: 4px 5px 0 3px;} .facebook-detail img { float: left; padding-top: 3px;} .facebook-like div .iframe-box {border: medium none;float: right;height: 26px;overflow: hidden;padding: 0;width: 155px;} .static-2-col-ads .each-content ul li { list-style: disc outside none;margin-left: 30px;} .static-2-col-ads #job-highlight {width: 100%;} .static-2-col-ads #job-highlight img {display: block;} .static-2-col-ads #job-highlight div {padding: 0 0 15px;} .submitComment { float: left; padding-top: 5px;} .checkbox { float: left;} .tag { width: 640px; clear: both;} .tag p {font-size: 12px; font-weight: normal;} .tag p a { color: #666666; font-weight: normal; padding-right: 3px; text-decoration: none;} .tag p a:hover { text-decoration: underline;} .static-content .content .leftThumbnail img { float: none; padding: 10px;} .leftThumbnail {background: #F3F3F3;float: left; margin: 10px 10px 0 0;overflow: hidden;padding: 0 10px;text-align: center;} .leftThumbnail em {text-align: left;border-top: 1px dotted #8B8B8B;display: block;font-size: 12px; margin-top: 5px;padding-top: 5px;} .static-content .content .rightThumbnail img { float: none; padding: 10px;} .rightThumbnail {background: #F3F3F3; float: right; margin: 0 0 10px 10px ; overflow: hidden;padding: 0 10px;text-align: center;} .rightThumbnail em {text-align: left;border-top: 1px dotted #8B8B8B;display: block;font-size: 12px;margin-top: 5px;padding-top: 5px;} .static-content .content .centerThumbnail img { float: none; padding: 10px;} .centerThumbnail {background: #F3F3F3;float: none;margin: 10px 0;overflow: hidden;padding: 0 10px;text-align: center;} .centerThumbnail em { text-align: left;border-top: 1px dotted #8B8B8B;display: block;font-size: 12px; margin-top: 5px;padding-top: 5px;} /*contact-for advertising*/ #wrapper #notify-user .contactus {padding:50px 0;} #wrapper #notify-user .contactus p {font-size: 15px; font-weight: bold; color:#666;} #wrapper #notify-user .contactus .hilight-msg {font-size: 20px; color:#333;} #wrapper #notify-user .contactus .note {font-size: 13px; font-weight: normal; padding-top: 20px;} /*page not found*/ #wrapper #notify-user .notfound {padding: 30px 0 50px;} #wrapper #notify-user .notfound .hilight-msg {padding-bottom: 6px;background: url(../../img/bg/bg-notfound.gif) no-repeat 245px 0; line-height: 62px;} #wrapper #notify-user .notfound .intro{font-weight: bold; border:none; padding:15px 0;} #wrapper #notify-user .notfound .intro span {display: block;} /*user-suggestion*/ #wrapper #notify-user .user-suggestion {text-align :left; padding-bottom: 50px; margin-top:-40px;} #wrapper #notify-user .user-suggestion li {padding-top: 10px; overflow: hidden; clear: both; padding-left: 35px;} #wrapper #notify-user .user-suggestion li .capcha {clear: both; padding: 10px 0 0 195px;} #wrapper #notify-user .user-suggestion li img {float: left;} #wrapper #notify-user .user-suggestion .link {clear: both; padding-left: 230px;} #wrapper #notify-user .user-suggestion .link input {width:72px; margin-right: 10px;} #wrapper #notify-user .user-suggestion .valid {margin-right: 5px;} #wrapper #notify-user .user-suggestion form label {width: 195px; float: left; font-weight: bold;} #wrapper #notify-user .user-suggestion form .form-message label {float:none;} #notify-user .user-suggestion form input,#notify-user .user-suggestion form textarea{width: 300px; float: left;} #notify-user .user-suggestion form textarea {height: 80px;} #notify-user .user-suggestion .newline {padding-left: 195px; clear: both; width: 300px;} /*privacy Policy*/ .privacyPolicyList { overflow: hidden; width: 960px;} body #wrapper .infopage .privacyPolicyList dl h1 { background: none; border: none; font-size: 20px;margin-bottom: 10px;padding: 3px 0 0;text-align: center;width: 960px;} .privacyPolicyList dl dd { line-height: 22px; margin-bottom: 10px; color:#666;} .privacyPolicyList dl dd .detail { overflow: hidden; width: 960px;} .privacyPolicyList dl dd .detail li { clear: both; float: left; overflow: hidden;} .privacyPolicyList dl dd .detail li h2 { clear: both; color: #333; float: left; font-size: 18px; margin-bottom: 10px; padding-top: 5px; width: 960px;} .privacyPolicyList dl dd .detail li dd { clear: both; float: left; width: 960px;} .privacyPolicyList dl dd .detail li ol { clear: both; float: left; overflow: hidden; padding-left: 20px; width: 940px;} .privacyPolicyList dl dd .detail li ol li { clear: both; float: left; overflow: hidden; width: 940px;} .privacyPolicyList dl dd .detail li ol li dd { overflow: hidden; width: 940px;} .privacyPolicyList dl dd .detail li ol li dd span { float: left;} .privacyPolicyList dl dd .detail li ol li dd .number { padding-right: 5px;} .privacyPolicyList dl dd .detail li ol li dd .content { width: 915px;} .privacyPolicyList dl dd .detail li ol li ol { overflow: hidden; padding-left: 20px; width: 920px;} .privacyPolicyList dl dd .detail li ol li ol li { clear: both; float: left; overflow: hidden; width: 920px;} .privacyPolicyList dl dd .detail li ol li ol li dd { overflow: hidden; width: 920px;} .privacyPolicyList dl dd .detail li ol li ol li dd span { float: left;} .privacyPolicyList dl dd .detail li ol li ol li dd .number { padding-right: 5px;} .privacyPolicyList dl dd .detail li ol li ol li dd .content { width: 885px;} .privacyPolicyList dl dd .detail li ol li ol li ol { clear: both; float: left; overflow: hidden; padding-left: 35px; width: 870px;} .privacyPolicyList dl dd .detail li ol li ol li ol li { clear: both; float: left; overflow: hidden; width: 870px;} .privacyPolicyList dl dd .detail li ol li ol li ol li dd { overflow: hidden; width: 870px;} .privacyPolicyList dl dd .detail li ol li ol li ol li span { float: left;} .privacyPolicyList dl dd .detail li ol li ol li dd .bullet { font-size: 18px; padding-right: 10px;} .privacyPolicyList dl dd .detail li ol li ol li dd .content { width: 850px;} .privacyPolicyList dl dd .detail li .text-center { text-align: center; padding-top: 20px;} /*newbie- JobJob*/ .newbie {width: 960px; padding: 0; overflow: hidden; background: #fff;} .newbie ul {padding-top: 20px;} .newbie li {float: left; width: 459px; padding: 0 0 20px 5px;} .newbie h2 {font-size: 15px; font-weight: bold; padding: 10px 0;} .newbie li.jobseeker {border-right: 1px solid #ccc; padding-left: 10px;} .newbie li.company {padding-left: 30px;} .newbie .intro {padding: 20px 15px 30px 15px; border:none; line-height: 22px;} .newbie .toggle-navigation {width: 960px; background: url(../../img/bg/bg-toggle-nav.gif) repeat-x; height: 34px; padding: 0;} .newbie .toggle-navigation li{color: #339900; font-size: 13px; line-height: 16px; padding: 10px 10px 0 10px;height:23px; width: 110px;text-align: center;cursor:pointer;font-weight:bold;} .newbie .toggle-navigation .active {background: #fff; border:1px solid #ccc; border-bottom: none; width:108px; padding-top: 9px; height:24px;} .newbie .toggle-navigation .tab1 {margin-left:10px;} /*tab-detail*/ .newbie .tab1-detail,.newbie .tab2-detail {padding-left: 15px; width: auto;} .newbie .tab1-detail h2,.newbie .tab2-detail h2 {font-size: 14px;padding: 20px 0 5px;} .newbie .tab1-detail h2 a,.newbie .tab2-detail h2 a {font-weight: normal; font-size: 13px;} .newbie .tab1-detail p,.newbie .tab2-detail p {color:#666; font-size: 13px; line-height: 22px;} .newbie .tab2-detail .note {padding-top: 20px;} .newbie .tab1-detail a {font-weight: normal;font-size: 13px;} /*sitemap*/ .sitemap {width: 960px; padding: 50px 0 100px 100px; overflow: hidden; background: #fff;} .sitemap ul {width: 280px; float: left; list-style: none disc inside;} .sitemap ul li {line-height: 30px;color:#339900;} .sitemap ul li a{font-size: 14px;font-weight: normal;} .sitemap ul .header {list-style: none; background: none; height: 33px; color:#333;} .sitemap h2 {font-size: 16px;} /*webboard-on-firstpage*/ .board-community h2{background: #4caf13 url(../../img/icon/board-arrow.gif) no-repeat 64px 8px;border-bottom: 3px solid #4caf13;float: left;font-weight: bold;height: 24px;line-height:18px;width: 77px;} .board-community h2 a{color:#fff; font-size: 13px; text-decoration: none;padding: 5px 0 4px 8px;display: block;} .board-community .toggle-navigation {background: url(../../img/bg/bg-forum-header.gif) no-repeat right top;color: #666666;float: left;height: 27px;overflow: hidden;width: 560px;} .board-community .toggle-navigation li{background: #DEDEDE;cursor: pointer;float: left;font-weight: bold;padding: 5px 10px 1px; line-height: 18px;} .board-community .toggle-navigation li h2, .board-community .toggle-navigation li h3 {font-size: 13px;color:#333; } .board-community .toggle-navigation .active{background: #fff; border: 1px solid rgb(222,222,222);border-bottom: none;padding: 2px 10px 8px 9px; } .board-community .toggle-navigation .tab2.active {border-right: 3px solid #fff;padding-left: 10px;} .board-community .toggle-navigation .active h3{color: #339900;padding-top: 2px;font-size: 13px;font-weight: bold;} .board-community .toggle-navigation .tab2{ border-right: 3px solid rgb(255,255,255);} .board-community .toggle-detail li{ display:none;} .board-community .toggle-detail .active{ display:block!important;} .forum-list{ clear: both; padding: 10px 0; width: 620px;} .forum-list ul{ width: 620px; overflow: hidden;} .forum-list li{background: url("../../img/bg/li.gif") no-repeat left 13px;border-top: 1px solid rgb(226,226,226);display: block!important;font-size: 13px;height: 15px;line-height: 20px;list-style: none;margin-bottom: 6px;overflow: hidden;padding: 5px 0 3px 15px;width: 625px; } .forum-list li span {color: #333;overflow:hidden;padding-left: 20px;width: 220px;font-size: 13px;} .forum-list li a {clear: both;float: left;width: 385px;font-weight: normal;font-size: 13px;} .forum-list .forum-nav2-detail{ border: none;} #forum-add-topic{background: rgb(239,239,239);width: 635px;height: 30px;clear: both;font-size: 12px;padding-left: 5px;list-style: none;margin-top: 10px;overflow: hidden;} #forum-add-topic li{ float: left; padding: 5px 5px 5px 0; display:block!important; color:#333; font-size: 13px; } #forum-add-topic li strong {color: #339900;} #forum-add-topic li a {font-weight: normal; text-decoration: none;} #forum-add-topic li a:hover {text-decoration: underline;} /*Webboard*/ #webboard{width: 960px; text-align :center; padding: 20px 0; overflow: hidden; background: #fff;} /*survey*/ #survey,.btm-popup {position: fixed;right: 10px; bottom: 10px;width:278px; overflow: hidden; height: 182px; background: url(../../img/bg/bg-survey.png) no-repeat;z-index:22;} #survey .close,.btm-popup .close {position: absolute; right:7px;top:4px; width: 16px; height: 14px; margin:0; padding: 0;} #survey .close a,.btm-popup .close a {position:static;} #survey .button {padding: 20px 0 0 20px; text-align:center; width: auto;} #survey p span {display:block; } #survey .text {background: url(../../img/bg/bg-survey.png) no-repeat 0 -235px; color:#666; font-size: 12px; padding: 42px 0 0 73px; width: 200px;} iframe.survey {padding: 15px 0 0;} /*survey 56*/ .year56 {background: url(../../img/bg/m2fjob-survey.jpg) no-repeat 190px 115px; width: 287px; height: 191px; position: relative; z-index: 23;} .year56 a {position: absolute; left: 20px; bottom: 25px;} /*close-job*/ .announce {width:958px; background: #feeeef; border: 1px solid #e7301e; text-align:center; color:#e62a28; font-weight: bold; padding: 20px 0; margin:0 0 20px; font-size: 17px;} /*search not found*/ .not-found {text-align: center; width: 774px; background: #f5f5f5; border: 3px solid #b0dd99; padding: 30px 0; font-size: 15px; font-weight:bold;} .not-found .btn {width: 105px; margin: 15px auto 0;} /*promote MdotM2Fjob*/ #wrapper .static-promote {line-height: 25px;} #wrapper .static-promote .article {padding: 0 15px 30px;} #wrapper .static-promote h1{color:#339900; font-size: 13px; padding: 15px 0 5px;} #wrapper .static-promote ul {padding: 20px 0;} #wrapper .static-promote ul li{background: url(../../img/bg/g-sqlist.gif) no-repeat left center; padding: 0 0 0 10px;} #wrapper .static-promote ul li h2 {display: inline; font-size: 13px;} #wrapper .static-promote a {font-weight: normal;} /*search page*/ .search-panel {width: 926px; border: 2px solid #ece4c7; background:#f8f3e1; border-radius: 5px; padding: 10px 15px; overflow: hidden; margin: 35px 0 20px;} .content-wrapper .search-panel h1, .content-wrapper .search-panel h2.replace{font-size: 40px; font-weight: bold; line-height: 33px;float: left; width: 85px;} .content-wrapper .search-panel input.text {border: 1px solid #ccc; font-size: 22px; color:#999;padding: 8px 5px; float: left;margin: 0 10px 0 0;width: 385px; height: 27px;} .content-wrapper .search-panel select {font-size: 22px; color: #999;border: 1px solid #ccc; padding: 6px 5px 5px; float: left; margin: 0 15px 0 0; width: 280px; height: 45px;} .content-wrapper .search-panel p {clear: both; padding: 5px 0 0 85px; color:#333;} #search .email-setting {position: absolute; top: 0; right: 0; font-size: 12px; font-weight: normal;} .content-wrapper .search-panel input.submit {background: url(../../img/button/search-submit.gif) no-repeat; width: 138px; height: 45px; border: none; cursor: pointer;} .content-wrapper .search-panel a {font-weight: normal;} #search .email-setting {background: url(../../img/bg/bg-icon.gif) no-repeat 0 -2px; padding-left: 25px; line-height: 22px; } .content-wrapper .search-left h2{font-size: 26px; font-weight: bold; padding: 2px 10px 0; background:#ccc; width: 185px; height: 33px; line-height: 23px;} .content-wrapper .filter {padding: 10px 10px 0;border-bottom: 1px solid #dfdfdf;box-shadow: 0 1px 0 #f9f9f9;width: 185px;} .content-wrapper .filter h3 {color:#333; font-size: 12px; height: 20px;} .content-wrapper .filter ul,.content-wrapper .filter ul label a,.content-wrapper .search-left .search-history a {font-size: 12px; padding: 0 0 8px;font-weight: bold; color:#666; overflow: hidden;} .content-wrapper .search-left .clear a:hover {text-decoration: none;} .content-wrapper .filter ul input {width: 20px; float: left; margin: 1px 0 0;} .content-wrapper .filter ul li {padding: 4px 0 0; line-height: 16px; clear: both;} .content-wrapper .filter ul label {float: right; width: 162px;} .content-wrapper .search-left .clear{text-align: right; padding: 5px 10px 0 0; margin: 0 0 -10px;} .content-wrapper .search-left .clear a {font-size: 12px; color: #999; font-weight: normal;} .content-wrapper .search-left h3.history {background: url(../../img/bg/bg-icon.gif) no-repeat -1px -32px; padding: 0 0 0 21px; line-height: 20px;} .content-wrapper .search-left .search-history li {list-style: disc outside none; margin-left: 16px;} .content-wrapper .search-left .search-history a img {vertical-align: middle;} .content-wrapper .search-left .advance-search {background: url(../../img/bg/bg-icon.gif) no-repeat -1px -55px;padding: 10px 10px 0 21px; margin: 0 0 10px 10px; float: left; font-size: 12px; height: 23px;} .content-wrapper .search-left .search-boombox {width: 205px; background:#fff; padding: 15px 0 15px 3px; clear: both;} body #search .filter .showmore {color:#999; font-weight: normal; float: right;text-align: right; padding: 4px 17px 0 0;} body #search .filter .content {float: left; width: 162px; } body #search .filter .content label {width: 122px; float: left; position: relative; padding-right: 45px;} body #search .filter .available{ position: absolute; bottom: 0; right: 4px; text-align: right; font-weight: normal;} body #search .filter .jobfield {position: relative;} body #search .filter .jobfield .available {top: 1px;color:#339900;} .search-right .navi-bar {overflow: hidden; padding: 2px 0 0 0;} .search-right .navi-bar .state {font-size:13px;float:left; width: 380px;} .search-right .navi-bar .pagination {margin: 0 10px 0 0; float: right;width: 352px; clear: none;} .search-right .navi-bar h2, .search-right .navi-bar div.result{color:#333; font-size: 13px; font-weight: normal; padding: 0 0 10px 1px;} .search-right .navi-bar h2 span,.search-right .navi-bar div.result {font-weight: bold;} .search-right .navi-bar div.result h1 {display: inline; font-size: 13px;} .search-right .navi-bar h2 strong {color: #339900;} .search-right .recommended-hd {font-size: 22px; font-weight: bold; color:#008910; padding: 3px 0 5px; border: 2px solid #b1deae; border-radius: 5px; width: 150px; text-align: center; line-height: 0; margin: 10px auto 0;position: relative; z-index: 2; background:#fff;} #wrapper .search-right .notfound {width: 736px; text-align: center; color: #999; font-size: 24px; border: 3px solid #b0dd99; line-height: 42px; padding: 80px 0 100px;} #search .search-result,#search .sponsorpanel {width: 742px; margin:15px 0 15px; position: relative; z-index:1;} #search .sponsorpanel {margin: 0 0 -15px;} #search .search-result li,#search .sponsorpanel li {width: 712px; margin: 0 15px; overflow: hidden; /float: left;} #search .sponsorpanel .sponsor {background:#f2f8ef;margin: 0; width: 738px; border-left:2px solid #b1deae; border-right: 2px solid #b1deae;} #search .sponsorpanel .first {padding: 20px 0 0; margin: -17px 0 0;border-top: 2px solid #b1deae;} #search .sponsorpanel .last {border-bottom: 2px solid #b1deae; } #search .search-result .article,#search .sponsorpanel .article {width: 712px; } #search .sponsorpanel .article .logo {width: 160px; margin-right: 20px; background:#fff; text-align:center; } #search .search-result .article .logo{text-align: center; width: 145px; margin-right: 35px; background:#fff;} #search .search-result .article .job-info,#search .sponsorpanel .article .job-info {width: 375px; } #search .search-result .article .btn-group,#search .sponsorpanel .article .btn-group {width: 136px;} #search .search-result .article .time,#search .sponsorpanel .article .time{right: 10px;} body #search .sponsorpanel .last .article{border: none; } /*search-loading*/ #search .sticky2 {display: none;} #search .sticky {position:fixed!important;left:auto!important;top: 40%!important;} #search .search-loading {width: 742px; position:absolute; left: 0; top:0;background: url(../../img/bg/transparent.png) repeat;height:100%;z-index: 2;} #search .search-loading .nav {background:#fff; width:742px;padding: 15px 0;position:absolute;left:0; top:64px;} #search .search-loading .nav img {left: 50%; top:5px; position: relative; margin-left: -16px;} #search .search-loading .nav p{text-align: center;font-size: 22px;color:#666;padding: 10px 0;} /*list-view*/ #wrapper .listview .article {border-bottom: 1px solid #ccc; padding: 15px 0 10px; position: relative; overflow :hidden;margin: 0 auto; line-height: 20px; } #wrapper .listview .article .logo,#wrapper .listview .article .job-info {float: left;} #wrapper .listview .article h3 {padding: 0 0 5px; } #wrapper .listview .article h3 img {vertical-align: middle;} #wrapper .listview .article .job-info .tag a {color:#339900; font-size: 12px;} #search .listview .article .job-info .type {font-size: 12px;padding: 2px 0;} #wrapper .listview .article .job-info p {color: #666;} #wrapper .listview .article .job-info p a {color:#666; font-weight: normal; text-decoration: underline;} #wrapper .listview .article .job-info p a:hover {text-decoration: none;} #wrapper .listview .article .job-info p img {vertical-align: text-bottom;} #wrapper .listview .article .btn-group {float: right;color:#666; font-size: 12px; } body #wrapper .listview .article .time, #wrapper .listview .article .job-info .tag {color:#999; font-size: 12px;} body #wrapper .listview .article .location {padding: 5px 0 0;} body #wrapper .listview .btn-group a {color:#666; font-size: 12px!important;font-weight: normal;} body #wrapper .listview .btn-group .rsmall-btn {margin: 0 0 3px;} body #wrapper .listview .btn-group a.viewinfo{ width:136px;height:28px;text-align:center; display:block; border-radius: 3px; background: #6bb74d; /* Old browsers */ background: -moz-linear-gradient(top, #6bb74d 0%, #469a2b 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6bb74d), color-stop(100%,#469a2b)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #6bb74d 0%,#469a2b 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #6bb74d 0%,#469a2b 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #6bb74d 0%,#469a2b 100%); /* IE10+ */ background: linear-gradient(to bottom, #6bb74d 0%,#469a2b 100%); /* W3C */} body #wrapper .listview .btn-group a.viewinfo span {font-size: 22px; color:#ccfdb4;} #wrapper .listview .article .job-info .urgent {margin-right: 5px; vertical-align: baseline;} /*#wrapper .listview .btn-group .fav a {color: #666; background: url(../../img/bg/fav.gif) no-repeat; padding: 5px 0 0 27px; height: 20px; display:block;}*/ #wrapper .listview .btn-group p {background: url(../../img/bg/list-border.gif) repeat-x left bottom; padding: 2px 0; clear: both;} #wrapper .listview .btn-group p:last-child {background: none;} #wrapper .listview .btn-group .fav.active a,#wrapper .listview .btn-group .fav a:hover {background: url(../../img/bg/btn-list.png) no-repeat 0 -27px;text-decoration: none;} #wrapper .listview .btn-group .fav a {background: url(../../img/bg/btn-list.png) no-repeat;padding: 2px 0 0 25px;} #wrapper .listview .article .btn-group .time {background: none;} #wrapper .listview .article .btn-group .delete a{background: url(../../img/bg/btn-list.png) no-repeat 0 -61px; padding: 2px 0 0 25px;} #wrapper .listview .article .btn-group .delete a:hover {background: url(../../img/bg/btn-list.png) no-repeat 0 -92px;text-decoration: none;} #wrapper .listview .article .btn-group .contact a{background: url(../../img/bg/btn-list.png) no-repeat 0 -191px;padding: 2px 0 0 25px;}#wrapper .listview .article .btn-group .contact a:hover{background-position: 0 -224px; text-decoration: none;} #wrapper .listview .article .btn-group .view a{background: url(../../img/bg/btn-list.png) no-repeat 0 -121px;padding: 5px 0 0 25px;} #wrapper .listview .article .btn-group .view a:hover {background-position: 0 -153px; text-decoration: none;} #wrapper .listview .article .btn-group .matching span{color:#339900;} /*company-list*/ #wrapper .company-job {margin: -10px 0 15px;} #wrapper .company-job .article {width: 960px; padding: 15px 0 15px;} #wrapper .company-job li {list-style: none;margin: 0;} #wrapper .company-job li p {margin: 0;} #wrapper .company-job .article .job-info {width: 750px; } #wrapper .company-job .article .btn-group {width: 136px;} /*780px listview*/ #wrapper .position-list {margin: 0 0 15px;} #wrapper .position-list .article {width: 780px; } #wrapper .position-list .article .logo {width: 180px; } #wrapper .position-list .article .job-info {width: 430px; } #wrapper .position-list .article .btn-group {width: 136px;} #wrapper #job-table .notfound {text-align: center; color: #999; font-size: 24px; padding: 80px 0 100px; } /*Temporary*/ .userguide {text-align: center; padding: 40px 0 0;} #wrapper .userguide p.close {padding: 0; line-height: 16px;} #wrapper .userguide p {padding: 10px 0 0; line-height: 24px;} #wrapper .userguide .btn a{padding: 0 15px 5px;font-size: 19px; margin:5px 10px 0 0;} #wrapper .userguide a {font-size: 16px;} /*resume center - static*/ .resume-center {padding: 30px 0 0; color:#666;} .resume-center h2{color:#038a04; font-weight: bold; font-size: 36px; text-align: center;} .resume-center ol li {font-size: 13px; list-style: decimal outside none; margin-left: 24px;} .resume-center ol li span.newline {display: block; padding-left: 14px;} .resume-center h3 {font-size: 24px;text-align: center; color:#666;} .resume-center figure {padding: 10px 0 20px;} .resume-center section {background:#f8f8f8; padding: 35px 35px 15px; position: relative; overflow: hidden; width: 925px; } .resume-center #benefit ol li {margin: 0; list-style: none; font-size: 24px ;font-weight: bold; clear: both; padding: 2px 0 0;} .resume-center #benefit {width: 530px; float: left;} .resume-center #benefit h2 {font-size: 30px;text-align: left; padding: 0 0 5px;} .resume-center #benefit .newline {display: block; margin-top: -4px;} .resume-center #register-step,.resume-center #resume-step {width: 300px; float: left; padding: 0 0 20px; } .resume-center #register-step li,.resume-center #resume-step li {line-height: 24px;} .resume-center #resume-step p {padding: 0 0 5px;} .resume-center .link {position: absolute;bottom: 45px; left: 30px;} .resume-center .link .rmed-btn {background: #e5252f; border-radius: 5px; float: left; color:#f8f8f8; font-size: 24px; font-weight: bold; padding: 5px 15px 10px; margin: 0 10px 0 0;-webkit-box-shadow: 0 3px 0 0 #A20C11;box-shadow: 0 3px 0 0 #A20C11;} .resume-center #benefit .Readmore,body #wrapper .tip{clear: both; position: static; width: auto; margin: 20px 0 0;} body #wrapper .tip{margin: 5px 0 0;} .resume-center #register-step h2,.resume-center #resume-step h2 {font-size: 15px; text-align: left; padding: 0 0 10px;} /*job-alert-info*/ .job-alert-info {padding: 30px 0 50px; width: 960px; overflow: hidden;} .job-alert-info ul li{text-align: center; width: 195px; padding: 15px; float: left; margin: 0 20px 0 0; background: #f8f8f8; height: 365px; position: relative;} .job-alert-info h2 {color:#038903; font-size: 32px; padding: 0 0 15px;} .job-alert-info ul li.last {margin: 0;} .job-alert-info section h3 {background: #72bd51 url(../../img/bg/bg-jobalert.gif) no-repeat; height: 38px; margin: 0 0 15px; font-size: 24px;color:#fff; padding: 3px 0 0;} .job-alert-info section h3 span {font-size: 30px;width: 92px; float: left; padding: 0 0 0 15px; margin: -5px 0 0;} .job-alert-info h4 {font-size: 24px; color:#72bd51;margin: -15px 0 10px;} .job-alert-info h4 strong{display: block;font-size: 36px; margin: -12px 0 0;} .job-alert-info p {font-size: 22px; font-weight: bold; color:#666;} .job-alert-info p a{font-size: 13px; color:#037602;} #content .job-alert-info .Readmore {width: 105px; position: absolute; bottom: 28px; padding: 0 0 0 15px; text-align: left;background: url(../../img/bg/ico-homepage.png) no-repeat -177px -51px; left: 53px; line-height: 23px;} #content .job-alert-info .Readmore a {font-weight: normal; color: #037602;} #content .job-alert-info .link {text-align: center; height: 80px; width: 485px; margin: 0 auto 30px; padding: 20px 0 0;overflow: hidden;} .job-alert-info .rss-feed {width: 960px; background: #f8f8f8 url(../../img/bg/bg-static.png) no-repeat 110px 35px; padding: 40px 0; position: relative; overflow: hidden;} .job-alert-info .rss-feed article {width: 395px; margin: 0 0 0 290px;} .job-alert-info .rss-feed h4 {font-size: 30px;} #content .job-alert-info .rss-feed .link {position: absolute; right: 40px; top: -5px; width: 150px; height: 140px;} #content .job-alert-info .rss-feed .link a {display:block; text-align: center; width: 120px; margin: 20px 0 0; } /*Apply form*/ .apply h2{padding: 25px 35px;} .apply form {padding: 0 0 0 35px;} .apply .from {margin: -10px 0 0;} .apply .from input{display: block; margin: 10px 0 0;} .apply div,.apply .form-message {float: right; width: 700px;} .apply div p{color:#666;} .apply li {overflow: hidden; padding: 10px 0 0;} .apply input.text,.apply textarea {width: 400px; border: 1px solid #ccc; padding: 3px 5px; font-size: 13px; color:#666; font-family: Arial,Thonburi,Tahoma;} .apply .from .subject {float:left; padding: 12px 10px 0 0; width: 60px;clear: both; color:#666;} .apply .from .text {width: 330px;} .apply input.text{ float: left;} .apply textarea{height: 120px; width: 406px} .apply .browse {width: 200px; float: left;} .apply label{font-size: 13px; color:#000; font-weight:bold;} .apply .browse span {display:block; color:#69696c; font-weight: normal;} .apply .download {padding: 10px 0 5px;} .apply p{padding: 10px 0 0; color:#666;} .apply .term label,.apply .regist label {font-weight: normal;color:#666;} .apply .regist {padding: 10px 0 0;} .apply .term {padding: 20px 0 0;} .apply .company{color:#666;} .apply .link {height: 38px; padding: 25px 0 25px 225px;} .apply .form-message .error{padding: 5px 0; display:block; line-height: 20px;} .apply input.sendmail {margin-right: 10px;} /*lightbox*/ #wrapper.lb {padding:0; width:100%;} #msg-notification {text-align: center; font-size: 15px; color:#4c4c4c; width: 92%; margin: 20px auto; background:#f8f8f8; overflow: hidden; padding: 2%;} #msg-notification p {padding: 15px 0 0;} #msg-notification .link {text-align: center; margin: 25px 0 0;} #msg-notification .link a{display: inline-block; float: none;} /*applyjob-lightbox*/ #msg-notification.job-apply {text-align:left; width: 695px; margin: 0 auto; padding: 15px 0; background: none;} #msg-notification.job-apply h1,#msg-notification.job-apply h2{background: none; text-align: center;color:#333;font-size: 15px; font-weight: normal; height: auto; margin:0 0 10px; padding: 0;} #msg-notification.job-apply h3 {color:#028803; font-size: 28px; padding: 0 0 10px;} #msg-notification.job-apply section {background: #f8f8f8 ; margin: 0 0 10px; overflow: hidden; position: relative; width: 100%;} #msg-notification.job-apply section form,#msg-notification.job-apply #signin .note,#msg-notification.job-apply #non-member div{background: url(../../img/bg/register-lb-ico.png) no-repeat;} #msg-notification.job-apply #non-member{position: relative; width: 100%; height: 198px; overflow: visible;} #msg-notification.job-apply #non-member img {position: absolute; width: 332px; height: 202px; right: 5px; top: -5px;} #msg-notification.job-apply section h3 {background: #72bd51 url(../../img/bg/register-lb-ico.png) no-repeat; font-size: 24px; color:#fff; height: 33px;padding: 0 5px;} #msg-notification.job-apply section h3 span {padding: 0 0 0 20px;} #msg-notification.job-apply #signin form {overflow: hidden; background:none; width: 365px; padding: 20px 0 0 30px; margin: 0;} #msg-notification.job-apply #signin form label {width: 125px; color:#000; font-size: 13px;} #msg-notification.job-apply #signin form .remember { padding: 0 0 0 125px;font-size: 12px; color:#666; } #msg-notification.job-apply #signin form .remember input, #msg-notification.job-apply #signin form .remember label,#msg-notification.job-apply #signin form .remember a{width: auto; margin: 0 10px 0 0;font-size: 12px; color:#666; font-weight:normal;} #msg-notification.job-apply #signin form .submit {margin: 0 0 10px 125px;} #msg-notification.job-apply #signin .note {font-size: 13px; color:#666; padding: 10px 0 20px 55px; width: 365px; background-position: 20px -197px;} #msg-notification.job-apply #signin .form-message {clear: both; padding: 5px 0 0 125px; display: block;} #msg-notification.job-apply #non-member div {background: none;width: 320px;position:relative;color:#666;font-size: 22px; font-weight: bold; height: 100px;text-align: center;margin: 5px 0 0 36px;} #msg-notification.job-apply #non-member div h4 {font-size: 35px; color: #75bb4c; float: left; margin: 0 5px 0 0; padding: 0 0 0 40px;} #msg-notification.job-apply #non-member div h4.replace2 {color:#e12835; padding: 0;} #non-member p {padding: 0;} #non-member p:last-child {padding: 15px 0 0;} #wrapper #non-member p a {display: inline-block; float: none;} #msg-notification.job-apply #social {width: 270px; position: absolute ;right: 10px; top: 55px; border-left: 1px solid #ccc; height: 164px; padding-top: 30px; text-align: center;} #msg-notification.job-apply #social h4 {font-size: 24px;} #msg-notification.job-apply #social a {width: 200px; margin: 15px auto; } #msg-notification.job-apply #social .fb span {background: url(../../img/bg/login-panel.png) no-repeat 7px 1px;padding-left: 13px;} #msg-notification.job-apply #social .gg span {padding-left: 9px;background: url(../../img/bg/login-panel.png) no-repeat 10px -30px;} /*campaign*/ #wrapper.campaign .container{background: none;} #wrapper.campaign .sp-offer .figure {width: 940px; height: 778px; position: relative; } #wrapper.campaign .sp-offer .figure img {float: left;} #wrapper.campaign .sp-offer .figure .register {position: absolute; bottom: 316px; left: 400px;} #wrapper.campaign .sp-offer .figure .download {position: absolute; left: 160px; bottom: 45px;} #wrapper.campaign .sp-offer article {background:#f8f8f8; padding: 15px; width:910px; clear: both;} #wrapper.campaign .sp-offer article ol,#wrapper.campaign .sp-offer article h2 {background: #f8f8f8; font-size: 13px; color:#666;} #wrapper.campaign .sp-offer article ol li {list-style: decimal outside none; margin: 0 0 0 40px; padding: 0 20px 0 3px; line-height: 25px;} #wrapper.campaign .sp-offer article h2 {font-size: 15px; font-weight: bold; padding: 15px 20px 10px;} #wrapper.campaign .sp-offer article section {padding: 25px 20px 15px; font-size: 15px; font-weight: bold; line-height: 25px;} #wrapper.campaign .sp-offer article section a {font-weight: normal;} /*social login*/ .social-account .hlight{color:#339900;} .social-account { width: 940px; padding: 45px 10px; overflow: hidden; margin: 0 auto;} .social-account h1 { font-size: 14px; float: left; margin: 24px 20px 50px 0;} .social-account h2 { font-size: 18px; clear: both; margin: 0 0 40px;} .social-account h3 { font-size: 15px; margin: 30px 0 5px;} .social-account p { font-size: 13px; clear: both; line-height: 22px; color: #717275;} .social-account p span { display: block;} .social-account p a { color: #1e79bc; font-weight: bold;} .social-account p a:hover { text-decoration: underline;} .social-account ul { width: 940px; overflow: hidden;} .social-account ul li{ margin: 0 0 5px; width: 940px; overflow: hidden;} .social-account .step-2 li:nth-child(2) { margin: 0 0 5px; width: 940px; overflow: hidden;} .social-account .email-list {width: auto; margin-left: -20px;} .social-account .email-list li {width: auto;} .social-account .email-list li:last-child {margin: 0;} .social-account form input[type='text'],.social-account form input[type='password'] {padding: 5px;font-size: 13px; width: 270px; margin: 0 10px 0 0;} .social-account ul li label { font-size: 13px; font-weight: normal; color:#717275; width: 125px; float: left; margin: 4px 0 0;} .social-account ul li label.headline { border: none; padding: 0;} .social-account ul li:nth-child(2) { margin: 0 0 10px;} .social-account ul li.btn{ margin: 30px 0 0; } .social-account ul li #submit { float: left; margin: 0 10px 0 0;} .social-account ul li .fotgotPassword { width: auto; clear: none; float: left; margin: 7px 0 0;} .social-account ul li .fotgotPassword a { text-decoration: underline;} .social-account ul li .fotgotPassword a:hover { text-decoration: none;} .social-account ol { width: 940px; overflow: hidden; clear: both; float: left; padding: 20px 0;} .social-account ol li { float: left; margin: 0 25px 0 0;} .social-account form {padding: 30px 0 0;} .social-account .step-2 label { width: 160px;} .social-account.step-2 h2, .social-account.step-3 h2 {font-size: 15px; padding: 60px 0 0; margin: 0;} .social-account .step-2 label span { font-weight: normal; display: block;} .social-account .step-2 label .required {display: inline; color:#e5252f;} .social-account .step-2 input { width: 400px;} .social-account .step-2 .nextstep {width: 118px; margin: 0 0 0 160px;} .social-account .step-2 select { width: 150px; height: 22px;} .social-account .step-2 #submit { width: 130px;} .social-account .step-2 label input { width: auto;} .social-account .step-2 label a { font-weight: normal; text-decoration: underline;} .social-account .step-2 label a:hover { text-decoration: none;} .social-account .step-2 .term label { width: auto; padding: 5px 0;} .social-account .step-2 .term .error{margin: 4px 0 0 10px; float:left;} .social-account .step-2 #next { width: 121px;} .social-account .step-3 label { width: 115px;} .social-account .step-3 label input { width: auto;} .social-account .step-3 input { width: 400px;} .social-account .step-3 li label:nth-child(2), .social-account .step-3 li label:nth-child(3), .social-account .step-3 li label:nth-child(4) { width: 80px;} .social-account .step-3 li img { margin: 6px 0 10px; float: left;} .social-account .step-3 select { margin: 0 10px 0 0;} .social-account .step-3 li:nth-child(6) label { width: auto;} .social-account .step-3 .skip { width: 121px; float: left; margin: 0 5px 0 0;} .social-account .step-3 .next { width: 121px; height: 33px; float: left;} .social-account .step-3 li.btn{margin: 30px 0 0 115px;} .social-account .step-3 .gender {padding: 0 0 10px;} .social-account .step-3 .term label{width: auto;} .social-account .step-3 input[type='checkbox'] {margin: 0 0 0 115px; width: 20px;} .social-account .step-3 li:nth-child(6) .form-message{display: block; clear: both; margin-left: 115px;} .social-account .step-3 li:nth-child(6) .form-message label {padding: 5px 0 0; float: left;} .social-account .step-3 select#cjobtype { width: 285px; float: right; margin-right: 540px; margin-top: 5px;} /*repeat active email*/ .social-account.active > img{padding: 0 0 60px;} .social-account.active li.submit {padding: 10px 0 0 125px; width: 286px; margin: 0;} .social-account.active li.submit .fotgotPassword {float: right; margin: 0;} .social-account.active li.submit a{color:#636363; font-weight: normal; text-decoration: none; font-size: 12px;} .step-4 { text-align: center;} .step-4 .group-btn { padding: 10px 0 30px; text-align: center;} #wrapper .step-4 .group-btn a {display: inline-block; float: none;} .img-problemSocial { float: left; clear: both; margin: 80px 0 30px;} /*pw-form*/ #msg-notification.pw-form form {overflow: hidden; width: 500px; padding: 30px 0 10px;} #msg-notification.pw-form form label {width: 132px; text-align: left; color:#4c4c4c; font-weight: normal;} #msg-notification.pw-form form input[type='text'],#msg-notification.pw-form form input[type='password'] {font-size: 15px; padding: 3px 5px; width: 250px; color:#b5b6b7;} #msg-notification.pw-form .link {margin: 0 auto; width: 400px;} #msg-notification.pw-form .form-message .error {padding: 5px 0 0 132px; clear: both;} /*introduction on homepage & search*/ div.introduction {color:#333;background:#fff; width: 100%;padding: 0; margin: 20px 0 0;} div.introduction div {width: 940px; margin: 0 auto; padding: 30px 0 10px;border-top: 4px solid #ebebeb;overflow: hidden; margin: -25px auto 0;} div.introduction p {width: 640px; text-indent: 50px; line-height: 20px; float: left; } div.introduction div p:nth-child(2) {float: right; width: 275px; text-indent: 0; margin: -10px 0 10px;} div.introduction span {font-weight: bold;} .company-setting > .intro {text-indent: 50px;} .company-setting #search-content .intro {clear: both; padding: 10px 0; text-indent: 0;}