@charset "utf-8";
/* CSS Document */
body{ background: #f7f7f7;}
*{ margin:0; padding:0; font-family:'微软雅黑'; list-style:none; font-size:14px; color:#666; border:none;}
.clear:after{
	content:"."; 
	display:block; 
	height:0; 
	visibility:hidden; 
	clear:both; 
	}
.clear {
	*zoom:1;
	}
table{border:0;margin:0;border-collapse:collapse;border-spacing:0;}
table td{padding:0;} 
.gray_bg{ background:#f7f7f7;}
.main_width{ width:1000px; margin:0 auto; background:#fff;}
.main_width2{ width:1021px; margin:0 auto; background:#fff; border:1px solid #dedede; margin-top:20px;}
.text_red{ color:#ff6666;}
.text_red2{ color:#ff6666; font-size:16px;}
input{ border:1px solid #dedede; padding:3px;}
select{ border:1px solid #dedede; padding:2px 3px;}
textarea{ border:1px solid #dedede; padding:5px;}
input:focus,textarea:focus,select:focus {
    border-color: rgba(82, 168, 236, 0.8);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(82, 168, 236, 0.6);
}

.marginTop15{margin-top:15px;}

/* logo */
.logo_div{ background:#fff;border-bottom:1px solid #dedede; }
.resumeLogo{
	/* max-width:188px; */
	/*height:86px;*/
	height:60px;/*  #72516 */
}

.title{background:#f7f7f7; border-bottom:1px solid #dedede; padding:13px 20px; color:#333;}
.title_left{display:inline-block;}
.title_left span{ font-size:16px;color:#3c86cf; }
.title_left span.set_warn_msg {text-align:center;color:red;font-weight: normal;font-size: 14px;}
div.title_right{display:inline-block; float:right; margin-top:-5px;}
td.title_right{ text-align: right; padding-right:10px;}
.title_right span{ font-size:16px;}
.title_right a{ color:#3c86cf;text-decoration: none;}
.title_right a:hover{ color:#0e65b9;text-decoration: underline;}

/*.save{ color:#3c86cf; display:inline-block; padding:3px 20px; background:#fff; float:right; cursor:pointer;}
.save:hover{color:#085db0;}
.pack_up{ color:#999; display:inline-block; padding:3px 20px; background:#fff url(pack_up.gif) 10px center no-repeat; float:right; cursor:pointer;}
.pack_up:hover{color:#085db0; background:#fff url(pack_up1.gif) 10px center no-repeat;}*/
.save{ float:right;display:inline-block;}
.save a{color:#3c86cf;display:inline-block; padding:3px 10px; background:#fff;cursor:pointer;text-decoration: none;}
.save a:hover{color:#0e65b9;text-decoration: underline;}
.add_more{color:#3c86cf; display:inline-block; padding:5px 0; cursor:pointer;}
.add_more:hover{color:#085db0;}
.add_more2{background:#f9f9f9;
    border: 1px dashed #e8e8e8;
    border-radius: 2px;
    color: #3c86cf;
    cursor: pointer;
    display: inline-block;
    margin-left: 105px;
    margin-top: 15px;
    padding: 10px 0;
    text-align: center;
    width: 405px;}
.add_more2:hover{color:#085db0; background:#f3f3f3;}

.nav{ width:150px; padding:10px 20px; float:left; padding-top:0;}
.nav .title2{ font-size:16px; padding:10px 0; display:inline-block; width:100%; border-bottom:1px solid #dedede;}
.nav ul{ margin-top:10px; padding-bottom:10px; margin-bottom:20px; border-bottom:1px solid #dedede;}
.nav ul li{ padding:5px 0; padding-left:20px;}
.nav ul li a{
	text-decoration:none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
	display: block;
}
.nav ul li.finish{ background:url(../../images/web/right_bg.png) no-repeat left center;}
.nav ul li.warnning{ background:url(../../images/web/error_bg.png) no-repeat left center;}
.nav ul li.current{ color:#3c86cf; }
.nav ul li:hover{color:#3c86cf; cursor:pointer;}
.nav_buttons{ margin-top:10px;}
.nav_buttons .button1{ margin:5px auto;}

.resume_div{ margin-bottom:35px;}

.resume_info{ float:left; border-left:1px solid #dedede; min-height:500px; width:790px; padding:20px; padding-top:0px;}
.resume_table1{ }
.resume_table1 td{ padding-top:5px; padding-bottom:5px;}
/*.resume_table1*/ tr.tr_errorMsg td{font-size:12px; color:#ff6666; /*vertical-align:top; line-height:15px;*/ padding-top:0px;}
tr.tr_errorMsg td span {font-size: 12px;display:inline-block; margin-top:-5px;word-break: break-all;}

td.resume_info_title{width:100px; text-align:right; padding-right:15px;}
.resume_table1 .resume_basic_content{width:205px; text-align:left;}
.user_pic_div{ float:left; margin-left:55px; width:106px; text-align:Justify;text-justify:inter-ideograph;}
.user_pic{ width:106px; margin:0px auto; position:relative; border: 1px solid #DEDEDE;}
.append_pic_text{ position:absolute; z-index:2; bottom:0px; left:0; 
				display:inline-block; width:106px; padding:5px 0; text-align:center; background:#000;opacity:0.5;
				color:#fff; }
.append_pic{ width:98px; position:absolute; z-index:10; bottom:0px; left:0; height:22px;opacity:0; cursor:pointer;}
.user_pic img{ width:106px; height:139px; border:1px solid #dedede;}

.resume_table2{ width:100%;}
.resume_table2 td{ padding-top:5px; padding-bottom:5px;}
.resume_table2 td.resume_info_title{ padding-top:8px; padding-bottom:8px;}
/*
.resume_table3{ width:100%; margin-top:15px;}
.resume_table3 td{ vertical-align:top;}
*/
.resume_table1 .input1{ width:175px; padding:5px 3px;}
.resume_table1 .select1{ width:185px; padding:5px 8px;}
.resume_table1 .select2{ width:90px; padding:5px 3px;margin-right: 4px}
.resume_table1 .select3{ width:90px; padding:5px 3px;}
.resume_table1 .textarea1{ width:175px; height:50px;}

.resume_table2 .input1{ width:395px; padding:5px 8px;}
.resume_table2 .select1{ width:413px; padding:5px 8px;}
.resume_table2 .select2{ width:202px; padding:5px 8px;margin-right: 4px}
.resume_table2 .select3{ width:202px; padding:5px 8px;}
.resume_table2 .textarea1{ width:395px; height:100px;}
.resume_table2 .textarea2{ width:395px; height:50px;}
/*
.resume_table3 .input1{ width:395px; padding:8px;}
.resume_table3 .select1{ width:413px; padding:7px 8px;}
.resume_table3 .select2{ width:202px;padding:7px 8px;}
.resume_table3 .textarea1{ width:395px; height:100px;}
.resume_table3 .textarea2{ width:395px; height:50px;}
*/
.button2{background: none repeat scroll 0 0 #3b86cf;color: #fff;
		border-radius: 3px;
		cursor: pointer;
		padding: 7px 0px;
		display:inline-block;
		min-width:80px;
		text-align:center;}
.button2:hover{ background:#0e65b9; color:#eee;}
.button1{background: #f9f9f9;color: #3b86cf;
		border-radius: 3px;
		cursor: pointer;
		padding: 7px 0px;
		display:inline-block;
		width:150px;
		text-align:center;
		border:1px solid #e8e8e8;
		}
.button1:hover{color:#1f69b2; background:#f3f3f3;}
.title3{ font-size:16px; padding:10px 0; border-bottom:1px solid #dedede;}
.text1{ font-size:12px; color:#ff6666; padding:0px 0; display:inline-block;}
.text2{ font-size:12px; color:#888;}
.error_msg{ font-size:14px; color:#ff6666;}
.error_msg2{color:#fe4646; font-size:12px; padding-top:10px; text-align:left;}
.subtitle{ background:url(../../images/web/ePoint.gif) repeat-x 0 center; padding:20px 0;}
.subtitle .subtitle_title{ font-size:16px; color:#3c86cf; background:#fff; padding-left: 15px;padding-right:20px;}
.subtitle .subtitle_title .set_warn_msg{ font-size:14px; }

.appdend_div{ position:relative; width:405px; height:30px;}
.append{ position:absolute; width:405px; height:30px;opacity:0; top:0; left:0;}

.resume_buttons{ margin-top:60px; margin-bottom:50px; padding-left:105px;}

.save_button_div{ padding-top:15px; padding-left:105px;}

.soFar {text-decoration: none;color:#0e65b9; }
.setTitle {}
.iconExpand {display:inline-block;width:20px; height: 11px; background: url(../../images/resume/expand.png) no-repeat}
.iconCollapse {display:inline-block;width:20px; height: 11px;background: url(../../images/resume/collapse.png) no-repeat}
.btnBlue{
    background-color: #3b86cf;
    padding: 3px 15px;
    margin-left: 5px;
    border-radius:2px;
    border-bottom:2px solid #166cc0;
}

.btn_select_file{
	background-color: #95a4a7;
	color: #fff;
	border-radius: 25px;
	padding: 5px 5px;
}
.input_file{
	filter: alpha(opacity=0);
	-moz-opacity: 1;
	opacity: 0;
	margin-left: -75px;
	z-index: 99;
    width: 75px;
}
.initHidden{
	display: none;
}
.tips-input-wraper{
	position: relative;
}
.tips-input-wraper input {
	width: 100%;
	height: 32px;
	line-height: 32px;
	box-sizing: border-box;
}
.tips-input-wraper .focus-input-tips{
	background-color: #fefcc9;
	line-height: 22px;
	position: absolute;
	z-index: 10;
	left: 0;
	right: 0;
	width: 73%;
	border: 1px solid #fad988;
	box-sizing: border-box;
	color: #f75138;
	word-break: break-all;
	bottom: 32px;
	padding: 4px 10px;
	display: none;
}

/*百果园定制样式 start*/
body .pagoda-class-confirm .layui-layer-btn{
    text-align: center;
}
body .pagoda-class-confirm .layui-layer-content{
    text-align: center;
    height: 395px !important;
}
body .pagoda-class-confirm .layui-layer-content img{
    width: 500px;
}
/*百果园定制样式 end*/

body .demo-class-confirm .layui-layer-btn, body .demo-class-confirm .layui-layer-content{
    text-align: center;
}

#mobileArea {
	float: left;
	width: 85px;
	height: 32px;
	color: #999;
	border: 1px solid #e9e9e9;
}

.resume_table1 tr td:nth-child(2n) {
	width: 250px;
	word-break: break-word;
}

.resume_table1 tr td:nth-child(2n-1) {
	width: 100px;
}