/*body {
	background: #fff url("../images/course.jpg") no-repeat center top;
}*/

h1, .h1-main-title {
    /* font-size: 56px; */
    margin-top: 12%;
}


.section1 {
	color: #fff;
    height: 1158px;
	background: url("../images/course/process_sec1.jpg") no-repeat center top;
}

.sec1-video {
    margin: 6% auto 0;
    max-width: 830px;
    height: 477px;
    border: 12px solid #fff;
    box-shadow: rgb(0 0 0 / 20%) 0px 0px 30px;
}

a.sec1-bottom-arr {
    margin: 290px auto 0;
}

.sec1Texts {
    font-size: 16px;
    text-align: center;
    margin: 26px auto 0;
    width: 67%;
    line-height: 1.6;
    letter-spacing: 0.3px;
}

.sec1TextsBold {
    font-size: 25px;
    text-align: center;
    font-weight: 900;
    letter-spacing: 0.5px;
    margin-top: 23px;
}

.sec1Texts2 {
    margin-top: 29px;
    width: 73%;
}

.sec1Btn {
    margin: 45px auto 0;
}

.section2 {
    height: 1064px;
    background: #142b45 url("../images/course/course_sec2.jpg") no-repeat center bottom;
}

.sec2Left {
    width: 59.5%;
    margin-top: 94px;
}

.sec2Titles {
    margin-top: 0;
    float: none;
}

.sec2Title{
	color: #fff;
	width: auto;
}

.sec2Sep {
    background: #fff;
    margin-top: 18px;
}

ul.sec2Ul {
    font-size: 16px;
    margin-top: 30px;
    line-height: 1.6;
    margin-right: -28px;
    letter-spacing: 0px;
    padding-left: 168px;
    color: #fff;
    text-align: justify;
}

ul.sec2Ul li {
    padding-right: 28px;
    background: url("../images/course/sec2li.png") no-repeat right 10px;
    margin-top: 16px;
}

ul.sec2Ul li a{ text-decoration: underline;}

ul.sec2Ul li a:hover{ text-decoration: none;}

ul.sec2Ul li ul{
	margin-top: 16px;
}

ul.sec2Ul li ul li{
	margin-top: 8px;
	background: url("../images/course/sec2li_circle.png") no-repeat right 10px;
}



.section3 {
    height: 1433px;
	background: url("../images/course/course_sec3.jpg") no-repeat center top;
}

.sec3Titles {
    margin-top: 280px;
    margin-right: 22px;
    color: #fff;
}

.sec3Title {
    width: 355px;
}

.sec3Sep {
    background: #00b0e2;
    margin-top: 34px;
}

ul.sec3Ul {
    margin-right: 2px;
    font-size: 16px;
    color: #fff;
    margin-top: 88px;
    letter-spacing: 0.5px;
    line-height: 2.1;
}

ul.sec3Ul li {
    padding-right: 24px;
    background: url(../images/about_sec3ul.png) no-repeat right 15px;
    margin-bottom: 1px;
}

.sec3Img {
    display: none;
}


@media (max-width: 1340px){
	h1 {
		margin: 130px auto 0;
		width: auto;
		font-size: 50px;
	}
	
	.sec1Texts, .sec1Texts2 {
    	width: 75%;
	}
	
	.sec2Left {
		width: 63%;
	}
	
	ul.sec2Ul {
    	padding-left: 12%;
	}
	
	.section3 {
		padding-bottom: 8%;
		height: auto;
		background: url(../images/course/course_sec3_1340.jpg) no-repeat top center;
		background-size: cover;
	}
	
	.sec3BlueBox{
		background: #142b45;
		padding: 0% 2%;
		margin-top: 8%;
		position: relative;
	}
	
	.sec3Titles {
		padding-top: 10%;
		margin-top: 8%;
	}
	
	.sec3Sep {
		margin-top: 4%;
	}
	
	ul.sec3Ul {
		margin-top: 4%;
		padding-bottom: 10%;
	}
	
	.sec3BlueBoxRight{
		float: right;
	}
	
	.sec3Img {
		display: block;
		/* float: left; */
		position: absolute;
		bottom: 0;
		left: 1%;
	}
}



@media (max-width: 1060px) {
	.section1 {
		height: 1010px;
		background-size: cover;
	}
	h1 {
		margin: 1% auto 0;
	}
	
	.sec1Btn {
		margin: 1% auto 0;
	}
	
	.sec1Texts, .sec1Texts2 {
		width: 95%;
	}
	
	.sec2Left {
		width: 63%;
	}
	
	ul.sec2Ul {
		letter-spacing: 0px;
		padding-left: 10%;
		padding-bottom: 0;
	}
	ul.sec3Ul br {
		display: none;
	}
	
	.sec3BlueBox {
		padding: 0% 5%;
		width: 90%;
	}
	
	.sec3BlueBoxRight {
		float: none;
	}
	
	.sec3Img {
		float: left;
		position: static;
		margin-top: 3%;
		margin-left: -20%;
		text-align: left;
	}
	
	.sec3Img img{
		width: 65%;
	}
	
	ul.sec3Ul {
		padding-bottom: 0;
	}
	
	.section2 {
		height: auto;
		background: #142b45 url("../images/course/course_sec2_1060.jpg") no-repeat right 5%;
		padding-bottom: 15%;
		background-size: 70%;
	}
	.sec2Box {
		background: #00b0e2;
		padding: 12% 10%;
		margin-top: 36%;
		width: 75%;
		float: left;
	}
	
	.sec2Left {
		width: auto;
		margin-top: 0;
		float: none;
	}
	
	ul.sec2Ul {
		padding-left: 0;
	}
	
	.sec2Sep, ul.sec2Ul {
		margin-top: 5%;
	}
	
}

@media (max-width: 960px) {
	.sec1-video {
		margin: 5% auto 0;
		height: 55.1vw;
		border: 2vw solid #fff;
	}
}

@media (max-width: 740px) {
	
	.section1 {
		/* background: url(../images/course/course_sec1_740.jpg) no-repeat center top; */

		background-size: 100%;
		background-size: 209%;
		height: auto;
		background-position: center bottom;
		background-color: #013662;
		padding-bottom: 46%;
	}
	
	.sec1Texts, .sec1Texts2 {
		width: auto;
	}
	.section2 {
		padding-bottom: 20%;
		background-size: 80%;
	}
	.sec2Box {
		margin-top: 45%;
		width: 90%;
	}
	
	h1 {
		margin: 1% auto 0;
		font-size: 42px;
	}
	
	.sec1Btn {
		margin: 30px auto 0;
	}
}



@media (max-width: 680px) {
	.sec1TextsBold {
		font-size: 4.4vw;
		letter-spacing: 0;
		margin-top: 5%;
	}
	
	.sec2Box {
		width: 95%;
		margin-top: 48%;
	}
	
	ul.sec3Ul {
		letter-spacing: -0.1px;
		line-height: 2;
		margin-right: 0;
		margin-top: 5%;
	}
	.sec3Sep {
		margin-top: 5%;
	}
	
	.sec3BlueBox {
		padding: 0% 8%;
		width: 95%;
	}
	
	.sec3Img {
		margin-left: -16%;
	}
	
	
}


@media (max-width: 480px) {
	.section1 {
		height: auto;
	}
	
	.sec1-video {
		margin: 8% auto 0;
		height: 52.1vw;
		border: 2vw solid #fff;
	}
	
	h1 {
		margin: 4% auto 0;
		font-size: 8.5vw;
		text-align: center;
	}
	
	.sec1Texts2 {
    	margin-top: 5%;
	}
	
	.sec2Titles {
		width: auto;
	}
	
	.section2 {
		padding-bottom: 25%;
		background-size: contain;
	}
	.sec2Box {
		width: auto;
		margin-top: 60%;
	}
	
	ul.sec2Ul {
    	margin-right: -5%;font-size: 15px;
	}
	
	ul.sec2Ul li {
    	padding-right: 5%;
	}
	
	.sec3Title {
		width: 248px;
	}
	.sec3BlueBox {
		padding: 0% 7%;
		width: auto;
	}
	
	.sec3Img {
		margin-left: 0;
		margin-top: 10%;
		text-align: center;
	}
	
	.sec3Img img {
		width: 55%;
	}
	.sec1TextsBold {
		font-size: 6.5vw;
		margin-top: 4%;
	}
	ul.sec3Ul {
		margin-top: 10%;
		line-height: 1.5;
	}
	
	ul.sec3Ul li {
    	padding-right: 5%;
		background: url(../images/about_sec3ul.png) no-repeat right 9px;
		margin-bottom: 5%;
	}
	.sec1Texts, .sec1Texts2 {
		width: auto;
		font-size: 15px;
		margin-top: 2%;
	}
	
	.sec1Btn {
		margin: 4% auto 0;
		height: 12vw;
	}
}



@media (max-width: 380px) {
	.sec1TextsBold {
		font-size: 7.4vw;
	}
	.sec2Box {
		margin-top: 65%;
	}
	
	
	
	.sec3BlueBox {
    	padding: 0% 6%;
	}
}