.div-nav-title {
	background-color: #3c404b;
	width:100%;
	height: 89px;
}
.div-logo {
	width: 107px;
	height: 37px;
	margin: 0 auto;
	line-height: 89px;
	color: #00e284;
	float: left;
	font-size: 25px;
}
.div-nav {
	margin: 0 auto;
	width: 1920px;
	height: 37px;
	line-height: 89px;
	padding-left: 300px;
	color:#ffffff;
}
li {
	float: left;
	width: 200px;
	list-style-type: none;
}
.li-img {
	float: left;
	width: 50px;
	list-style-type: none;
	position: relative;
	left: -50px;
	top:7px;
}
.div-bannerbg {
	width:100%;
	height:900px;
}
.div-banner {
	width: 100%;
	height: 900px;
	text-align:center;
	position:relative;
	top:0px;
}
.img-banner {
	width: 1920px;
	height: 900px;
}
.h1-infor1 {
	border-top:2px solid #FFF;
	position:relative;
	top:-520px;
	text-align:center;
	width:790px;
	margin:0 auto;
}
.h1-infor {
	position:relative;
	top:-500px;
	text-align:center;
	width:900px;
	margin:0 auto;
	text-transform:uppercase;
	color:#FFF;
}
.h1-infor2 {
	border-top:2px solid #FFF;
	position:relative;
	top:-480px;
	text-align:center;
	width:790px;
	margin:0 auto;
}
.div-view {
	border:2px solid #FFF;
	position:relative;
	top:-300px;
	width:146px;
	height:40px;
	margin:0 auto;
	font-size:18px;
	line-height:40px;
	text-align:center;
	color:#fff;
	text-transform:uppercase;
}
.div-banner-V {
	position:relative;
	top:-200px;
	width:30px;
	height:16px;
	margin:0 auto;
	font-size:18px;
	text-align:center;
	background-image:url(../Images/v.png);
}
.div-myimg-bg {
	height:541px;
	width:100%;
	background-color:#FFF;
	text-align: center;
	margin: 0 auto;
}
.my_img {
	width: 334px;
	height:445px;
	margin: 0 auto;
	position: relative;
	left:-350px;
	top:46px;
}
.my_information {
	width: 658px;
	height:454px;
	background-image:url(../Images/myinfor_bg.png);
	margin: 0 auto;
	position: relative;
	left:300px;
	top:-400px;
}
.h2-album {
	position:relative;
	top:130px;
	right:280px;
}
.h2-myimg {
	position:relative;
	top:170px;
	right:280px;
}
.h5-information {
	position:relative;
	top:200px;
	right:80px;
}
.about-me-bg {
	width:100%;
	height:2303px;
	background-color:#000;
}
.about-me-like-bg {
	width:100%;
	height:574px;
	background-color:#637f94;
}
.h2-title-aboutme {
	width:200px;
	height:50px;
	position:relative;
	top:10px;
	right:500px;
	margin:0 auto;
	color:#3a0101;
}
.about-me-infor-bg {
	background-image:url(../Images/myinfor_bg1.png);
	width:658px;
	height:454px;
	margin:0 auto;
	position:relative;
	top:10px;
	right:230px;
}
.h3-title-HOBBY {
	width:100px;
	height:50px;
	position:relative;
	left:570px;
	top:140px;
}
.h2-my-like {
	position:relative;
	left:560px;
	top:140px;
}
.h5-like {
	position:relative;
	left:350px;
	top:170px;
}
.hobby {
	width:276px;
	height:208px;
	margin:0 auto;
	position:relative;
	left:367px;
	top:-475px;
}
.hobby1 {
	margin:0 auto;
	width:276px;
	height:208px;
	position:relative;
	left:367px;
	top:-435px;
}
.my-read-bg {
	background-color:#FFF;
	width:100%;
	height:545px;
}
.div-read1 {
	margin:0 auto;
	text-align:center;
	position:relative;
	left:300px;
	top:40px;
}
.div-readfont {
	position:relative;
	top:-290px;
	text-align:center;
	left:20px;
}
.div-readbook1 {
	width:216px;
	height:281px;
	margin:-60px auto;
	position:relative;
	left:-440px;
	top: -360px;
}
.div-readbook2 {
	width:240px;
	height:277px;
	margin:-280px auto;
	position:relative;
	left:-200px;
	top: -360px;
}
.h2-my-read1 {
	position:relative;
	top:50px;
}
.h5-read {
	position:relative;
	left:200px;
	top:50px;
}
.h2-my-study {
	position:relative;
	top:40px;
}
.div-study-bg {
	width:100%;
	height:578px;
	background-color:#637f94;
	margin:0 auto;
}
.div-study-border {
	background-image:url(../Images/myinfor_bg1.png);
	width:658px;
	height:454px;
	margin:0 auto;
	position:relative;
	top:60px;
	right:230px;
}
.study-font {
	text-align:center;
	position:relative;
	top:-270px;
	left:50px;
}
.h5-study {
	position:relative;
	top:50px;
	right:100px;
	text-align:center;
}
.about-me-end-bg {
	width:100%;
	height:611px;
	background-color:#FFF;
}
.about-me-border {
	width:658px;
	height:454px;
	background-image:url(../Images/myinfor_bg.png);
	margin:0 auto;
	position:relative;
	left:280px;
	top:80px;
}
.div-me-rate {
	width:500px;
	height:500px;
	position:relative;
	right:520px;
	top:-80px;
}
.h3-rate {
	color:#00bad0;
}
.processcontainer {
	width:450px;
	border:1px solid #a8a8a8;
	height:25px;
	background-color:#a8a8a8;
}
#processbar {
	background:#00bad0;
	float:left;
	height:100%;
	text-align:right;
	line-height:150%;
}
#processbar1 {
	background:#00bad0;
	float:left;
	height:100%;
	text-align:right;
	line-height:150%;
}
#processbar2 {
	background:#00bad0;
	float:left;
	height:100%;
	text-align:right;
	line-height:150%;
}
#processbar3 {
	background:#00bad0;
	float:left;
	height:100%;
	text-align:right;
	line-height:150%;
}
.h3-skill {
	position:relative;
	top:140px;
	left:20px;
}
.h2-my-skill {
	position:relative;
	top:190px;
}
.h5-study1 {
	position:relative;
	top:190px;
}
.h3-more {
	position:relative;
	left:130px;
	top:180px;
	color:#00bad0;
}
.study-img {
	width:100px;
	height:150px;
	margin:-60px auto;
	position:relative;
	left:300px;
	top: -380px;
}
.study-img1 {
	width:100px;
	height:150px;
	margin:-60px auto;
	position:relative;
	left:550px;
	top: -470px;
}
.h3-more1 {
	position:relative;
	left:400px;
	top:30px;
	color:#00bad0;
}
.h3-more2 {
	position:relative;
	left:100px;
	top:120px;
	color:#00bad0;
}
.h3-more3 {
	position:relative;
	right:500px;
	top:30px;
	color:#00bad0;
}
.h3-more4 {
	position:relative;
	left:450px;
	top:130px;
	color:#00bad0;
}
.Contactme-bg {
	width:100%;
	height:447px;
	background-color:#3c404b;
	text-align:center;
}
.div-title {
	width:830px;
	height:347px;
	margin:0 auto;
}
.p1 {
	float:left;
	color:#FFF;
}
.p2 {
	float:right;
	color:#FFF;
	position:relative;
	right:300px;
}
.div-title {
	position:relative;
	top:80px;
	font-size:24px;
}
.cont-input {
	width:300px;
	height:270px;
	position:relative;
	top:50px;
}
.button1 {
	width:87px;
	height:35px;
	background-color:#08c742;
	border-color:#08c742;
	position:relative;
	right:105px;
}
.textarea-text {
	width:200px;
	height:100px;
	position:relative;
	right:45px;
	background-color:#373a44;
	border-color:#373a44;
}
.input1 {
	position:relative;
	width:200px;
	right:47px;
	border-color:#373a44;
	background-color:#373a44;
}
.input2 {
	position:relative;
	width:200px;
	border-color:#373a44;
	right:83px;
	background-color:#373a44;
}
.contactme {
	width:318px;
	height:124px;
	position:relative;
	top:-200px;
	left:460px;
	font-size:13px;
}
.p3 {
	float:left;
	color:#FFF;
}
.div-wd {
	position:relative;
	right:300px;
	top:10px;
}
.more-bg {
	width:100%;
	height:560px;
	background-color:#FFF;
	text-align:center;
	color:#40c3d6;
}
.more-title {
	position:relative;
	right:200px;
	top:50px;
}
.more-infor {
	position:relative;
	top:-50px;
	left:680px;
}
.more-infor1 {
	position:relative;
	top:-50px;
	left:680px;
}
.more-img {
	position:relative;
	right:400px;
	top:100px;
}
.more-img2 {
	position:relative;
	right:200px;
	top:20px;
}
.more-img1 {
	width:100px;
}
 .int{ height: 30px; text-align: left; width: 600px; color:#FFF;  }
     label{ width: 200px; margin-left: 20px; }
     .high{ color: red; }
     .msg{ font-size: 13px; }
     .onError{ color: red; }
     .onSuccess{ color: green; }
	 .input1{ position:relative;
	 right:80px;
	 top:10px;border-color:#FFF;}
	 .input2{ border-color:#FFF;}
 .textarea-text{ border-color:#FFF;
 position:relative;
 right:10px;
 top:20px;}