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

body{
	font-family:  "Arial",  "Verdana", "Trebuchet MS", "Helvetica","sans-serif","Microsoft YaHei","微軟正黑體","Microsoft JhengHei","simsun","LiHei Pro","PMingLiU",;
	}

.ContactApp{
display:block;
width:220px;
float:left;
padding-left:20px;
}

.ContactFeed{
margin:0 auto;
margin-top:120px;
display:block;
width:980px;
height:100px;
}

.talking{
	display:block;
	width:720px;
	float:right;
	}
.talking ul li{
	float:left;
}

#feedList li:last-child{ margin-bottom:140px;}

.talking ul li.aaa{
	display:block;
	padding-top:80px;
	width:80px;
}
.talking ul li.bbb{
	display:block;
	width:720px;
	background-color:#FFF;	
}

.talking ul li.ccc{
	display:block;
	padding-top:65px;
	width:870px;
	height:auto;	
	background-color:#f2f2f2;
	box-shadow:0px 1px 7px -2px rgba(20%,20%,20%,0.5);
}

.talking ul li.ddd{
	display:block;
	padding-top:80px;
	width:100%;
	height:800px;	
	background-color:#f2f2f2;
	box-shadow:0px 1px 7px -2px rgba(20%,20%,20%,0.5);
}

.Profile{
	padding-left: 20px;
	padding-top: 15px;
	padding-bottom: 10px;
	font-size: 13px;
	line-height: 20px;
	width: 190px;
	background-color: #fff;
}
.Profile h1{
	font-size:1.5em;
	font-weight:bold;
	line-height:2em;
	height:auto;
	color:#000;
}
.Profile h2{
	font-size:15px;
	font-weight:bold;
	line-height:24px;
	color:#333333;
	clear:both;
}

.Profile h3{
	font-size:30px;
	font-weight:bold;
	line-height:36px;
	color:#333333;
	float:right;
	display:inline;
	height:30px;
	width:180px;
	text-align:right;
	padding-right:5px;
	
	
}
.Profile h3 a{
	font-size:30px;
	font-weight:bold;
	line-height:36px;
	color:#333333;
	float:right;
	display:inline;
	height:30px;
	width:180px;
	text-align:right;
	padding-right:5px;
}
.Profile h3 a:hover{
	color:#333333;
}

.Profile h4{
	font-size:18px;
	font-weight:bold;
	line-height:40px;
	color:#111;
	float:right;
	*padding-right:0px;
	
}
.Profile h4 a{
	/*font-size:15px;
	font-weight:bold;
	line-height:20px;
	color:#333333;
	float:right;*/
	font-size:18px;
	font-weight:bold;
	line-height:40px;
	color:#111;
	float:right;
	*padding-right:0px;
}
.Profile h4 a:hover{
	/*font-size:15px;
	font-weight:bold;
	line-height:20px;
	color:#333333;
	float:right;*/
	font-size:18px;
	font-weight:bold;
	line-height:40px;
	color:#ff0000;
	float:right;
	*padding-right:0px;
}

.Profile h5{
	font-size:24px;
	font-weight:bold;
	line-height:30px;
	color:#333333;
	float:left;
}

.Profile h6{
	font-size:15px;
	line-height:40px;
	font-weight:normal;
	padding-left:1px;
	padding-right:5px;	
	float:right;
	display:block;
	width:40px;
	text-align:right;
	color:#111;
}

.Profile p{
	clear:both;
	font-size:15px;
	line-height:28px;
	font-weight:normal;
	color:#333;
}

.Profile a{
	clear:both;
	font-size:15px;
	line-height:24px;
	font-weight:normal;
	color:#666666;
}
.Profile a:hover{
	color:#ff0000;
}

.Profile p1{
	font-size:10px;
	line-height:36px;
	font-weight:normal;
	padding-left:1px;
	padding-right:5px;	
	float:right;
	
}



.ProfileFriends{
	font-size:13px;
	line-height:20px;
	width: 200px;
	overflow:hidden;
	padding-right:40px;
	padding-top:10px;
}

.ProfileFriends a{
font-size:16px;
color:#333333;
font-weight:bold;
line-height:32px;


}

.ProfileFriends ul li{
display:block;
width:36px;
height:36px;
padding:6px;
float:left;
margin-bottom:5px;
}

.ProfileFriends ul li img{ border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}

.UserMain{
clear:both;
	margin-left:160px;
	margin-top:20px;
	display:block;
	/*position:relative;*/
	width:680px;
	height:80px;
	background-color:#000;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	box-shadow:0px 1px 7px -2px rgba(20%,20%,20%,0.5);
	/*z-index: 5;*/
}

.UserMain ul{

}

.UserMain ul li{
	min-height:1px;
	
}
/*--me--
li.meWall a{
display:block;
width:170px;
height:68px;
text-align:center;

font-size:13px;
padding-top:12px;
color:#000;
background-color:#ffF;
line-height:16px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

li.meWall a:hover{
box-shadow:0px 1px 7px -2px rgba(20%,20%,20%,0.5);
color:#000;
background-color:#fff;
}
*/


li.meWallOn a,li.meWallOnL a, li.meWallOnR a{
display: table-cell;
width:226px;
height:45px;
padding-top:10px;
text-align:center;
color:#fff;
border:#888 solid 1px;
background-color:#888;
}

li.anaListOn a, li.anaListOnL a,li.anaListOnR a{
display: table-cell;
width:135px;
height:45px;
padding-top:10px;
text-align:center;
color:#fff;
border:#888 solid 1px;
background-color:#888;	
}

li.meWallOnL a,li.meWallL a{
-webkit-border-top-left-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomleft: 10px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;}

li.meWallOnR a,li.meWallR a{
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;}

li.meWallOn a:hover,li.anaListOn a:hover, .meWallOnL a:hover ,.meWallOnR a:hover, li.anaListOnL a:hover, li.anaListOnR a:hover{
color:#fff;
background-color:#888;
}

/*--Feed--*/
.PlusMenu{
	clear:both;
	margin-left:160px;
	margin-top:20px;
	margin-bottom:20px;
	display:block;
	width:680px;
	height:60px;
	background-color:#666;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px; 
	border-radius: 10px;
	}


li.AllSite{
/*	margin-left:160px;
	margin-top:20px;
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	width:680px;
	height:80px;
	background-color:#000;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	box-shadow:0px 1px 7px -2px rgba(20%,20%,20%,0.5);
	float:left;*/
	}



li.AllSite a{
display:block;
width:170px;
height:68px;
text-align:center;

font-size:13px;
padding-top:12px;
color:#000;
background-color:#fff;
line-height:22px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

li.AllSite a:hover{
box-shadow:0px 1px 7px -2px rgba(20%,20%,20%,0.5);
color:#000;
background-color:#fff;
}


li.TtesportsPlus a{
display:block;
width:170px;
height:68px;
text-align:center;
align:absmiddle;
font-size:13px;
padding-top:12px;
color:#FFf;
line-height:22px;
}

li.TtesportsPlus a:hover{
box-shadow:0px 1px 7px -2px rgba(20%,20%,20%,0.5);
color:#FFFFFF;
}

.totaldata{
display:block;
width:650px;
background-color:#fff;
-webkit-border-radius:10px;
-moz-border-radius:10px;
margin-top:8px;
margin-bottom:15px;
padding:20px 15px 15px 15px;
border: 1px solid #d9d9d9;
}

.totaldatab{
display:block;
width:650px;
background-color:#566a6c;
-webkit-border-radius:10px;
-moz-border-radius:10px;
margin-top:8px;
margin-bottom:305px;
padding:20px 15px 25px 15px;

}

.totaldatac{
display:block;
width:650px;
height:100px;
background-color:#fff;
-webkit-border-radius:10px;
-moz-border-radius:10px;
margin-top:10px;
padding:0px 15px 0px 15px;

}

.totaldatas{
display:block;
width:680px;
height:auto;
-webkit-border-radius:10px;
-moz-border-radius:10px;
margin-top:15px;
margin-bottom:5px;

}
.TotalClicKeyboard{
display:block;
padding-left:15px;
padding-right:10px;
width:185px;
float:left;
color:#555555;
font-size:10px;
line-height:40px;
border-right:#CCCCCC 1px dashed;
text-align:center;

}

.psuFunction a{
display:block;
padding-left:15px;
padding-right:10px;
padding-top:10px;
width:185px;
float:left;
color:#555555;
font-size:10px;
line-height:40px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
text-align:center;

}

.psuFunction a:hover{
	background-color:#CCC;
}

.psuFunction_on{
display:block;
padding-left:15px;
padding-right:10px;
padding-top:10px;
width:185px;
float:left;
color:#555555;
background-color:#EBEBEB;
-webkit-border-radius:10px;
-moz-border-radius:10px;
font-size:10px;
line-height:40px;
text-align:center;
}

.psuFunction_on a{
display:block;
padding-left:15px;
padding-right:10px;
padding-top:10px;
width:185px;
float:left;
color:#555555;
background-color:#EBEBEB;
-webkit-border-radius:10px;
-moz-border-radius:10px;
font-size:10px;
line-height:40px;
text-align:center;
}
.psuFunction_on a:hover{
	background-color:#CCC;
	

}


.TotalClicKeyboard a{
	color:#333;
	
	}

.TotalClick{
display:block;
padding-left:10px;
padding-right:10px;
width:185px;
float:left;
color:#555555;
font-size:10px;
line-height:40px;
border-right:#CCCCCC 1px dashed;
text-align:center;
}
.TotalMove{
display:block;
padding-left:10px;
padding-right:10px;
width:185px;
float:left;
color:#555555;
font-size:12px;
line-height:40px;

text-align:center;
}
.TTotalActivity{
display:block;
width:185px;
padding-left:10px;
padding-right:10px;
float:left;
color:#555555;
font-size:12px;
line-height:40px;
text-align:center;
}
.TotalClicKeyboard h1, .TotalClick h1, .TTotalActivity h1, .TotalMove h1{
color:#555555;
font-size:24px;
font-weight:bold;
letter-spacing:-1px;
padding-left:10px;
}
.RankingFriendsTotal{
display:block;
width:680px;
/*height:auto;*/
margin-top:20px;
margin-bottom:10px;
overflow:hidden;
}


.RankingAlls{
display:block;
width:320px;
float:left;
margin-left:10px;
}
.RankingAlls h1{
font-size:18px;
font-weight:bold;
text-align:center;
line-height:32px;
background-color:#8d8d8d;
color:#FFFFFF;
} 
.RankingList{
display:block;
width:300px;
height:270px;

}


.RankingAll, .RankingFriends{
display:block;
width:320px;
float:left;
padding:10px 10px 10px 10px;
background-color:#c3c3c3;
-webkit-border-radius:10px;
-moz-border-radius:10px;
margin:0px 5px 0px 5px;
}
.RankingAll h1, .RankingFriends h1{
background-color:#ffffff;
-webkit-border-radius:10px;
-moz-border-radius:10px;
font-size:15px;
line-height:36px;
font-weight:bold;
text-align:center;
}

.RankingAll ul li{
display:block;
font-size:13px;
width:73px;
height:auto;
margin:5px 1px 3px 1px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
text-align:center;
background-color:#566a6c;
color:#FFFFFF;
margin-top:2px;
}
.RankingAll ul li a{
display:block;
font-size:13px;
width:73px;
height:auto;
text-align:center;
background-color:#FF0000;
-webkit-border-radius:5px;
-moz-border-radius:5px;
color:#FFFFFF;
}

.RankingFriends ul li{
display:block;
font-size:13px;
width:73px;
height:auto;
margin:5px 1px 3px 1px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
text-align:center;
background-color:#566a6c;
color:#FFFFFF;
margin-top:2px;
}
.RankingFriends ul li a{
display:block;
font-size:13px;
width:73px;
height:auto;
text-align:center;
background-color:#0071c2;
-webkit-border-radius:5px;
-moz-border-radius:5px;
color:#FFFFFF;
}

.RankingFriendsList{
display:block;
width:307px;
height:25px;
line-height:20px;
font-size:13px;
/*background-color:#e3e3e3;*/
float:left;
text-indent:10px;
margin-bottom:3px;


}

.RankingFriendsList a{
font-size:13px;
color:#000;

}
.RankingFriendsList a:hover{


color:#FF0000;

}

.RankingFriendsList img{
padding-right:5px;


}


/*--*/
.pp{
background-color: #CCCCCC;
color: #FFFFFF;
/* display: block; */
height: 30px;
margin-left: 390px;
padding: 5px;
/* width: 250px; */
width: 280px;
	}

/*----*/



.messWant {
display:block;
padding-top:8px;
width:548px;
height:30px;
padding-bottom:40px;
*margin-left:10px;
margin-left:160px;

}

.PlusData {
display:block;
padding-top:8px;
width:680px;
height:150px;
padding-bottom:40px;
*margin-left:10px;
margin-left:160px;

}

.PlusData2 {
display:block;
min-height:500px;
padding-top:8px;
width:680px;
/*min-height:800px;*/
padding-bottom:40px;
*margin-left:10px;
margin-left:160px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
background-color:#FFF;
border: 1px solid #d9d9d9;
}

.PlusCharts{
display:block;
width:640px;
height:440px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding:10px;
margin-top:10px;
margin-bottom:10px;
}

.design3{
background-color:#fff;
border:0px solid #dbdbdb;
color: #000;
font-weight:bold;
width:660px;
height:80px;
margin:10px;
font-size:20px;
}

li.messInfo{
display:block;
/*margin-top:15px;*/
margin-bottom:7px;
width:680px;
background-color:#fff;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
-o-border-radius:10px;
-ms-border-radius:10px;
border:1px solid #999;
}

li.messInfoR{
display:block;
/*margin-top:15px;*/
margin-bottom:7px;
width:680px;
background-color:#ff0000;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border:1px solid #dbdbdb;
}


li.fbplus{
display:block;
/*margin-top:15px;*/
margin-bottom:7px;

width:680px;


}

.messInfoPhoto img, .messInfoWantPhoto img{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
width:60px; height:60px;}

.messInfoPhoto{
float:left;
display:block;
width:90px;
height:90px;
margin:8px 8px 0 8px;
}
.messInfoPhoto a{
float:left;	
	}

.messInfoPhotos{
display:block;
width:90px;
height:90px;
/*-webkit-border-radius:10px;
-moz-border-radius:10px;*/
margin:8px 8px 8px 8px;
float:left;
}
.messInfoPhotos1{
display:block;
width:650px;
/*height:90px;
-webkit-border-radius:10px;
-moz-border-radius:10px;*/
margin:8px 8px 8px 8px;
float:left;
}


.messInfoTitle{
display:block;
width:570px;
padding-top:8px;
font-size:18px;
float:right;
}
.messInfoTitle a{ color:#666; }
.messInfoTitle a:hover{ color:#F7931E;	}

.messInfoTitle a img{ max-width:550px;}

.messInfoTitleName{ width:570px;  float:left;}
.messInfoTitleName span:first-child,.messInfoTitle span:first-child {font-size:14px; font-weight:bold; line-height:26px; color:#000; padding:0;}
.messInfoTitle span:nth-child(2){ display:block; padding:0;}
.messInfoTitleName span,.messInfoTitle span{ font-size:14px; line-height:26px; color:#F00; font-weight:normal;}
.messInfoContent{ width:560px; font-size:14px; line-height:26px;padding-top:1px; padding-right:10px; font-weight:normal;}
.messInfoTitleName span{ padding-left:10px;}

.messInfoTitle p a{
	color:#F7931E;	
	}

.messInfoTitle h1{
font-size:18px;
font-weight:bold;
line-height:26px;
float:left;
}

.messInfoTitle h2{
font-size:18px;
font-weight:bold;
line-height:26px;
float:left;
display:block;
width:520px;
height:60px;
border:5px solid #fff;
background-color:#F7931E;
-webkit-border-radius:10px;
-moz-border-radius:10px;
padding:10px;
color:#fff;
}

.messInfoTitle p{
font-size:15px;
line-height:26px;
padding-top:1px;
text-indent:10px;
float:left;
}

.messInfoImage{
display:block;
width:560px;
padding-bottom:5px;

margin-top:30px;
*margin-top:10px;
}

.messInfoImageNone{
display:block;
width:580px;
/*height:30px;*/
padding-bottom:5px;

}

.messInfoIcons{
	display:block;
	width:180px;
	height:30px;
}

.messInfoIconsNone{
	display:block;
	width:570px;
	height:30px;
	float:right;
	margin-top:10px;
	font-weight:normal;
	}
.iconImage{
display:block;
height:180px;
width:580px;
margin-left:105px;
float:left;
}
.iconLiek a{
float:right;
display:block;
width:80px;
text-align:center;
font-size:0.6rem;
margin-top:6px;
color:#F7931E;
font-weight:normal;
}
.iconLiek1 a{
float:left;
display:block;
height:23px;
width:90px;
-webkit-border-radius:7px;
-moz-border-radius:7px;
background-color:#ff0000;
text-align:center;
font-size:15px;
font-weight:bold;
padding-top:4px;
color:#FFFFFF;
position:absolute;
font-weight:normal;
}

.iconComment a{
float:right;
display:block;
border-right:2px solid #F7931E;
text-align:center;
font-size:0.6rem;
margin-top:6px;
padding:0 10px;
color:#F7931E;
font-weight:normal;
}

.iconComment2 a{
float:right;
display:block;
height:20px;
width:90px;
margin-left:5px;
-webkit-border-radius:7px;
-moz-border-radius:7px;
background-color:#8bd552;
text-align:center;
font-size:13px;
font-weight:bold;
padding-top:4px;
color:#FFFFFF;
font-weight:normal;
}

.iconPostComment a{
float:left;
display:block;
height:28px;
width:170px;
margin-left:380px;
margin-top:8px;
margin-bottom:8px;
-webkit-border-radius:7px;
-moz-border-radius:7px;
background-color:#ff0000;
text-align:center;
font-size:18px;
font-weight:bold;
padding-top:5px;
color:#FFFFFF;
}
.iconAddFriend a{
float:left;
display:block;
height:28px;
width:170px;
margin-top:8px;
margin-bottom:8px;
-webkit-border-radius:7px;
-moz-border-radius:7px;
background-color:#8bd552;
text-align:center;
font-size:18px;
font-weight:bold;
padding-top:5px;
color:#FFFFFF;
}
.iconComment p{
	float:right;
	margin-right:5px;
	font-size:10px;
	color:#999;
	}

.messInfoWantLine{
display:block;
width:570px;
height:10px;
/*border-top:#b7b6b6 1px dotted;*/
}

.messInfoWant:last-child{ margin-bottom:10px;}

.messInfoWant{
float:left;
margin-left:10px;
padding-left:100px;
display:block;
width:560px;
position:relative;
z-index:55;
background-color:#f9f9f9;
border-top:#b7b6b6 1px dotted;
}
.messInfoWants{
display:block;
width:580px;
margin-bottom:10px;
margin-top: 24px;
}


.messInfoWantPhoto{
float:left;
display:block;
}

.messInfoWantPhoto a{
float:left;	
	}


.messInfoWantSay{
color: #000;
width:500px;
font-size:15px;
margin-bottom:25px;
float:right;
}

.messInfoWantSay a{
color:#000;
font-weight:bold;
font-size:13px;
float:left;
padding-left:5px;
padding-right:5px;
/*line-height:16px;

padding-top:9px;*/
}

.messInfoWantSay p{
font-size:13px;
color:#333333;

}
.messInfoWantSays{
color: #000;
/*font-style:italic;*/
font-size:15px;

}
.messInfoWantSays a{
font-size:15px;
color:#FF0000;
line-height:24px;
padding-left:10px;
padding-top:5px;
}
.messInfoWantSay h1{
font-size:15px;
color:#000000;
float:left;
line-height:24px;
padding-top:5px;
}

.design2{
background-color:#f0f0f0;
border:1px solid #dbdbdb;
padding:5px;
color: #000;
font-style:italic;
width:480px;
height:35px;
font-size:15px;
float:right;
}
.feedMess{
display:block;
width:160px;
height:20px;
}
.feedMess a{
font-size:15px;
line-height:12px;
color:#000;
font-weight:bold;
letter-spacing:1px;
}
.feedMess img{
padding-top:2px;
padding-right:2px;
}

.test133{
	display:block;
	width:500px;
	height:500px;
	background-color:#036;
	*background-color:#0F3;
	margin-left:160px;
	
	}
.templateas{
	display:block;
	min-height:880px;
	}
	
.PlusContact{
	display:block;
	width:680px;
	padding-bottom:20px;
	
	
	}
.PlusContact2{
	display:block;
	width:680px;
	padding-bottom:20px;
	margin-bottom:20px;
	
	}
.PlusTxtField{	
	
	}
	
.lineSegmentation{
	display:block;
	width:100%;
	height:1px;
	padding-bottom:40px;
	padding-top:10px;
	}
	
.line2{
		border:#999 dashed 1px;
	}
	
	
/*20141013 新增*/
.wallTop {
display:block;
width:548px;
height:15px;
}
.wallTop2 {
display:block;
width:548px;
height:20px;
}

.PlusChoose{
display:block;
width:662px;
min-height:30px;
background-color:#d9d9d9;
margin-left:160px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
padding:10px;
}



.PlusChooseTxt{
display:block;
width:662px;
height:22px;
margin-left:160px;
padding:10px 10px 3px 10px;
font-size:15px;
}

.PlusChoose p, .PlusManagement p{
	float:left;
	font-size:14px;
	line-height:24px;
}

.PlusChooseInput{
display: block;
width: 15px;
height: 15px;
margin-left: 8px;
margin-right: 10px;
margin-top: 10px;
margin-bottom: 4px;
float: left;
}

.PlusChooseInput2{
display: block;
width: 15px;
height: 15px;
margin-left: 8px;
margin-right: 5px;
margin-top: 15px;
margin-bottom: 4px;
float: left;
}


.ChooseInput{
	display:block;
	min-width:110px;
	height:35px;	
	line-height:24px;
	float:left;	
	}

.ChooseInput3{
	display:block;
	min-width:110px;
	height:45px;	
	line-height:24px;
	float:left;	
	}

.PlusCharts{
/*display:block;
width:624px;
height:440px;
background-color:#d9d9d9;
margin-left:15px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
padding:10px;
margin-top:10px;
margin-bottom:10px;
padding-left:18px;*/
}

.PlusCharts img{
	padding-top:5px;
	padding-bottom:5px;
	float:left;
	padding-right:8px;
	
}

.PlusCharts p{
	
	font-size:15px;
	line-height:40px;

	
	

}


.PlusCharts2{
display:block;
width:644px;
height:215px;
background-color:#d9d9d9;
margin-left:163px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
padding:10px;
margin-top:10px;
margin-bottom:10px;
padding-left:18px;
}

/* */
.PlusSpacing{
	display:block;
	width:40px;
	height:25px;
	float:left;	
	}
	
.PlusSpacing2{
	display:block;
	width:662px;
	height:15px;
	float:left;
	margin-top:5px;
	border-top: 1px dashed #666666;	
	}
	
.ChooseInput2{
	display:block;
	min-width:630px;
	height:40px;	
	line-height:40px;
	padding:10px 0px;
	border-bottom:1px dashed #CCCCCC;		
	}

.ChooseInput2 span{ font-size:1rem; display:block; float:left;  padding-left:10px; }
.ChooseInput2 span:nth-child(odd){ color:#000; font-weight:bold; width:100px; letter-spacing:1px;}
.ChooseInput2 span:nth-child(even){ color:#999;}
.ChooseInput2 img{ -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; width:40px; height:40px; display:block; float:left; margin-left:10px;}

.ChooseInput2 h1{
	float:left;
	font-size:18px;
	line-height:24px;
	height:24px;
	padding-right:20px;
	padding-left:5px;
	}

.ChooseInput2 p{
	float:left;
	font-size:15px;
	line-height:24px;
	height:24px;
	}

.ManagementList{
	display:block;
	width:662px;
	height:25px;
	clear:both;
	margin-top:3px;
	}

.PlusManagement{
display:block;
width:662px;
height:auto;
/*min-height:255px;*/
background-color:#d9d9d9;
margin-left:160px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
padding:10px;
}

.ManagementPage{
	display:block;
	width:662px;
	padding:10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color:#fff;
	border:#afafaf 1px solid;
	margin-bottom:20px;
	}

#ExportPage{ margin-top:20px;}
	
.ManagementChoose{
	display:block;
	width:652px;
	height:25px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding:5px;	
	}

.ManagementChoose2{
	display:block;
	width:652px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding:5px;
	margin-top:8px;
	overflow:hidden;
	padding-top:10px;
	padding-bottom:10px;	
	}	
	
	
.ManagementChoose p{
	float:left;
	font-size:14px;
	line-height:24px;
	font-weight:bold;
	
	}	

.ManagementChoose2 h1, {
	float:left;
	font-size:14px;
	line-height:24px;
	padding-right:30px;
	padding-left:10px;
	}	
.ManagementChoose2 p{
	float:left;
	font-size:14px;
	line-height:24px;
	}

.ManagementIcon a{
	display:block;
	width:652px;
	height:25px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background-color:#999;
	padding:5px;
	margin-top:10px;
	text-align:center;
	color:#fff;
	font-weight:bold;
	}
	
.ManagementIcon a:hover{
	background-color:#333;
	}
	
.ManagementCharts{
	display:block;
	width:210px;
	min-height:150px;
	text-align:center;
	color:#333;
	font-weight:bold;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	}	
	
.ManagementCharts >h1{ font-size:16px; font-weight:400; margin:0; padding:10px 0; background-color:#444; color:#F7931E; text-transform:uppercase; letter-spacing:1px;}
.PfChartsTitle{ overflow:hidden; margin-top:10px;}
.PfChartsTitle >h2{ font-size:32px; font-weight:400; margin:0; padding:10px 0; float:left;}
.PfChartsTitle >h3{ font-size:16px; font-weight:400; margin:0; padding:10px 0; float:left; height:32px; line-height:32px; margin-left:5px;}
.PfChartsContainer{ padding:5px; border:#999 solid 1px; -webkit-border-radius: 10px;	-moz-border-radius: 10px;	border-radius: 10px; margin-bottom:30px;}
.PfChartsContainer >h4{ font-size:12px; font-weight:400; margin:0; text-align:left; padding-left:5px;}
.PfChartsContainer >h5{ font-size:12px; font-weight:400; margin:0; text-align:right; padding-right:5px;}

.ProfileBarChart{ padding-bottom:30px; }
	
.AnaManagementCharts{
	display:block;
	width:642px;
	min-height:150px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	text-align:center;
	color:#fff;
	font-weight:bold;
	}

.ManagementDetails{
	display:block;
	width:642px;
	height:175px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	background-color:#f1f1f1;
	padding:10px;
	margin-top:10px;
	text-align:center;
	color:#fff;
	font-weight:bold;
	}	
.mmTitle{
	display:block;
	width:100%;
	height:30px;
	border-bottom:1px solid #a1a1a1;
	color:#333;
	text-align:left;
	line-height:25px;
	font-size:15px;
	margin-bottom:20px;
	
	}	
	
.mmContact{
	display:block;
	width:100%;
	height:30px;
	color:#333;
	text-align:left;
	line-height:25px;
	font-size:15px;
	}

.mmContact p{
	float:left;
	display:block;
	width:190px;
	
	
	}
.powerlist{
	display:block;
	width:180px;
	height:20px;
	padding-top:10px;
	overflow:hidden;	
	}
.PsuRename{
	display:block;
	width:640px;
	padding-top:15px;
	background-color: #fff;
	}
	
.PsuRename ul li{
	padding-top:0px;
	display:block;
	width:100%;
	padding:10px 0;
	border-bottom: #c1c1c1 1px dashed;
	}
	
.PsuRename ul li:hover{ background-color:#EEE;}
	
.iconPsuRename a,.iconPsuRename{
float:left;
display:block;
height:40px;
width:40px;
line-height:40px;
-webkit-border-radius:7px;
-moz-border-radius:7px;
border-radius:7px;
background-color:#666;
text-align:center;
font-size:1rem;
color:#FFFFFF;
}
.iconPsuRename a:hover{
	background-color:#F7931E;
}

.iconPsuRename >a >img{ margin-top:5px;}
.iconPsuRename2 >a >img{ margin-top:5px;}

.iconRestore a,.iconRestore{
float:left;
display:block;
width:70px;
line-height:40px;
-webkit-border-radius:7px;
-moz-border-radius:7px;
border-radius:7px;
background-color:#F7931E;
text-align:center;
font-size:1rem;
color:#FFFFFF;
}
.iconRestore a:hover{
	background-color:#F7931E;
}

.iconPsuRename2 a,.iconPsuRename2{
float:left;
display:block;
height:40px;
width:40px;
line-height:40px;
-webkit-border-radius:7px;
-moz-border-radius:7px;
border-radius:7px;
background-color:#F7931E;
text-align:center;
font-size:1rem;
color:#FFFFFF;
}

.iconPsuRename2 a:hover{
	background-color:#E36C00;	
}

.iconPsuRename,.iconRestore,.iconPsuRename2{ margin-right:10px; }

.iconPsuDelete{
float:left; margin-right:10px; 
height:40px; line-height:40px;
padding:0 5px; 
width:auto;  
font-size:1rem; 
-webkit-border-radius:7px;
-moz-border-radius:7px;
border-radius:7px;
background-color:#F03;
color:#FFF;
border-style:none;
cursor:pointer;


}

.iconPsuDelete:hover{
background-color:#900;
color:#FFF;
	}

.PsuNameList { width:100%; height:40px;}

.PsuName{
	font-size:15px;
	line-height:42px;
	height:30px;
	overflow:hidden;	
	float:left;
	overflow-x:hidden;
	color:#666;
	width:102px;
	margin-right:10px;
	}
	
.PsuNameR{
	font-size:1rem;
	line-height:42px;
	height:30px;
	overflow:hidden;	
	float:right;
	overflow-x:hidden;
	color:#CCC;
	font-weight:normal;
	width:290px;
	}
	

.Renametxt{
	font-size:18px;
	line-height:30px;
	font-weight:bold;
	margin-left:10px;
	margin-top:20px;	
	}
	
.asRename{
background-color:#f0f0f0;
border:1px solid #dbdbdb;
padding:5px;
margin-top:5px;
color: #000;
font-style:italic;
width:530px;
height:20px;
font-size:15px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}

.closeX{
 position:absolute;
 top:0px;
 left:645px;
 z-index:33; 
 
  background-image:url(../+_image/icon/CloseXX.png);
 display:block;
 width:20px;
 height:20px;
 }

.closeX1{
 position:absolute;
 top:5px;
 left:648px;
 z-index:33; 
 
  background-image:url(../+_image/icon/CloseXX.png);
 display:block;
 width:20px;
 height:20px;
 }

.closeX2{
 position:absolute;
 clear:both;
 top:5px;
 left:656px;
 z-index:33;
 background-image:url(../+_image/icon/CloseXX.png);
 display:block;
 width:20px;
 height:20px;
 
 }
 
.closeX3{
 position:absolute;
 clear:both;
 top:0px;
 left:670px;
 z-index:33;
 background-image:url(../+_image/icon/CloseXX.png);
 display:block;
 width:20px;
 height:20px;
 }

.closeX4{
 position:absolute;
 clear:both;
 top:-5px;
 left:670px;
 z-index:33;
 background-image:url(../+_image/icon/CloseXX.png);
 display:block;
 width:20px;
 height:20px;
 }
 
 .editX{
 position:absolute;
 top:0px;
 left:623px;
 z-index:33; 
 
 background-image:url(../+_image/icon/editXX.png);
 display:block;
 width:20px;
 height:20px;
 }

.editX1{
 position:absolute;
 top:5px;
 left:625px;
 z-index:33; 
 
 background-image:url(../+_image/icon/editXX.png);
 display:block;
 width:20px;
 height:20px;
 }

.editX2{
 position:absolute;
 clear:both;
 top:44px;
 left:633px;
 z-index:33;
 background-image:url(../+_image/icon/editXX.png);
 display:block;
 width:20px;
 height:20px;
 
 }
 
.editX3{
 position:absolute;
 clear:both;
 top:0px;
 left:647px;
 z-index:33;
 background-image:url(../+_image/icon/editXX.png);
 display:block;
 width:20px;
 height:20px;
 }

.editX4{
 position:absolute;
 clear:both;
 top:-5px;
 left:647px;
 z-index:33;
 background-image:url(../+_image/icon/editXX.png);
 display:block;
 width:20px;
 height:20px;
 }

.messFormWrap{
width:680px;
border:#999 solid 1px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;
}

.messForm {
display:block;
width:680px;
}
.messForm form{ padding:0; border-style:none; width:680px;}

.messFormFunction{
	width:680px;
	height:40px; 
	background-color:#F0F0F0; 
	border:#999 solid 1px;
	border-bottom-style:none;
	margin-left:-1px; 
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-o-border-bottom-right-radius: 10px;
	-o-border-bottom-left-radius: 10px;
	-ms-border-bottom-right-radius: 10px;
	-ms-border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;}

.upload{ float:left; margin-right:20px; padding-top:5px; padding-left:10px;}
.upload input{ width:250px; background-color:#FFF;}
.submitBtn{ float:right; }
.submitBtn input{
	height:40px; 
	color:#666; 
	border-style:none;
	border-left:#999 solid 1px; 
	cursor:pointer;
	letter-spacing:1px;
	margin-bottom:20px;
	background-color:#F0F0F0;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	border-bottom-right-radius: 10px;}

.submitBtn input:hover{ 	color:#fff; 	background-color:#666; }

.dpsInfoTotalTime,.dpsInfoTotalCost,.dpsInfoTotalKwh,
.dpsInfoTodayTime,.dpsInfoTodayCost,.dpsInfoTodayKwh{
	width:200px;
	height:210px;
	margin-top:20px;
	text-align:right;
	padding-right:10px;
	float:left;
}

.dpsInfoTotalTime h5,.dpsInfoTotalCost h5,.dpsInfoTotalKwh h5,.dpsInfoTodayTime h5,.dpsInfoTodayCost h5,.dpsInfoTodayKwh h5{ 
	font-size:1.5rem; 
	color:#000; 
	margin-top:20px; 
	font-weight:bold; 
	letter-spacing:1px;}
	
.dpsInfoTotalTime h6,.dpsInfoTotalCost h6,.dpsInfoTotalKwh h6,.dpsInfoTodayTime h6,.dpsInfoTodayCost h6,.dpsInfoTodayKwh h6{ font-size:2rem; color:#fff;}

.dpsInfoTodayTime h6:last-child,.dpsInfoTodayTime h6:nth-last-child(4){ color:#333;}

.dpsInfoTotalTime span:nth-child(even), .dpsInfoTodayTime span:nth-child(even){color:#fff; font-size:2rem;}
.dpsInfoTotalTime span:nth-child(odd), .dpsInfoTodayTime span:nth-child(odd){color:#333; font-size:2rem;}

.dpsInfoTotalTime{
	background-image:url(../img/dpsinfo-01.png); 
	margin-right:20px;
}
.dpsInfoTotalCost{
	background-image:url(../img/dpsinfo-02.png); 
	margin-right:20px;
}
.dpsInfoTotalKwh{
	background-image:url(../img/dpsinfo-03.png); 
}

.dpsInfoTodayTime{
	background-image:url(../img/dpsinfo-01-d.png); 
	margin-right:20px;
}
.dpsInfoTodayCost{
	background-image:url(../img/dpsinfo-02-d.png); 
	margin-right:20px;
}
.dpsInfoTodayKwh{
	background-image:url(../img/dpsinfo-03-d.png); 
}

.dpsReflection{
	width:210px; 
	background-image:url(../img/dpsreflection.png); 
	background-repeat:no-repeat; 
	height:30px; 
	float:left; 
	margin-bottom:10px; 
	opacity:0.3;
}

#dpsReflectionT{ margin-right:20px;}
#dpsReflectionC{ margin-right:20px;}
#dpsReflectionK{ margin-right:0;}

.since{ width:680px;  text-align:center; font-size:1.5rem; letter-spacing:1.5px; color:#999;}
.since2{ width:680px; text-align:center; font-size:1.5rem; letter-spacing:1.5px; color:#fff; background-color:#888;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;	
border-radius: 7px; }

.FeedPlusMenu{
	clear:both;
	margin-bottom:20px;
	display:block;
	height:55px;
	}

.MePlusMenu{
	clear:both;
	margin-top:20px;
	margin-bottom:10px;
	display:block;
	height:55px;
	}

li.FeedListOn a,li.FeedListLOn a,li.FeedListROn a{
display:block;
width:100px;
padding-top:10px;
height:45px;
text-align:center;
color:#fff;
border:#888 solid 1px;
background-color:#888;
}

li.FeedListOn a:hover,li.FeedListLOn a:hover,li.FeedListROn a:hover{
color:#fff;
background-color:#888;
}

li.FeedList a, li.FeedListL a, li.FeedListR a{
display:block;
width:100px;
padding-top:10px;
height:45px;
text-align:center;
align:absmiddle;
color:#666;
border:#999 solid 1px;
background-color:#EEE;
}


li.FeedList a:hover,li.meWall a:hover,.meWallL a:hover,.meWallR a:hover,
li.FeedListL a:hover,li.FeedListR a:hover,li.anaList a:hover ,li.anaListL a:hover ,li.anaListR a:hover{color:#666;background-color:#CCC;}
li.FeedList span,li.FeedListOn span,li.FeedListL span,li.FeedListLOn span,li.FeedListR span,
li.FeedListROn span,li.meWall span,li.meWallOn span,.meWallOnL span,.meWallL span,.meWallOnR span,.meWallR span,li.anaList span, li.anaListOn span,
li.anaListOnL span, li.anaListL span,li.anaListOnR span, li.anaListR  span{ font-size:36px;}

li.FeedListLOn a,li.FeedListL a ,li.anaListOnL a ,li.anaListL a{
-webkit-border-top-left-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomleft: 10px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px; }

li.FeedListROn a,li.FeedListR a, li.anaListOnR a, li.anaListR a{ 
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomright: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px; }

li.meWall a,li.meWallL a,li.meWallR a{
display: table-cell;
width:226px;
height:45px;
padding-top:10px;
text-align:center;
color:#666;
border:#999 solid 1px;
background-color:#EEE;
}


li.anaList a , li.anaListL a ,li.anaListR a{
display: table-cell;
width:135px;
height:45px;
padding-top:10px;
text-align:center;
color:#666;
border:#999 solid 1px;
background-color:#EEE;
}


.NewsCount{
	font-size:12px;
	width:22px;
	height:22px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;	
	border-radius: 7px;
	background-color:#F00;
	text-align:center;
	line-height:22px;
	color:#fFF;
	float:left;
	position:relative;
	top:45px;
	left:-40px;
	z-index:10;
	font-weight:bold;
	}

#meTabBtn{ font-size:40px; text-align:right;}

#meTabBtn span{ font-size:60px; line-height:65px; float:left; padding-left:50px;}
#meDPSTitle{  font-size:20px; line-height:65px; float:right; padding-right:50px; padding-left:10px;}

#meTabContent{
display:block;
width:663px;
font-size:15px;
line-height:24px;
padding:10px;
margin-top:10px;
margin-left:-5px;
border:#999999 solid 1px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
min-height:510px;
}

#tabs-buttons{ margin-left:160px;}

.iconLiek{ float:right; margin-right:5px;}

.messReplyName{ font-size:14px; font-weight:bold; width:430px; height:22px; float:left ; padding-left:40px;}
.messReplyName a{ font-size:14px; font-weight:bold; float:none; padding:0; color:#000; }
.messReplyContent{ font-size:12px; width:480px; clear:both; padding-left:40px; font-weight:normal;}
.messReplyTime{font-size:0.6rem; float:right; color:#bebebe; font-weight:normal;}

.messReplyDelete{width:20px; float:right; height:20px;}
.messReplyDelete a{
	 border:#F00 solid 1px;  
	 color:#F00; 
	 font-weight:normal; 
	 font-size:0.8rem; 
	 width:20px; 
	 height:20px; 
	 text-align:center; 
	 padding:0;
	 border-radius:5px;
	 -moz-border-radius:5px; 
	 -webkit-border-radius:5px;
	 line-height:20px;
	 }
.messReplyDelete a:hover{ background-color:#F00; color:#FFF; }

.messFullName{ width:550px; height:20px; float:left; font-weight:bold; line-height:26px; color:#000; padding:0; font-size:18px;}

.messInfoWantSays a[onClick^="deleteFeed"], .messInfoWantSays a[onClick^="deleteComment"]{
	 border:#999 solid 1px;  
	 color:#999; 
	 font-weight:normal; 
	 font-size:0.8rem; 
	 text-align:center;	 
	 border-radius:5px;
	 -moz-border-radius:5px; 
	 -webkit-border-radius:5px;
	 -o-border-radius:5px;
	 -ms-border-radius:5px;
	 line-height:20px;
	 float:right;
	 padding:0px 5px;
	 }

.messInfoWantSays a[onClick^="deleteFeed"]{ margin-right:10px; margin-top:-25px;}
.messInfoWantSays a[onClick^="deleteFeed"]:hover, .messInfoWantSays a[onClick^="deleteComment"]:hover{ background-color:#F00; color:#FFF; border:#F00 solid 1px; }

.ChooseList{ width:680px;  margin-bottom:20px; min-height:30px; }
.ChooseList ul{ background-color:#CCC; color:#000; float:left; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.ChooseList ul li:nth-child(odd){ padding:0 1rem; font-size:1rem; line-height:30px; min-height:30px;  text-align:center;}
.ChooseList ul li{ float:left; }

.acPowerListPic{height:40px; font-size:1rem; width:115px; float:left;}
.acPowerListPic2{height:40px; font-size:1rem; float:left;}
.acPowerListPic2 > input{}
.acPowerListPicR{height:40px; font-size:1rem; float:left;}
.acPowerListPic input,.acPowerListPicR input{float:left; margin-right:10px; height:40px; line-height:40px; padding:0; width:40px;  font-size:1rem;}
.acPowerListPic input[type="file"]{ 
border-style:none; 
vertical-align:middle; 
width:40px;
opacity: 0;
filter: alpha(opacity=0);
cursor:pointer; 
margin-right:0px;
}
.acPowerListPic span,.acPowerListPicR span{ 
width:40px;  
height:40px; 
line-height:40px; 
display:block; 
float:left; 
margin-left:-40px; 
border:1px solid #CCC; 
margin-right:10px; 
cursor:pointer;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
text-align:center; 
}

.acPowerListPic span img { margin-top:5px;}

.acPowerListPic input[type="submit"],.acPowerListPicR input[type="submit"]{ 
background-color:#FFF; 
border:1px solid #036; 
color:#036; 
padding:0 10px; 
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px; 
cursor:pointer;}

.acPowerListPic input[type="submit"]:hover, .acPowerListPicR input[type="submit"]:hover{ background-color:#036; color:#FFF;}
.acPowerListPic input[type="text"],.acPowerListPicR input[type="text"] { width:100px; margin-top:0px;}

.acPowerListPic >img{ -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; width:40px; height:40px; display:block; float:left; margin-right:10px;}

.anaIconList{ font-size:0.8rem; padding:15px 0; border-top:1px dashed #999; margin-top:5px; color:#666;}
.anaIconList img{ -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; vertical-align:middle; width:25px; margin-left:5px;}
.anaIconList img:first-child{ margin-left:0;}

.anaListTitle{ font-size:1.5rem; color:#000; padding:10px 0 20px 0; text-align:center; border-bottom:#999 dashed 1px;}

.LinkPWBtn{  height:35px; line-height:25px; margin-left:20px; float:right; }
.LinkPWBtn a{ height:35px; color:#999; background-color:#fff; font-size:14px; padding:2px 10px; border:#999 solid 1px;}
.LinkPWBtn a:hover{background-color:#999; color:#fff;}

.deletePost2{
	float:right;		
	display:block;
	font-size:10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	border:#999 solid 1px;
	width:15px;
	height:15px;
	margin-top:-60px;
	margin-right:12px;
	text-align:center;
	line-height:15px;
	z-index:50;
	color:#999;
	cursor:pointer;
	}

.deletePost2 a{
	color:#999;
 	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size:10px;
	text-align:center;
	line-height:15px;
	font-weight:normal;
	background-color: rgba(255,255,255,0);
	z-index:50;
	}

.deletePost2:hover{background-color:#F00;color:#FFF;border:#F00 solid 1px;}

a.feed-liked{
background-color: #F7931E;
color:#FFF;	
}

a.feed-liked:hover{ color:#fff;	}

.notFriend{min-height:720px; font-size:2rem; color:#000; margin-left:160px; text-align:center; padding-top:200px;}
.notFriend span a::after{content: attr(title); display:block;}
.notFriend span a:hover::after {content: "Invite!"; letter-spacing:2px; color:#666; display:block;}
.notFriend span{  border:1px solid #999;  border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; padding:50px ; margin:0 auto; display:block; width:300px; text-align:center}
.notFriend a , #notFriendBtn a:visited{color:#000; font-size:1.5rem;}

.chart-icon{ width:100%; clear:both; min-height:70px;}
.footerMargin{ height:100px; width:50px;}

#ecoNote{ 
	font-family:  "Arial",  "Verdana", "Trebuchet MS", "Helvetica","sans-serif","Microsoft YaHei","微軟正黑體","Microsoft JhengHei","simsun","LiHei Pro","PMingLiU";
	padding:10px; 
	box-sizing:border-box; 
	margin:0 auto; 
	font-weight:400; 
	color:#666; 
	text-align:left; 
	font-size:14px; 
	line-height:2;
	min-height:511px; 
	background:#f2f2f2 url(../img/tree_bg_02.png) no-repeat; 
	background-position:center bottom;
	-moz-background-size:100%;
	-webkit-background-size:100%;
	-o-background-size:100%;
	background-size:100%;
	 }
#ecoNote>div{padding:10px; text-align:center; color:#fff; padding-top:70px;}
#ecoNote>div>h6{ margin:0; padding-left:10px;}
#ecoNote>div>h3{ margin:0; padding:0; font-size:18px; text-align:center;}
#ecoNote>div>h3>p{ padding:5px;  border-bottom:1px solid #FF0; display:inline; color:#FF0;}
#ecoNote>div>h3>span{ 
	font-size:24px; color:#387455;
	-webkit-animation: color-change 2s infinite;
	-moz-animation: color-change 2s infinite;
	-o-animation: color-change 2s infinite;
	-ms-animation: color-change 2s infinite;
	animation: color-change 2s infinite;
}

@-webkit-keyframes color-change {
	0% { color: #387455; }
	50% { color: #79BC17; }
	100% { color: #387455; }
}
@-moz-keyframes color-change {
	0% { color: #387455; }
	50% { color: #79BC17; }
	100% { color: #387455; }
}
@-ms-keyframes color-change {
	0% { color: #387455; }
	50% { color: #79BC17; }
	100% { color:#387455; }
}
@-o-keyframes color-change {
	0% { color: #387455; }
	50% { color: #79BC17; }
	100% { color:#387455 }
}
@keyframes color-change {
	0% { color: #387455; }
	50% { color: #79BC17; }
	100% { color:#387455; }
}