/*----ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â§ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¾Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â»ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â½ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â©ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂµÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â·ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¼ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¡Ãƒâ€šÃ‚Â¬ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Âlogin.html*/
.body-login{
	width: 100%;
	height: 1200px;
	overflow: hidden;
	background: url(../img/login-bg.png) no-repeat;
}


.login-cnt-box{
	width: 1000px;
	margin: 0 auto;
	margin-top: 180px;
	height: 658px;
	background: #fff;
	border-radius: 26px;
}

.login-left{
	width: 640px;
	height: 100%;
	background: transparent;
	float: left;
}

.login-left h1{
	font-size: 28px;
	color: #eb960a;
	width: 100%;
	padding-top: 63px;
	text-align: center;
	margin-bottom: 52px;
}

.login-form{
	display: block;
	width: 438px;
	margin: 0 auto;
	padding-left: 22px;
}

.login-form ul li{
	list-style: none;
}

.login-type{
	font-size: 18px;
	color: #6c6c6c;
	margin-bottom: 16px;
}

.mgrB26{
	margin-bottom: 26px;
}

.login-ipt{
	width: 379px;
	height: 48px;
	line-height: 48px !important;
	font-size: 18px;
	border: 1px solid #eee;
	background: #f6f6f6;
	padding-left: 19px;
	border-radius: 4px;
	/*color: #ccc;*/
	font-family: "microsoft yahei"
}

.account-login-ipt{
	background: #f6f6f6 url(../img/icon-user.png) no-repeat 359px 16px;
}

.pwd-login-ipt{
	background: #f6f6f6 url(../img/icon-pwd.png) no-repeat 359px 13px;
}

.mgrB20{
	margin-bottom: 20px;
}

.pwd-remember{
	float: left;
	cursor: pointer;
}

.pwd-remember span{
	font-size: 14px;
	position: relative;
	top: 3px;
}

.pwd-forget{
	float: right;
	color: #999;
	font-size: 14px;
	position: relative;
	top: 3px;
	margin-right: 33px;
	cursor: pointer;
}

.mgrB40{
	margin-bottom: 40px;
}

.btn-login{
	width: 400px;
	height: 54px;
	line-height: 54px;
	text-align: center;
	color: #fff;
	background: #efa814;
	cursor: pointer;
	font-size: 20px;
	border-radius:9px ;
}

.btn-login:hover{
	background: #f9ac0c;
}

.login-right{
	width: 360px;
	height: 100%;
	background: url(../img/login-right-bg.png) no-repeat;
	float: left;
	position: relative;
}

.login-right img{
	width: 375px;
	height: 380px;
	display: block;
}

.img-cartoon-login{
	display: block;
	position: absolute;
	top: 184px;
	left: -25px;
}


/*----ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â³ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¨ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â ÃƒÆ’Ã¢â‚¬Â¦ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â©ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂµÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â©ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â·ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¼ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â*/
.register-form{
	width: 700px;
	height: 800px;
	background: #fff;
	margin: 0 auto;
	margin-top: 147px;
	border-radius: 26px;
}

.register-form h1{
	width: 100%;
	height: 106px;
	line-height: 106px;
	text-align: center;
	font-size: 28px;
	color: #eb960a;
	border-bottom: 1px solid #f5edd7;
	margin-bottom: 59px;
}

.register-form  table{
	width: 500px;
	margin: 0 auto;
	color: #6c6c6c;
	font-size: 18px;
}

.register-form table td{
	height: 51px;
	line-height: 50px;
	padding-bottom: 30px;
}

.register-form table td.td1{
	text-align: right;
}

.register-form table td input[type="text"],.register-form table td input[type="password"]{
	width: 380px;
	height: 48px;
	border: 1px solid #eee;
	background: #f6f6f6;
	padding-left: 18px;
	border-radius: 5px;
	margin-left: 18px;
	font-size: 18px;
	/*color: #ccc;*/
	font-family: "microsoft yahei";
	line-height: 48px;
}

.register-form table td input.vc-ipt{
	padding-right: 126px;
	width: 254px;
}

.vc-btn-register,.vc-btn-register-c{
	width: 120px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	background: #eb960a;
	position: absolute;
	right: 14px;
	top: 7px;
	border-radius: 4px;
	display: block;
}

.vc-btn-register:hover{
	background: #f9ac0c;
}

.vc-btn-member{
	width: 120px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	background: #eb960a;
	position: absolute;
	right: 14px;
	top: 7px;
	border-radius: 4px;
	display: block;
}

.vc-btn-memberr:hover{
	background: #f9ac0c;
}


.agree-register{
	width: 22px;
	height: 22px;
	background: url(../img/checkbox-register.png) no-repeat;
	margin-left: 18px;
	margin-right: 12px;
}

/*.agree-register:checked{
	background: url(../img/checked-register.png) no-repeat;
}*/

.agree-registerChecked{
	background: url(../img/checked-register.png) no-repeat;
}

.register-form table td.td-agree-register{
	font-size: 16px;
	color: #6c6c6c;
	height: 22px;
	line-height: 22px;
	cursor: pointer;
}

.register-form table td.td-agree-register span{
	position: relative;
	top: 4px;
}

.register-form table td.td-agree-register a{
	color: #eb960a;
	position: relative;
	top: 4px;
}

.agree-txt-box{
	display: inline-block;
}

.h56{
	height: 56px;
	border-bottom: 1px solid #f5edd7;
	margin-bottom: 40px;
}

.btn-register,.btn-register-c,.btn-find{
	width: 400px;
	height: 54px;
	text-align: center;
	line-height: 54px;
	font-size: 20px;
	color: #fff;
	background: #efa814;
	margin: 0 auto;
	cursor: pointer;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	border-radius: 10px;
}

.btn-register:hover{
	background: #f9ac0c;
}

.agreement-box{
	width: 700px;
	height: 770px;
	background: #fff;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 8%;
	border-radius: 18px;
	overflow: hidden;
}

.agreement-box h1.title{
	font-size: 28px;
	color: #fff8e1;
	width: 100%;
	height: 80px;
	line-height: 80px;
	background: url(../img/agreementTop.png) no-repeat;
	margin-bottom: 36px
}

.agreement-box span.left{
	margin-left: 30px;
}

.agreement-box span.right{
	float: right;
	font-size: 50px;
	position: relative;
	right: 29px;
	top: -4px;
	cursor: pointer;
}

.agreement-cnt-box{
	width: 100%;
	height: auto;
	overflow: hidden;
	padding-bottom: 30px;
	border-bottom: 1px solid #f5edd7;
}

.agreement-cnt-inr{
	width: 634px;
	margin: 0 auto;
	height: auto;
	overflow: hidden;
	color: #6c6c6c;
}

.agreement-cnt-inr h1{
	font-size: 24px;
	width: 100%;
	margin-bottom: 20px;
}

.agreement-cnt-inr p{
	font-size: 18px;
	line-height: 30px;
	margin-bottom: 22px;
}

.agreement-read-box{
    font-size: 16px;
    color: #6c6c6c;
    height: 22px;
    line-height: 22px;
    margin-top: 30px;
    padding-left: 14px;
    margin-bottom: 57px;
}

.agreement-read-box span{
	position: relative;
	top: 2px;
	cursor: pointer;
}

.btn-confirm-register{
	border-radius: 12px;
	background: #efa814;
	cursor: pointer;
	text-align: center;
	width: 400px;
	height: 54px;
	line-height: 54px;
	color: #fff;
	font-size: 20px;
	background: #efa814;
	cursor: pointer;
	margin: 0 auto;
}

.btn-confirm-register:hover{
	background: #f9ac0c;
}


/*----ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â°ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚ÂºÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¯ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â§ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â©ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂµÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â©ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â·ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¼ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â*/
.alertBtn-re{
	margin-left: 18px;
	cursor: pointer;
}

.alertBtn-re:hover{
	color: #efa814;
}

.padB19{
	padding-bottom: 19px !important;
}

.pwd-tips-box{
	width: 600px;
	height: 400px;
	position: fixed;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 30%;
	background: #fff;
	border-radius: 16px;
	display: none;
}

.closeMask,.closeMask2{
	position: absolute;
	right: 16px;
	top: 0;
	color: #ccc;
	font-size: 36px;
	cursor: pointer;
}

.pwd-tips-box img{
	display: block;
	width: 168px;
	margin: 0 auto;
	margin-top: 66px;
	margin-bottom: 37px;
}

.pwd-tips-box h1{
	width: 100%;
	text-align: center;
	font-size: 28px;
	color: #eb960a;
	margin-bottom: 15px;
}

.pwd-tips-box p{
	font-size: 16px;
	color: #6c6c6c;
	width: 222px;
	margin: 0 auto;
	text-align: center;
	line-height: 24px;
}


/*ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¶ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¤ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â»ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â€šÂ¬Ã…â€œÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¸ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â·ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¤ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¿ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¯ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â©ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂµÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â©ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â·ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¼ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â*/
.info-cnt-box{
	width: 900px;
	height: 970px;
	margin: 0 auto;
	background: #fff;
	margin-top: 79px;
	border-radius: 26px;
}

.info-cnt-box h1 {
    width: 100%;
    height: 106px;
    line-height: 106px;
    text-align: center;
    font-size: 28px;
    color: #eb960a;
    border-bottom: 1px solid #f5edd7;
    margin-bottom: 59px;
}

.form-info{
	width: 100%;
	height: 100%;
}

.form-info td{
	font-size: 18px;
	color: #6C6C6C;
	padding-bottom: 30px;
}

.form-info .td1{
	text-align: right;
	padding-left: 86px;
}

.form-info table td input[type="text"],.form-info table td input[type="password"]{
	width: 380px;
	height: 48px;
	border: 1px solid #eee;
	background: #f6f6f6;
	padding-left: 18px;
	border-radius: 5px;
	margin-left: 18px;
	font-size: 18px;
	/*color: #ccc;*/
}

.padB30{
	padding-bottom: 30px;
}

.boyBox{
	height: 67px;
	padding-left: 80px;
	margin-left: 18px;
	cursor: pointer;
	line-height: 67px;
	float: left;
	margin-right: 38px;
	background: url(../img/boy-normal.png) no-repeat;
}

.boyBox-active{
	background: url(../img/boy-active.png) no-repeat !important;
	color: #eb960a !important;
}

.child-line{
	width: 1px;
	height: 30px;
	background: #f5edd7;
	position: relative;
	top: 19px;
	margin-right: 40px;
	float: left;
}

.girlBox{
	height: 67px;
	padding-left: 80px;
	cursor: pointer;
	line-height: 67px;
	float: left;
	background: url(../img/girl-normal.png) no-repeat;
}

.girlBox-active{
	background: url(../img/girl-active.png) no-repeat !important;
	color: #eb960a !important;
}

#pro{
	width: 186px;
	height: 48px;
	border: 1px solid #eee;
	float: left;
	margin-left: 18px;
	margin-right: 21px;
	font-size: 18px;
	line-height: 48px;
	background: #f6f6f6 url(../img/select-arroe.png) no-repeat 157px 21px;
	padding-left: 18px;
	color: #ccc;
}

#city{
	width: 188px;
	height: 48px;
	line-height: 48px;
	border: 1px solid #eee;
	background: #f6f6f6 url(../img/select-arroe.png) no-repeat 157px 21px;
	float: left;
	font-size: 18px;
	padding-left: 18px;
	color: #ccc;
}

.dadBox {
    height: 75px;
    padding-left: 80px;
    margin-left: 18px;
    cursor: pointer;
    line-height: 75px;
    float: left;
    background: url(../img/dad-normal.png) no-repeat;
	margin-right: 38px;
}

.dadBox-active{
	background: url(../img/dad-active.png) no-repeat !important;
	color: #eb960a !important;
}

.mumBox{
	height: 75px;
	padding-left: 80px;
	cursor: pointer;
	line-height: 67px;
	float: left;
	background: url(../img/mum-normal.png) no-repeat;
}

.mumBox-active{
	background: url(../img/mum-active.png) no-repeat !important;
	color: #eb960a !important;
}

.parents-line{
	width: 1px;
	height: 30px;
	background: #f5edd7;
	position: relative;
	top: 27px;
	margin-right: 40px;
	float: left;
}

.info-line{
	height: 30px;
	width: 100%;
	border-bottom: 1px solid #f5edd7;
	margin-bottom: 40px;
}

.enterBtn-ljs{
	width: 400px;
	height: 54px;
	line-height: 54px;
	text-align: center;
	background: #efa814;
	color: #fff;
	font-size: 20px;
	margin: 0 auto;
	cursor: pointer;
	position: absolute;
	left: 0;
	right: 0;
	border-radius: 10px;
}

.enterBtn-ljs:hover{
	background: #f9ac0c;
}

.upLoaderBox{
	width: 120px;
	height: 120px;
	position: absolute;
	top: 0px;
	right: 88px;

}

#uploader{
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 2;
	/*border-radius: 50%;*/
}

#uploader .queueList {
    width: 100%;
    height: 100%;
    /*background: url(../img/uploadBg.png) no-repeat;*/
   border-radius: 60px;
   -webkit-border-radius: 60px;
   overflow: hidden;
}

#uploader .queueList #dndArea {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
}

#uploader .queueList #dndArea .webuploader-container {
    width: 100%;
    height: 100%;
    position: absolute;
}

#uploader .queueList #dndArea .webuploader-container .webuploader-pick {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    background: none;
}

.icon-upload{
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 3;
}

.tips-upload{
	font-size: 18px;
	color: #cccccc;
	width: 100%;
	text-align: center;
	margin-top: 16px;
}

.body-index{
	width: 100%;
	background: #fff8dc url(../img/index-body-bg.png) no-repeat;
	height: auto;
	overflow: hidden;
	position: relative;
}

.inr-box-index{
	width: 1400px;
	margin: 0 auto;
	position: relative;
	z-index: 2;
}

.bnr-box-index{
	padding-top: 60px;
	overflow: hidden;
	margin-bottom: 77px;
}

#bnr_tabs{
	float: left;
	width: 900px;
	height: 328px;
	overflow: hidden;
	zoom: 1;
	position: relative;
	margin-right: 30px;
}

.flexslider .slides li{
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.flexslider .slides li img{
	display: block;
	width: 100%;
	height: 100%;
}

.bnr-page-box{
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: 20px;
}

#bnr_ctrl{
	overflow: hidden;
	display: inline-block;
	margin-left: -10px;
}

#bnr_ctrl li{
	float: left;
	width: 10px;
	height: 10px;
	background: #fff;
	border-radius: 5px;
	margin-right: 10px;
	transition: all 0.3s linear; 
	cursor: pointer;
}

#bnr_ctrl li.active{
	width: 30px;
}

.course-ltem-index{
	height: 100%;
}

.course-ltem-index ul{
	overflow: hidden;
}

.course-ltem-index ul li{
	float: left;
	width: 221px;
	height: 155px;
	margin-right: 28px;
	margin-bottom: 18px;
}

.course-ltem-index ul li:hover{
	opacity: 0.8;
}

.course-ltem-index ul li a{
	display: block;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.levelBox{
	width: 100%;
	height: 60px;
	line-height: 60px;
	color: #fff;
	position: relative;
	border-radius: 19px;
}

.done-index{
	position: absolute;
	top: 0;
	right: 0;
	width: 257px;
	height: 144px;
	background: url(../img/nike-index.png) no-repeat;
	z-index: 2;
}

.level1Box{
	background: #64d400;
}

.level-txt-box{
	font-size: 24px;
	font-weight: bold;
	font-family: arial;
	float: left;
	margin-left: 121px;
	margin-bottom: 20px;
}

.level-txt-box span{
	font-size: 36px;
	font-family: arial;
	font-weight: bold;
	margin-left: 10px;
}

.years-course{
	float: right;
	font-size: 24px;
	font-family: arial;
	margin-right: 26px;
	font-weight: bold;
}

.level1Box img{
	position: absolute;
	left: 20px;
	top: -46px;
}

.course-box-index{
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-bottom: 80px;
}

.course-index{
	float: left;
	overflow: hidden;
	border-radius: 7px;
	overflow: hidden;
	margin-right: 28px;
	position: relative;
}

.course-index img.img-course-index{
	width: 257px;
	height: 144px;
	display: block;
	-webkit-transition:all 0.6s linear; 
	-moz-transition:all 0.6s linear;
	-o-transition:all 0.6s linear; 
	-ms-transition:all 0.6s linear; 
	transition:all 0.6s linear; 
    transform:scale(1,1); 
    -ms-transform:scale(1,1); 
    -moz-transform:scale(1,1);
    -webkit-transform:scale(1,1);
    -o-transform:scale(1,1);
}

.course-index:hover img{
	transform:scale(1.1,1.1);
    -ms-transform:scale(1.1,1.1); 	/* IE 9 */
    -moz-transform:scale(1.1,1.1); 	/* Firefox */
    -webkit-transform:scale(1.1,1.1); /* Safari Chrome */
    -o-transform:scale(1.1,1.1); 	/* Opera */
}

.course-txt-index{
	width: 255px;
	height: 55px;
	line-height: 55px;
	text-align: center;
	background: #fff;
	font-size: 18px;
	color: #999;
	font-family: arial;
	font-weight: bold;
	border: 1px solid #f5edd7;
	border-top: 0px none;
}

.course-active-index{
	color: #a0cb25;
}

.level2Box{
	background: #4ea200;
}

.level2Box img{
	position: absolute;
	left: 17px;
	top: -39px;
}

.level2A-box{
	background: #eebf0e;
}


.level2A-box img{
	position: absolute;
	left: 28px;
	top: -47px;
}

.level2B-box{
	background: #f19b16;
}

.level2B-box img{
	position: absolute;
	left: 30px;
	top: -51px;
}


.level3A-box{
	background: #00a7f0;
}

.level3A-box img{
	position: absolute;
	left: 15px;
	top: -53px;
}

.level3B-box{
	background: #0079eb;
}

.level3B-box img{
	position: absolute;
	left: 30px;
	top: -56px;
}

.borderB-index{
	border-bottom: 1px solid #eae1c8;
}

.info-botm{
	float: right;
	overflow: hidden;
}

.info-botm div{
	width: 100%;
	font-size: 14px;
	font-family: arial;
	font-weight: bold;
	margin-bottom: 8px;
	color: #ccc;
}

.info-botm div a{
	color: #ccc !important;
}

.info-botm div a:hover{
	color: #666 !important;
}

.video-body{
	width: 100%;
	height: 1184px;
	background: url(../img/video-body-bg.png) no-repeat;
}

.video-body-inr{
	width: 1400px;
	margin: 0 auto;
	overflow: hidden;
}

.video-body-inr{
	padding-top: 96px;
	position: relative;
}

.nav-course-video{
	width: 100%;
	height: 148px;
	text-align: center;
	margin-bottom: 31px;
}

.nav-course-video ul{
	display: inline-block;
}

.nav-course-video ul li{
	float: left;
	position: relative;
	width: 179px;
	height: 124px;
	margin-right: 24px;
}

.nav-course-video ul li a img{
	display: block;
	width: 179px;
	height: 124px;
}

.nav-course-video ul li a{
	display: block;
	transition: 0.4s all linear;
	position: relative;
	top: 0;
} 

.nav-course-video ul li a:hover{
	top: -13px;
}

.video-list-left{
	width: 282px;
	height: 576px;
	padding-top: 26px;
	border: 4px solid;
	background: #fff;
	float: left;
}

.video-list-inr{
	width: 236px;
	margin: 0 auto;
	height: 100%;
	overflow-y: auto;
	padding-right: 20px;
}

.video-list-inr .video{
	width: 221px;
	height: auto;
	overflow: hidden;
	margin-bottom: 26px;
}

.video-list-inr .video .video-img-box{
	width: 100%;
	height: 125px;
	position: relative;
}

.video-list-inr .video .video-img-box img{
	width: 100%;
	height: 100%;
	display: block;
}

.video-list-inr .video .video-img-box img.btn-play-list{
	position: absolute;
	width: 47px;
	height: 47px;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

.video-list-inr .video p{
	width: 100%;
	text-align: center;
	font-size: 18px;
	color: #6c6c6c;
	font-family: arial;
	font-weight: bold;
	margin-top: 9px;
}




/*----ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¨ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â©ÃƒÆ’Ã¢â‚¬Â ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¨ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â®ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¹ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â©ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂµÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â©ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â·ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¼ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â*/
.body-all{
	width: 100%;
	height: 1228px;
	background: url(../img/all-Bg.png) no-repeat;
	overflow: hidden;
}

.all-inr-box{
	width: 1400px;
	margin: 0 auto;
	height: auto;
	padding-top: 61px;
	overflow: hidden;
}

.video-all-box{
	width: 100%;
	height: auto;
	overflow: hidden;
	padding-bottom: 20px;
	border-bottom: 1px solid #f5edd7;
}

.video-all-box ul li{
	float: left;
	border-radius: 8px;
	width: 257px;
	overflow: hidden;
	margin-right: 28px;
	margin-bottom: 40px;
	cursor: pointer;
}

.video-img-all{
	width: 100%;
	height: 144px;
	overflow: hidden;
	position: relative;
}

.video-img-all img{
	display: block;
	width: 100%;
	height: 100%;
	-webkit-transition:all 0.6s linear; 
	-moz-transition:all 0.6s linear;
	-o-transition:all 0.6s linear; 
	-ms-transition:all 0.6s linear; 
	transition:all 0.6s linear; 
    transform:scale(1,1); 
    -ms-transform:scale(1,1); 
    -moz-transform:scale(1,1);
    -webkit-transform:scale(1,1);
    -o-transform:scale(1,1);
}

.video-all-box ul li:hover p{
	color: #eea412 !important;
}

.video-all-box ul li:hover .btn-play-all{
	transform:rotate(120deg);
	-ms-transform:rotate(120deg); /* Internet Explorer */
	-moz-transform:rotate(120deg); /* Firefox */
	-webkit-transform:rotate(120deg); /* Safari ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â‚¬Å¾Ã‚Â¢ÃƒÆ’Ã¢â‚¬Â¦ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ Chrome */
	-o-transform:rotate(120deg); /* Opera */
}

.video-all-box ul li:hover img{
	transform:scale(1.1,1.1);
    -ms-transform:scale(1.1,1.1); 	/* IE 9 */
    -moz-transform:scale(1.1,1.1); 	/* Firefox */
    -webkit-transform:scale(1.1,1.1); /* Safari Chrome */
    -o-transform:scale(1.1,1.1); 	/* Opera */
}



.video-img-all .btn-play-all{
	display: block;
	width: 60px;
	height: 60px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	cursor: pointer;
	background: url(../img/play-all.png) no-repeat;
	-webkit-transition:all 0.6s linear; 
	-moz-transition:all 0.6s linear;
	-o-transition:all 0.6s linear; 
	-ms-transition:all 0.6s linear; 
	transition:all 0.6s linear; 
}

.video-all-box ul li p{
	width: 255px;
	border: 1px solid #f5edd7;
	height: 55px;
	line-height: 55px;
	text-align: center;
	font-size: 20px;
	color: #999;
	font-family: arial;
	font-weight: bold;
	background: #fff;
	border-top: 0px none;
}

.pageBox-all{
	width: 100%;
	text-align: center;
	overflow: hidden;
	padding-top: 32px;
}

.pageBox-all a{
	font-size: 20px;
	color: #fff;
	font-weight: bold;
	display: inline-block;
	background: #eea412;
	border-radius: 12px;
	height: 50px;
	line-height: 50px;
	text-align: center;	
	width: 50px;
	height: 50px;
	margin-right: 10px;
}

.pageBox-all a.active{
	background: #ecbe0e !important
}

.pageBox-all a.btn-pre-all,.pageBox-all a.btn-next-all{
	width: 140px;
}

.pageBox-all a:hover{
	background: #f9ac0c;
}


/*----ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¾Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â­ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â©ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂµÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â©ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â·ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¼ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â*/
.body-teac{
	width: 100%;
	background: url(../img/all-Bg.png) no-repeat top;
	overflow: hidden;
	height: 1228px;
}

.teach-body-inr{
	width: 1400px;
	margin: 0 auto;
	overflow: hidden;
	padding-top: 64px;
	position: relative;
	z-index: 2;
}

.nav-course-video ul li a.nav6-active-video{
	position: absolute;
	top: -12px;
	left: 0;
}

.teach-cnt-box{
	width: 1000px;
	margin: 0 auto;
	background: #fff;
	overflow: hidden;
	border-radius: 30px;
	padding-bottom: 125px;
}

.teach-cnt-box h1{
	width: 100%;
	height: 90px;
	text-align: center;
	line-height: 90px;
	font-size: 28px;
	font-family: arial;
	color: #eb960a;
	border-bottom: 1px solid #f5edd7;
}

.teach-cnt-box table{
	width: 880px;
	margin: 0 auto;
}

.teach-cnt-box table tr td{
	vertical-align: top;
	text-align: left;
	border-bottom: 1px solid #f5edd7;
	padding-top: 36px;
}

/*.overflowY-teach{
	height: 100%;
	overflow-y: auto;
}*/

.td1-teach{
	font-size: 20px;
	color: #444;
	font-family: arial;
}

.td2-teach{
	font-size: 16px;
	color: #6c6c6c;
	font-family: arial;
	padding-bottom: 37px;
}

/*.td2-teach  .p-1{
	width: 245px;
}*/

.mgrB10{
	margin-bottom: 10px;
}


.stepBox{
	overflow: hidden;
	margin-bottom: 18px;
}

.stepBox span{
	float: left;
}

.step-p{
	float: left;
	line-height: 24px;
}

.color444{
	color: #444;
}

.font18{
	font-size: 18px;
}


/*--ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¨ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â®ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¾ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â§ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â½ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â®ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â©ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂµÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â©ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â·ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¼ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â--*/
.body-setting{
	width: 100%;
	height: auto;
	background: #fff8dc url(../img/settingBg.png) no-repeat;
	padding: 70px 0;
	min-height: 1000px;
}

.setting-inr{
	width: 1000px;
	margin: 0 auto;
	position: relative;
}

.setting-inr ul{
	overflow: hidden;
}

.setting-inr ul li{
	float: left;
	width: 484px;
	height: 220px;
	margin-right: 32px;
	margin-bottom: 30px;
}

.setting-inr ul li a{
	display: block;
}

.setting-inr ul li a img{
	width: 100%;
	height: 100%;
	display: block;
}

.setting-inr ul li a img:hover{
	opacity: 0.8;
}

.btn-quit-set{
	width: 320px;
	height: 54px;
	text-align: center;
	line-height: 54px;
	font-size: 20px;
	color: #fff;
	background: #efa814;
	position: relative;
	left: 0;
	right: 0;
	margin: 0 auto;	
	border-radius: 30px;
	margin-top: 32px;
	cursor: pointer;
}

.btn-quit-set:hover{
	background: #f9ac0c;
}

.btn-contact{
	position: absolute;
	right: -142px;
	top: -9px;
	width: 123px;
	height: 154px;
	display: block;
	background: url(../img/contact.png) no-repeat;
}

/*----ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â§ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¨ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã¢â‚¬Â¹ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â·ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¤ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¸ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â­ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¿ÃƒÆ’Ã¢â‚¬Â ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â©ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂµÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â©ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â·ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¼ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â*/
.user-center-inr{
	/*height: 750px;*/
	background: #fff;
	border-radius: 30px;
	padding-top: 50px;
	padding-bottom: 30px;

}

.btn-back{
	display: block;
	width: 60px;
	height: 60px;
	position: absolute;
	left: -100px;
	background: url(../img/btn-back.png) no-repeat;
	top: 0;
}

.title-box-user{
	width: 100%;
	border-bottom: 1px solid #f5edd7;
	overflow: hidden;
	margin-bottom: 10px;
}

.title-box-user span{
	float: left;
	display: block;
	padding-left: 60px;
	font-size: 28px;
	color: #eb960a;
	padding-bottom: 18px;
	border-bottom: 1px solid #eb960a;
	position: relative;
}

.account-inr{
	width: 884px;
	height: 92px;
	margin: 0 auto;
	overflow: hidden;
}

.acc-left{
	float: left;
	overflow: hidden;
}



.acc-left td,.acc-right td{
	height: 90px;
	line-height: 90px;
	border-bottom: 1px solid #eee;
}

.acc-left td.td1,.acc-right td.td1{
	font-size: 18px;
	color: #6c6c6c;
}

.acc-left td.td2,.acc-right td.td2{
	font-size: 18px;
	color: #999;
	font-family: arial;
}

.btn-changePwd,.btn-changePhone{
	width: 110px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	cursor: pointer;
	border-radius: 4px;
	background: #efa814;
}

.acc-right{
	float: right;
	overflow: hidden;
}

.btn-changePwd:hover{
	background: #f9ac0c;
}

.mgrB64{
	margin-bottom: 64px;
}

.mgrB27{
	margin-bottom: 27px;
}

.member-box{
	width: 884px;
	margin: 0 auto;
	margin-bottom: 80px;
}

.row-member-user{
	width: 100%;
	height: 41px;
}

.user-info-left{
	float: left;
	height: 100%;
	line-height: 40px;
	font-size: 18px;
	color: #6c6c6c;
}

.head-member-user{
	width: 40px;
	height: 40px;
	float: left;
	overflow: hidden;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	margin-right: 7px;
}

.head-member-user img{
	display: block;
	width: 100%;
	height: 100%;
}

.btn-group-right{
	float: right;
}

.btn-pay-member,.btn-deal-member{
	width: 111px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	color: #fff;
	cursor: pointer;
	background: #efa713;
	margin-right: 19px;
	float: left;
	border-radius: 4px;
}

.btn-pay-member:hover{
	background: #f9ac0c;
}

.btn-deal-member:hover{
	background: #f9ac0c;
}

.pay-time-member{
	width: 884px;
	margin: 0 auto;
	height: 30px;
	background: #f9dfb5;
	border-radius: 15px;
	position: relative;
}

.pay-time-active{
	position: absolute;
	left: 0px;
	top: 0;
	height: 100%;
	border-radius: 15px;
	background: url(../img/pay-time-active.png) repeat;
}

.pay-time-expire{
	position: absolute;
	left: 0px;
	top: 0;
	height: 100%;
	border-radius: 15px;
	width: 100%;
	background: url(../img/pay-time-expire.png) no-repeat;
}

.left-posi{
	width: 14px;
	height: 18px;
	background: url(../img/left-posi.png) no-repeat;
	position: absolute;
	left: 0;
	top: -24px;
}

.left-txt-time{
	font-size: 14px;
	color: #6C6C6C;
	position: absolute;
	left: 0;
	bottom: -54px;
}

.left-txt-time p,.right-txt-time p,.active-txt-time p{
	line-height: 24px;
}

.right-posi{
	width: 14px;
	height: 18px;
	background: url(../img/left-posi.png) no-repeat;
	position: absolute;
	right: 0;
	top: -24px;
}

.right-posi-empire{
	width: 20px;
	height: 26px;
	background: url(../img/right-posi-empire.png) no-repeat;
	position: absolute;
	right: 0;
	top: -30px;
}

.right-txt-time{
	font-size: 14px;
	color: #6C6C6C;
	position: absolute;
	right: 0;
	bottom: -54px;
	text-align: right;
}

.right-txt-time-empire{
	font-size: 14px;
	color: #6C6C6C;
	position: absolute;
	right: 0;
	bottom: -25px;
	text-align: right;
	color: #da4818;
}

.pay-time-active-posi{
	width: 20px;
	height: 26px;
	background: url(../img/pay-time-active-posi.png) no-repeat;
	position: absolute;
	right: 0;
	top: -32px;
}

.active-txt-time{
	font-size: 14px;
	color: #6C6C6C;
	position: absolute;
	bottom: -54px;
	right: -90px;
}

.alert-change-phone{
	width: 700px;
	height: 500px;
	background: #fff;
	position: absolute;
	left: 0;
	right: 0;
	top: 20%;
	margin: 0 auto;
	border-radius: 18px;
	overflow: hidden;
}

.mgrB41{
	margin-bottom: 41px
}

.alert-change-phone-form{
	width: 504px;
	margin: 0 auto;
	/*overflow: hidden;*/
}

.alert-change-phone-form table{
	font-size: 18px;
}

.mgrB50{
	margin-bottom: 50px;
}

.alert-change-pwd{
	width: 700px;
	height: 570px;
	background: #fff;
	position: absolute;
	left: 0;
	right: 0;
	top: 20%;
	margin: 0 auto;
	border-radius: 18px;
	overflow: hidden;
}

/*----ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¤ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¼ÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¹Ã…â€œÃƒÆ’Ã¢â‚¬Â¹Ãƒâ€¦Ã¢â‚¬Å“ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â§ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â»ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â­ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¨ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â´ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¹ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â©ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂµÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â©ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â·ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¼ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â*/
.body-renew{
	width: 100%;
	height: auto;
	background: #fcf7e4 url(../img/body-renew.png) no-repeat;
	overflow: hidden;
	padding: 70px 0;
}

.renew-inr{
	width: 1000px;
	margin: 0 auto;
	position: relative;
	/* height: 1142px; */
	background: #fff;
	border-radius: 30px;
}

.title-renew{
	width: 100%;
	height: 86px;
	line-height: 86px;
	text-align: center;
	font-size: 28px;
	color: #eb960a;
	border-bottom: 1px solid #f5edd7;
}

.renew-cnt{
	width: 880px;
	margin: 0 auto;
	height: auto;
	overflow: hidden;
}

.choose-member-type{
	width: 100%;
	height: 204px;
	border-bottom: 1px solid #eee;
	margin-bottom: 40px;
}

.basic-member-left{
	float: left;
	width: 440px;
	height: 57px;
	position: relative;
	top: 1px;
	text-align: center;
	font-size: 18px;
	color: #6c6c6c;
	padding-top: 144px;
	cursor: pointer;
	background: url(../img/basic-member-normal.png) no-repeat 140px 29px !important;	
}


.basic-member-left-active{
	border-bottom: 4px solid #eb960a;
	color: #eb960a !important;
	background: url(../img/basic-member-active.png) no-repeat 140px 29px !important;	
}

.basic-member-left-active:after{
	content: "";
	display: block;
	width: 16px;
	height: 9px;
	background: #000;
	position: absolute;
	bottom: 0;
	background: url(../img/member-active-arrow.png) no-repeat;
	left: 50%;
	margin-left: -8px;
}

.senior-member-right,.senior-member-none{
	float: right;
	width: 440px;
	height: 57px;
	position: relative;
	top: 1px;
	text-align: center;
	font-size: 18px;
	color: #6c6c6c;
	padding-top: 144px;
	background: url(../img/senior-member-normal.png) no-repeat 142px 29px;
	cursor: pointer;
}

.senior-member-none{
	cursor: not-allowed;
}



.senior-member-right-active{
	border-bottom: 4px solid #eb960a;
	color: #eb960a !important;
	background: url(../img/senior-member-active.png) no-repeat 142px 29px !important;	
}

.senior-member-right-active:after{
	content: "";
	display: block;
	width: 16px;
	height: 9px;
	background: #000;
	position: absolute;
	bottom: 0;
	background: url(../img/member-active-arrow.png) no-repeat;
	left: 50%;
	margin-left: -8px;
}

.price-member-box{
	overflow: hidden;
	width: 100%;
	padding-bottom: 39px;
	border-bottom: 1px solid #eee;
	margin-bottom: 34px;
}

.price-member-box ul li{
	width: 202px;
	height: 78px;
	border: 1px solid #ddd;
	float: left;
	margin-right: 21px;
	line-height: 78px;
	text-align: center;
	background: #fff;
	color: #eb960a;
	font-size: 18px;
	border-radius: 12px;
	cursor: pointer;
}

.price-big{
	font-family: arial;
	font-weight: bold;
	font-size: 30px;;
}

.month-renew{
	position: relative;
	top: -4px;
	right: -5px;
}

.price-member-box ul li:hover{
	background: #efa814;
	border: 1px solid #efa814;
	color: #fff;
}

.price-member-box ul li.active{
	background: #efa814;
	border: 1px solid #efa814;
	color: #fff;
}

.type-renew-box{
	width: 100%;
	overflow: hidden;
	margin-bottom: 37px;
}

.type-renew-box h1{
	width: 100%;
	font-size: 20px;
	color: #6c6c6c;
	margin-bottom: 18px;
}

.type-renew-box table{
	width: 100%;
	border: 1px solid #eee; 
}

.type-renew-box table th{
	font-size: 18px;
	color: #6C6C6C;
	height: 49px;
	line-height: 49px;
	text-align: center;
	background: #f6f6f6;
	border-right: 1px solid #eee;
}

.type-renew-box table td{
	font-size: 18px;
	color: #999;
	height: 59px;
	line-height: 59px;
	text-align: center;
	border-right: 1px solid #eee;
}

.pay-type-renew{
	width: 100%;
	border-bottom: 1px solid #eee;
	height: 44px;
	font-size: 20px;
	color: #6c6c6c;
	margin-bottom: 40px;
}

.pay-type-renew span{
	float: left;
	display: block;
	padding-bottom: 15px;
	position: relative;
	top: 1px ;
	cursor: pointer;
}

.pay-type-renew span:hover{
	color: #EB960A;
}

.line-middle-renew{
	width: 1px;
	height: 20px;
	background: #eee;
	margin: 0 28px;
	float: left;
	position: relative;
	top: 5px;
}

.pay-type-renew span.active{
	border-bottom: 4px solid #eb960a;
	color: #eb960a;
}

.pay-type-renew .chooseType-tips-renew{
	float: right;
	font-size: 16px;
	color: #999;
	position: relative;
	top: 3px!important;
}

.pay-type-box-renew{
	width: 100%;
	overflow: hidden;
	text-align: center;
}

.qr-code{
	display: inline-block;
	width: 238px;
	margin-bottom: 18px;
	height: 238px;
	overflow: hidden;
	position: relative;
	border: 1px solid #eeeeee;
}

.qr-code img{
	width: 100%;
	height: 100%;
	display: block;
}

.pay-wechat p{
	font-size: 16px;
	color: #6c6c6c;
}

.pay-wechat p a{
	color: #eb960a;
	margin-left: 8px;
}

.refresh-renew{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../img/refresh.png)
}

.pay-success{
	display: inline-block;
	width: 240px;
	margin-bottom: 18px;
	height: 240px;
	overflow: hidden;
	position: relative;
}

.pay-success img{
	width: 100%;
	height: 100%;
	display: block;
}

.pay-zhifubao img{
	display: inline-block;
	width: 300px;
	margin: 0 auto;
	margin-bottom: 17px;
}

.pay-zhifubao p{
	font-size: 16px;
	color: #6c6c6c;
}

.pay-zhifubao p a{
	color: #eb960a;
	margin-left: 8px;
}

/*----ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¤ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂºÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¤ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã¢â‚¬Â¹Ãƒâ€¦Ã¢â‚¬Å“ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã¢â‚¬Å“ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â½ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â²ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â©ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂµÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â©ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â·ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¼ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â*/
.deal-inr{
    width: 1000px;
    margin: 0 auto;
    position: relative;
    height: auto;
    background: #fff;
    border-radius: 30px;
    padding-bottom: 120px;
}

.deal-cnt-box{
	width: 880px;
	margin: 0 auto;
	overflow: hidden;
}

.deal-cnt-box table{
	width: 100%;
	border: 1px solid #ddd;
	border-bottom: 0px none;
}

.deal-cnt-box table th{
	font-size: 18px;
	color: #6C6C6C;
	height: 48px;
	line-height: 48px;
	background: #f6f6f6;
	text-align: center;
	border-right: 1px solid #ddd;
}

.deal-cnt-box table td{
	font-size: 15px;
	color: #999;
	height: 56px;
	line-height: 56px;
	text-align: center;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

.deal-cnt-box table td a.invoices{
	color: #eb960a;
}

.btn-invoices{
	width: 111px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	display: inline-block;
	background: #efa814;
	font-size: 14px;
	border-radius: 4px;
}

.alert-invoices{
    width: 700px;
    height: 650px;
    background: #fff;
    position: absolute;
    left: 0;
    right: 0;
    top: 20%;
    margin: 0 auto;
    border-radius: 18px;
    overflow: hidden;
}

.alert-invoices-cnt{
	padding-left: 64px;
	overflow-y: auto;
	height: 466px;
}

.popMask .alert-invoices-cnt table td{
	padding-bottom: 28px;
	text-align: left;
}

.popMask .alert-invoices-cnt table td.td1{
	font-size: 18px;
	color: #6c6c6c;
}

.popMask .alert-invoices-cnt table td.td2{
	font-size: 18px;
	color: #999;
}

.popMask .alert-invoices-cnt table td.td2 p{
	font-size: 14px;
	color: #999;
	margin-bottom: 6px;
}

.alert-invoice-info{
    width: 700px;
    height: 850px;
    background: #fff;
    position: absolute;
    left: 0;
    right: 0;
    top: 6%;
    margin: 0 auto;
    border-radius: 18px;
    overflow: hidden;
}

.mgrB30{
	margin-bottom: 30px;
}

.nav-invoice{
	width: 100%;
	height: 82px;
	line-height: 82px;
	font-size: 24px;
	color: #999;
	border-bottom: 1px solid #f5edd7;
	position: relative;
}

.invoice-personal,.invoice-company{
	width: 50%;
	height: 100%;
	text-align: center;
	float: left;
}

.invoice-personal span,.invoice-company span{
	display: inline-block;
	padding-bottom: 20px;
	cursor: pointer;
	
}

.invoice-personal span.active{
	border-bottom: 5px solid #eb960a;
	height: 58px;
	color: #eb960a;
}

.invoice-company span.active{
	border-bottom: 5px solid #eb960a;
	height: 58px;
	color: #eb960a;
}

.invoice-nav-line{
	width: 1px;
	height: 30px;
	background: #f5edd7;
	position: absolute;
	left: 50%;
	margin-left: -0.5px;
	top: 50%;
	margin-top: -15px;
}

.form-invoice-box{
	width: 680px;
	height: 490px;
	overflow-y: auto;
}

.td2 textarea{
	width: 380px;
	padding-left: 18px;
	margin-left: 24px;
	font-size: 18px;
	color: #333;
	height: 149px;
	padding-top: 10px;
	border: 1px solid #eee;
	border-radius: 6px;
	background: #f6f6f6;
}

.alertBtn-group{
	width: 100%;
	padding-top: 40px;
	border-top: 1px solid #f5edd7;
}

.btn-confirm-invo{
	width: 400px;
	height: 54px;
	line-height: 54px;
	text-align: center;
	color: #fff;
	background: #EB960A;
	font-size: 24px;
	margin: 0 auto;
	border-radius: 12px;
	cursor: pointer;
}


/*----ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¨ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â§ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â©ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¹Ã…â€œÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â©ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂµÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â©ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â·ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¼ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â*/
.video-box{
	width: 1076px;
	height: 602px;
	border: 4px solid;
	float: right;
	background: #fff;
}

.video-box video{
	width: 100%;
	height: 100%;
}

.video-list-cnt{
	cursor: pointer;
}


/*----ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â´ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚ÂºÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â¸ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂºÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â±ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â±ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â°ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â©ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â·ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¼ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â*/
.body-introduce{
	width: 100%;
	background: #fff8dc url(../img/index-body-bg.png) no-repeat;
	overflow: hidden;
	height: auto;
	padding-bottom: 100px;
	position: relative;
}

.dropBox{
	width: 100%;
	height: 230px;
	background: #fff;
	position: absolute;
	left: 0;
	top: 70px;
	z-index: 2;
	text-align: center;
	line-height: 230px;
	display: none;
	z-index: 3;
}

.dropBox:after{
	content: "";
	display: block;
	width:25px;
	height: 10px;
	position: absolute;
	left: 50%;
	margin-left: -60px;
	top: -10px;
	background: url(../img/dropArrow.png) no-repeat;
}

.dropCnt{
	display: inline-block;
	overflow: hidden;
	position: relative;
	top: 40px;
}

.dropCnt img{
	display: block;
	float: left;
	margin-right: 28px;
}

.dropCnt img:hover{
	opacity: 0.8;
}

.height282{
	height: 282px !important;
}

.left-btn{
	position: absolute;
	left: -118px;
	top: 50%;
	margin-top: -30px;
	cursor: pointer;
	width: 60px;
	height: 60px;
	background: url(../img/drop-left-btn.png) no-repeat;
}


.left-btn:hover{
	opacity: 0.8;
}

.right-btn{
	position: absolute;
	right: -118px;
	top: 50%;
	margin-top: -30px;
	cursor: pointer;
	width: 60px;
	height: 60px;
	background: url(../img/drop-right-btn.png) no-repeat;
}

.right-btn:hover{
	opacity: 0.8;
}

.swiper-box{
	width: 1400px;
	margin: 0 auto;
	height: 100%;
	position: relative;
}

.swiper-container{
	height: 100%;
}


.swiper-wrapper{
	top: 40px;
	position: relative;
}

.swiper-slide{
	overflow: hidden;
}

.courseImgBox{
	width: 255px;
	height: 143px;
	overflow: hidden;
	border: 1px solid #f5edd7;
	border-bottom: 0px none;
}

.h766{
	height: 766px;
}

.prev{
	cursor: not-allowed;
	background: #CDCDCD !important;
}

.prev:hover{
	background: #CDCDCD !important;
}

/*----2017-09-07ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¯ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â§ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â©ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚ÂÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¾Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¨ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¯ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¯ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â§ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¤ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Âº*/
.pwdTips{
	position: absolute;
	right: -82px;
	top: 14px;
	display: none;
}

.vc-btn-register-find {
    width: 120px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background: #eb960a;
    position: absolute;
    right: 14px;
    top: 7px;
    border-radius: 4px;
    display: block;
}

.agreement{
	height: 406px;
	overflow-y: auto;
}



.nav-course-video ul li a.active-evaluation,.nav-course-video ul li a.active-basic,.nav-course-video ul li a.active-song,.nav-course-video ul li a.active-finger,.nav-course-video ul li a.active-activity,.nav-course-video ul li a.active-game,.nav-course-video ul li a.active-plan{
	top: -13px;
}

/*------evaluationÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â½ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã¢â‚¬Å“ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â°ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â·ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¼ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â*/
.nav-course-video ul li a.active-evaluation:after{
	content: "";
	width: 0;
	height: 0;
	display: block;
	position: absolute;
	bottom: -9px;
	left: 50%;
 	border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #5874fb;
    margin-left: -5px;
}

/*------basicÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â½ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã¢â‚¬Å“ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â°ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â·ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¼ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â*/
.nav-course-video ul li a.active-basic:after{
	content: "";
	width: 0;
	height: 0;
	display: block;
	position: absolute;
	bottom: -9px;
	left: 50%;
 	border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fb3f71;
    margin-left: -5px;
}

/*------songÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â½ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã¢â‚¬Å“ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â°ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â·ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¼ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â*/
.nav-course-video ul li a.active-song:after{
	content: "";
	width: 0;
	height: 0;
	display: block;
	position: absolute;
	bottom: -9px;
	left: 50%;
 	border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fca715;
    margin-left: -5px;
}

/*------fingerÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â½ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã¢â‚¬Å“ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â°ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â·ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¼ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â*/
.nav-course-video ul li a.active-finger:after{
	content: "";
	width: 0;
	height: 0;
	display: block;
	position: absolute;
	bottom: -9px;
	left: 50%;
 	border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #9a5aeb;
    margin-left: -5px;
}

/*------activityÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â½ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã¢â‚¬Å“ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â°ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â·ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¼ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â*/
.nav-course-video ul li a.active-activity:after{
	content: "";
	width: 0;
	height: 0;
	display: block;
	position: absolute;
	bottom: -9px;
	left: 50%;
 	border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #25a6ff;
    margin-left: -5px;
}

/*------gameÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â½ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã¢â‚¬Å“ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â°ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â·ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¼ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â*/
.nav-course-video ul li a.active-game:after{
	content: "";
	width: 0;
	height: 0;
	display: block;
	position: absolute;
	bottom: -9px;
	left: 50%;
 	border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fe6228;
    margin-left: -5px;
}

/*------planÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â½ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã¢â‚¬Å“ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â°ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â·ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¼ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â*/
.nav-course-video ul li a.active-plan:after{
	content: "";
	width: 0;
	height: 0;
	display: block;
	position: absolute;
	bottom: -9px;
	left: 50%;
 	border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #b1b626;
    margin-left: -5px;
}

/*----ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¾Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã¢â‚¬Â¹ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â·ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¼ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â*/
.teaching-plan{
	position: fixed;
	right: 0;
	top: 313px;
	background: url(../img/teaching-plan.png) no-repeat;
	width: 101px;
	height: 118px;
	cursor: pointer;
}

.plan-box{
	width: 550px;
	height: 100%;
	background: #fff;
	position: fixed;
	right: 0;
	top: 70px;
	z-index: 99;
	border: 1px solid #d7d7d7;
	display: none;
}

.plan-box h1{
	height: 99px;
	line-height: 99px;
	display: block;
	border-bottom: 1px solid #f5edd7;
	position: relative;
	margin-bottom: 30px;
}

.plan-box h1 span.title{
	font-family: arial;
	color: #eb960a;
	font-size: 28px;
	margin-left: 38px;
}

.plan-box h1 span.close{
	font-size: 42px;
	color: #ccc;
	cursor: pointer;
	position: absolute;
	right: 12px;
	top: -4px;	
}

.plan-cnt{
	display: block;
	padding-left: 38px;
	height: 1020px;
	overflow-y: auto;
	font-family: arial;
}

.plan-cnt h2{
	font-size: 20px;
	color: #444;
	margin-bottom: 22px;
}

.plan-cnt  table{
	width: 450px;
	font-size: 16px;
	color: #6c6c6c;
}

.plan-cnt  table td{
	vertical-align: top;
	line-height: 26px;
	padding-bottom: 18px;
}


/*----ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¤ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¼ÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¹Ã…â€œÃƒÆ’Ã¢â‚¬Â¹Ãƒâ€¦Ã¢â‚¬Å“ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â§ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â»ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â­ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¨ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â´ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¹ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â§ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â®ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â®ÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã¢â‚¬Â¦ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â°ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â©ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬ÃƒÂ¢Ã¢â‚¬Å¾Ã‚Â¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â®*/
.btn-pay-confim{
	width: 240px;
	height: 54px;
	text-align: center;
	line-height: 54px;
	margin: 0 auto;
	color: #fff;
	font-size: 20px;
	border-radius: 20px;
	background: #efa714;
	cursor: pointer;
}

.btn-pay-confim:hover{
	background: #F9AC0C;
}


/*----2017-09-18ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¤ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¼ÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¹Ã…â€œÃƒÆ’Ã¢â‚¬Â¹Ãƒâ€¦Ã¢â‚¬Å“ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Â¹ÃƒÂ¢Ã¢â€šÂ¬Ã‚Â ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â°ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã¢â‚¬Â¦ÃƒÂ¢Ã¢â€šÂ¬Ã…â€œÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â¸ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¼ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¹ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂºÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â±ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€¦Ã‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â·ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¼ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â*/
.outDate-member,.outDate-org,.course-finished{
	width: 600px;
	height: 296px;
	position: fixed;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 30%;
	background: #fff;
	border-radius: 16px;
}


.outDate-cnt{
	width: 500px;
	margin: 0 auto;
	margin-top: 72px;
	font-size: 19px;
	text-align: center;
}

.outDate-cnt p{
	line-height: 36px;
}

.alertBtn-group2{
	width: 400px;
	margin: 0 auto;
	overflow: hidden;
	margin-top: 36px;
}

.alertBtn-group2 a{
	color: #666;
}

.alertBtn-group2 .canel{
	width: 154px;
	height: 48px;
	line-height: 50px;
	text-align: center;
	border: 1px solid #ddd;
	font-size: 18px;
	cursor: pointer;
	border-radius: 6px;
	display: block;
}

.alertBtn-group2 .confirm,.alertBtn-group2 .confirm-fin{
	width: 156px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 18px;
	cursor: pointer;
	border-radius: 6px;
	background: #efa814;
	color: #fff;
	display: block;
}

.alertBtn-group2 .confirm:hover{
	background: #f9ac0c;
}

.alertBtn-group2 .confirm-fin:hover{
	background: #f9ac0c;
}

.video-box .course-name{
	position: absolute;
	top: 294px;
	left: 520px;
	font-family: arial;
	font-size: 28px;
	color: #4c65e3;
	font-weight: bold;
}

.imgUpload-box{
	width: 120px;
	height: 120px;
	position: absolute;
	top: 0;
	right: 88px;
}

.imgUpload{
	width: 120px;
	height: 120px;
	position: relative;
	border-radius: 60px;
	-webkit-border-radius: 60px;
	overflow: hidden;
}

.imgUpload .imgPreview {
    position: relative;
    z-index: 1;
    cursor: pointer;
}

.imgPreview img{
	width: 120px;
	height: 120px;
}

.imgUpload .imgBtn {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
    filter: Alpha(opacity=0);
    cursor: pointer;
}

/*----ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¨ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¿ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã¢â‚¬Â¦ÃƒÂ¢Ã¢â€šÂ¬Ã…â€œÃƒÆ’Ã¢â‚¬Â¦Ãƒâ€šÃ‚Â¸ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â§ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¤ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂºÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â©ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂµÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â©ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¢*/
.outDate-inr-box{
	width: 1000px;
	height: 900px;
	margin: 0 auto;
	background: #fff;
	border-radius: 30px;
	margin-top: 39px;
	overflow: hidden;
	text-align: center;
}

.img-outDate{
	width: 389px;
	/*margin: 0 auto;*/
	margin-top: 127px;
	display: inline-block;
	margin-bottom: 80px
}

.outDate-txt{
	font-size: 24px;
	color: #6C6C6C;
}

.outDate-txt p{
	margin-bottom: 12px
}

.btn-join{
	width: 240px;
	height: 54px;
	text-align: center;
	line-height: 54px;
	cursor: pointer;
	color: #fff;
	font-size: 20px;
	background: #efa814;
	margin-top: 36px;
	display: inline-block;
	border-radius: 12px;
}

.btn-join:hover{
	background: #f9ac0c;
}


/*----17/09/27ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â§ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â€šÂ¬Ã…Â¾Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â»ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â½ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â©ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¡ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂµÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â³ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¨ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¥ÃƒÆ’Ã‚Â¢ÃƒÂ¢Ã¢â‚¬Å¡Ã‚Â¬Ãƒâ€šÃ‚Â ÃƒÆ’Ã¢â‚¬Â¦ÃƒÂ¢Ã¢â€šÂ¬Ã¢â€žÂ¢ÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â¦ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚ÂÃƒÆ’Ã†â€™Ãƒâ€šÃ‚Â§ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Â¤ÃƒÆ’Ã¢â‚¬Å¡Ãƒâ€šÃ‚Âº*/
.register-tips{
	width: 100%;
	text-align: center;
	font-size: 16px;
	margin-top: 80px;
}

.register-tips a{
	color: #eb960a;
}


/*----ÃƒÂ¥Ã‚ÂÃ‚Â¯ÃƒÂ¥Ã…Â Ã‚Â¨ÃƒÂ©Ã‚Â¡Ã‚ÂµÃƒÂ¦Ã‚Â Ã‚Â·ÃƒÂ¥Ã‚Â¼Ã‚Â-2017-10-31*/
.body-startUp{
	width: 100%;
	height: 980px;
	position: relative;
}

.body-startUp img{
	display: block;
}

.body-startUp img.startBg{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

.startUp-inr{
	width: 1455px;
	height: 100%;
	position: absolute;
	z-index: 2;
	/*background: #fff;*/
	left: 0;
	right: 0;
	margin: auto;
}

.icon-web-start{
	position: absolute;
	top: 0;
	left: 66px;
	animation: bounceInLeft 1s;
}

.img-register{
	position: absolute;
	top: 22px;
	right: 158px;
	animation: bounceInRight 1s;
}

.img-login{
	position: absolute;
	top: 223px;
	right: 146px;
	animation: bounceInRight 1s;
}

.ljs-txt-start{
	position: absolute;
	top: 99px;
	left: 374px;
	z-index: 2;
	animation: tada 1.5s;
}

.img-welcome-start{
	position: absolute;
	left: 658px;
	top: 77px;
	z-index: 3;
	animation: fadeIn 2s;
}

.img-bot-start{
	position: absolute;
	left: 0;
	bottom: 81px;
	animation: fadeIn 1s;
}


/*----2018-03-01*/
.font-size-12{
	font-size: 12px!important;
}

.font-weight-normal{
	font-weight: normal!important;
}
