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

.ProfileCoverBox{ width:1130px; position:relative; left:50%; margin-left:-565px; margin-top:-12px;}
	.ProfileCover{
		height:410px; width:1128px;
		border: 1px solid #000;
		border-color: rgba(0, 0, 0, .25);
		border-top-color: rgba(0, 0, 0, .1);
		-moz-border-top-color: rgba(0, 0, 0, .1);
		-webkit-border-top-color: rgba(0, 0, 0, .1);
	}
		.ProfileCover a{
			display: block;
			position: relative;
			height: 410px;
			overflow: hidden;
			text-decoration: none;
		}
		.ProfileCover a.profileCoverPhoto {
			  position: absolute;
			  left: 0;
			  display:block;
			  background-position:center;
			 
			  -webkit-background-size: cover;
			  -moz-background-size: cover;
			  background-size: cover;
			  width:100%;
			  background-repeat:no-repeat;
 
			}
			
.ProfileTab{ background-color:#fff; border-bottom:1px solid #e3e9ee;}
	.ProfileTab ul{  margin:0 0 0 25%; padding:0; list-style:none; font-size:0; width:75%;
	-webkit-display:flex;
	-moz-display:flex;
  	display: flex;
}
	.ProfileTab li{ margin:0; padding:10px 4px 5px 0;/* padding:10px 0 5px 0;width:94px;*/ display:inline-block; border-bottom:3px solid #93cee9;  text-align:center; vertical-align:top; height:40px; font-size:14px;
-webkit-flex: 1;
-moz-flex: 1;
flex: 1;
}
	.ProfileTab li.current{ font-weight:bolder;}
	.ProfileTab a{ color:#000;font-size:1em; line-height:1}
	.ProfileTab a:hover{ color:#000; text-decoration:none;}
	
		.ProfileTab li.colortab_a{ border-bottom-color:#93cee9;}
		.ProfileTab li.colortab_b{ border-bottom-color:#c94872}
		.ProfileTab li.colortab_c{ border-bottom-color:#e29033}
		.ProfileTab li.colortab_d{ border-bottom-color:#eddb5a}
		.ProfileTab li.colortab_e{ border-bottom-color:#3fa454;}
		.ProfileTab li.ProfileEdit{ border-bottom:0px;}
	
	.ProfileTab li span{ display:block; color:#398fc4; padding-top:5px; }
	.ProfileTab li a:hover span { color:#f4817e; }
	

.ProfilePhotoBox {  position: relative;}
	.ProfilePhoto{width:90%;  margin-left:5%;  margin-right:5%;}
	.ProfilePhotoBox .picture{ border:4px solid #fff; width:100%;  overflow-y:hidden; box-shadow: 0 1px 3px rgba(34,25,25,0.4);
-moz-box-shadow: 0 1px 2px rgba(34,25,25,0.4);
-webkit-box-shadow: 0 1px 3px rgba(34,25,25,0.4);}
.ProfilePhotoBox .picture::after{ /* 正方形等筆縮放 */
		display: block;
		padding-top: 100%;
		content : '';
	}

	.ProfilePhotoBox .ProfileName{color:#000; font-size:20px; padding-top:20px; margin-left:15px;}
	.ProfilePhotoBox .ProfileIntro{ color:#7f919f; font-size:0.875em; line-height:22px; padding-top:10px;margin-left:15px;}
	.ProfilePhotoBox .ProfileInfo ul{margin:0;padding:20px 0 0 0; list-style:none; }
	.ProfilePhotoBox .ProfileInfo li{margin:0;padding:0 0 14px 20px; font-size:0.875em; line-height:15px;}
		.ProfilePhotoBox .ProfileInfo li.rigisterdate{ background:url(../images/icon_link_rigisterdate.png) 0 0 no-repeat;}
		.ProfilePhotoBox .ProfileInfo li.lastlogin{background:url(../images/icon_link_lastlogin.png) 0 0 no-repeat;}
		.ProfilePhotoBox .ProfileInfo li.myfb{background:url(../images/icon_link_myfb.png) 0 0 no-repeat;}
		.ProfilePhotoBox .ProfileInfo li.myFans{background:url(../images/icon_link_myFans.png) 0 0 no-repeat;}
		.ProfilePhotoBox .ProfileInfo li.myweb{background:url(../images/icon_link_myweb.png) 0 0 no-repeat;}
	.ProfilePhotoBox .ProfileInfo li a{ word-break: break-all;}
	
.profile_me_menu{	width: 23%; float:left;margin-top:-150px;}
.profile_me_menu #me_menu{width:100%;}
.post_me{ float:right;}
.me_profile_form table{margin-top:30px;}