section { clear: both; width: 1280px; margin-left: auto; margin-right: auto;  }

section .headhunter { float: left; width: 960px; margin: 20px 10px 20px 0px; border: 0px solid #ddd; }
section .headhunter dl { margin: 0; display: flex; height: 100%; }
section .headhunter dt { position: relative; float: left; width: 100px; background: #fff; margin-right: 5px; height: 100%; }
section .headhunter dt ul { margin: 10px 0px; }
section .headhunter dt li { box-sizing: border-box; width: 100%; height: 70px; border: 1px solid #ddd; margin-bottom: 10px; border-radius: 6px; padding: 10px; font-size: 11px; line-height: 20px;}
section .headhunter dt li i { font-size: 26px; }
section .headhunter dt li.on { width: 100%; height: 70px; background: #f7f9ff; border: 1px solid #3d61ad;  }

section .headhunter dd { float: left; width: 860px; margin-right:20px; }
section .headhunter dd div.view_info { width: 100%; position: relative; clear: both; margin: 10px; border: 1px solid #ddd; border-radius: 6px; height: 100%; text-align: left; }
section .headhunter dd div ul { display: inline-block; margin: 20px; margin-top: 50px; margin-bottom: 10px;  }
section .headhunter dd div li.sub_title { font-size: 16px; }
section .headhunter dd div li.main_title { font-size: 20px; font-weight: bold; margin-top: 20px; }

section .headhunter dd div.view_info p.searchfirm_logo { position: absolute; top: 0px; left: 15px; padding: 0; margin: 0; font-size: 22px; font-weight: bold;}

section .headhunter div.view_info .apply_btn_area { position: absolute; top: 10px; right: 20px; padding: 0; margin: 0; }
section .headhunter div.view_info .apply_btn_area li { float: left; padding: 7px 15px; color:#fff; border: 1px solid #3659f1; background: #3659f1; border-radius: 5px; margin-right: 10px; }

section .headhunter div.view_info table { width: 100%; }
/* section .headhunter div.view_info td { padding-top: 25px;  } */
section .headhunter div.view_info td ul { width: 100%; }
section .headhunter div.view_info td li { position: relative; width: 90%; font-weight: bold; line-height: 26px; font-size: 14px; padding: 10px 15px; border-bottom: 1px dotted #ddd; }
section .headhunter div.view_info td li span { display:inline-block; width: 120px; margin-right: 30px;  font-weight: normal; }
section .headhunter div.view_info td h2 { margin: 20px; font-size: 16px; background-color: #f1f1f1; padding: 5px 15px; }
/* section .headhunter div.view_info td div { margin: 20px; font-size: 14px; padding: 15px; line-height: 24px;} */
section .headhunter div.view_info .tddiv { margin: 20px; font-size: 14px; padding: 15px; line-height: 24px;}

section .headhunter div.view_info { position: relative; clear: both; margin: 10px; border: 1px solid #ddd; border-radius: 6px; height: 100%; text-align: left; }
section .headhunter div.view_info h2 {  text-align: left; color: #434343; font-size: 14px; font-weight: bold; padding: 10px 5px; margin-left: 15px; border-bottom: 1px solid #ddd; }

section .headhunter dd div.view_info td p { margin-top: 5px; font-weight: bold;}
section .headhunter dd div.view_info td input[type="text"] { width:90%; height: 22px; padding: 5px; color:#434343; border: 1px solid #ddd; border-radius: 5px;}
section .headhunter dd div.view_info td textarea { width:90%; height: 150px; padding: 5px; color:#434343; border: 1px solid #ddd; border-radius: 5px;}

section .headhunter dd div.view_info table.ht { width: 94%; margin: 20px; background-color: #efefef; }
section .headhunter dd div.view_info table.ht td { padding: 10px 15px; }
div input[type="button"]{ width: 100px; padding: 10px; color:#fff; border: 1px solid #3659f1; background: #3659f1; }


section .headhunter dd .view_info { position: relative; clear: both; width: 90%; text-align: left; margin: 0; }
section .headhunter dd .view_info h2 { font-size: 15px;}
section .headhunter dd .view_info li { clear: both; display: flex; border: 1px solid #ddd; border-radius: 6px; margin-bottom: 10px; cursor: pointer; }
section .headhunter dd .view_info li:hover { filter: brightness(0.5); }
section .headhunter dd .view_info li dd { text-align: left; float: left; margin-right: 15px; padding: 10px 20px; line-height: 24px; font-size: 14px; }
section .headhunter dd .view_info li dd p { font-size: 16px; font-weight: bold; }

section .headhunter dd .view_info li dd .btn_1 { padding: 3px 10px; border: 1px solid #3d61ad; margin-right: 15px; background-color: #3d61ad; border-radius: 5px; color: #fff;}
section .headhunter dd .view_info li dd .btn_2 { padding: 3px 10px; border: 1px solid #3d61ad; margin-right: 15px; background-color: #fff; border-radius: 5px; color: #444;}


section .sub_info { float: left;  width: 300px; margin-top: 20px; text-align: left; }
section .sub_info h2 { font-size: 14px; margin: 18px 10px 10px 10px; text-align: left; }

section .sub_info li { position: relative; width: 300px; border: 1px solid #ccc; margin-right: 15px; margin-top: 10px;  height: 120px; background-color: #fff; border-radius: 5px;}
section .sub_info li dl { clear: both; box-sizing: border-box;   margin: 10px;  cursor: pointer;}
section .sub_info li dt { text-align: left; font-size: 16px; font-weight: bold; color: #666;  margin-top: 10px;}
section .sub_info li dd { margin-top: 10px; font-size: 14px; }
section .sub_info li dd:last-child { text-align: right; font-size: 11px; color: #3d4ead; font-weight: bold; }

section .sub_info li p.logo { position: absolute; right: 7px; top:7px; }
section .sub_info li p.logo img { border-radius: 5px;}
section .sub_info li:nth-child(4n) { margin-right: 0;}

.td_ul {border: 0px !important; padding: 0 0px 10px 5px !important;}
.r_margin15_padding20 {margin: 0 0 10px 15px !important; padding: 0 0 0 20px !important;}