#key {
	background: url(../img/course/bg_key.jpg) no-repeat center/cover;
}
.key_ttl {
	position: absolute;
	bottom: 75px;
	right: -37px;
}
#lead {
	padding: 113px 0 23px;
	position: relative;
	background: url(../img/course/bg_lead.png) no-repeat center top;
}
#lead h2 {
	margin-left: -19px;
}
#lead .txt {
	padding-top: 35px;
	width: 450px;
}
#lead .photo {
	position: absolute;
	bottom: -253px;
	right: -166px;
}
#sec1 {
	padding-top: 138px;
	position: relative;
}
.photo_max {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
#sec1 h2 {
	padding-bottom: 196px;
}
#sec1 .photo1 {
	padding-left: 141px;
	padding-bottom: 13px;
}
#sec1 h3 {
	position: absolute;
	top: 399px;
	right: -84px;
}
.info1 h4 {
	padding-top: 65px;
}
#sec1 h4, #sec2 h4 {
	font-size: 20px;
}
#sec1 .info1 dl {
	margin-left: -19px;
}
#sec1 dd, #sec2 dd {
	float: left;
}
.info1 dd {
	padding-top: 91px;
	padding-left: 16px;
	font-size: 30px;
}
.info1 .fl {
	width: 510px;
	position: relative;
}
.info1 .fl:after {
	border-left: 1px solid #000;
	height: 83%;
	position: absolute;
	top: 55px;
	right: -31px;
	content: '';
}
.info1 .fr {
	padding-right: 37px;
	width: 510px;
}
.info1 dd span {
	font-size: 50px;
}
#sec1 dt, #sec2 dt {
	float: left;
}
#sec1 .info1 ul {
	padding: 20px 0 13px 54px;
}
.info1 li {
	width: 222px;
	float: left;
}
#sec1 li span, #sec2 li span {
	padding-left: 18px;
	display: block;
}
#sec1 .txt, #sec2 .txt {
	padding: 10px 0 34px 86px;
}
#sec1 .info2 {
	padding-top: 125px;
}
#sec1 .photo2 {
	padding-left: 16px;
}
#sec1 .photo3 {
	padding-right: 16px;
}
#sec1 .info2 dd {
	padding-top: 20px;
	padding-left: 18px;
}
#sec1 .info2 dl {
	padding-bottom: 15px;
}
#sec1 .info2 ul {
	padding: 3px 0 21px 44px;
	width: 222px;
	float: left;
}
#sec1 .info2 ul + ul {
	padding-left: 30px;
}
#sec1 .item1 {
	padding-right: 10px;
}
#sec1 .item1 .txt {
	padding-left: 104px;
}
#sec1 .info3 {
	padding-top: 100px;
}
#sec1 .info3 .fl {
	padding-top: 23px;
}
#sec1 .info3 dl {
	position: relative;
	padding-bottom: 30px;
}
/*#sec1 .info3 dd {
	position: absolute;
	top: -5px;
	right: -37px;
}*/
#sec1 .list1 {
	padding-left: 10px;
	padding-top: 15px;
	width: 272px;
	float: left;
}
#sec1 .list2 {
	padding-left: 10px;
	padding-top: 15px;
	width: 292px;
	margin-right: -58px;
	float: left;
}
#sec1 .list2 span {
	padding-left: 82px;
}
#sec1 .note2 {
	padding: 9px 0 51px;
	width: 444px;
}
#sec1 .item2 .note {
	padding-right: 47px;
}
#sec1:before {
	background: url(../img/course/bg_sec1.png) no-repeat center top;
	width: 100%;
	height: 753px;
	position: absolute;
	top: 927px;
	left: 0;
	content: '';
}
#sec1:after {
	background: url(../img/course/bg_sec1_bt.png) no-repeat center top;
	width: 100%;
	height: 760px;
	position: absolute;
	bottom: -181px;
	left: 0;
	content: '';
}
#sec1 .info1 {
	position: relative;
}
#sec1 .info1:before {
	background: url(../img/course/icon2.png) no-repeat right bottom, url(../img/course/icon1.png) no-repeat left top;
	height: 81%;
	width: 104%;
	position: absolute;
	top: 151px;
	left: -19px;
	content: '';
}
#sec1 .info2 {
	position: relative;
}
#sec1 .info2:before {
	background: url(../img/course/icon2.png) no-repeat right bottom, url(../img/course/icon1.png) no-repeat left top;
	height: 93%;
	width: 104%;
	position: absolute;
	top: 87px;
	left: -19px;
	content: '';
}
#sec1 .info3 {
	position: relative;
}
#sec1 .info3:before {
	background: url(../img/course/icon2.png) no-repeat right bottom, url(../img/course/icon1.png) no-repeat left top;
	height: 98%;
	width: 104%;
	position: absolute;
	top: 56px;
	left: -19px;
	content: '';
}



#sec2 {
	position: relative;
	padding-top: 557px;
	padding-bottom: 69px;
}
#sec2 .photo_max {
	top: -33px;
}
#sec2 .photo1 {
	padding-left: 140px;
}
#sec2 h2 {
	position: absolute;
	top: -70px;
	right: -59px;
}
#sec2:after {
	background: url(../img/course/bg_sec2.png) no-repeat center top;
	height: 854px;
	width: 100%;
	position: absolute;
	bottom: -88px;
	left: 0;
	content: '';
}
#sec2 .info1 {
	padding-top: 36px;
}
#sec2 .info1 dd {
	padding-top: 154px;
}
#sec2 .info1 dd span {
	font-size: 45px;
}
#sec2 .info1 h4 {
	padding-top: 65px;
}
#sec2 .info1 ul {
	padding: 5px 0 13px 77px;
}
#sec2 .info1 ul li {
	width: 100%;
}
#sec2 .info1 .fr {
	width: 444px;
}
#sec2 .info1 .fr .txt {
	padding-left: 50px;
}
#sec2 .sec2_info2 {
	padding-top: 113px;
}
#sec2 .sec2_info2 dt {
	float: none;
}
#sec2 .sec2_info2 .price {
	float: none;
	text-align: right;
	padding-top: 15px;
	padding-right: 58px;
	padding-bottom: 16px;
}
#sec2 .info2 h4 {
	padding-right: 41px;
}
#sec2 .info2 ul {
	padding: 18px 0 20px 66px;
}
#sec2 .info2 li span {
	padding-left: 0;
	font-size: 13px;
	display: block;
	line-height: 18px;
	padding-bottom: 10px;
}
#sec2 .info2 .txt {
	padding-left: 71px;
}
#sec2 .info3 .txt {
	padding-left: 128px;
}
#sec2 .info2 .note {
	padding-right: 58px;
}
#sec2 .info3 .note {
	padding-left: 58px;
}
#sec2 .info3 h4 {
	padding-left: 10px;
}
#sec2 .info3 ul {
	padding: 10px 0 20px 139px;
}
#sec2 .info1 {
	position: relative;
}
#sec2 .info1:before {
	background: url(../img/course/icon2.png) no-repeat right bottom, url(../img/course/icon1.png) no-repeat left top;
	height: 66%;
	width: 104%;
	position: absolute;
	top: 261px;
	left: -19px;
	content: '';
}
#sec2 .sec2_info2 {
	position: relative;
}
#sec2 .sec2_info2:before {
	background: url(../img/course/icon5.png) no-repeat center top, url(../img/course/icon6.png) no-repeat center bottom, url(../img/course/icon2.png) no-repeat right bottom, url(../img/course/icon3.png) no-repeat left bottom, url(../img/course/icon4.png) no-repeat right top, url(../img/course/icon1.png) no-repeat left top;
	height: 100%;
	width: 104%;
	position: absolute;
	top: 68px;
	left: -19px;
	content: '';
}

#sec2 .info_bt {
	border: solid 1px #000000;
    width: 681px;
    margin: 100px auto;
    padding-top: 63px;
    padding-bottom: 63px;
}


#sec3 {
	position: relative;
}
#sec3 h2 {
	padding-top: 296px;
	padding-bottom: 44px;
}
#sec3 .note_sm {
	position: absolute;
	top: 698px;
	right: 233px;
}
#sec3 dl {
	text-align: center;
}
#sec3 dd {
	margin-top: -4px;
}
#sec3 .data {
	padding: 22px 0 0 47px;
}
#sec3 .fr .data {
	padding-left: 66px;
}
#sec3 .txt {
	padding: 12px 0 16px 44px;
	line-height: 25px;
}
#sec3 .txt span {
	font-size: 14px;
}
#sec3 .info_bt {
	margin-left: 38px;
	margin-right: 42px;
	border-top: 1px solid #000;
	padding-top: 22px;
	margin-top: 8px;
	padding-bottom: 124px;
}
#sec3 .info_bt h4 {
	padding-bottom: 16px;
}
#sec3:before {
	background: url(../img/course/bg_sec3.png) no-repeat center top;
	height: 784px;
	width: 100%;
	position: absolute;
	top: 383px;
	left: 0;
	content: '';
}
#sec3 .sec3_info {
	position: relative;
}
#sec3 .sec3_info:before {
	background: url(../img/course/icon5.png) no-repeat center top, url(../img/course/icon2.png) no-repeat right bottom, url(../img/course/icon3.png) no-repeat left bottom, url(../img/course/icon4.png) no-repeat right top, url(../img/course/icon1.png) no-repeat left top;
	height: 98%;
	width: 104%;
	position: absolute;
	top: -63px;
	left: -19px;
	content: '';
}
#sec4 {
	background: url(../img/course/bg_sec4.jpg) no-repeat center/cover;
	color: #fff;
}
#sec4 .box {
	background: url(../img/course/bg_box.png) repeat center top;
	width: 800px;
	height: 550px;
	margin: 0 auto;
}
#sec4 #feed h3 {
	font-size: 24px;
	text-align: center;
	font-weight: bold;
	padding-top: 93px;
}
#sec4 #feed .txt {
	padding: 29px 0 0 195px;
	width: 420px;
}
#sec4 .note {
	padding: 0px 232px 52px 0;
}
#sec4 .photo1 {
	position: absolute;
	top: 85px;
	left: 0;
}
#sec4 .photo2 {
	position: absolute;
	bottom: 26px;
	right: -12px;
}