body {
  background-color: #EEEEEE;
}
#promoteModal img{
	width: auto;
	margin-top: -48px;
}
#promoteModal .modal-dialog{
	max-width:500px;
}
#promoteModal .modal-header {
    border-bottom: 0;
}
#promoteModal .modal-body{
	font-size:18px;
}
.modal-body-spacer{
	height: 1px;
    background: #e5e5e5;
    margin: 15px 0;
}
.modal-desc{
	padding: 10px 15px;
    line-height: 1.7;
}
.modal-remark{
	color: red;
}
#promoteModal .modal-link{
	color: #4472C4 !important;
	text-decoration:underline;
	line-break:anywhere;
}
.mobile-element{
	display:none;
}

.prgBtn-hden {
  padding: 20px;
  text-align: right;
}

.prgBtn-crsw {
  padding: 20px;
  text-align: left;
}

.index-section1, .index-section2{
	float:right;
}

.index-intro, .index-contact{
	float:right;
}

.index-main-button{
	text-align:center;
	padding-left:0px;
	padding-right:0px;
}

.index-main-button img{
	width:70%;
	max-width:485px;
}
.index-main-button2 img{
	width:100%;
	max-width:485px;
}

.div_crs img, .div_aims img,
.div_stc img, .div_abm img
{
  width:100%;
  max-width: 161px;
}

.div_crs, .div_stc, .div_abm{
	margin-top:20px;
}

.content_txt {
  text-align:justify;
}
.contact {
	padding:5px;
}
.video-frame, .contact-frame{
	padding:15px;
}
.video-frame #btn-play-video img{
	width:100%;
	max-width:400px;
	
}
.video-frame iframe{
	width:100%;
	height:auto;
}


.contact {
  text-align:center;
  font-size: 12px;
}

.album-h1-img, .enquiry-h1-img, .student-h2-img{
	width:100%;
	max-width:394px;
}
.prgBtn-ads{
	padding-top:12px;
	text-align:center;
}
.btn-ads{
	display:block;
	text-align:center;
}

.btn-ads img{
	max-width:320px;
}

.modal-dialog img{
	width:100%;
}
.modal-remark2{
	color: #4472C4;
	font-weight: bold;
}
.modal-course-name{
	font-weight: bold;
	font-size: 20px;
}
@media (max-width: 991px) {
	
	
	.mobile-element{
		display:block;
	}
	
	.pc-element{
		display:none;
	}
	
	.prgBtn-hden, .prgBtn-crsw { 
		text-align: center;
		padding: 10px;
	}
	
	.index-section1, .index-section2{
		float:none;
	}
	.index-intro, .index-contact{
		float:none;
	}
	
	.content_txt{
		margin:15px;
	}
	.video-frame{
		padding:0px;
	}
	
	.div_aims, .div_stc{
		float:left;
		width:50%;
		text-align:center;
	}
	.div_crs, .div_abm{
		float:right;
		width:50%;
		text-align:center;
	}
	.div_crs{
		margin-top:0px;
	}
	
	.video-frame{
		margin-top:0px;
		text-align:center;
	}
	.album_btns{
		text-align:center;
	}
	.album_btns .div_vid, .album_btns{
		display:inline-block;
		width:48%;
		text-align:center;
	}
}
@media (min-width: 768px){
	.modal-dialog {
		min-width:600px;
		width:auto;
		max-width:90%;
	}
	
}
@media (max-width: 767px) {
	.banner {
		padding-left: 15px;
		padding-right: 15px;
	}
	
	.prgBtn-ads{
		padding-top:0px;
	}
	.index-main-button img{
		width:98%;
		max-width:485px;
	}
	
}
@media (max-width: 576px) {
	.prgBtn-hden img, .prgBtn-crsw img{ 
		width: 70%;
	}
	.prgBtn-ads img{
		width:80%;
	}
	.div_crs img, .div_aims img,
	.div_stc img, .div_abm img{
		width:90%;
		max-width:161px;
		height:auto;
	}

	.btn-ads img{
	width: 75%;
	}

	.main_btns {
	display: block;
	}

	.main_btns div{
	  display:block;
	}


	.album_btns {
	display: block;
	text-align: center;
	}

	.album_btns .div_vid, .album_btns{
	  display:block;
	  width:auto;
	}

	.div_vid img{
	width: 20%;
	min-width: 140px;
	height: auto;
	margin-top: 10px;
	}
	.video-frame iframe{
	width:300px;
	height:165px;
	}

}