.header{ transition:all 0.5s; -webkit-transition:all 0.5s; width: 100%; height: 5.5rem; background: #595242; box-sizing: border-box; padding: 1.25rem 1.2rem; top:0rem; position: fixed; z-index: 99;}
.header-height{ height: 5.5rem; transition:all 0.5s; -webkit-transition:all 0.5s; }
.menu-btn,.member{ height: 3.375rem;}
.menu-btn{ position: relative;}

.icon-menu {
    display: inline-block;
    width: 3rem;
    height: 3rem;
    background: url("../images/menu_ico.png") no-repeat center;
    background-size: 100%;
}

.icon-back{display: inline-block; width: 3.75rem; height: 3.75rem; background: url("../images/icon_back.png") no-repeat center; background-size:100%;}

.menu-btn ins{ background-color: rgba(240, 130, 0, 0.8); -webkit-border-radius: 100%; border-radius: 100%; color: #fff; font-size: 1.118rem; width: 1.25rem; height: 1.25rem; line-height: 1.25rem; position: absolute; top: -.5rem; right: -.5rem; padding: .25rem; text-decoration: none;}
.member{ font-size:0px; padding-top:0.3rem;}
.member span{display: inline-block; width: 3.15rem; height:3.15rem; margin-right:1rem; }
.member span:last-child{ margin-right:0px;}
.member span.icon-member{  background: url("../images/user_ico.png") no-repeat center; background-size:cover; }
.member span.icon-calendar{background: url("../images/calendar_ico.png") no-repeat center; background-size:cover;}

.logo{ height: 3.5rem; margin-top: -.25rem; text-align: center;}
.logo img{ height: 100%; width: auto;}
.left-box{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);-webkit-transition:all .3s ease-out;transition:all .3s ease-out; width: 100%; height: 100%; box-sizing: border-box; /*padding-top: 5.34rem;*/ background: #595242; position: fixed; top: 0; left: 0%; z-index: 100;}
.left-box.moved{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0); overflow-y: auto;}
.menu{ padding-top: 5rem;}
.menu ul{ width:100%; height: 100%; overflow-y: auto; margin: 0 auto;}
.menu ul li{ height: 4.7rem; line-height: 4.7rem; font-size: 2rem; font-family: 'MyriadPro-Light'; margin: 0 3rem; box-sizing: border-box; border-bottom: 1px solid #7a7568;}
.menu ul li a{ color: #fff; display: block; height: 100%;}
.close{ width: 1.5rem; height: 1.5rem; background: url("../images/close_ico.png") no-repeat center; position: absolute; top: 2.2rem; left: 3rem; z-index: 100; background-size: 100%;}
.right-box{transform:translate3d(0,-100%,0);-webkit-transform:translate3d(0,-100%,0);-webkit-transition:all .3s ease-out;transition:all .3s ease-out; width: 100%; height:100%; padding-top:5.5rem; box-sizing: border-box; overflow-y:auto; background: #fff; position:fixed; z-index:2; top: 0; -webkit-overflow-scrolling:touch; overflow:auto;}
.right-box span.triangle-up{ position: absolute; right: 2rem; top: -1.5rem;}
.right-box.moved{ -webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0); animation: right-box-down .5s;-webkit-animation: right-box-down .5s;}

.login-title { font-size: 2.45rem; line-height: 1em; font-weight:normal; color: #595242; padding-top: 1.45rem; padding-left: 1.125rem;}


.login-line{ width: 100%; height:2px; background: #b9ad9d; margin-top: 1.67rem;}
.login h3{ font-size: 2rem; font-family: 'MyriadPro-Light'; margin: 1rem 0; padding-left: 0.66rem; }
.login.form{ padding-bottom:1.5rem;}
.login.form > ul > li input{ /*height:3rem;*/}




.search{ width: 100%; background: #accecd; box-sizing: border-box; padding:1.667rem 1.25rem; }

.search-title{ margin-bottom:0.5rem;}
.search-title h1{ float:left; display:inline-block; font-size:2rem; font-family:'MyriadPro-Light'; color:#fff;}
.onecheckBox.searchcheckBox{ display:block; text-align:right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.onecheckBox.searchcheckBox label{ color:#fff; }

.search .form ul{ padding:0px;}

.index-search{ display: none;}
.search-box.active .index-search{ display: block;}
.search-btn{ text-align: center;}
.search-btn button{ width: 15rem; height:4rem; border: 0; background: #f08200; border-radius: 5px; font-size: 1.6rem; color: #fff; }

.more-options{ font-size: 1.5rem; color: #fff; margin: 1.45rem 0; text-align: center;}
.more-options span{ display: inline-block; cursor: pointer;}
.more-options span ins{ display: inline-block; vertical-align: middle; width: 0; height: 0; margin-left: 0.56rem; border-left: 0.4rem solid transparent; border-right: 0.4rem solid transparent; border-top: 0.4rem solid #fff;}
.search-box.active .more-options span ins{ -webkit-transform: rotate(180deg); transform: rotate(180deg);}

.recent-searches{ background: #7ca8a7; color: #fff; box-sizing: border-box; padding:1.1rem 1.5rem; }
.recent-searches h3{ font-size: 2rem; line-height: 1em; margin-bottom: 0.5rem;}
.recent-searches ul li{ font-size: 1.5rem; padding-left: 1.5rem; line-height: 2.67rem; position: relative; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.recent-searches ul li:before{ display: block; content: ""; width: 0.6rem; height: 0.6rem; border-radius:1rem; background: #fff; position: absolute; left: 0; top: 50%; margin-top: -0.3rem;}
.recent-searches ul li a{ color: #fff;}

.browse-jobs-by{ font-size: 2.1rem; line-height: 4.22rem;}
.browse-jobs-by h3{ font-size: 2rem; font-weight: normal; height: 4rem; line-height: 4rem; color: #8a151b;  padding: 0 0rem 0 1.5rem;}
.browse-jobs-by ul li{ font-size: 1.45rem; height:4rem; line-height: 4rem; border-top: 1px solid #ebebeb;  padding: 0 1.25rem 0 1.875rem; position: relative;}
.browse-jobs-by ul li ins{ position: absolute; top: 50%; margin-top:-0.65rem; right: 1.1rem; display: inline-block; width: 0.8rem; height: 1.3rem; background: url("../images/item_ico.png") no-repeat center; background-size: 100%;}
.browse-jobs-by ul li:active{ background: #f5f5f5;}
.browse-jobs-by ul li a{ color: #333; display: inline-block; width: 100%; height: 100%;}
.whats-new{ height:3.25rem; line-height:3.25rem; background: #595242; font-size: 2rem; color: #fff; padding: 0 1.4rem;}
.banner-box{ padding: 1rem;}

.swiper-container {
    width: 100%;
    margin:0 auto;
}
.swiper-slide{ padding-bottom: 2rem; font-size: 0;}
.swiper-slide img{ width: 100%; height: auto;}
.banner-box .swiper-container-horizontal>.swiper-pagination-bullets{ bottom: 3px;}
.swiper-pagination{ font-size: 0;}
.swiper-pagination .swiper-pagination-bullet{ width: 1.05rem; height: 1.05rem; background: #fff; box-sizing: border-box; border: 2px solid #cccccc;}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #575141; border-color: #575141;}


.footer{ background:#ededed; font-family: 'MyriadPro-Light'; height:3.5rem; box-sizing: border-box; color: #595242;  padding:0.3rem 1rem; font-size: 0.7rem; line-height: 1.5rem;}
.footer p span{ margin: 0 1rem;}
.footer p a{ color: #595242; font-weight: bold; margin: 0 .3rem;}
.footer.fixed{ bottom:0px;}


.top-title{ font-family:"MyriadPro-Light";  word-break: break-all; background: #accecd; color: #fff; font-size: 2.438rem; line-height: 2.25rem; box-sizing: border-box; padding:1.25rem;}
.top-title h1{ color: #fff; font-size: 1.8rem; line-height:1.25em;}
.top-title h1 a{ color:#595242;}
.top-title span{ color: #fff; font-size: 1.25rem; float: right;}
.top-title span.mbcolor{color: #595242; font-size: 2.438rem; float: none;}
.top-title span a{ color: #666; font-size: 1.813rem; text-decoration:underline;}
.title-height{ height: 4.84rem; }

.drop-down-items{ font-size: 1.35rem;}
.drop-down-items ul li div.title{ height:5rem; line-height: 5rem; border-top: 1px solid #ebebeb; position: relative;  padding-left: 1.25rem; padding-right: 2.5rem;}
.drop-down-items ul li div.title h3{ text-overflow: ellipsis; white-space: nowrap; overflow:hidden; padding-right:3rem;}
.drop-down-items ul li div span{ position: absolute; top: 50%; margin-top: -0.45rem; right:1rem; }
.drop-down-items ul li.open div span.icon-add{ background: url("../images/icon_x.png") no-repeat center; background-size: 100%;}
.drop-down-items ul li ul{ display: none;}
.drop-down-items ul li ul li{display: table; width: 100%; height:5rem;}
.drop-down-items ul li ul li:active{ background: #f5f5f5;}
.drop-down-items ul li ul li > a{ color: #999; display: table-cell; border-top: 1px solid #ebebeb; vertical-align: middle;  box-sizing: border-box;  padding-left: 3.5rem; padding-right: 7rem; position: relative;}
.drop-down-items ul li.open ul { display: block;}
.num{ display:inline-block; height:1.4rem; line-height:1.4rem; position:absolute; top:1.8rem; right:3rem; border-radius:1.4rem; background:#F08200; font-size:1.2rem; color:#fff; padding-top: 0.15rem; padding-right: 0.5rem; padding-bottom: 0rem; padding-left: 0.5rem;}
 .industries-list .num{ right:1rem;}
.industries-list ul li{ height:5rem; line-height: 5rem; border-top: 1px solid #ebebeb; position: relative;  padding-left: 1.25rem; padding-right: 1.25rem;}
.industries-list ul li h3{ width: 100%;height:5rem; text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 1;  -webkit-box-orient: vertical; overflow:hidden;}
.industries-list ul li h3 a{ color: #333; display:block; font-size: 1.813rem; font-weight: normal; width: 100%;  box-sizing: border-box;
 padding-right: 2rem;}

.create-alert{ float:right; color:#fff; font-size:1.5rem; line-height: 4rem; display: inline-block; margin-top: -0.8rem; background-color: #f08200; border-radius: 5px; width: 11.5rem; text-align: center; }
.tips{ font-size:1.3rem; padding:0px 1rem; padding-top:0.5rem;}
.alert-form.form > ul{ padding:0px 1rem;}
.alert-form.form > ul > h4{ font-size:1.2rem; color:#666666; margin-top:0.5rem;}

.alert-form.form > ul > li.Employment-term .onecheckBox{ width:50%; float:left; margin-bottom:0.5rem;}
.alert-form.form > ul > li.Employment-term .onecheckBox label{ font-size:1.5rem;}

.btn-box{ padding:0.3rem 0px 2rem 0px}
.btn-box.form button{ margin-top:0.3rem;}
.btn-box.form button.red-btn{ margin-top:1.7rem;}


.table{ width:100%;}
.table tr td{  vertical-align:middle; padding:1rem 0.625rem; border-bottom:1px solid #ebebeb;}
.table tr:last-child td{ border-bottom:0px;}
.table tr td .operate{ display:inline-block; text-align:right; font-size:0px;}
.table tr td .operate a{  display: inline-block; height: 4rem; margin:0px 0.25rem; line-height:4rem; border-radius:5px;  background-color: #585241;color: #fff;  font-size:1.4rem;  text-align:center;vertical-align:middle;}

.table.resume-list tr td h3{ color: #333;  font-size: 1.6rem;/* line-height: 4rem;*/ width: 100%; overflow:hidden; -webkit-line-clamp: 2; text-overflow: ellipsis;  display: -webkit-box; -webkit-box-orient: vertical; }
.table.resume-list tr td p a{color: #accecd; font-size: 1.5rem; text-decoration: underline;}
.table.resume-list tr td:first-child{ padding-left:1.25rem;}
.table.resume-list tr td:last-child{ width:12rem;}
.table.resume-list tr td .operate a{ width:5.5rem; cursor:pointer; }
.table.resume-list tr td .operate a.defaul{  background-color: #8a151b; color: #fff;}


.table.alert-list tr td h3{ color: #333;  font-size: 1.6rem; line-height: 4.25rem; width: 100%; overflow:hidden; -webkit-line-clamp: 1; text-overflow: ellipsis;  display: -webkit-box; -webkit-box-orient: vertical;}
.table.alert-list tr td:last-child{ width:12rem;}
.table.alert-list tr td .operate a:active{ background:#accecd; color:#fff;}
.table.alert-list tr td .operate a.b-view{ width:7rem;}
.table.alert-list tr td .operate a.b-edit{ width:4rem; background-color:#cccccc;}

.table.create-alert-list tr td:last-child{ width:4.5rem;}
.table.create-alert-list tr td .operate a.b-c-job{ width:4rem; background:#f08200; color:#fff;}

.job-search-history h2{ line-height:4.4rem; background-color: #cccccc; color: #000;  font-size: 1.6rem; padding:0px 1rem;}


.privacy a{ color:#f08200; text-decoration:underline; margin-left:0.5rem;}
.privacy .onecheckBox{ width:100%;}
.privacy .onecheckBox input{ float:left;}
.privacy .onecheckBox label{ display:block; word-wrap: break-word;}
.register-form > ul > li .salaryli { border-radius:0.5rem; background:#cccccc; border:1px solid #ccc;}
.register-form > ul > li .salaryli .onecheckBox{ width:11.5rem;  margin:0.6rem auto; float:right; text-align:center;}
.register-form > ul > li .expected-salary{ margin-right:11.5rem;}
.register-form > ul > li .expected-salary > input{ width:100%; border:0px;}
.register-form > ul > li .salaryli .onecheckBox input{ 
	width: 2.4rem;
    height: 2.4rem;
    border-radius: 2.4rem;
    background:#fff;
    border: 2px solid #999999;}
.register-form >ul >li .salaryli .onecheckBox input:checked{ border:0px; background: url(../images/checkbox_checked.png) no-repeat;
    background-size: cover;}
.register-form >ul >li .salaryli label{ color:#fff; font-size:1.5rem;}

.forgotpsw-tips{ padding:2rem 1rem 0px 1rem; font-size:1.5rem;}




.apply-form.form > ul{ padding-bottom:1rem; margin-bottom:1rem; border-bottom:1px solid #ccc;}
.apply-form.form > ul:last-child{ border-bottom:0px; padding-bottom: 0rem; margin-bottom:0rem;}
.apply-form.form > ul > h4{ margin:1rem 0px 0.5rem 0px; font-size:1.3rem; color:#666666;}

.apply-form.form > ul .flex{ margin-right:7rem;}
.apply-form.form textarea{ overflow-y:visible  }
.coverletter{width:100%; box-sizing:border-box; padding:1rem 0.5rem; border:1px solid #ccc; border-radius:0.5rem; font-size:1.5rem; line-height:1.5em;}


.onecheckBox.present{ float:right; padding:0.8rem 0px 0.8rem 0.5rem; margin-left:0.5rem; box-sizing:border-box; border-left:1px solid #cccccc;}
.onecheckBox.present label{ font-size:1.5rem; color:#cccccc;}

.statement{ font-size:1.3rem; color:#666666; line-height:1.5em; box-sizing:border-box; padding:1rem;}
.statement span{ color:#f08200;}
.statement a{  text-decoration:underline; color:#666; margin:0px 0.3rem;}

.fixed{ width:100%; -webkit-transform: translateZ(0); position:fixed;}
.resume-upload-box{ background:#696254;}
.resume-upload-box.fixed{bottom:2.4rem;}
.resume-upload-box .resume-title{ color:#ffffff;}
.resume-title{ font-size:1.5rem; color:#cccccc; text-align:center; padding:1rem 0px ;}
.resume-upload { display:table; width:100%; margin-bottom: 1rem;}
.resume-upload > div { display:table-cell; width:50%; text-align:center;}
.resume-upload > div > span { display:inline-block; width:65%; border-radius:100%;}
.resume-upload > div > span img{ width:50%; height:auto;}

.applyview-form.form > ul > li{display: -webkit-flex; display: flex;}
.applyview-form.form > ul > li > p{    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;}
.applyview-form .coverletter{ border:0px;}

.applyview-form.form > ul .to{ margin:0px 1rem;}

.apply-successfully ul {}
.apply-successfully ul h3{ font-size:1.5rem; padding:0rem 1rem; margin-top:0.5rem;}
.apply-successfully ul li{ padding:1rem; border-bottom:1px solid #ccc;}
.apply-successfully ul li a{ display:block; color:#595242; line-height:1.5em; font-size:1.5rem;}
.apply-successfully ul li a p{ font-size:1.5rem;}
.apply-successfully ul li p{ font-size:1.3rem;}
.apply-successfully ul li h2{ font-size:1.5rem; color:#cc0000; text-align:center;}
.apply-successfully ul li h3{ font-size:1.5rem;}
.apply-successfully ul li img{ width:100%; height:auto; }
.apply-successfully ul.enhancement-education li a{ background:url(../images/editor_ico.png) no-repeat center right; background-size:contain; line-height:1em;}
.apply-successfully ul.enhancement-education li img{ width:40%; height:auto;}


.news-list{}
.news-list ul{}
.news-list ul li{ border-bottom: 1px solid #ebebeb; padding: 1.25rem;}
.news-list ul li a{ display: block; width: 100%;}
.news-list ul li a h3{ color: #595242; font-weight:700; font-size: 1.5rem; line-height: 2rem; height: 2rem; width:100%;  text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 1;  -webkit-box-orient: vertical; overflow:hidden;}
.news-list ul li a p{color: #333; max-height: 6rem;  -webkit-line-clamp: 3; font-size: 1rem; line-height: 1.5rem; width:100%; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; overflow:hidden;}
.news-list ul li a h4{  color: #f08200; -webkit-line-clamp: 1; margin-bottom:0.5rem; width:100%; overflow: hidden; text-overflow: ellipsis;
 white-space: nowrap;}
.news-list ul li a p.link {
    color: #f08200;
    -webkit-line-clamp: 2;
}

.news-list ul li .thumb{ display: inline-block; width: 15.625rem; height: 15.625rem;}
.news-list ul li .thumb img{ width: 15.625rem; height: 15.625rem;}
.news-list ul li .list-txt{-webkit-box-flex:1;-webkit-flex:1;flex:1; padding-right: .625rem;}
.more{ line-height: 4rem; text-align: center;}
.more a{ color: #accecd; display:block; font-size: 1.5rem; border-top:1px solid #ebebeb}
.news-imgs-list{}
.news-imgs-list ul{}
.news-imgs-list ul li{ border-bottom: 1px solid #ebebeb; padding: 1rem;}
.news-imgs-list ul li a{ width: 100%;display: -webkit-flex;  display: flex; overflow: hidden;}
.news-imgs-list ul li .thumb{ display: inline-block; width: 12.5rem;}
.news-imgs-list ul li .thumb img{ width: 100%; max-height: 12.5rem;}
.news-imgs-list ul li .list-txt{-webkit-box-flex:1;-webkit-flex:1;flex:1; padding-right: 2rem;}
.news-imgs-list ul li a h3{ color: #595242; font-size: 1.5rem; font-weight: bold; line-height:2rem; max-height: 4rem; width:100%;  text-overflow: ellipsis; display: -webkit-box;  -webkit-line-clamp: 2;  -webkit-box-orient: vertical; overflow:hidden;}
.news-imgs-list ul li a p{color: #333; -webkit-line-clamp: 3;  font-size: 1rem; line-height: 1.2em; width:100%; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; overflow:hidden; margin-top: 0.5rem;}
.news-imgs-list ul li h4{ color: #f08200; height:3rem; overflow:hidden; line-height:1.5rem; margin-bottom:0.5rem;}
.news-imgs-list ul li a p{ }
.news-imgs-list ul li a p.link {
    color: #f08200;
    -webkit-line-clamp: 2;
}

/*news detail*/

.news-box{ padding:0px 1rem;}
.news-title{ font-size:1.6rem; line-height:1.2em; padding:1rem 0px; color:#595242; font-weight:bold;}
.news-date{ font-size:1rem; color:#999999;}
.news-content{ font-size:1.2rem; line-height:1.5em;}
.news-content img{ max-width:100%; height:auto;}
.tag-clound{ padding-bottom: 1.875rem;}
.tag-clound h3{ background-color: #595242;color: #fff; font-size: 1.3rem; height:2.3rem; line-height:2.3rem; padding:0px 1rem;}
.tag-clound p{ background-color: #eaeaea; padding:0px 1rem 1rem 1rem;}
.tag-clound p a{ background-color: #accecd; color: #fff; display: inline-block; font-size: 1.4rem; line-height: 1.6rem; margin-right: .5rem; margin-top: .5rem; padding: .2rem .4rem;}

.prev-next{ padding:1rem; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
.prev-next ul{}
.prev-next ul li{  box-sizing:border-box; width:50%; float:left;}
.prev-next ul li:first-child{ padding-right:1rem;}
.prev-next ul li:last-child{ padding-left:1rem;}
.prev-next ul li a{ display:block; width:100%; box-sizing:border-box; height:4rem; line-height:4rem; background:#595242; color:#fff; font-size:1.4rem;overflow: hidden;
 text-overflow: ellipsis;  white-space: nowrap;}
.prev-next ul li:first-child a{ padding-left:1.3rem; padding-right:0.5rem; background-image:url(../images/icon-prev.png); background-repeat:no-repeat; background-position:left center; background-size:contain; }
.prev-next ul li:last-child a{ padding-right:1.3rem; padding-left:0.5rem; background-image:url(../images/icon-next.png); background-repeat:no-repeat; background-position:right center; background-size:contain;}

.news-ad img{ width:100%; height:auto;}

.related-news{ padding:1rem 0px;}
.related-news h3{ font-size:1.4rem;  padding:0px 1rem ; color:#595242; font-weight:bold;}
.related-news ul li{  padding:1rem ; border-bottom:1px dashed #eaeaea;}
.related-news ul li:last-child{border-bottom:0px;}
.related-news ul li a{ display:block; font-size:1.4rem; color:#333333; position:relative; padding-left:1rem; }
.related-news ul li a:before{ display:block; content:""; width:4px; height:4px; border-radius:4px; background:#333333; position:absolute; top:50%; margin-top:-2px; left:0px;}

/**/
.referrals-jobs{ width:100%;  height:9.5rem; box-sizing:border-box; position:fixed; bottom:0px;  -webkit-transition: all .5s ease-out;
 transition: all .5s ease-out;}
.referrals-jobs.top{ bottom:0rem; padding-top:5.5rem; height:100%;}
.referrals-jobs.top .joblist-box{ padding-top:8rem;}
.referrals-jobs.top .joblist-box ul{overflow:auto;}
.referrals-jobs h2{ padding:0px 1rem; height:2.5rem; line-height:2.5rem; font-weight:bold; font-size:1.5rem; color:#595242; background:#accecd; position:relative; z-index:10;}
.referrals-jobs h2 ins{ display:block; content:""; width:0px; height:0px;  border-left: 0.4rem solid transparent;  border-right: 0.4rem solid transparent; border-bottom: 0.4rem solid #595342; position:absolute; top:50%; right:1rem; margin-top:-0.2rem;}
 
 .referrals-jobs.top  h2 ins{transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);}
 
.referrals-jobs .joblist-box{ width:100%; position:absolute; top:0px; padding-top:2.5rem; min-height:auto; height:100%; }
.referrals-jobs .joblist-box ul{ height:100%; overflow:hidden;  background:#fff;}
.referrals-jobs-height{ height:9.5rem;}

/*recruitment day*/
.joblist-box.joblist-box-day ul li ul{ display:block;}

.top-title.top-title-day h1{ line-height:3rem;}
.date-three{ float: right; font-size:0px;}
.date-three a{ background-color: #ccc; -webkit-border-radius: .5rem; border-radius: .5rem; font-size:1.5rem; color: #999; display: inline-block; font-size: 1.65rem; padding:0px 0.5rem; text-align:center; height: 3rem; line-height: 3rem; margin-left:0.5rem;}
.date-three a.active{ background-color: #f08200; color: #fff;}
.recruitment-day ul{}
.recruitment-day ul li{ width:50%; float:left; box-sizing:border-box; border-bottom:1px solid #ebebeb; border-right:1px solid #ebebeb; padding:1.5rem 1rem; font-size:0px;}
.recruitment-day ul li:nth-child(even){ border-right-color:#fff;}

.recruitment-day ul li a{ display:block; text-align:center;}
.recruitment-day ul li a .recruitment-day-img{ height:4rem; }
.recruitment-day ul li a img { max-height:100%; width:auto; max-width:100%;}

.recruitment-day ul li a h3{ margin-top:1.5rem; width:100%; font-size:1.3rem; height:1.5rem; color:#666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.day-detail-top{ padding:1rem;}
.day-detail-top a{font-family: "MyriadPro-Light"; color: #666; font-size: 1.813rem;  text-decoration: underline; float:right; line-height:3rem;}
.day-detail-img{ height:3rem; max-width:100%; padding-right:5rem;}
.day-detail-img img{ height:100%; width:auto; max-width:100%;}
/*profile*/
.profile.form > ul{ border-bottom:1px solid #ebebeb; padding-bottom:1rem;}
.profile.form > ul:last-child{border-bottom:0px; padding-bottom:0rem;}
.profile.form > ul.alter-email-pwd { padding-bottom:0px; font-family: "MyriadPro-Light";}
.profile.form > ul.alter-email-pwd > li{ position:relative; height:4rem; line-height:4rem; margin-top:0px; font-size: 1.625rem; border-bottom:1px solid #ebebeb;}
.profile.form > ul.alter-email-pwd > li:last-child{ border-bottom:0px; }
.profile.form > ul.alter-email-pwd > li a{ display:block; width:100%; height:100%; color:#333;}
.profile.form > ul.alter-email-pwd > li i{ display:inline-block; position:absolute; top:50%; right:1.125rem; margin-top:-0.625rem; width:0.75rem; height:1.25rem; background:url(../images/editor_ico.png) no-repeat center; background-size:contain;}

/*joblist*/

.joblist-top{ padding:0.7rem 0rem; font-size:0px; background:#ebebeb;}
.joblist-top > div{ display:inline-block; height:1.6rem; padding:0px 0.5rem;/* border-right:1px solid #ccc;*/ vertical-align:middle;}
.joblist-top > div:last-child{ border-right:0px;}
.joblist-type{ font-size:0px;}
.joblist-type span{ display:inline-block; width:1.6rem; height:1.6rem; margin:0px 0.5rem;}
.joblist-type span.view-style-1{ background:url(../images/icon-joblist1-1.png) no-repeat center; background-size:cover;}
.joblist-type span.view-style-1.current{ background:url(../images/icon-joblist1.png) no-repeat center; background-size:cover;}
.joblist-type span.view-style-2{ background:url(../images/icon-joblist2-1.png) no-repeat center; background-size:cover;}
.joblist-type span.view-style-2.current{ background:url(../images/icon-joblist2.png) no-repeat center; background-size:cover;}

.save-apply{ font-size:0px;}
.save-apply span{ display:inline-block; font-size:1rem; color:#666666; margin:0px 0.2rem; line-height: 1.6rem;}
.save-apply span ins{ display:inline-block; width:1.6rem; height:1.6rem;  vertical-align:top; margin-right:0.2rem;}
.save-apply span.applied ins{background:url(../images/icon-applied.png) no-repeat center; background-size:cover;}
.save-apply span.saved ins{background:url(../images/icon-saved.png) no-repeat center; background-size:cover;}
.save-apply span i{ position:relative; display:inline-block; width:1.8rem; height:1.5rem; line-height:1.5rem; text-align:center; font-size:1rem; color:#fff; vertical-align:middle; background:#cccccc; margin-left:0.8rem;}
.save-apply span i:before{ display:block; content:""; position:absolute; top:50%; left:-5px; margin-top:-5px;  border-top:5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid #ccc;}

.edit-search{ font-size:1.4rem; line-height: 1.6rem; color:#666666;}
.edit-search a{ color:#666;}
.condition{ font-size:1.5rem; color:#accecd; padding:1rem;}

.joblist-box{/* min-height:26rem;*/}
.joblist-box > ul > li{ box-sizing:border-box;  border-top:1px solid #ebebeb;}
.joblist-box > ul > li:nth-child(even){ background:#f9f9f9;}
.joblist-box > ul > li.to-top{ background:#d5e6e6;}
.joblist-box > ul > li a { display:block; padding:1.3rem 5.5rem 1.3rem 1rem; color:#999; font-size:1rem; line-height:1.4rem;}
.joblist-box > ul > li a h3{ font-size:1.5rem; line-height:2rem; color:#333333;}
.joblist-box > ul > li a ul { display:none;}
.joblist-box.open > ul > li a ul{ display:block;}
.joblist-box > ul > li a ul li{ position:relative; padding-left:0.8rem;}
.joblist-box > ul > li a ul li:before{ display:block; content:""; width:4px; height:4px; border-radius:4px; background:#999; position:absolute; left:0px; top:50%; margin-top:-2px;}


.icon-applied-saved{ font-size:0px; float:right; padding: 1rem;}
.icon-applied-saved span{ display:inline-block; width:1.5rem; height:1.5rem; margin:0px 0.5rem;}


.icon-saved{ background:url(../images/icon-saved-grey.png) no-repeat center; background-size:cover;}
.icon-saved.active{ background:url(../images/icon-saved.png) no-repeat center; background-size:cover;}
.joblist-box > ul > li.to-top .icon-saved{ background:url(../images/icon-saved-white.png) no-repeat center; background-size:cover;}
.joblist-box > ul > li.to-top .icon-saved.active{ background:url(../images/icon-saved.png) no-repeat center; background-size:cover;}


.icon-applied{ background:url(../images/icon-applied-grey.png) no-repeat center; background-size:cover;}
.icon-applied.active{ background:url(../images/icon-applied.png) no-repeat center; background-size:cover;}
.joblist-box > ul > li.to-top .icon-applied{ background:url(../images/icon-applied-white.png) no-repeat center; background-size:cover;}
.joblist-box > ul > li.to-top .icon-applied.active{ background:url(../images/icon-applied.png) no-repeat center; background-size:cover;}

/*jobdetail*/


.job-detail-top{ padding:1rem 1rem 0rem 1rem;}
.job-company-logo{ height:3.2rem; box-sizing:border-box; margin-bottom:1rem; margin-right:9rem;}
.job-company-logo img { /*height:100%;*/ width:auto; max-width:100%;}
.job-company-name{ font-size:1rem; line-height:1em; color:#999999; margin-bottom:1rem;}
.job-company-banner{ margin-bottom:1rem;}
.job-company-banner img { width:100%; height:auto;}
.company-desc{ height:4rem; overflow:hidden; padding:1rem 1rem 0px 1rem; font-size:1rem; line-height:1.5em; position:relative;}
.company-desc:after{ display:block; content:""; width:100%; height:2rem; position:absolute; bottom:0rem;
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);                
                     
                     }
.company-desc.show{ height:auto;}
.company-desc.show:after{ display:none;}
               
.showmore h3{ padding:0.5rem 0px; font-size:1.5rem; color:#accecd; text-align:center;}      

.jobdetail-title{ margin-bottom:1rem;}
.jobdetail-title h1{ padding-right:5.5rem; font-size:1.5rem; color:#595242; word-break: break-all;}
.jobdetail-title .icon-applied-saved{ padding:0px;}
.jobdetail-date,.jobdetail-address{ color:#999999; margin-bottom:1rem; clear:both;}
.jobdetail-date{padding-left:1.3rem; background:url(../images/icon-time.png) no-repeat center left; background-size:contain; display: inline-block;}
.jobdetail-addr{ padding-left:1.3rem; background:url(../images/icon-address.png) no-repeat center left; background-size:contain;}

.jobdetail-type{ padding-left:1.3rem; background:url(../images/icon-user.png) no-repeat center left; background-size:contain;}
.jobdetail-tab ul{ width:100%; display:table; height:3.6rem; line-height:3.6rem; background:#ebebeb;}
.jobdetail-tab ul li{ display:table-cell; width:50%; font-size:1.5rem; color:#595242; text-align:center; }
.jobdetail-tab ul li.active{ background:#d5e6e6; position:relative;}
.jobdetail-tab ul li.active:before{ display:block; content:""; border-left:0.6rem solid transparent; border-right:0.6rem solid transparent; border-bottom:0.6rem solid #fff; position:absolute; left:50%; margin-left:-0.6rem; bottom:0px;}

.jobdetail-tab-box{ display:none;}
.jobdetail-des{padding:1rem; font-size: 1.2rem;}
.jobdetail-des ul,.jobdetail-des ol{ margin: 10px 0px; margin-left: 30px; list-style:inherit;}
.jobdetail-des ul li { list-style:disc;}
.jobdetail-des ol li{ list-style:decimal;}
.company-detail ul,.company-detail ol{ margin: 10px 0px; margin-left: 30px; list-style:inherit;}
.company-detail ul li { list-style:disc;}
.company-detail ol li{ list-style:decimal;}
.jobdetail-tags{ box-sizing:border-box; padding:1rem 1rem 0.5rem 1rem ; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb; margin-top:1rem;}
.jobdetail-tags h3{ font-size:1rem; color:#595242; font-weight:bold; margin-bottom:0.8rem;}
.jobdetail-tags p{ font-size:0px;}
.jobdetail-tags a{ display:inline-block; font-size:1rem; color:#595242; padding:0px 0.9rem; line-height:1.6rem; border-radius:0.3rem; background:#d5e6e6; margin-right:0.5rem; margin-bottom:0.5rem;}

.jobdetail-list > ul{ padding:0px 1rem;}
.jobdetail-list > ul > li{ padding:0.4rem 0px;}
.left{ width:8rem; font-weight:bold;}
.right{ padding-left:9rem;word-wrap: break-word; word-break: break-all;}
.benefits ul li{ width:50%; box-sizing:border-box; float:left; margin-bottom:0.25rem;}
.benefits ul li p{ box-sizing:border-box; padding:0.25rem; border:1px solid #e6e6e6; font-size:1rem; color:#333333;    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.benefits ul li p ins{ display:inline-block; width:1.5rem; height:1.5rem; margin-right:0.4rem; vertical-align:middle;}
.benefits ul li p ins img{ width:100%; height:100%;}
.benefits ul li:nth-child(odd){ padding-right:0.1rem;}
.benefits ul li:nth-child(even){ padding-left:0.1rem;}
.company-detail{ padding:1rem; font-size:1em; line-height:1.5em; color:#333;}

.form.btn-box.apply-btn ul li button.yellow-btn{ width:11rem;}
.form.btn-box.apply-btn ul li .share{ padding-right:16rem; font-size:0px; padding:1.2rem 0px;}

.share span{ width:2rem; height: 2rem; background-size:contain; vertical-align:middle;}
.share span.stLarge:hover{background-size:contain;  background-position: -2rem;}
.share .stButton .stLarge{width:2rem; height: 2rem;}
.share em{ display:inline-block; font-size:1.5rem; color:#888; font-style:normal; line-height:2rem; vertical-align:middle;}
.morejobs a{ display:block; height:3.8rem; line-height:3.8rem; text-align:center; background:#595242; font-size:1.5rem; color:#fff;}

/*save job*/

.top-title.saved-list-top span{ float:none;}
.top-title.saved-list-top .save-apply{ float:right;}
.saved-list-top .save-apply span{ color:#fff}
.saved-list-top .save-apply span i{ background:#fff; color:#333;}
.saved-list-top .save-apply span i:before{border-right: 5px solid #fff;}
.saved-list ul li:nth-child(even){ background:#fff;}

.joblist-box.saved-job-list ul li ul{ display:block;}

/*job-fair*/
.job-fair-banner { }

.job-fair-banner img{ width: 100%; height:auto;}
.job-fair-box{ box-sizing: border-box; width: 100%; padding:1rem;}
.recruit-btn{box-sizing: border-box;  padding:2rem 0rem 2.5rem 0rem; border-bottom:1px solid #cccccc;}
.recruit-btn a{ display:block; height:4rem; line-height:4rem; text-align :center; border-radius:0.5rem; background:#f08200; font-size:1.5rem; color:#fff;}
.form.job-fair-checkbox  > ul { padding:0px;}
.form.job-fair-checkbox  > ul > li{ padding:1rem 0px; border-bottom:1px dashed #cccccc;}
.form.job-fair-checkbox  > ul > li:last-child{ border-bottom:0px;}
.form.job-fair-checkbox .onecheckBox label{ color:#43809b;}
.fair-relation-title{ font-size:1.6rem;}

.form.job-fair-form  > ul{ padding:1rem;}
.form.job-fair-form.fair-bg  > ul{ background:#cfe3ec;}
.form.job-fair-form  > ul > li{ margin-top:0.8rem;}
.form.job-fair-form  > ul > li > label{ display:inline-block; line-height:3.6rem; width:8.5rem; float:left; color:#333;}
.form.job-fair-form  > ul > li >  .form-input{ display:block; padding-left:9rem;}
.form.job-fair-form > ul > li input[type="text"], .form.job-fair-form > ul > li input[type="password"], .form.job-fair-form > ul > li input[type="email"] {
  
    border: 1px solid #4c4c4c;

}

.careful{ line-height:1.5em; font-size:1.3rem; margin:1.5rem 0px;}
.fair-statement{ padding:1rem; line-height:1.5em; background:#fff; word-wrap: break-word;word-break:break-all; font-size:1.3rem;}
.fair-statement a{ color:#428bca;}

.fair-statement .onecheckBox{ margin-right:0px; vertical-align:middle;}
.fair-statement .onecheckBox input{ margin-right:0px;}

.form.fair-btn > ul{ padding:2rem 0px;}
.form.fair-btn > ul > li button.yellow-btn
{
    width:10rem;
    }
.form.fair-btn > ul > li label{ margin-left:1rem; color:#f00;}

.fair-btn-tip{ font-size:1.3rem; color:#999; margin-top:2rem;}

.radio-box-tip{font-size:1.3rem; margin-bottom:0.5rem;} 
.radio{ display:inline-block;  font-size:0px; margin-right:1rem;}
.radio input[type="radio"]{ display:inline-block; margin-right:0.1rem; vertical-align:middle; width:2rem; height:2rem; border-radius:2rem; box-sizing: border-box; border:1px solid #4c4c4c;
                            
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#f6f8f9,endColorStr=#c9d0d2); /*IE 6 7 8*/ 
background: -ms-linear-gradient(top, #f6f8f9,  #c9d0d2);        /* IE 10 */
background:-moz-linear-gradient(top,#f6f8f9,#c9d0d2);/*»ðºü*/ 
background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#f6f8f9), to(#c9d0d2));/*¹È¸è*/ 
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f6f8f9), to(#c9d0d2));      /* Safari 4-5, Chrome 1-9*/
background: -webkit-linear-gradient(top, #f6f8f9, #c9d0d2);   /*Safari5.1 Chrome 10+*/
background: -o-linear-gradient(top, #f6f8f9, #c9d0d2);  /*Opera 11.10+*/              
                            
                            }
.radio input[type="radio"]:checked
{
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#2f3334,endColorStr=#838687); /*IE 6 7 8*/ 
background: -ms-linear-gradient(top, #2f3334,  #838687);        /* IE 10 */
background:-moz-linear-gradient(top,#2f3334,#838687);/*»ðºü*/ 
background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#2f3334), to(#838687));/*¹È¸è*/ 
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2f3334), to(#838687));      /* Safari 4-5, Chrome 1-9*/
background: -webkit-linear-gradient(top, #2f3334, #838687);   /*Safari5.1 Chrome 10+*/
background: -o-linear-gradient(top, #2f3334, #838687);  /*Opera 11.10+*/   
    
    }
.radio input[type="radio"]:checked:after{ display:block; content:""; width:0.8rem; height:0.8rem; border-radius:0.8rem; position:relative; top:50%; left:50%; margin-top:-0.4rem; margin-left:-0.4rem;
        box-shadow: 0px 1px 2px #242525;                                   
 FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#f6f8f9,endColorStr=#c9d0d2); /*IE 6 7 8*/ 
background: -ms-linear-gradient(top, #f6f8f9,  #c9d0d2);        /* IE 10 */
background:-moz-linear-gradient(top,#f6f8f9,#c9d0d2);/*»ðºü*/ 
background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#f6f8f9), to(#c9d0d2));/*¹È¸è*/ 
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f6f8f9), to(#c9d0d2));      /* Safari 4-5, Chrome 1-9*/
background: -webkit-linear-gradient(top, #f6f8f9, #c9d0d2);   /*Safari5.1 Chrome 10+*/
background: -o-linear-gradient(top, #f6f8f9, #c9d0d2);  /*Opera 11.10+*/   
     
                                    }
    
.radio label{ display:inline-block; font-size:1.4rem; vertical-align:middle;}


.message{ padding:1rem;}
.message-tip{ font-size:1.4rem; padding:2rem 0rem;}
.message-tip a{ color:#999;}
.message-jump{ font-size:1.3rem;}


.validation-summary-errors{ font-size:1.4rem; padding:1rem; color:#f00;}

.check-email-tip{ padding:0px 1rem; font-size:1.3rem; color:#999;}

.result-tip-box{ padding:1rem; font-size:1.3rem}
.result-tip-box h3{ margin-bottom:1rem;}
.result-tip-box dl dt{ margin-bottom:0.5rem;}


.member font{ display:inline-block; width:8rem; line-height:3.3rem; text-align:center; font-size:1.4rem;  color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.jobmarketRef{ font-size:1.2rem;}

.selectBox .select > ul > li.open > h3 i.icon-add{background: url("../images/icon_x.png") no-repeat center;}


.news-imgs-list.hot-industries-list ul li .thumb{width: 2rem;height:2rem;}


.app{ position:fixed; z-index:10000; width:100%; box-sizing:border-box; padding:1rem 2rem; background:#f2f2f2; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0)}
.app-icon{ width:4.5rem; height:4.5rem; overflow:hidden; border-radius:0.8rem; background-color:#70a8df; margin-right:0.5rem; background-image:url(../images/logo.png); background-repeat:no-repeat; background-position:center; background-size:90%; }
.app-text h3{ font-size:1.5rem; line-height:1.5em; color:#000;}
.app-text h4{ font-size:1.2rem; color:#666;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.app-text p{ font-size:1.4rem; color:#000;}
.app-link{ margin-left:0.5rem; line-height:4.5rem; font-size:1.7rem; color:#007dfc;}
.app-close{ font-size:1.4rem; color:#888; position:absolute; left:0.8rem; top:2.8rem;}
.header-height.showapp{ height:12rem;}
.header.showapp{ top:6.5rem;}

.app.showapp{ animation:apps 0.5s normal;-webkit-animation:apps 0.5s normal; }

@-webkit-keyframes apps 
{
from { -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0)}
to { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0)}
}

.privacy-policy{  box-sizing:border-box; word-wrap: break-word; word-break: normal;  font-size:1.4rem; line-height:1.5em; padding:1rem;}


.graduateCheckbox{ margin-left:11rem;}

.onecheckBox.graduateCheckbox label{ font-size:1.5rem; color:#fff;}


.agreement{ font-size:1rem;}
.agreement a{ color: #f08200; text-decoration: underline;}
.agreement .onecheckBox { margin-bottom:1rem;}
.agreement .onecheckBox input {
    float: left;
}

.agreement .onecheckBox label {
    display:block;
    padding-left:2.8rem;
    font-size:1rem;
	color:#333333;   
}

.agreement .put-check-ico {
    display: inline-block;
    width: 0.5rem;
    height: 0.4rem;
    background: url("../images/put_check_ico.png") no-repeat center;
    background-size:cover;
    margin: 0px 0.3rem;
}

.statement.apply-statement a{ color: #f08200; }

.pwd-tip { font-size:1rem; color:#999;}

.form > ul > li input.username{text-transform:lowercase;}