@charset "utf-8";/*--------------------------
东风柳州汽车网站2016版 人才招聘栏目
作者：chihong
QQ:2586334408
---------------------------*/{}

.column_title{ height:2em;border-bottom:1px solid #E0E1E2; text-align:center; margin-bottom:4em;}
.column_title h1{ display:inline-block;*display:inline; color:#000; position:relative; top:0.25em; background:#FFF; font-size:2em; height:1.5em;letter-spacing:0.5em; padding-left:0.5em; line-height:1.5em;}
/*----社会招聘------------*/
.column_job .job_search { border:1px solid #A3A3A3; padding:2em 0; margin-bottom:2em;}
.column_job .job_search input{ background:url(../images/2016page/search.gif) no-repeat right center; width:80%; padding:0 2.5%; border:2px solid #F22B28; font-size:2em; line-height:1.75em; height:1.75em; background-size:1.75em; margin:0 auto; display:block; outline:none;}
.column_job .job_search .queryCriteria{ margin:1em 0; padding:1em 0; border-top:1px dashed #A3A3A3;border-bottom:1px dashed #A3A3A3; overflow:hidden;}
.column_job .job_search .queryCriteria .like_select{width:41.5%; margin:1em 2% 0 -2px ;opacity:0.75;filter: alpha(opacity=75); min-width:0; float:left; left:7.5%;}
.column_job .job_search .queryCriteria .like_select input{background:none; width:100%; padding:0 0 0 1em; border:0; font-size:1em; line-height:3em;margin:0 0 0 -1em; height:3em;}
.column_job .job_search .queryCriteria .like_select .input{_width:345px;}
.column_job .job_search button{max-width:26em;width:80%;_width:32.5em;overflow:hidden;outline:0; border:0; display:block; margin:0 auto; background:#F22B28 url(../images/2016page/search_btn.jpg) no-repeat center center;background-size:32.5em; padding:0; height:3.5em; text-indent:-9em; text-align:left;border-bottom: 0.25em solid #991C1A;border-top: 0.25em solid #F22B28;}
.column_job .job_btn{ height:3em; line-height:3em; max-width:20.8em;width:80%;_width:20.8em; display:block; margin:0 auto; text-align:center; color:#FFF; font-size:15px; background:#F22B28; border-bottom:0.2em solid #991C1A; font-weight:bold;}
.column_job table{ border:0; border-collapse:collapse; width:100%; border-spacing:0; margin-bottom:2em; }
.column_job table th{ background:#48474C; padding:1em 1em; color:#FFF; font-weight:bold;font-size:14px;}
.column_job table td{ border:1px solid #DFE4E8;padding:1em 1em;font-size:14px;}
.column_job .job_content{ border:1px dashed #BABABA; border-top:0; position:relative; top:-1em; padding:1em 0;}
.column_job .job_content .job_description{border-top:1px dashed #BABABA; border-bottom:1px dashed #BABABA; padding:1em 2em; margin:1em 0;}
.column_job .job_content .qualification{ list-style-type:none; padding:0 2em; overflow:hidden;}
.column_job .job_content .qualification li{ float:left; width:33%;}
.column_job .jobinfo{ cursor:pointer;}
.column_job .jobcontent{ display:none;}
.column_job table tr th:first-child,.column_job table tr td:first-child{ padding:1em 2em;}
.column_job table .outspread_open .jobcontent{ display:table-row;*display:block;}
.column_job table .outspread_open .jobinfo td:first-child{ background:url(../images/2016page/jobon.gif) no-repeat 20% 100%;}
.column_job table .mouseon{ background:#DFE4E8;}
.column_job table .outspread_open .mouseon{ background:none;}
.column_job table .outspread_open .jobinfo{ color:#000; font-weight:bold;}
.column_job table tbody.hide{ display:none;}

/*----校园招聘------------*/
.page_campusrecruitment .wrapper_container{ background:#FBFCFE;}
.column_campusrecruitment{ margin-top:-10%; font-size:13px;}
.column_campusrecruitment h3{ font-size:2em; line-height:2em; text-align:center;}
.column_campusrecruitment p{ margin:0.5em 0;}
.column_campusrecruitment table{ border:0; outline:1px solid #FFF; border-collapse:collapse; width:100%; margin:2em 0; background:#FFF;box-shadow: #AAA 2px 4px;}
.column_campusrecruitment table .red_btn{display:inline-block;padding:2px 4px;background-color:#F22B28;color:white;border-bottom:2px solid #991C1A}
.column_campusrecruitment td,.column_campusrecruitment th{ border:1px solid #E5E6E7; padding:0.5em 0; text-align:center;}
.column_campusrecruitment th{ background-color:white;
	color: #101010;; font-size:1.25em; padding:1.5em 0;border:1px solid #CCD1D7;}
.column_campusrecruitment table .col-1{width:40%}
.column_campusrecruitment table .col-2{width:10%}
.column_campusrecruitment table .col-3{width:35%}
.column_campusrecruitment .campusrecruitment_content_0 { padding:5%; text-align:center;}
.column_campusrecruitment .campusrecruitment_content_0 h3{position:absolute; visibility:hidden;}
.column_campusrecruitment .campusrecruitment_content_0 .video_content{ position:relative; max-width:720px; margin:0 auto; height:405px;}
.column_campusrecruitment .campusrecruitment_content_0 .video_content video{ width:100%;}
.column_campusrecruitment .campusrecruitment_content_1{ height:0; overflow:hidden; background:url(../images/2016page/campusrecruitment_content_1.jpg) no-repeat center top; background-size:100%; padding:95.05% 0 0; margin:0 -165px; border-left:165px solid #DFE4EA;border-right:165px solid #DFE4EA; }
/*.column_campusrecruitment .campusrecruitment_content_2{ padding:7.5% 0;width:100%}*/
.column_campusrecruitment .campusrecruitment_content_3{ position:relative;overflow:hidden;background:#DFE4EA;padding:7.5% 165px 5%;margin:0 -165px;}
.column_campusrecruitment .job_btn{ margin:0 auto; height:3em; line-height:3em; max-width:20.8em;width:80%;_width:20.8em; display:block;  text-align:center; color:#FFF; font-size:1.25em; background:#F22B28; border-bottom:0.2em solid #991C1A; font-weight:bold;}
.column_campusrecruitment .campusrecruitment_content_4{ padding:5% 0;}
.column_campusrecruitment .campusrecruitment_content_4 .txt{ padding:0 2em;}
.column_campusrecruitment .campusrecruitment_content_4 ul{ list-style-type:none;}
.column_campusrecruitment .campusrecruitment_content_4_1,.column_campusrecruitment .campusrecruitment_content_4_2,.column_campusrecruitment .campusrecruitment_content_4_3{ overflow:hidden; background:white; padding:2em 33.33% 2em 0; position:relative; margin-bottom:0.5em;}
.column_campusrecruitment .campusrecruitment_content_4_1 li{ margin:0.5em 0;}
.column_campusrecruitment .campusrecruitment_content_4_2{padding:2em 0 2em 33.33%;}
.column_campusrecruitment .campusrecruitment_content_4 h3{ position:absolute; width:33.33%; overflow:hidden; right:0; top:0; bottom:0; border-left:0.5em solid #F0F4F7; font-size:13px; text-indent:-999em; background-position:center center; background-repeat:no-repeat; background-size:40%;}
.column_campusrecruitment .campusrecruitment_content_4 .campusrecruitment_content_4_2 h3{ right:auto; left:0; border-right:0.5em solid #F0F4F7;border-left:0;}
.column_campusrecruitment .campusrecruitment_content_4_1 h3{ background-image:url(../images/2016page/campusrecruitment_content_4_1.jpg);}
.column_campusrecruitment .campusrecruitment_content_4_2 h3{ background-image:url(../images/2016page/campusrecruitment_content_4_2.jpg);}
.column_campusrecruitment .campusrecruitment_content_4_3 h3{ background-image:url(../images/2016page/campusrecruitment_content_4_3.jpg);}
.column_campusrecruitment .ewm{ overflow:hidden; padding-top:1em;}
.column_campusrecruitment .ewm img{ float:left; margin-right:0.5em;}
.column_campusrecruitment .ewm p{ color:#F22B28;}


/*----职位申请------------*/
.page_campusjobapplication .wrapper,.page_jobapplication .wrapper{ background:#FAFBFB;}
.jobapplication_title{ position:relative;border:0.25em solid #48474C; text-align:center; padding:0 0 1em;_width:950px;}
.jobapplication_title h1{ line-height:3em; height:3em; font-size:2em; background:#48474C; color:#FFF; margin-bottom:0.5em;}
.jobapplication_title .goback{ position:absolute; top:-1em; right:0; font-size:3em; line-height:1em; height:1em;*top:-1.25em;}
.jobapplication_title .note{ display:inline-block; padding:0.5em 2.5em; border:1px dashed #F42A26; margin:0 0.5em;}
.jobapplication_title .note em{ margin-right:0.25em; font-size:1.25em;}
.jobapplication_title .note.red em{ color:#F42A26}
.jobapplication_title .note.yellow em{ color:#F6D71A}
.column_jobapplication .applicationname{ padding:1em 0 0; overflow:hidden;}
.column_jobapplication .applicationname .like_select{ margin-bottom:1em;border:2px solid #F22B28;}
.column_jobapplication .applicationname .postname1{ float:left; width:65%; min-width:0;  background:#F22B28 url(../images/2016page/like_select4.gif) no-repeat right center; background-size:3em;}
.page_campusjobapplication .column_jobapplication .applicationname .postname1{ width:100%;}
.column_jobapplication .applicationname .postname1 .input{ color:#FFF; border-right:2px solid #FFF;_width:544px;}
.column_jobapplication .applicationname .postname1 .input input{color:#FFF;}
.column_jobapplication .applicationname .postname2{ float:right; width:32%;min-width:0;background: url(../images/2016page/like_select5.gif) no-repeat right center; background-size:3em;}
.column_jobapplication .applicationname .postname2 .input{ color:#F22B28; border-right:2px solid #F22B28;_width:242px;}
.column_jobapplication .applicationname .postname2 .input input{color:#F22B28;}
.column_jobapplication .btn_submit{padding:0; border:0;height:3em; line-height:3em;max-width:80%; width:20.8em; display:block; margin:0 auto; text-align:center; color:#FFF; font-size:1.25em; background:#F22B28; border-bottom:0.2em solid #991C1A; font-weight:bold; outline:0;}
.column_jobapplication .jobapplication_content { margin:1em 0 2em; overflow:hidden;}
.column_jobapplication .jobapplication_content h3{ border-bottom:3px solid #000; color:#000; font-size:2em; line-height:2em; margin-bottom:1em; font-style:italic;}
.column_jobapplication .jobapplication_content h3 em{ color:#F22B28; padding-left:0.125em;}
.column_jobapplication .application_honor h3 em{ color:#F6D71A;}
.column_jobapplication .jobapplication_content h3 .note{ margin-left:0.5em; font-size:0.625em; font-weight:lighter; vertical-align:baseline;}
.column_jobapplication .jobapplication_content dl{clear:left;min-height:4.25em;_height:4.35em; padding-bottom:1em; width:98%;position:relative; left:1%;color:#000; font-weight:bold;}
.column_jobapplication .jobapplication_content dl.half{ float:left; clear:none;  width:48%; margin-right:2%;}
.column_jobapplication .jobapplication_content dl.half2{ width:68%;}
.column_jobapplication .jobapplication_content dt{ width:6.5em; height:2.25em; line-height:2.25em; margin-bottom:-2.25em; position:relative; top:2px; text-align:right;}
.column_jobapplication .jobapplication_content dt em{ color:#F6D71A;}
.column_jobapplication .jobapplication_content dd{ padding-left:7em;}
.column_jobapplication .jobapplication_content dd .like_select{ width:auto;min-width:0; display:block; height:2.25em;background: url(../images/2016page/like_select3.png) no-repeat right center;background-size:2.25em;border:1px solid #7F7F7F;}
.column_jobapplication .jobapplication_content dd .like_select .input {margin: 0 2.25em -2.25em 0;height:2.25em;line-height:2.25em;border-right:1px solid #7F7F7F;}
.column_jobapplication .jobapplication_content dd .like_select .input{_width:760px;}
.column_jobapplication .jobapplication_content dl.half dd .like_select .input{_width:303px;}
.column_jobapplication .jobapplication_content dd .like_select .input input{height:2.25em; line-height:2.25em;}
.column_jobapplication .jobapplication_content dd .like_select select { height:2.25em; font-size:1em;}
.column_jobapplication .jobapplication_content div.input{ border:1px solid #7F7F7F; padding:0 1em; height:2.25em;}
.column_jobapplication .jobapplication_content div.input input{ border:0;height:2.25em; width:100%; margin:0 -1em; line-height:2.25em; padding:0 1em; outline:0; background:none; font-weight:bold;}
.column_jobapplication .jobapplication_content dd input.laydate{ background:url(../laydate/skins/default/icon.png) no-repeat right center; background-size:2em;}
.column_jobapplication .jobapplication_content div.textarea{ border:1px solid #7F7F7F; padding:0 1em;}
.column_jobapplication .jobapplication_content div.textarea textarea{ border:0; margin:0; height:7em; width:100%; margin:0 -1em; line-height:1.5em; padding:0.75em 1em; outline:0; background:none; font-weight:bold;}
.column_jobapplication .jobapplication_content dd label{ line-height:2.25em; height:2.25em; margin-right:1em; position:relative; top:2px; left:1em;}
.column_jobapplication .jobapplication_content dd label input{zoom:1.5; margin-right:0.25em;}
.column_jobapplication .jobapplication_content dl.photo{ float:right;width:28%; margin-right:2%; height:17em;}
.column_jobapplication .jobapplication_content dl.photo dt{ display:none;}
.column_jobapplication .jobapplication_content dl.photo dd{ padding:0 0 3.83em 0; background:url(../images/2016page/photo_txt.jpg) no-repeat right bottom; background-size:11.5em;}
.column_jobapplication .jobapplication_content dl.photo dd .photofile{padding:0.5em;border:1px solid #7F7F7F; background:#FFF; position:relative; width:10.5em; overflow:hidden; margin:0 0 0 auto;}
.column_jobapplication .jobapplication_content dl.photo dd img{ width:100%; height:auto;}
.column_jobapplication .jobapplication_content dl.photo dd input{ position:absolute; top:0;right:0; width:100%; font-size:15.6em;opacity:0;filter:alpha(opacity=0);}
.column_jobapplication .wapshow{ display:none;}

.column_jobapplication .educational_content{ border-top:1px dashed #000;border-bottom:1px dashed #000; padding:3em 0; margin-top:-1px;}
.column_jobapplication .work_content{border-bottom:1px dashed #000; padding:0 0 3em; margin-bottom:3em;}
.page_campusjobapplication .column_jobapplication .educational_content{border-top:0;margin-top:0;padding:0 0 3em;margin-bottom:3em;}
.column_jobapplication .btn_del{height:2.8em; line-height:2.8em; max-width:26em;width:80%; display:block; margin:0 auto; text-align:center; color:#FFF; font-size:1.25em; background:#3D3D3F; border-bottom:0.2em solid #000; font-weight:bold; cursor:pointer;}
.column_jobapplication .btn_add{height:2.4em; line-height:2.4em; margin:1em 0 0 auto; display:inline-block;*display:inline;text-align:center; color:#FFF; font-size:1.25em; padding:0 4.8em 0 2.4em; background:#F22B28 url(../images/2016page/btn_add.gif) no-repeat right center; background-size:2.4em;cursor:pointer; float:right;}
.column_jobapplication .application_work .btn_add{ margin-top:-1.6em;}
.page_campusjobapplication .application_educational .btn_add{ margin-top:-1.6em;}
.column_jobapplication .btn_del1{ display:none;}
.column_jobapplication .startstop{ padding:0 3em 0 3em; overflow:hidden;}
.column_jobapplication .startstop div.input{ margin:0 0 0 -3em; width:50%; float:left;_margin:0 0 0 -1.5em;}
.column_jobapplication .jobapplication_content .startstop div.left input{_margin:0 -1em 0 0.25em;}
.column_jobapplication .startstop div.input.right{margin:0 -3em 0 0;}
.column_jobapplication .startstop .txt{ float:left; line-height:3em; height:3em; width:1em; text-align:center; padding:2px;}
.column_jobapplication .jobapplication_content div.error{border:1px solid #F22B28;}
.column_jobapplication .applicationname div.error{ border:1px solid #F6D71A;}
.column_jobapplication .jobapplication_content dl.photo dd .photofile.error{ border:1px solid #F22B28;}


/*----员工风采------------*/
.column_staffstyle{ background:#DFE4EA; padding: 3em 70px; font-size:14px;}
.column_staffstyle .column_title { border-bottom:1px solid #C8CDD3;}
.column_staffstyle .column_title h1{background:#DFE4EA;}
.column_staffstyle a,.column_staffstyle a:link,.column_staffstyle a:visited,.column_staffstyle a:active{color:#000;}
.column_staffstyle a:hover{color:#CF0232;}
.column_staffstyle .list_content{overflow:hidden; margin-right:-10px;}
.column_staffstyle article{position:relative;float:left;width:50%;margin-bottom:2em;overflow:hidden;line-height:1.75em;}
.column_staffstyle article a{position:relative;display:block;margin-right:10px;padding:58% 0 1.75em;height:1.75em;}
.column_staffstyle article .img_container{position:absolute;padding:56.25% 0 0;left:0;top:0;right:0;overflow:hidden;height:0;width:100%;}
.column_staffstyle article .icon_video{position:absolute;padding:56.25% 0 0;width:100%;height:0;left:0;top:0;overflow:hidden;display:block;background-color:rgba(0,0,0,.5);background-image: url(../images/2016page/icon_video.png);background-position: center center;background-repeat: no-repeat ;background-size:20%;opacity:0.7;filter:alpha(opacity=70);z-index:5;}
.column_staffstyle article img{width:100%;position:absolute;left:0;top:0;}
.column_staffstyle article  p{ height:1.75em; text-align:center; overflow:hidden;}
.column_staffstyle .list_bottom {border-bottom:1px solid #C8CDD3;}
.staffstyleimg .addition_content{ margin-bottom:0em;}

@media all and (min-width:0px) {
.column_jobapplication .jobapplication_content dd label input{zoom:1;-moz-transform: scale(1.5);-webkit-transform:scale(1.5);-ms-transform:scale(1.5);transform:scale(1.5);margin:0 0.75em 0 0.5em;}	
.column_campusrecruitment .campusrecruitment_content_0 .video_content{ height:auto;}
}

@media all and (min-width:0px) and (max-width:767px){
	.column_job table th,.column_job table td{ font-size:12px;}
	.column_job thead tr th:nth-child(2),.column_job thead tr th:nth-child(4){ display:none;}
	.column_job .jobinfo td:nth-child(2),.column_job .jobinfo td:nth-child(4){ display:none;}
	.column_job .job_content .qualification li{ width:50%;}
	.column_staffstyle{ background:none; padding:0; font-size:12px;}
	.column_staffstyle .column_title h1{background:#FFF;}
	.column_jobapplication{ padding-top:1.5em;}
	.column_jobapplication .applicationname .postname1{ float:none; width:100%;}
	.column_jobapplication .applicationname .postname2{ display:none;}
	.column_jobapplication .jobapplication_content dl.half{ float:none; clear:left;width:98%; margin-right:0;}
	.column_jobapplication .jobapplication_content dl.half2{ width:68%;}
	.column_jobapplication .jobapplication_content dl.photo{width:20%; margin-right:2%;}
	.column_jobapplication .jobapplication_content dl.photo dd .photofile{ width:auto;}
	.column_jobapplication .jobapplication_content dl.photo dd{ padding:0 0 33.33%; background-size:100%;}
	
	.page_campusjobapplication .column_jobapplication .educational_content{padding:0;}
	.page_campusjobapplication .application_educational .btn_del{ margin-bottom:1.6em;}
	
	.column_jobapplication .wapshow{ display:block;}
	.column_jobapplication span.wapshow{ display:inline;}
	.column_jobapplication .wapnoshow{ display:none;}
	
	.column_campusrecruitment { margin:-10% -5.55556%; font-size:1rem;}
	.column_campusrecruitment .campusrecruitment_content_2{ padding:5%;}
	.column_campusrecruitment .campusrecruitment_content_3{ padding:5%; margin:0;}
	/*.column_campusrecruitment table{ outline:none; background:none; margin:1em 0;}
	.column_campusrecruitment thead{display:none;}
	.column_campusrecruitment tr{display:block;border:1px solid #E5E6E7;margin-bottom:0.5em; padding:0.5em 0; outline:1px solid #FFF; background:#FFF;}
	.column_campusrecruitment td[rowspan]{border:0;font-weight:bold;padding:0.5em 1em; font-size:1.25em;border:1px solid #E5E6E7;background:#F0F4F7; top:-0.4em; margin:-1px -1px 0.5em;}
	.column_campusrecruitment td{display:block;border:0;font-weight:bold;text-align:left;padding:0 1em 0 6em; position:relative;}
	.column_campusrecruitment td:before{content:attr(class);font-weight:lighter;position:absolute; left:1em; top:0;}
	.column_campusrecruitment td[rowspan]:before{content:'.'; height:0.4em; bottom:-0.5em; padding:0 2px;background:#DFE4EA;border-bottom:2px solid #FFF;position:absolute; width:100%; left:-2px; top:auto; overflow:hidden;}
	.column_campusrecruitment td[rowspan]:after{content:'.'; height:1px; bottom:-8px;background:#E5E6E7;position:absolute; width:100%; left:-2px; top:auto; overflow:hidden;}*/
	.column_campusrecruitment .campusrecruitment_content_4{ padding:5%; text-align:center;}
	.column_campusrecruitment .campusrecruitment_content_4_1,.column_campusrecruitment .campusrecruitment_content_4_2,.column_campusrecruitment .campusrecruitment_content_4_3{padding:2em 0;}
	.column_campusrecruitment .campusrecruitment_content_4_1 li{ margin:0;}
	.column_campusrecruitment .campusrecruitment_content_4 h3{ position:static; width:0;height:0; padding:25% 0 0 25%; border:0 !important; margin:0 auto 1em; background-size:80%;}
	.column_campusrecruitment .campusrecruitment_content_4 .txt{ display:inline-block; text-align:left;}
	.column_campusrecruitment .ewm{ text-align:center;}
	.column_campusrecruitment .ewm img{ float:none;}

}
@media all and (min-width:0px) and (max-width:479px){
	.column_job .job_content .qualification li{ width:100%;}
	.column_campusrecruitment table .col-1{width:35%}
	.column_campusrecruitment table .col-2{width:10%}
	.column_campusrecruitment table .col-3{width:30%}
}
@media all and (min-width:0px) and (max-width:359px){
	.jobapplication_title .note {padding: 0.25em 1em;}
	.column_jobapplication .jobapplication_content dl.half2{ width:98%;}
	.column_jobapplication .jobapplication_content dl.photo{ float:none;width:98%; margin-right:2%;}
	.column_jobapplication .jobapplication_content dl.photo dt{ display:block;}
	.column_jobapplication .jobapplication_content dl.photo dd{ padding-left:0em; margin:0 0 0 7em; background-size:10.5em; padding-bottom:3.833em; background-position: center bottom;}
	.column_jobapplication .jobapplication_content dl.photo dd .photofile{ width:10.5em; margin:0 auto;}
}

@media all and (min-width:0px) and (max-width:319px){
	.column_staffstyle article{width:100%;}
	.column_job .job_search .queryCriteria .like_select{width:85%;float:none;}
	.column_jobapplication .jobapplication_content dt{ width:auto; height:1.75em; line-height:1.75em; margin-bottom:0;top:0px; text-align:left;}
	.column_jobapplication .jobapplication_content dd{ padding:0;}
	.column_jobapplication .jobapplication_content dl.photo dd{padding-bottom:0 0 3.833em; margin:0;}
	.column_jobapplication .btn_add { padding:0 3.6em 0 1.2em}
}
