html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;
}
body{
	font-size: 13px;
    line-height: 17px;
    color: #333;
    font-weight: normal;
    background:#f2f2f2 !important; /*#e9e9e9 url(img/bg.png);*/

}


.our_div{
	/*width: 980px;
	float: left;
    word-wrap: break-word;
    margin-left: 10px;*/
}
#top_card {
	margin-bottom: 10px;
    box-shadow: 0 1px 1px rgba(0,0,0,0.15),-1px 0 0 rgba(0,0,0,0.03),1px 0 0 rgba(0,0,0,0.03),0 1px 0 rgba(0,0,0,0.12);
    position: relative;
    background: #f9f9f9;
}
.init_top_card{
	width: 980px;
}

.left_picture{
	position: relative;
    z-index: 1;
    background: #f4f4f4;
	float: left;
    width: 210px;
    height: 200px;
    line-height: 200px;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
    overflow: hidden;
}
.left_picture img{
	vertical-align: middle;
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,0.1),0 0 0 1px #f4f4f4;
    -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,0.1),0 0 0 1px #f4f4f4;
    box-shadow: 0 0 5px 0 rgba(0,0,0,0.1),0 0 0 1px #f4f4f4;
    margin-left: 8px;
}
.edit_photo{
	border: none;
	display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    background: transparent;
    text-indent: 0;
    text-align: center;
    background: rgba(200,200,200,0.75);
}

.add_head:before{
	display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    margin-right: 6px;
    width: 27px;
    height: 32px;
    background: url(img/add.png) no-repeat;
    content: "";
}
.edit_photo_content{
	width: 200px;
    height: 200px;
    display: table-cell;
    vertical-align: middle;
    color: #3bc0f3;
    text-decoration: none;
}
.edit_photo_content span{
	padding-left: 10px;
    padding-right: 10px;
    font-size: 26px;
    font-weight: normal;
    line-height: 30px;
    color: #434649;
    color: #fff;
}

.edit_photo_content img{
	float: left;
	margin-left: 26px;
}
.right_information{
	position: relative;
    z-index: 6;
    float: right;
    width: 750px;
    word-wrap: break-word;
    padding-top: 1px;
    padding-bottom: 10px;
    margin-right: 10px;
}

.full_name{
	width: 30px;
	height: 30px;
}
.full_name:hover{
	 cursor: pointer;
}
.init_top_card:hover .full_name{
	background-color: #EEEEEE;
}
.init_top_card:hover .full_name:hover{
	background-color: #A0F8F8;
}
.init_top_card:hover .myname:hover button{
	background: url(img/pen1_1.png);
}
	
.myname{
	margin-top: 20px;
}
.myname span{
	font-size: 28px;
    font-weight: bold;
    line-height: 30px;
    color: #000;
}
.english_name{
	font-size: 22px;
    font-weight: bold;
    line-height: 24px;
    color: #000;
}
.init_top_card:hover .myname:hover{
	border-color: transparent;
}
.myname .edit_field{
	position: absolute;
    top: 9%;
    left: 37%;
    margin-left: 5px;
    background: url(img/pen.png);
}
.myname .edit_field_button{
	height: 29px;
    width: 30px;
    border: none;
    line-height: 26px;
    display: none;
}
.field{
	margin-top:5px ;
	position: relative;
    display: table;
    cursor: pointer;
    color: #66696a;
    font-size: 13px;
    line-height: 17px;
    color: #66696a;
    font-weight: normal;
}

.init_top_card:hover .field:hover button{
	background: url(img/pen2_1.png);
}
.init_top_card:hover .cta{
	background-color:white;
}
.field .edit_field{
	position: absolute;
    top: 0;
    left: 100%;
    margin-left: 5px;
    background: url(img/pen2.png);
    border: none;
    display: none;
}
.field .edit_field_button{
	height: 21px;
    width: 24px;
    line-height: 20px;
}
.init_top_card:hover .edit_field{
	display: table;
	cursor: pointer;
}

.location .edit_field{
	position: absolute;
    top: 0;
    left: 100%;
    margin-left: 5px;
    background: url(img/pen2.png);
    border: none;
    display: none;
}

.location .edit_field_button{
	height: 18px;
    width: 20px;
    line-height: 20px;
}
.professional{
	font-size: 18px;
    line-height: 20px;
    color: #333;
    font-weight: normal;
    padding-top: 1px;
    padding-bottom: 1px;
    display: inline;
}
.industry{
	border-left:1px solid #bbb ;
	padding: 0 0 0 8px;
}
.mytable{
	margin: 10px 0 0;
}
.mytable th{
	font-size: 11px;
    color: #999;
    vertical-align: top;
    padding: 2px 20px 0 0;
    white-space: nowrap;
}
.mytable td{
	position: relative;
    display: table;
    cursor: pointer;
    position: relative;
    cursor: pointer;
    color: #66696a;
    font-size: 13px;
    line-height: 17px;
    color: #66696a;
    font-weight: normal;
}
.mytable td .edit_field{
	position: absolute;
    top: 0;
    left: 100%;
    margin-left: 5px;
    background: url(img/pen3.png);
    border: none;
    display: none;
}

.mytable td .edit_field_button{
	height: 21px;
    width: 20px;
    line-height: 20px;
}
.init_top_card:hover .mytable td{
	background-color: #EEEEEE;
}
.init_top_card:hover .mytable td:hover{
	color:#006FA6 ;
	text-decoration: none;
	background-color: #A0F8F8;
}
.init_top_card:hover .mytable td:hover button{
	background: url(img/pen3_1.png);
}
.addExperience{
	margin: 10px 0 0;
}
.cta{
	text-indent: 0;
    width: auto;
    font-size: 13px;
    line-height: 17px;
    font-weight: normal;
    background: none;
    border: none;
    padding: 0;
    appearance: none;
    color: #006fa6;
}
.myInformation{
	margin-top:5px ;
}
.member_connection{
	font-size: 11px;
    color: #999;
    float: right;
    padding: 14px 0 0 10px;
    line-height: 15px;
    vertical-align: bottom;
    text-align: right;
}
.own_style{
	font-weight: bold;
    border-width: 1px;
    border-style: solid;
    cursor: pointer;
    margin: 0;
    overflow: visible;
    text-decoration: none !important;
    width: auto;
    text-shadow: 0 1px 1px rgba(0,0,0,0.35);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    padding: 0 13px;
    height: 31px;
    line-height: 29px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 13px;
    color: #fff;
    background-color: #287bbc;
    border-color: #1b5480;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF287BBC', endColorstr='#FF23639A');
    background-image: -webkit-linear-gradient(top, #287bbc 0%,#23639a 100%);
    background-image: -moz-linear-gradient(top, #287bbc 0%,#23639a 100%);
    background-image: -o-linear-gradient(top, #287bbc 0%,#23639a 100%);
    background-image: linear-gradient(top, #287bbc 0%,#23639a 100%);
    white-space: nowrap;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    vertical-align: middle;
}
.fa{
	cursor: pointer;
}
.address_there{
	display: table-cell;
    width: 856px;
    float:left;
    padding: 0 0 8px;
}
.init_bottom_card {
	-webkit-box-shadow: 0 1px 0 #fff inset;
    -moz-box-shadow: 0 1px 0 #fff inset;
    box-shadow: 0 1px 0 #fff inset;
    clear: both;
    border-top: 1px dashed #ccc;
    background: #f6f6f6;
    height: 36px;
}
.address_there li:before{
	content: '\f08c';
	font-family:FontAwesome ;
}
.address_there li {
    float: left;
    padding-top: 8px;
    padding-bottom: 2px;
    padding-left: 10px;
    padding-right: 12px;
    font-size: 11px;
}
.show_more{
	display: table-cell;
    border-left: 1px solid #ccc;
    padding: 8px 10px 7px 10px;
    background-color: #ececec;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFECECEC', endColorstr='#FFE1E1E1');
    background-image: -webkit-linear-gradient(top, #ececec 0%,#e1e1e1 100%);
    background-image: -moz-linear-gradient(top, #ececec 0%,#e1e1e1 100%);
    background-image: -o-linear-gradient(top, #ececec 0%,#e1e1e1 100%);
    background-image: linear-gradient(top, #ececec 0%,#e1e1e1 100%);
    font-size: 11px;
    vertical-align: middle;
    width:100px;
    float:left;
}
.show_more:hover a{
	cursor: pointer;
	color: #006fa6;
    text-decoration: none;
}
.show_more a{
	display: inline-block;
    vertical-align: middle;
    zoom: 1;
    border-left: 1px solid #ccc;
    border: 0;
    padding: 1px 10px 1px 1px;
    color: #666;
    white-space: nowrap;
}
.show_more a:before{
	content: '\f0f2';
	font-family: FontAwesome;
	margin-right: 8px;
}
.contact{
	display: inline;
    vertical-align: 6%;
}
.recommend_section_headerline{
	font-size: 14px;
    font-weight: normal;
    line-height: 16px;
    color: #434649;
    padding-top: 5px;
    padding-bottom: 5px;
    color: #696c6f;
}
.recommend_section_messageBoxs{
	height: 200px;
}
.city-bottom{
-webkit-transition-property:height;
-webkit-transition-duration:100ms;
transition: height 200ms linear;
}
.recommend_section_allBoxs{
	list-style: none;
	padding-bottom: 8px;
}
.boxHidden{
	overflow: hidden;
	height:360px;
}
.autoh{display:table;}
.boxHidden .autoh{display:none;}
.Hidden{
	display: none;
}
.li_left{
	float: left;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    background: #fff;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.15),-1px 0 0 rgba(0,0,0,0.03),1px 0 0 rgba(0,0,0,0.03),0 1px 0 rgba(0,0,0,0.12);
    box-shadow: 0 1px 1px rgba(0,0,0,0.15),-1px 0 0 rgba(0,0,0,0.03),1px 0 0 rgba(0,0,0,0.03),0 1px 0 rgba(0,0,0,0.12);
    margin-top: 5px;
    margin-bottom: 5px;
    border: 1px solid #cccfd3;
    height: 145px;
    width: 49%;
    position: relative;
}
.li_right{
	float: right;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    background: #fff;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.15),-1px 0 0 rgba(0,0,0,0.03),1px 0 0 rgba(0,0,0,0.03),0 1px 0 rgba(0,0,0,0.12);
    box-shadow: 0 1px 1px rgba(0,0,0,0.15),-1px 0 0 rgba(0,0,0,0.03),1px 0 0 rgba(0,0,0,0.03),0 1px 0 rgba(0,0,0,0.12);
    margin-top: 5px;
    margin-bottom: 5px;
    border: 1px solid #cccfd3;
    height: 145px;
    width: 49%;
    position: relative;
}
.recommend_section_content{
	padding-top: 15px;
    padding-bottom: 10px;
    margin-left: 15px;
    margin-right: 15px;
    height: 75px;
}
.recommend_section_content img{
	float: left; 
	padding-right: 8px;
	width: 60px;
	height: 60px;
}
.recommended-section-title{
	font-size: 16px;
    font-weight: bold;
    line-height: 18px;
    color: #000;
    padding-top: 5px;
    padding-bottom: 5px;
}
.recommend_section_explain{
	font-size: 13px;
    line-height: 17px;
    font-weight: normal;
    color: #96999c;
    overflow: hidden;
}
.recommend_section_add{
    border: none;
    padding: 0;
    -webkit-appearance: none;
    background: #eee;
    margin-top: 5px;
    margin-bottom: 0px;
    width: 100%;
    height: 40px;
    color: #696c6f;
    font-weight: bold;
}
.recommend_section_add:hover{
	cursor: pointer;
	color: #006fa6;
	text-decoration: none;
}
.recommend_section_messageBoxs .view-bar{
    padding-bottom: 12px;
    width: 980px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: none;
    border: 1px solid #cccfd3;
    background-color: #eee;
}
.view-bar:hover{
	cursor: pointer;
	color: #006fa6;
    text-decoration: none;
}
.view-more-bar{
    /*background-color: #f6f6f6;
    border-top: -1px solid #eaeaea;
    -webkit-box-shadow: 0 -12px 5px -3px rgba(255,255,255,0.75);
    box-shadow: 0 -12px 5px -3px rgba(255,255,255,0.75);
    text-decoration: none;
    margin: 17px -20px -20px;
    font-size: 12px;
    line-height: 124px;
    color: #66696a;
    font-weight: normal;
    position: relative;
    left: 20px;
    bottom: -136px;*/
    background-color: #f6f6f6;
    border-top: 1px solid #eaeaea;
    -webkit-box-shadow: 0 -12px 5px -3px rgba(255,255,255,0.75);
    -moz-box-shadow: 0 -12px 5px -3px rgba(255,255,255,0.75);
    box-shadow: 0 -12px 5px -3px rgba(255,255,255,0.75);
    font-size: 11px;
    line-height: 1em;
    margin-top: 0;
    padding: 10px 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    margin: 0px -20px -20px;
    font-size: 12px;
    line-height: 16px;
    color: #66696a;
    font-weight: normal;
    /*position: absolute;*/
    left: 20px;
    float:left;
}
.view-less-bar {
    background-color: #f6f6f6;
    border-top: 1px solid #eaeaea;
    -webkit-box-shadow: 0 -12px 5px -3px rgba(255,255,255,0.75);
    -moz-box-shadow: 0 -12px 5px -3px rgba(255,255,255,0.75);
    box-shadow: 0 -12px 5px -3px rgba(255,255,255,0.75);
    font-size: 11px;
    line-height: 1em;
    margin-top: 0;
    padding: 10px 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    margin: 0px -20px -20px;
    font-size: 12px;
    line-height: 16px;
    color: #66696a;
    font-weight: normal;
    /*position: absolute;*/
    left: 20px;
    width: 100%;
    float:left;
}
.entity-container{border-top: 1px solid #ddd;margin-top: 20px;}
.entity{margin: 10px 40px;}
.view-bar span{
	font-weight: bold;
	margin: -70px;
    margin-left: -71px;
}
.view-bar span:before{
	content: "\f078";
	font-family: FontAwesome;
}
.view-bar span:after{
	content: "\f078";
	font-family: FontAwesome;
}
.field {
    position: relative;
    display: table;
    cursor: pointer;
}
.sub-header-field {
    font-size: 16px;
    line-height: 20px;
    color: #66696a;
}

.field {
    margin-bottom: 4px;
}
.main-header-field {
    font-size: 18px;
    line-height: 22px;
    color: #434649;
}
.eidtResume .entity:hover .field .field-text {
    background-color: #eee;
}
.eidtResume .field:hover .field-text {
    background-color: #caecfc;
    color: #00a0dc;
}
.section-logo {
    float: right;
    text-align: center;
    margin-left: 10px;
}

.field-space{
	margin-left:15px;
}

.entity .lazy-load{position: absolute;display:none;}
.entity:hover .lazy-load{width: 19px;display:block;
    height:19px;
    background: url("img/delete.png") 0px 0px no-repeat;}
#ResumePanel .entity:hover .lazy-load{display:none;}
.entity .lazy-load:hover{background: url("img/delete.png") 0px -19px no-repeat;}

div.viewResume .myInformation ,div.viewResume .recommend_section_container,div.viewResume .add_promo_button,div.viewResume .addExperience,div.viewResume #BaseInfoPanel,div.viewResume #ResumePanel,div.hidePositoin #ExpectWorkPanel{display:none;}
div.viewResume .entity .lazy-load{display: none;}
div.viewResume .field-text,div.viewResume .field{pointer-events: none;}
div.member div.closeBanner{width: 32px;
    height: 32px;display:none;z-index: 1000;
    position: absolute;
    right: 0px;}
.big div.init_top_card:hover div.closeBanner{
	display:block;background-image: url('img/closeBanner.PNG');
}
.small div.init_top_card:hover div.closeBanner{
	display:block;background-image: url('img/openBanner.png');
}
.big div.header,.big div.bottom{display:none;}
.small div.header,.small div.bottom{display:block;}

	

    .item{
        padding:3px 5px;
        cursor:pointer;
        height:30px;
    }
    
    .addbg{
        background:#87A900;
    }
    .consist{
        border:solid #666666 0px;
        width:360px;
    }
    .new{
     width:322px;
    }
    
    #append{
        border:solid #87A900 2px;
        border-top:0;
        display:none;
    }
    .consistc{
      width:322px;    
    }
    .consist .index{float:left;line-height:30px;}
    .consist .quote{float:right;line-height:30px;}
div.viewResume .field,div.viewResume div.mheader h3,div.viewResume h2.entity-control-field .field-text,div.viewResume ul.address_there,div.viewResume div.professional{color: #000;}
div.viewResume .field,div.viewResume ul.address_there li{font-size:14px;}
div.viewResume .entity-container{border-top: 1px solid #4A4848}
div.viewResume .profile_background .section{border: 1px solid #4A4848;-webkit-box-shadow:none;box-shadow:none;}
div.viewResume #top_card{border: 1px solid #4A4848;
    margin-top: 10px;box-shadow:none;}
div.viewResume div.show_more{display:none;}
div.viewResume .left_picture img{-webkit-box-shadow: none;box-shadow:none;}

select.showText{
	height:23px;
	min-width:131px;
	
}