@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');
@charset "UTF-8";

#innity-in-post,#dfp-ad-midarticlespecial-wrapper,#imu{display:none;}
.menu{width:100%;z-index:99;position:static;}
.menu.sticky{position:fixed;top:0;}

.footer{z-index:-1;position:relative;}

a,button{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
#quick-links{margin-top:3em;}

#main-tabs{padding:0;margin:0 auto 1em auto;z-index:10;width:60%;background:rgba(0,0,0,0.8);-moz-box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.05);-webkit-box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.05);box-shadow:0 0 16px 0 rgba(0, 0, 0, 0.05);}

#cms-wrap .container{width:100%!important;padding:0;position:relative;}
#cms-wrap{margin:0 -1em;z-index:1;position:relative;}

.sub-nav.project-filter-buttons{margin:0 auto 1em auto;}
.sub-nav.project-filter-buttons button{padding:0.4em 1em 0.5em 1em;line-height:1.4;margin:0.4em 0.1em;font-size:0.8em;border-radius:5px;-moz-border-radius:5px;-khtml-border-radius:5px;-webkit-border-radius:5px;display:inline-block;width:auto;background-color:#383838;border:none;}
.sub-nav.project-filter-buttons button:before{width:8px;height:8px;background:#fff;border:8px solid #ddd;margin:0 0.6em 0 0;content:'';}
.sub-nav.project-filter-buttons button:before,.sub-nav.project-filter-buttons button span{display:inline-block;vertical-align:middle;}
.sub-nav.project-filter-buttons button:before{border-color:#eee;}
.sub-nav.project-filter-buttons button.active#promotion:before,.sub-nav.project-filter-buttons button.active#new-pos:before,.sub-nav.project-filter-buttons button.active#pos-change:before,.sub-nav.project-filter-buttons button.active#transfer:before,.sub-nav.project-filter-buttons button.active#newcomer:before,.sub-nav.project-filter-buttons button.active#front-back-seat:before,.sub-nav.project-filter-buttons button.active#left-cabinet:before,.sub-nav.project-filter-buttons button.active#move-seat:before{border:1px solid #fff!important;background:transparent;}

.sub-nav.project-filter-buttons button.active#pos-remain:before{border:1px solid #eee!important;background:transparent;}
.sub-nav.project-filter-buttons button.active:before{display:none!important;}

.sub-nav.project-filter-buttons button#promotion:before{border-color:#7772d0;}
.sub-nav.project-filter-buttons button#new-pos:before,.sub-nav.project-filter-buttons button#pos-change:before{border-color:#12cb85;}
.sub-nav.project-filter-buttons button#pos-remain:before{border-color:#fff;}
.sub-nav.project-filter-buttons button#transfer:before{border-color:#ff6b3e;}

.sub-nav.project-filter-buttons button#newcomer:before{border-color:#b58dd4;}
.sub-nav.project-filter-buttons button#front-back-seat:before{border-color:#786686;}

.sub-nav.project-filter-buttons button#left-cabinet:before{border-color:#8e8dd5;}
.sub-nav.project-filter-buttons button#move-seat:before{border-color:#666d86;}

.sub-nav.project-filter-buttons button:hover:before{border-color:transparent!important;}
.sub-nav.project-filter-buttons button:hover,.sub-nav.project-filter-buttons button.active{color:#fff;}

.sub-nav.project-filter-buttons button:hover,.sub-nav.project-filter-buttons button.active,.dashboard-cards .material-card h2{background:#eee;}
.sub-nav.project-filter-buttons button#promotion:hover,.sub-nav.project-filter-buttons button#promotion.active,.dashboard-cards .material-card.promotion h2{background:#7772d0;color:#fff;}
.sub-nav.project-filter-buttons button#new-pos:hover,.sub-nav.project-filter-buttons button#new-pos.active,.dashboard-cards .material-card.new-pos h2,.sub-nav.project-filter-buttons button#pos-change:hover,.sub-nav.project-filter-buttons button#pos-change.active,.dashboard-cards .material-card.pos-change h2{background:#12cb85;color:#fff;}
.sub-nav.project-filter-buttons button#pos-remain:hover,.sub-nav.project-filter-buttons button#pos-remain.active,.dashboard-cards .material-card.pos-remain h2{background:#fff;color:#000;}
.sub-nav.project-filter-buttons button#transfer:hover,.sub-nav.project-filter-buttons button#transfer.active,.dashboard-cards .material-card.transfer h2{background:#ff6b3e;color:#fff;}
.sub-nav.project-filter-buttons button#newcomer:hover,.sub-nav.project-filter-buttons button#newcomer.active,.dashboard-cards .material-card.new-comer h2{background:#b58dd4;color:#fff;}
.sub-nav.project-filter-buttons button#front-back-seat:hover,.sub-nav.project-filter-buttons button#front-back-seat.active,.dashboard-cards .material-card.front-back-seat h2{background:#786686;color:#fff;}
.sub-nav.project-filter-buttons button#left-cabinet:hover,.sub-nav.project-filter-buttons button#left-cabinet.active,.dashboard-cards .material-card.left-cabinet h2{background:#8e8dd5;color:#fff;}
.sub-nav.project-filter-buttons button#move-seat:hover,.sub-nav.project-filter-buttons button#move-seat.active,.dashboard-cards .material-card.move-seat h2{background:#666d86;color:#fff;}

.filter-button{padding:4px;}
.project-filter-buttons{padding:0;text-align:center;margin:0 auto;}
.project-filter-buttons button{padding:0.6em;color:#fff;font-size:0.9em;border:1px solid #fff;background:transparent;width:100%;display:block;cursor:pointer;outline:none;}
.project-filter-buttons button:hover{background:#4e4e4e;color:#fff;border-color:transparent;}
#cms-wrap button.clear-button{border:1px solid grey;background:#fff;}
#cms-wrap button.clear-button:hover{background:#ddd;}
.project-filter-buttons button.active-filter{background:#fff;color:#000;font-weight:bold;}
.projects-grid{margin-top:20px;flex-wrap:wrap;justify-content:center;}
.project{*min-height:400px;width:100%;margin:1em 0;}
.project-image{width:100%;}
.project-title{text-align:center;}
.project > .badges{margin:5px;margin-top:30px;display:flex;flex-wrap:wrap;}
.project > .badges > span{border:1px solid grey;border-radius:5px;padding:5px 10px 5px 20px;position:relative;margin:5px;}
.project > .badges > span:before{position:absolute;content:'°';font-size:30px;top:4px;left:5px;}

#legend{text-align:center;}
#legend p{display:inline-block;margin-left:0.5em;}
#legend.sub-nav{display:block;margin:auto;}

.projects-grid .col-md-3{padding:0.5em 2em;}

.material-card{position:relative;height:0;padding-bottom:calc(100%);border:1px solid #eee;background:#fff;border-radius:10px;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;letter-spacing:0;}
.material-card:after{content:"";position:absolute;top:0.4em;right:0.8em;height:16px;width:16px;z-index:10;border-style:solid;border-color:#b9b9b9;border-width:0 1px 1px 0;transform:rotate(45deg);transition:border-width 150ms ease-in-out;}
.material-card:hover:after{border-color:#000;border-bottom-width:2px;border-right-width:2px;}
.d-card-show .material-card:after{border-width:1px 0 0 1px;top:1.3em;border-color:#000;}
.dashboard-cards .material-card h2{position:absolute;color:#000;margin:0!important;font-weight:normal;font-size:0.8em;padding:0.6em 1em;min-height:78px;bottom:0;width:100%;text-align:center;background:#fff;-moz-box-shadow:0 -10px 20px -10px rgba(0, 0, 0, 0.1);;-webkit-box-shadow:0 -10px 20px -10px rgba(0, 0, 0, 0.1);;box-shadow:0 -10px 20px -10px rgba(0, 0, 0, 0.1);}
.dashboard-cards .material-card h2 .name{font-size:1.2em;font-weight:bold;}
.dashboard-cards .material-card h2 .job-title{line-height:1.2;font-size:0.9em;}
.material-card h2 span{display:block;}
.material-card .mc-content{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.material-card .img-container{margin-bottom:-10%;overflow:hidden;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;padding:0.2em;}
.material-card .age{padding:0 1em;text-align:center;}
.material-card .age span{font-size:1.4em;line-height:1;font-family:Roboto;font-weight:700;}
.material-card .age:after{content:'岁';}
.material-card .profile-detail{overflow:hidden;width:100%;}


@media only screen and (min-width:1000px) and (max-width:1300px){
.material-card{padding-bottom:calc(120%);}
}

@media only screen and (min-width:900px) and (max-width:1100px){
.dashboard-cards .material-card h2{padding:0.7em;}
.dashboard-cards .material-card h2 .job-title{font-size:0.9em;}
}

@media only screen and (min-width:760px) and (max-width:900px){
.material-card{min-height:200px;}
}

@media only screen and (max-width:767px){
#main-tabs{left:0;bottom:0;position:fixed;margin:0;width:100%;}
.project-filter-buttons button{font-size:0.7em!important;}
.sub-nav.project-filter-buttons button{margin:0em 0 0.6em 0!important;line-height:auto!important;}
.projects-grid{margin-top:0;}
.profile-detail{display:block;}
.material-card{height:70px;padding:0;border:none;background:transparent;border-radius:50px;-moz-border-radius:50px;-khtml-border-radius:50px;-webkit-border-radius:50px;-moz-box-shadow:0 0 14px 0 rgba(0, 0, 0, 0.06);-webkit-box-shadow:0 0 14px 0 rgba(0, 0, 0, 0.06);box-shadow:0 0 14px 0 rgba(0, 0, 0, 0.06);}
.material-card:before{content:'';border:35px solid transparent;width:100%;position:absolute;border-radius:50px;-moz-border-radius:50px;-khtml-border-radius:50px;-webkit-border-radius:50px;}
.material-card:after{top:1.4em;right:1.4em;height:10px;width:10px;z-index:1000;border-width:0 2px 2px 0;}
.d-card-show .material-card:after{top:1.8em;border-color:#000;}

.material-card.promotion:after,.material-card.new-pos:after,.material-card.transfer:after,.d-card-show .material-card.promotion:after,.d-card-show .material-card.new-pos:after,.d-card-show .material-card.transfer:after,
.material-card.pos-change:after,.d-card-show .material-card.pos-change:after,.material-card.pos-remain:after,.d-card-show .material-card.pos-remain:after,
.material-card.new-comer:after,.material-card.front-back-seat:after,.material-card.left-cabinet:after,.material-card.move-seat:after,
.d-card-show .material-card.new-comer:after,.d-card-show .material-card.front-back-seat:after,.d-card-show .material-card.left-cabinet:after,.d-card-show .material-card.move-seat:after{border-color:#fff!important;}

.material-card .img-container{width:60px;height:60px;padding:0;margin:5px 1em 5px 5px;border:1px solid #eee;background:#fff;border-radius:50px;-moz-border-radius:50px;-khtml-border-radius:50px;-webkit-border-radius:50px;}
.material-card .img-container img{width:140%!important;max-width:140%;margin:0 -20%!important;}
.dashboard-cards .material-card h2{padding:0.8em 2.8em 0 0;min-height:auto;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;}
.dashboard-cards .material-card .profile-detail{display:flex;font-weight:normal;}
.dashboard-cards .material-card .profile-detail h2,.dashboard-cards .material-card .profile-detail .mc-content{z-index:1;display:inline-block!important;}
.dashboard-cards .material-card .profile-detail h2{position:relative;text-align:left;border-top-right-radius:50px;-moz-border-top-right-radius:50px;-khtml-border-top-right-radius:50px;-webkit-border-top-right-radius:50px;border-bottom-right-radius:50px;-moz-border-bottom-right-radius:50px;-khtml-border-bottom-right-radius:50px;-webkit-border-bottom-right-radius:50px;}
.dashboard-cards .material-card .profile-detail h2 span{display:inline;vertical-align:top;}
.dashboard-cards .material-card .profile-detail .name{font-size:1.2em;margin-right:0.4em;font-weight:bold;}
.dashboard-cards .material-card .profile-detail .job-title{display:inline-block;width:72%;font-weight:normal;line-height:1.4;margin:0.2em 0 0 0;font-size:0.95em;}
.dashboard-cards .material-card .profile-detail h2 .job-title:before{margin:0.4em 0.4em 1em 0;float:left;height:6px;width:6px;background:#676767;vertical-align:top;display:inline-block;content:'';border-radius:50%;-moz-border-radius:50%;-khtml-border-radius:50%;-webkit-border-radius:50%;}
.dashboard-cards .material-card.promotion .profile-detail h2 .job-title:before,.dashboard-cards .material-card.new-pos .profile-detail h2 .job-title:before,.dashboard-cards .material-card.transfer .profile-detail h2 .job-title:before,.dashboard-cards .material-card.pos-change .profile-detail h2 .job-title:before,.dashboard-cards .material-card.pos-remain .profile-detail h2 .job-title:before,.dashboard-cards .material-card.new-comer .profile-detail h2 .job-title:before,.dashboard-cards .material-card.front-back-seat .profile-detail h2 .job-title:before,.dashboard-cards .material-card.left-cabinet .profile-detail h2 .job-title:before,.dashboard-cards .material-card.move-seat .profile-detail h2 .job-title:before{background:rgba(255,255,255,0.5);}

.dashboard-cards .material-card h2,.dashboard-cards .material-card.promotion h2,.dashboard-cards .material-card.new-pos h2,.dashboard-cards .material-card.transfer h2,.dashboard-cards .material-card.pos-change h2,.dashboard-cards .material-card.pos-remain h2,.dashboard-cards .material-card.new-comer h2,.dashboard-cards .material-card.front-back-seat h2,.dashboard-cards .material-card.left-cabinet h2,.dashboard-cards .material-card.move-seat h2{background:transparent!important;}
.material-card.promotion,.material-card.new-pos,.material-card.transfer,.material-card.new-comer,.material-card.front-back-seat,.material-card.left-cabinet,.material-card.move-seat{background:transparent;}
.material-card:before{border-color:#fff;}
.material-card.promotion:before{border-color:#7772d0;}
.material-card.new-pos:before,.material-card.pos-change:before{border-color:#12cb85;}
.material-card.post-remain:before{border-color:#fff;}
.material-card.transfer:before{border-color:#ff6b3e;}
.material-card.new-comer:before{border-color:#b58dd4;}
.material-card.front-back-seat:before{border-color:#786686;}
.material-card.left-cabinet:before{border-color:#8e8dd5;}
.material-card.move-seat:before{border-color:#666d86;}
}

.dashboard-cards ::-moz-selection{background-color:#ff594d;color:#fff;}
.dashboard-cards ::selection{background-color:#ff594d;color:#fff;}
.dashboard-cards ::-webkit-scrollbar{width:6px;height:6px;}
.dashboard-cards ::-webkit-scrollbar-track{background-color:transparent;-webkit-border-radius:10px;border-radius:10px;}
.dashboard-cards ::-webkit-scrollbar-thumb{-webkit-border-radius:10px;border-radius:10px;background:#fbe8e8;}

.dashboard-cards .card-board img{margin:auto;}
.dashboard-cards{position:relative;margin:0;z-index:0;}
.dashboard-cards .card-board{width:20%!important;max-width:20%!important;-webkit-perspective:1000;perspective:1000;z-index:20;padding:0.2em;margin:0;position:relative;text-align:left;-webkit-transition:all 0.3s 0s ease-in;transition:all 0.3s 0s ease-in;cursor:pointer;-webkit-transition:all 0.3s ease;transition:all 0.3s ease;}
.dashboard-cards.step-down{width:60%;margin:auto;}
.dashboard-cards.step-down .card-board{width:33.33%!important;max-width:33.33%!important;}

.dashboard-cards .card-board .card-description{max-height:200px;padding:0;overflow:hidden;overflow-y:auto;position:relative;font-size:0.8em;}
.dashboard-cards .card-board .card-actions{box-shadow:0 2px 0px 0 rgba(0, 0, 0, 0.075);padding:0.6em 0;text-align:center;}
.dashboard-cards .card-board .card-flap{background:#d9d9d9;position:absolute;width:100%;-webkit-transform-origin:top;transform-origin:top;-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg);-moz-box-shadow:0 0 30px 0 rgba(0, 0, 0, 0.1);-webkit-box-shadow:0 0 30px 0 rgba(0, 0, 0, 0.1);box-shadow:0 0 30px 0 rgba(0, 0, 0, 0.1);}
.dashboard-cards .card-board .card-flap h3{display:none;margin:0.4em auto;text-align:center;font-size:1em;}
.dashboard-cards .card-board .flap1{-webkit-transition:all 0.3s 0.3s ease-out;transition:all 0.3s 0.3s ease-out;z-index:-1;}
.dashboard-cards .card-board .flap2{-webkit-transition:all 0.3s 0s ease-out;transition:all 0.3s 0s ease-out;z-index:-2;}
.dashboard-cards.showing .card-board{cursor:pointer;opacity:0.6;-webkit-transform:scale(0.95);transform:scale(0.95);}
.dashboard-cards .no-touch .dashboard-cards.showing .card-board:hover{opacity:0.94;-webkit-transform:scale(0.92);transform:scale(0.92);}
.dashboard-cards .card-board.d-card-show{opacity:1!important;z-index:10000!important;-webkit-transform:scale(1)!important;transform:scale(1)!important;}
.dashboard-cards .card-board.d-card-show .card-flap{padding:2em 1em 1em 1em;background:#fff;-webkit-transform:rotateX(0deg);transform:rotateX(0deg);}
.dashboard-cards .card-board.d-card-show .flap1{-webkit-transition:all 0.3s 0s ease-out;transition:all 0.3s 0s ease-out;}
.dashboard-cards .card-board.d-card-show .flap2{display:none;-webkit-transition:all 0.3s 0.2s ease-out;transition:all 0.3s 0.2s ease-out;}
.dashboard-cards .card-board .task-count{width:40px;height:40px;position:absolute;top:22px;right:10px;background:#ecf0f1;text-align:center;line-height:40px;border-radius:100%;color:#333333;font-weight:600;-webkit-transition:all .2s ease;transition:all .2s ease;}
.dashboard-cards .task-list{padding:0;margin:0;}
.dashboard-cards .task-list li{padding:0.6em 0.4em;line-height:1.4;list-style-type:none;border-bottom:1px solid #e9ebed;-webkit-transition:all .2s ease;transition:all .2s ease;}
.dashboard-cards .task-list li:hover{background:#ecf0f1;-webkit-transition:all .2s ease;transition:all .2s ease;}
.dashboard-cards .task-list li em,.dashboard-cards .task-list li span{display:block;vertical-align:top;}
.dashboard-cards .task-list li em{font-size:0.9em;margin-bottom:0.4em;font-family:'Roboto';font-weight:bold;font-style:normal;color:black;}
.dashboard-cards.showing .card-board.d-card-show .task-count{color:#ffffff;background:#f36525;-webkit-transition:all .2s ease;transition:all .2s ease;}
.dashboard-cards .card-actions a{color:#fa8a8f;font-size:1.2em;}


@media only screen and (min-width:767px) and (max-width:1000px){
.dashboard-cards.step-down{width:100%;}
.dashboard-cards .card-board,.dashboard-cards.step-down .card-board{width:25%!important;max-width:25%!important;}
}

@media only screen and (max-width:767px){
.dashboard-cards.step-down{width:100%;}
.dashboard-cards .card-board,.dashboard-cards.step-down .card-board{width:100%!important;max-width:100%!important;}
.dashboard-cards .card-board .card-description{padding:0;}
.dashboard-cards .card-board .card-flap{width:0;margin:auto;left:50%;}
.dashboard-cards .card-board.d-card-show .card-flap{width:90%;left:5%;padding-top:3em;top:2em;}
.dashboard-cards .task-list li em,.dashboard-cards .task-list li span{display:table-cell;}
.dashboard-cards .task-list li em{min-width:90px;font-size:1em;padding-right:0.8em;}
}


.menu{z-index:100000;position:static;}
.menu.sticky{position:fixed!important;top:0!important;}
.menu.sticky#main-tabs{left:0;top:35%!important;width:200px;}
.menu.sticky#main-tabs .project-filter-buttons{display:block;}
.menu.sticky#main-tabs .project-filter-buttons .filter-button{width:100%;max-width:100%;}
.menu.sticky#main-tabs .project-filter-buttons.sub-nav .filter-button{width:auto;max-width:auto;}