.resume_main{background:#fff;color: #414141;}
.resume_main .default_item_html {
    display: inline-block;
    position: absolute;
    left: 0px;
    margin-top: 2px;
}
.resume_main .default_html {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 140px;
    width: 100%;
    overflow: hidden;
}
.resume_main .default_html svg{
    margin-top: -268px;
    margin-left: -89px;
}
.resume_main .resume_m1 {
    position: relative;
    padding-top: 70px;
    background-color: transparent;
}
.resume_main .resume_m1:before {
   content: 'personal resume';
    display: none;
    width: 100%;
    height: 30px;
    position: absolute;
    left: 0px;
    top: 30px;
    text-align: center;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.569);
    text-transform: uppercase;
    letter-spacing: 16px;
}
.resume_m2 .info_item-null{display:none;}
.resume_m1,.resume_m2,.resume_m3{padding:0 60px; background: inherit;}
.resume_main .resume_m3 .resume_item:first-child dl{padding-top:0px !important;}
.resume_main .head_item{
    margin-top: -25px;
    z-index:2;
}
.resume_main .resume_item.info_item{display: block}
.name_item dl,.base_info_item dl{padding:0;}
.resume_main .base_info_item .info_item_list{display:inline-block;width: 240px;}
.resume_main .base_info_item .info_item_list a.alifont{display:none;}
.resume_main .base_info_item .info_item_list span[data-placeholder]:not(:empty):before{content: attr(data-placeholder)'：';}
.resume_main .base_info_item .info_item_list span{display:block;margin-right:2px;line-height: 2.143;}
.resume_main .base_info_item .info_item_list:last-child span,
.resume_main .base_info_item .info_item_list.last-child span{border-right:none; padding-right:0; margin-right:0;}


.resume_main .resume_m3 .head_item.hidden+.name_item{margin-top: -45px;color: #fff;margin: -45px 155px 0px;}
.resume_main .resume_m3 .head_item.hidden+.name_item.editing{background:rgba(250,250,250,0.3)}
.resume_main .resume_m3 .name_item{text-align:center;margin-top: -15px;}
.name_item .name-con{padding: 0px;}
.name_item .name-con .name{line-height:1.1;margin-bottom:22px;}
.resume_main .name_item dl{padding:5px 0 !important;min-height: 50px;}
.resume_main .info_item dt{display:block}
.resume_main .resume_item dl dt{height:40px;line-height:34px;margin-bottom: 5px;}
.resume_item dl dt span.resume_item_title_span{color: #484b4e;padding-left: 30px;}
.resume_item dl dt a.alifont{display:none;}

.resume_main  .resume_item .resume_item_list_title span.time,
.resume_main  .resume_item .resume_item_list_title span.location,
.resume_main  .resume_item .resume_item_list_title span.role{float:left; width: 33.33%; margin:0; font-weight:bold; color:#484b4e;}
.resume_main  .resume_item .resume_item_list_title span.time{text-align:left;}
.resume_main  .resume_item .resume_item_list_title span.location{text-align:left;}
.resume_main  .resume_item .resume_item_list_title span.role{text-align:left;}
.resume_main  .resume_item .resume_item_list_text .description{color:#6a6f74;}

.resume_main .skill_item dl dd,.resume_main .hobby_item dl dd{position:relative; padding-top:20px;}
.resume_main .resume_m2 .skill_item .skill_item_list{margin: 0 18px 15px !important;}
.resume_main .skill_item .skill_slider span::before{background-color:#fff !important;}
.resume_m2 .work_list .work_title, 
.resume_m2 .work_list,
.resume_main .work_list{width:30%; margin-right:5%;}
.resume_main .work_list:nth-of-type(even){margin-right:5%;}
.resume_main .work_list:nth-of-type(odd){clear:none;}
.resume_main .work_list:nth-of-type(3n){margin-right:0;}
.resume_main .work_list:nth-of-type(3n+1){clear:both;}
 
.resume_main[data_color="c1"] .default_item_html svg path:last-child{fill:#0b70bd;}
.resume_main[data_color="c2"] .default_item_html svg path:last-child{fill:#254665;}
.resume_main[data_color="c3"] .default_item_html svg path:last-child{fill:#589bf7;}
.resume_main[data_color="c4"] .default_item_html svg path:last-child{fill:#ff7171;}
.resume_main[data_color="c5"] .default_item_html svg path:last-child{fill:#37b754;}
.resume_main[data_color="c6"] .default_item_html svg path:last-child{fill: #222425;}
.resume_main[data_color="c7"] .default_item_html svg path:last-child{fill:#ee7000;}
.resume_main[data_color="c8"] .default_item_html svg path:last-child{fill:#a29177;}
.resume_main[data_color="c9"] .default_item_html svg path:last-child{fill:#da180f;}
.resume_main[data_color="c10"] .default_item_html svg path:last-child{fill:#6b4b24;}
.resume_main[data_color="c11"] .default_item_html svg path:last-child{fill:#048BB3;}
.resume_main[data_color="c12"] .default_item_html svg path:last-child{fill:#5974D4;}
.resume_main[data_color="c13"] .default_item_html svg path:last-child{fill:#9D57CA;}
.resume_main[data_color="c14"] .default_item_html svg path:last-child{fill:#d4ba38;}
.resume_main[data_color="c15"] .default_item_html svg path:last-child{fill:#69cc41;}

.resume_main[data_color="c1"] .default_html svg path{fill:#0b70bd;}
.resume_main[data_color="c2"] .default_html svg path{fill:#254665;}
.resume_main[data_color="c3"] .default_html svg path{fill:#589bf7;}
.resume_main[data_color="c4"] .default_html svg path{fill:#ff7171;}
.resume_main[data_color="c5"] .default_html svg path{fill:#37b754;}
.resume_main[data_color="c6"] .default_html svg path{fill: #222425;}
.resume_main[data_color="c7"] .default_html svg path{fill:#ee7000;}
.resume_main[data_color="c8"] .default_html svg path{fill:#a29177;}
.resume_main[data_color="c9"] .default_html svg path{fill:#da180f;}
.resume_main[data_color="c10"] .default_html svg path{fill:#6b4b24;}
.resume_main[data_color="c11"] .default_html svg path{fill:#048BB3;}
.resume_main[data_color="c12"] .default_html svg path{fill:#5974D4;}
.resume_main[data_color="c13"] .default_html svg path{fill:#9D57CA;}
.resume_main[data_color="c14"] .default_html svg path{fill:#d4ba38;}
.resume_main[data_color="c15"] .default_html svg path{fill:#69cc41;}


.resume_main[data_color="c1"] .default_item_html svg path:first-child{stroke:#0b70bd;}
.resume_main[data_color="c2"] .default_item_html svg path:first-child{stroke:#254665;}
.resume_main[data_color="c3"] .default_item_html svg path:first-child{stroke:#589bf7;}
.resume_main[data_color="c4"] .default_item_html svg path:first-child{stroke:#ff7171;}
.resume_main[data_color="c5"] .default_item_html svg path:first-child{stroke:#37b754;}
.resume_main[data_color="c6"] .default_item_html svg path:first-child{stroke: #222425;}
.resume_main[data_color="c7"] .default_item_html svg path:first-child{stroke:#ee7000;}
.resume_main[data_color="c8"] .default_item_html svg path:first-child{stroke:#a29177;}
.resume_main[data_color="c9"] .default_item_html svg path:first-child{stroke:#da180f;}
.resume_main[data_color="c10"] .default_item_html svg path:first-child{stroke:#6b4b24;}
.resume_main[data_color="c11"] .default_item_html svg path:first-child{stroke:#048BB3;}
.resume_main[data_color="c12"] .default_item_html svg path:first-child{stroke:#5974D4;}
.resume_main[data_color="c13"] .default_item_html svg path:first-child{stroke:#9D57CA;}
.resume_main[data_color="c14"] .default_item_html svg path:first-child{stroke:#d4ba38;}
.resume_main[data_color="c15"] .default_item_html svg path:first-child{stroke:#69cc41;}