body {
	font-family: 'Kanit', sans-serif;
}

input:focus, textarea:focus, select:focus{
	outline: none;
}
.color-white{color:#FFF;}
.color-green {color:#1AC012;}
.top-section {
	height: 46px;
	background: #0A2397;
	padding-top: 12px;
}

.sub-section {
	background: #ffffff;
	padding-bottom: 10px;
}

.element-icon-list-items {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 16px;
}
.element-icon-list-items span {
	font-size:16px;
	padding-right:5px;
}
.element-icon-list-items li a{
	font-family:Arial;
	font-size: 16px;
	color: white;
}

.element-icon-list-items li a:active, .element-icon-list-items li a:hover{
	text-decoration: none;
	color: #A0CBF6;
}

.paddingtop10 {
	padding-top: 10px;
}

.margintop30 {
	margin-top: 30px;
}

.margintop10 {
	margin-top: 10px;
}

.title {
	padding:2%;
	font-size: 38px;
}

.bg-book {
	background-color: rgba(0,0,0,0);
	background-image: url('../images/landingbg.jpg');
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover
}

.bg-enrollment {
	background-color: rgba(0,0,0,0);
	background-image: url('../images/enrollmentbg.jpg');
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover
}

.bg-maintenance {
	background-color: rgba(0,0,0,0);
	background-image: url('../images/maintenancebg.jpg');
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: cover
}

.form-content {
	color: #fff;
	font-size: 20px;
	padding-top: 15px;
}

.btn-main-selector{
	min-height:80px;
	margin:15px 40px;
	border-radius:10px !important;
}

.btn-student {
	padding:5px 40px;
	background: #fff;
	border: 2px solid #fff;
	color: #0A2397 !important;
	outline: none !important;

	font-size:18px;
}

.btn-student:hover
, .btn-student-clicked {
	background-color: #0A2397;
	border: 2px solid #fff;
	color: #fff !important;
	padding:5px 40px;
	font-size:18px;
}

.content-book {
	background-color: rgba(255, 255, 255, 0.3);
	padding: 15px;
	-webkit-border-radius:  5px;
	-moz-border-radius:  5px;
	border-radius:  5px;
}

.form-label {
	font-size:15px;
}

.form-legend {
	position: absolute;
	top: -13px;
	left: 19px;
	background: #03092b;
	padding: 0 10px;
	font-size: 15px;
}

.enrollment-form-content {
	border: 1px solid white;
	padding: 30px 5px;
	border-radius: 6px;
	position: relative;
}

#enrollment-selector {
	margin-top: 30px;
	padding-bottom: 20px;
}

.condition-text {
	font-size: 14px;
	font-weight: normal !important;
}

.condition-text a{
	color: white;
	text-decoration: underline;
}