@charset "UTF-8";
/* CSS Document */

body { font-size:15px;}
.rem {}
.rem .normal { font-size:14px; color:#666; line-height:60px;  }
.rem .err { font-size:14px; color:#990000;  }
#add-mother-lang  { cursor:pointer;}
#add-other-lang { cursor:pointer;}

.rem .tip { display:none; }
.rem .blank { display:none; }
.rem .ok { display:none; }
.rem .perfect { display:none; }
.rem .wrong { display:none;}
.rem .perfect { display:none;}
.rem .good { display:none;}
.rem .strong { display:none;}
.rem .short { display:none;}
.rem .has { display:none;}
.rem .weak { display:none;}
.rem .validation { display:none;}
.rem .validation img{ margin-right:10px;}
.reminder-show .tip { display:block;}

.timeline { margin-top:20px;}
.profile { width:95%; margin-top:60px; margin-left:2.5%}
.profile-image { width:200px; float:left   }
.profile-info  { width:78%; float:left; margin-left:5%; margin-top:20px}
.profile-info  table{ width:100%;  float:left; }
.profile-info  table td { width:40%;margin-right:8%; margin-bottom:70px; float:left  }
.profile-info  .tit{ width:100%; float:left;  border-bottom:#CCC solid 1px; padding-bottom:10px; padding-left:15px}
.profile-info  .tit .icon { width:16px; height:15px; float:left; background-color:#4C94B7 }
.profile-info  .tit .tex { width:80%; float:left; height:15px; margin-left:3%; font-family:Arial; font-size:15px; color:#999999}
.profile-info  .con{ width:100%; float:left;}

.profile-img { width:158px; height:180px; float:left;}
.change-pic { background-color:#CCCCCC; position:relative; left:5px; top:-30px; width:140px; text-align:center; font-size:14px; color:#FFFFFF; cursor:pointer; display:none;}
.profile-panel { display:none;  background-color:#CCCCCC; height:150px; position:relative; z-index:5; top:-28.5px; left:4px; border:#FFFFFF solid 1px;}
.profile-panel input  { width:170px; }


.cover { width:1006px; height:360px; float:left;}
.top-cover-con { width:1006px;  }
.top-cover-con img {  float:left; }
.change-cover { width:300px; background-color:#CCCCCC; text-align:center; color:#FFFFFF; position:relative; left:300px; top:-200px; font-size:20px; cursor:pointer; display:none;}

.upload-panel input { width:150px; }
.upload-panel { display:none; position:relative;left:300px; top:-200px; background-color:#CCC; width:300px; height:150px; margin-top:5px; border:#FFFFFF solid 1px; }



.edit-panel { display:none;}
.basic-info { float:left; background-color:#F2F0F0; width:100%; margin-bottom:50px; padding-bottom:20px;}
.basic-info .tit-bar { text-align:left; background-color:#98ABBD; height:40px; line-height:40px; color:#FFFFFF; }
.basic-info .tit-bar span { margin-left:10px;}
.basic-info .tit-bar a { float:right; margin-right:20px;}

.basic-info .items { margin-top:5px; color:#737373; font-size:15px; font-weight:200; }
.basic-info .items th { font-weight:200; font-size:18px; color:#929191; border-bottom:#CCCCCC solid 1px;padding-bottom:5px; padding-top:10px;}
.basic-info .items td { border-bottom:#CCCCCC solid 1px; margin-bottom:10px; padding-bottom:10px; padding-top:10px; }

.basic-info .tex-con { width:95%; margin-left:2.5%; padding-bottom:10px; float:left; }

.edit-panel { position:absolute; width:500px; padding-top:20px;}
.edit-panel .arrow { float:right; position:relative; z-index:20px; top:0px; }
.edit-panel .edit-panel-con { float:left; width:100%; padding-top:20px; text-align:left; padding-bottom:20px; }
.edit-panel .edit-panel-con .items  { width:95%; margin-left:10px; float:left; }

.cities-edit ul { list-style-type:none; margin-left:0px; padding-left:0px; margin-top:0px; padding-top:0px; }
.cities-edit ul li { margin-bottom:5px;}