@charset "utf-8";
/* overwrite */
body {
	padding-bottom: 100px;
}
.container {
}
p {
	line-height: 1.6;
	margin: 1.2em 0;
}
h1 {
	margin-top: 0;
	margin-bottom: 0;
}
h2, h3, h4, h5, h6 {
	margin-top: 1.4em;
	/*margin-bottom: 0.4em;*/
	color: #222;
}
.well h2, .well h3, .well h4, .well h5, .well h6 {
	margin-top: 0;
}
.alert p:first-child {
	margin-top: 0;
}
ul, ol {
	margin-top: 15px;
	padding-left: 1.8em;
}
li {
	margin-top: 0.4em;
	margin-bottom: 0.4em;
}
.table {
	margin-bottom: 0.8em;
}
table th {
	background-color: #eee;
	font-weight: normal;
}
table td {
	background-color: #fff;
}

@media screen and (max-width: 767px) {
.table-responsive-2rows table {
	border-top: none;
	border-bottom: 1px solid #ddd;
}
.table-responsive-2rows th {
	border: none !important;
	border-top: 1px solid #ddd !important;
}
.table-responsive-2rows td {
	border: none !important;
}
}

@media screen and (min-width: 768px) {
.w300 {
	width: 300px;
}
}
.lead {
	color: #EE3F76;
	font-size: 1.2em;
}
.label {
	font-weight: normal;
	border-radius: 10rem;
	padding-bottom: 0.2em;
}
img.pull-left {
	margin-right: 8px;
	margin-bottom: 2px;
}
/* -- fixed bar -- */
.fixed-bar {
	/*border-top: 1px solid #fff;*/
	/*background-color: #C21045; /*#312D17;*/
	/*color: #fff;*/
	padding-bottom: 20px;
}
.fixed-bar a {
	display: block;
	padding-top: 16px;
	padding-bottom: 16px;
	color: #fff;
	text-decoration: none;
	margin: 0 15px;
}
.fixed-bar a span {
	margin-right: 8px;
	font-size: 1.2em;
	/*color: #FED3E4; /*#FFFF73;*/
	vertical-align: text-top;
}
/* -- header bar-- */
.header-bar p {
	font-size: 11px;
	color: #999;
	margin: 4px 0;
	text-decoration: none;
}
.header-bar p a {
	color: #999;
	text-decoration: none;
}
.header-bar img {
	width: 76px;
	margin: 4px 0;
}
.header-bar {
	border-bottom: 1px solid #eee;
}

/* ---- */
/* xs & sm */
@media screen and (max-width: 991px) {
.main .container {
	padding-left: 0;
	padding-right: 0;
}
.main .row {
	margin-left: 0;
	margin-right: 0;
}
.main .col-md-8 {
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
}
.main .col-md-4 {
/*		margin-left: 15px;
		margin-right: 15px;
	*/
}
} /* -@media */
.main {
	background-size: cover;
	background-image: url(../images/main-title.jpg);
	background-position: bottom center;
	position: relative;
}
.main-bg-inner {
	position: relative;
	background-color: rgba(0,0,0,0.5);
}

/* md & lg */
@media screen and (min-width: 992px) {
.main .container {
	width: 1000px;
}
} /* -@media */

/* lg */
@media screen and (min-width: 1200px) {
.main .container {
	width: 1200px;
}
} /* -@media */
.index {
	margin-bottom: 15px;
}
.index p {
	border-radius: 6px;
	background-color: #eee;
	margin-top: 15px;
	margin-bottom: 0;
	padding: 0.6em 2em 0.6em 1em;
	background-repeat: no-repeat;
	background-position: right 1em center;
	background-size: 13px 16px;
}
p.index-btn-a {
	background-image: url(../images/icon_go2content_pink.png);
}
p.index-btn-b {
	background-image: url(../images/icon_go2content_brown.png);
}
.index a {
	color: #222;
	text-decoration: none;
	display: block;
}
/* ---- */
hr.line-green, hr.line-beige, hr.line-pink {
	margin-top: 0;
	margin-bottom: 0;
	border: none;
	height: 12px;
}
hr.line-green {
	background-color: #CCDF92;
	background-image: url(../images/line_check_green.png);
}
hr.line-beige {
	background-color: #F9DEC3;
	background-image: url(../images/line_check_beige.png);
}
hr.line-pink {
	background-color: #FECCE0;
	background-image: url(../images/line_check_pink.png);
}
/* ---- */
.block-a {
	background-color: #EF3F76;
	padding-bottom: 20px;
}
.block-a-inner {
	background-color: #F8F8F5;
	border-radius: 10px;
	padding: 15px;
	margin-top: 20px;
}
.block-a .lead {
	margin-top: 6px;
}
/* ---- */
.block-c {
	background-color: #99C026;
	padding-bottom: 20px;
}
.block-c-inner {
	background-color: #F8F8F5;
	border-radius: 10px;
	padding: 15px;
	margin-top: 20px;
}
.block-c .lead {
	color: #EE3F76;
	font-size: 21px;
	margin-top: 6px;
}
.block-c h3 {
	font-size: 12px;
	line-height: 1.6;
}
.school-info h4 {
	font-size: 16px;
	color: #77A631;
}
h4.school-location:before, h4.school-course:before, h4.school-fee:before {
	font-family: 'Glyphicons Halflings';
	font-size: 1.1em;
	margin-right: 8px;
}
h4.school-location:before {
	content: "\e062";
}
h4.school-course:before {
	content: "\e011";
}
h4.school-fee:before {
	content: "\00a5";
}
.school-info h5 {
	font-size: 14px;
	padding: 2px 0 2px;
}
.school-info p, .school-info th, .school-info td {
	font-size: 12px;
	color: #333;
}
.school-info small, .school-info .small {
	font-size: 11px;
}
.heading-country h3 {
	background-color: #FEF3D3;
}
.heading-country img {
	width: 24px;
}
.btn-more {
	margin-top: 10px;
	color: #000;
}

#present{
	border: thin solid #f54d80;
	max-width: 700px;
}
#present p{
	padding:0 10px;
}
/* md & lg */
@media screen and (min-width: 992px) {
/*
	.block-c h4:first-child {
		margin-top: 0;
	}
	*/
#modal-content h5 {
	margin-top: 0;
	margin-bottom: 0;
	margin-right: 2em;
	float: left;
}
#modal-content h3 {
	font-size: 20px;
	margin-top: 16px;
	color: #EE3F76;
}
#modal-content {
	width: 50%;
	margin: 1.5em auto 60px;
	;
	padding: 10px 20px;
	border: 2px solid #aaa;
	background: #fff;
	z-index: 999;
	position: relative;
}
#modal-overlay {
	z-index: 1;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 120%;
	background-color: rgba(0,0,0,0.75);
}
.lock {
	overflow: hidden;
}
.modal-wrap {
	z-index: 2;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
}
} /* -@media */
/* ---- */
.block-b {
	background-color: #FCEEE0;
}
.block-d {
	background-color: #FDF2E8;/*background-color: #ECF8FF;*/
}

/* ---- */
.block-e {
	background-color: #F8F8F5;
}
.block-e-inner {
	background-color: #EEEEEE;
	border-radius: 10px;
	padding: 15px;
	margin-top: 20px;
}
.block-e-inner h3 {
	color: #EE3F76;
	font-size: 21px;
	margin-top: 6px;
}
.block-e-inner h4 {
	color: #666;
	font-size: 14px;
	font-weight: bold;
}

/* sm & md & lg (except xs) */
@media screen and (min-width: 768px) {
	.block-e-inner .col-sm-8 p:first-child {
		margin-top: 6px;
	}
	.block-e-inner .col-sm-8 p:last-child {
		margin-bottom: 0;
	}

} /* -@media */

.block-e-inner-box {
	background-color: #fff;
	padding: 1px 1em;
	margin-top: 14px;
	margin-bottom: 14px;
}
.block-e-inner-box .lead {
	font-size: 16px;
}
.block-e-inner-box p,
.block-e-inner-box li {
	font-size: 12px;
	margin: 0.6em 0 !important;
}
.block-e-inner-box ul {
	margin-top: 0.6em;
	margin-bottom: 0.6em;
}












/* ---- */
.footer {
	margin-top: 60px;
	text-align: center;
}
.footer p {
	color: #666;
	font-size: 12px;
}
/* form */
.form-group label {
	font-weight: bold;
}
.form-inline label, .checkbox label, .radio label {
	font-weight: normal;
}
.form-inline .form-group {
	margin-right: 0;
}
.form-inline .form-control {
	display: inline;
	width: auto;
	margin-right: 4px;
}
.form-group iframe {
	height: 10em;
}
.form-inline .col-sm-12 {
	margin-top: 6px;
}
.center-block {
	float: none;
}

/* ========================================
   Template for setting by size
======================================== */

/*
xs (mobile)  : min 480 - max 767
sm (tablet)  : min 768 - max 991
md (desktop) : min 992 - max 1199
lg (desktop) : min 1200 - over
*/

/* xs & sm & md (except lg) */
@media screen and (max-width: 1199px) {
} /* -@media */

/* sm & md & lg (except xs) */
@media screen and (min-width: 768px) {
} /* -@media */

/* xs & sm */
@media screen and (max-width: 991px) {
} /* -@media */

/* xs */
@media screen and (max-width: 767px) {
} /* -@media */

/* sm */
@media screen and (min-width: 768px) and (max-width: 991px) {
} /* -@media */

/* sm & md */
@media screen and (min-width: 768px) and (max-width: 1199px) {
} /* -@media */

/* md & lg */
@media screen and (min-width: 992px) {
} /* -@media */

/* md */
@media screen and (min-width: 992px) and (max-width: 1199px) {
} /* -@media */

/* lg */
@media screen and (min-width: 1200px) {
} /* -@media */