.selectProgramB_school, .left_OptionB{
    /*background: #cdcdcd;*/
    color: #ffffff;
    font-size: 28px;
    /*text-transform: uppercase;*/
    font-weight: 700;
    padding: 10px 0px 10px;
    border: 1px solid #ccc;
    display: inline-block;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
    float: left;
    letter-spacing: 0.5px;
    width: 100%;
    border-radius: 2px;
    text-decoration: none;
    margin: 0px 0px 0px 0px;
}


.selectProgram_school_img, .leftOption_img, .selectProgram_school_imgBox, .leftOption_imgBox{
	width: 292px;
	height: 198px;
	margin: 0 30px 0 0;
}

.selectProgram_school_imgBox, .leftOption_imgBox{
	position: relative;
	float: right;
}

.selectProgram_home_img, .rightOption_img, .selectProgram_home_imgBox, .rightOption_imgBox{
	width: 292px;
	height: 198px;
	margin: 0 0 0 0;
}

.selectProgram_home_imgBox, .rightOption_imgBox{
	position: relative;
	float: left;
}


.overText{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.selectProgramB_home, .right_OptionB{
    /*background: #cdcdcd;*/
    color: #ffffff;
    font-size: 28px;
    /*text-transform: uppercase;*/
    font-weight: 700;
    padding: 10px 0px 10px;
    border: 1px solid #ccc;
    display: inline-block;
    transition: color 300ms ease-in-out 0s, background-color 300ms ease-in-out 0s, background-position 300ms ease-in-out 0s;
    float: left;
    letter-spacing: 0.5px;
    width: 100%;
    border-radius: 2px;
    text-decoration: none;
    margin: 0px 0px 0px 0px;
}

.schoolDescription, .leftOptionDes{
    float: none;
    font-size: 12px;
    font-weight: normal;
    padding: 10px 0px 10px;
    text-decoration: none;
    /*text-transform: uppercase;*/
    text-align: center;
    display: inline-block;
    background: #7c4194;
    color: #fff !important;
    letter-spacing: 0.5px;
    width: 100%;
    border-radius: 2px;
    text-decoration: none;
    float: left;
    margin: 0px 0px 0px 0px;
    font-family: Arial, Helvetica, sans-serif;
}

.homeDescription, .rightOptionDes{
    float: none;
    font-size: 12px;
    font-weight: normal;
    padding: 10px 0px 10px;
    text-decoration: none;
    /*text-transform: uppercase;*/
    text-align: center;
    display: inline-block;
    background: #7c4194;
    color: #fff !important;
    letter-spacing: 0.5px;
    width: 100%;
    border-radius: 2px;
    text-decoration: none;
    float: left;
    margin: 0px 0px 0px 0px;
    font-family: Arial, Helvetica, sans-serif;
}

.schoolDescription > ul > .programName, .homeDescription > ul > .programName{
	font-size: 20px;
}
.schoolDescription > ul > .programContent, .homeDescription > ul > .programContent{
	text-align:justify;
	padding-right: 10px;
    padding-left: 10px;
}
.schoolDescription > ul, .homeDescription > ul, .leftOptionDes > ul, .rightOptionDes > ul{
	list-style-type:none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.leftOptionDes > ul > .optionName, .rightOptionDes > ul > .optionName{
	font-size: 15px;
}
.leftOptionDes > ul > .optionContent, .rightOptionDes > ul > .optionContent{
	text-align:justify;
	padding-right: 10px;
    padding-left: 10px;
}

.hPos{
	position: absolute;
	width: 292px;
	float: left;
	margin: 0px 0px 0px 30px;
	
}

.toggleMaskHome, .toggleMaskRight{
	height: 100%;
	cursor: pointer;
	z-index: 88;
}

/*
.toggleMaskRight:hover ~ .boxEffect_shadow{
	transition: 0.5s;
	box-shadow: rgb(255, 255, 255) 0px 0px 5px, rgb(255, 255, 255) 0px 0px 10px, rgb(255, 255, 255) 0px 0px 15px, rgb(255, 255, 255) 0px 0px 20px, rgb(255, 255, 255) 0px 0px 30px, rgb(249, 236, 255) 0px 0px 40px, rgb(254, 187, 187) 0px 0px 50px, rgb(255, 169, 193) 0px 0px 75px;
}
*/

.homeEffectLayer{
    border-top: 1px solid #7c4194;
	transition: border-top 0.5s ease;
	bottom: 95px;
	z-index: 8;
}

.homeEffectLayer.in{
	border-top: 22px solid #7c4194;
	transition: border-top 0.5s ease;
}

.sPos{
	position: absolute;
	width: 292px;
	right: 0px;
	margin: 0px 45px 0px 0px;
}

.toggleMaskSchool, .toggleMaskLeft{
	height: 100%;
	cursor: pointer;
	z-index: 88;
}

/*
.toggleMaskLeft:hover ~ .boxEffect_shadow{
	transition: 0.5s;
	box-shadow: rgb(255, 255, 255) 0px 0px 5px, rgb(255, 255, 255) 0px 0px 10px, rgb(255, 255, 255) 0px 0px 15px, rgb(255, 255, 255) 0px 0px 20px, rgb(255, 255, 255) 0px 0px 30px, rgb(249, 236, 255) 0px 0px 40px, rgb(254, 187, 187) 0px 0px 50px, rgb(255, 169, 193) 0px 0px 75px;
}
*/

.schoolEffectLayer{
    border-top: 1px solid #7c4194;
    transition: border-top 0.5s ease;
    bottom: 95px;
    z-index: 8;
}

.schoolEffectLayer.in{
	border-top: 22px solid #7c4194;
	transition: border-top 0.5s ease;
}



.centerText {
   
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
 
}

.button.btn-checkout {
	background: #FED557;
	border: 1px solid #F5C328;
	color: #003169;
	padding: 8px 18px;
}



@media (max-width: 350px){
	
	.selectProgram_school_imgBox, .selectProgram_home_imgBox, .leftOption_imgBox, .rightOption_imgBox{
		float: left;
		width: 200px;
		height: 128px;
	}
	
	.selectProgramB_school, .left_OptionB{
		font-size: 28px;
		height: 128px;
		width: 200px;
		float: left;
		margin: 0px 0px 0px 0px;
	}
	.selectProgramB_home, .right_OptionB{
		font-size: 28px;
		height: 128px;
		width: 200px;
		float: left;
		margin: 0px 0px 0px 0px;
	}
	.schoolDescription, .leftOptionDes{
		width: 200px;
		margin: 1px 0px 0px 0px;
		float: left;
	}
	.homeDescription, .rightOptionDes{
		width: 200px;
		margin: 1px 0px 0px 0px;
		float: left;
	}
	.hPos{
		width: 200px;
		margin: 0px 0px 0px 0px;
	}
	.sPos{
		width: 200px;
	    right: inherit;
		margin: 0px 45px 0px 0px;
	}
}

@media (min-width: 350px){
	
	.selectProgram_school_imgBox, .leftOption_imgBox{
		float: left;
	}
	
	.selectProgramB_school, .left_OptionB{
		height: 198px;
		width: 292px;
		float: left;
		margin: 0px 0px 0px 0px;
	}
	.selectProgramB_home, .right_OptionB{
		height: 198px;
		width: 292px;
		float: left;
		margin: 0px 0px 0px 0px;
	}
	.schoolDescription, .leftOptionDes{
		width: 292px;
		margin: 1px 0px 0px 0px;
		float: left;
	}
	.homeDescription, .rightOptionDes{
		width: 292px;
		margin: 1px 0px 0px 0px;
		float: left;
	}
	.hPos{
		width: 292px;
		margin: 0px 0px 0px 0px;
	}
	.sPos{
		width: 292px;
	    right: inherit;
		margin: 0px 45px 0px 0px;
	}
}

@media (min-width: 767px){
	
	.selectProgram_school_imgBox, .leftOption_imgBox{
		float: right;
	}
	
	.selectProgramB_school, .left_OptionB{
		height: 198px;
		float: right;
		margin: 0px 20px 0px 10px;
	}
	.selectProgramB_home, .right_OptionB{
		height: 198px;
		float: left;
		margin: 0px 0px 0px 20px;
	}
	.schoolDescription, .leftOptionDes{
		margin: 1px 20px 0px 0px;
		float: right;
	}
	.homeDescription, .rightOptionDes{
		margin: 1px 0px 0px 20px;
		float: left;
	}
	.hPos{
		margin: 0px 0px 0px 20px;
	}
	.sPos{
		right: 0px;
		margin: 0px 35px 0px 0px;
	}
}



@media (min-width: 992px){
	.selectProgramB_school, .left_OptionB{
		height: 198px;
		float: right;
		margin: 0px 30px 0px 0px;
	}
	
	.selectProgramB_home, .right_OptionB{
		height: 198px;
		float: left;
		margin: 0px 0px 0px 30px;
	}
	
	.schoolDescription, .leftOptionDes{
		margin: 1px 30px 0px 0px;
		float: right;
	}
	.homeDescription, .rightOptionDes{
		margin: 1px 0px 0px 30px;
		float: left;
	}
	.hPos{
		margin: 0px 0px 0px 30px;
	}
	.sPos{
		right: 0px;
		margin: 0px 45px 0px 0px;
	}
}