/* ----------------------- For All page --------------------------*/

@font-face {
  font-family:BankGothic Md BT.ttf;
  src: url(font/BankGothic Md BT.ttf);
}
a{
	text-decoration:none;
}
/*---------- Start Home Page Style ....................*/
.container{
	width:100%;
	height:auto;
	padding:20px 0px 30px 0px;
	background-color:#fff;
}
.container h2{
	text-align:center;
	color:#009;
}
.container h3{
	width:70%;
	position:relative;
	margin:auto;
	margin-top:40px;
	margin-bottom:0px;
	text-align:left;
	color:#009;
}
.container h4{
	position:relative;
	margin-left:100PX;
	text-align:center;
	color:#009;
}
.container p{
	width:70%;
	margin:auto;
	padding-top:20px;
	height:auto;
	line-height:20px;
	text-align:justify;
	font-family:Verdana, Geneva, sans-serif;
	color:#333;
	font-size:13px;
	text-wrap:supress;
}
.container a{
	margin:auto;
	color:#00F;
}
.container ol{
	width:70%;
	margin:auto;
	padding-top:20px;
	height:auto;
	line-height:20px;
	text-align:justify;
	font-family:Verdana, Geneva, sans-serif;
	color:#333;
	font-size:13px;
	text-wrap:supress;
}
.container table{
	width:70%;
	margin:auto;
	padding-top:20px;
	height:auto;
	line-height:20px;
	text-align:justify;
	font-family:Verdana, Geneva, sans-serif;
	color:#333;
	font-size:13px;
	text-wrap:supress;
}
.paybutton{
	width:150px;
	height:50px;
	margin:2px 1px;
/*	padding:3px 10px;
*/	font-family:Verdana, Geneva, sans-serif;
	background-color:#204473;
	background-image:url(../img/pay-online1.png);
	color:#fff;
	border-radius:50px;
	float:left;
}

.img-box{
	width:100px;
	height:100px;
	border:1px solid #999;
	float:left;
	margin:3px;
	border-radius:50%;
	border:3px solid #aaa;
}
.option-section{
	width:90%;
	height:auto;
	padding:10px;
	border:1px solid #666;
	margin:auto;
	margin-top:20px;
}
.option-box{
	width:80%;
	height:200px;
	margin:auto;
/*	background-color:#ddd;
*/	
}
.option-circle{
	width:150px;
	height:150px;
	background-color:#0088ff;
	margin:10px;
	margin-left:50px;
	float:left;
	border-radius:50%;
	border:10px solid #dddddd;
	box-shadow:4px 3px 10px #aaaaaa;
}
.option-circle:hover{
	background-color:#0af;
	border-color:#eeeeee;
	box-shadow:5px 3px 10px #888888;
}
.option-text{
	position:relative;
	top:40%;
	width:145px;
	display:block;
	text-align:center;
	line-height:20px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#ffffff;
	text-decoration:none;
	
}
.option-circle a{
	margin:center;
	color:#FFF;
}
.scroll-option{
	width:90%;
	height:100px;
	border:1px solid #666;
	margin:auto;
	margin-top:30px;
	overflow:hidden;
	background-color:#999;
}
.scroll-box{
	width:100%;
	height:100%;
}
.scroll-img-box{
	width:150px;
	height:100px;
	border:1px solid #ddd;
	float:left;
}
@media only screen and (max-width: 700px) {
	.option-section{
		width:100%;
		padding:0px;
		border:none;
	}
	.option-box{
		width:100%;
		height:auto;
	}
	.option-circle{
		float:none;
		margin:auto;
		margin-top:50px;
	}
	.scroll-option{
		width:98%;
	}
	.scroll-box{
	width:1070px;
	}
}

/*---------- End Home Page Style ....................*/

/*---------- Start Application Form Page Style ....................*/
.form-container{
	width:80%;
	min-height:100%;
	padding:0px;
	border:1px solid #666;
	margin:auto;
	margin-top:30px;
	margin-bottom:30px;
	border-radius:5px;
}
.form-title{
	font-size:30px;
	color:#fff;
	line-height:40px;
	margin:0;
	padding:0px 10px;
	background-color:#093;
	border-bottom:2px solid #F90;
}
.form-sub-title{
/*	background-color:#CFF;
*/	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	line-height:18px;
	font-weight:bold;
	color:#249;
	border-bottom:1px solid #306;
	margin:10px;
}
.course-detalis-title{
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	line-height:25px;
	font-weight:bold;
	color:#333;
	border-bottom:1px solid #306;
	margin:10px;
	padding:5px;
}
.form-box{
	width:100%;
	min-height:100px;
}
.form-data-box{
	width:100%;
	min-height:50px;
}
.form-field{
	width:28%;
	height:auto;
	padding:3px;
	margin:10px 2.2% 10px 2.2%;
	border-radius:5px;
/*	background-color:#CCC;
*/	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	float:left;
}
.form-other-field{
	width:95%;
	height:250px;
	padding:3px;
	margin:10px 2.2% 10px 2.2%;
	border-radius:5px;
/*	background-color:#CCC;
*/	font-family:Verdana, Geneva, sans-serif;
	line-height:22px;
	font-size:14px;
	color:#007799;
/*	display:block;
	border:1px solid #333;
*/}
.form-other-field .data{
	width:60%;
	height:auto;
	float:left;
}
.form-other-field1{
	width:95%;
/*	height:250px;
*/	padding:3px;
	margin:10px 2.2% 10px 2.2%;
	border-radius:5px;
/*	background-color:#CCC;
*/	font-family:Verdana, Geneva, sans-serif;
	line-height:22px;
	font-size:14px;
	color:#007799;
}
.form-other-field img{
	width:150px;
	height:auto;
	border:2px solid #600;
	margin:5px;
	float:right;
}

.form-field:hover{
	background-color:#eaeaea;
}
.form-field-title{
	line-height:16px;
	font-size:14px;
	color:#007799;
}
.form-field-input{
	width:95%;
	height:30px;
	margin:2.5%;
	border:1px solid #379;
	border-radius:3px;
}
.form-field-image{
	width:100%;
	height:auto;
}
.form-field-image-a{
	width:100px;
	height:170px;
}
.form-field-image-a img{
	width:100px;
	height:150px;
	border:2px solid #600;
	margin:10px;
}
.form-container table{
	width:100%;
	font-family:Verdana, Geneva, sans-serif;
}
.form-container table tr{
	min-height:40px;
	line-height:18px;
}
.form-container table th{
	height:40px;
	font-size:14px;
	background-color:#ff7829;
}
.form-container table td{
	height:40px;
	font-size:12px;
	background-color:#FFC;
}
.form-submit{
	width:auto;
	height:auto;
	margin:10px 20px 10px 30px;
	padding:5px 20px 5px 20px;
	background-color:#09C;
	border-radius:5px;
	color:#eeeeee;
}
.form-submit:hover{
	background-color:#0ad;
	color:#ffffff;

}
.form-data-field{
	width:28%;
	height:100%;
/*	padding:3px;
*/	margin:0px 2.2% 0px 2.2%;
	border-radius:5px;
/*	background-color:#CCC;
*/	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	float:left;
	color:#009;
}
.form-data-field-label{
	font-weight:bold;
	margin-right:10px;
	line-height:15px;
	float:left;
}
.form-data-field-text{
	line-height:15px;
	float:left;
}

@media only screen and (max-width: 700px) {
.form-container{
	width:100%;
	border:none;
	padding:0px;
}
.form-title{
	font-size:17px;
}
/*.form-box{
	display:none;
}
*/.form-field{
	width:95%;
	float:none;
}
.form-data-field{
	width:100%;
	float:none;
}

}
/*---------- End Application Form Page Style ....................*/

/*---------- Start Course List Page Style ....................*/

.course-list-container{
	width:80%;
	min-height:200px;
	overflow:auto;
/*	background-image:url(../img/course-back.png);
	padding:20px;
*/	border:1px solid #666;

	margin:auto;
	margin-top:30px;
	margin-bottom:30px;
	border-radius:5px;
}
.course-list-title{
	width:95%;
	padding:5px 2.5%;
	margin:0;
	background-color:#006699;
	background-image:url(../img/page-title1.jpg);
	line-height:40px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	font-size:25px;
	color:#ffffff;
	border-bottom:2px solid #aa2266;
}
.course-box{
	width:28%;
	height:200px;
	background-color:#ffaaff;
	margin:2.5% 2.5%;
	float:left;
	font-family:Verdana, Geneva, sans-serif;
	text-decoration:none;
	background-image:url(../img/course-box1.jpg);
	background-position:center;
	text-align:center;
/*	box-shadow:4px 4px 3px #935;
*/	font-size:12px;
	line-height:20px;
	color:#600;
	font-weight:bold;
	border-radius:5px;
}
.course-box:hover{
	background-image:url(../img/course-box3.jpg);
/*	box-shadow:6px 6px 3px #935;
*/}
.course-title{
	width:100%;
	line-height:30px;
	padding:5px 0px;
	margin:0px 0px 5px 0px;
	background-color:#0a2;
	background-image:url(../img/course-title.jpg);
	background-position:center;
	font-size:20px;
	font-weight:bold;
	color:#ffffff;
}
.course-table{
	width:100%;
	height:auto;
}
.course-table-heading-row{
	line-height:30px;
	background-color:#069;
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	font-size:20px;
	color:#ffffff;
}
.course-table-heading-td{
	border:1px solid #ffffff;
	padding:3px;
}
.course-table-row{
	line-height:30px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#aa2277;
}
.course-table-row:hover{
	background-color:#eeeeee;
}
.course-table-td{
	border:1px solid #CCC;
	padding:3px;
}
.course-table-td a{
	text-decoration:none;
	color:#aa2277;
}

@media only screen and (max-width: 700px) {
.course-box{
	width:90%;
	margin:20px 5%;
/*	float:none;
*/}
.course-list-container{
	width:95%;
}
.course-list-title{
	line-height:20px;
	font-size:16px;
}
.course-table-heading-row{
	line-height:25px;
	font-size:13px;
}
.course-table-row{
	line-height:25px;
	font-size:12px;
}

}

/*---------- End Course List Page Style ....................*/

/*---------- Start Course Details Page Style ....................*/

.course-deta-container{
	width:50%;
	min-height:100%;
	overflow:auto;
	background-image:url(../img/course-back.png);
	border:1px solid #666;

	margin:auto;
	margin-top:50px;
	margin-bottom:50px;
	border-radius:5px;
}

.course-deta-title{
	width:95%;
	padding:5px 2.5%;
	margin:0;
	background-color:#006699;
	background-image:url(../img/page-title1.jpg);
	background-position:center;
	line-height:40px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	font-size:25px;
	color:#ffffff;
	border-bottom:2px solid #aa2266;
}

.bold-text{
	margin:5px 10px;
	line-height:20px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#ffffff;
}
.course-deta-container ul{
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	line-height:20px;
	color:#ffffff;
	list-style:circle;
}

@media only screen and (max-width: 700px) {
.course-deta-container{
	width:90%;
}
.course-deta-title{
	font-size:18px;
	line-height:23px;

}
}
/*---------- End Course Details Page Style ....................*/


/*---------- Start Contact Us Page Style ....................*/
.contact-us-container{
	font-family:Verdana, Geneva, sans-serif;
	width:80%;
	height:600px;
	padding:0px;
	border:1px solid #666;
	margin:auto;
	margin-top:30px;
	margin-bottom:30px;
	border-radius:5px;
/*	background-color:#0FF;
*/}

.contact-us-address{
	width:40%;
	height:auto;
	margin:10px 15px;
	float:left;
	line-height:30px;
	font-size:14px;
	color:#666666;
/*	background-color:#FFC;
*/}
.contact-us-address h3{
	line-height:25px;
	font-size:16px;
	font-weight:bold;
	color:#039;
	text-decoration:none;
	padding:0px;
	margin:0px;
}
.contact-us-enquiry{
	width:50%;
	height:auto;
/*	background-color:#CCC;
*/
	float:left;
}
.contact-us-enquiry h3{
	font-size:16px;
	color:#aa2299;
}
.contact-us-enquiry-field{
	width:80%;
	height:40px;
	padding:3px;
	border:1px solid #992266;
	border-radius:5px;
	margin:5px;
}
.contact-us-enquiry-text-field{
	width:80%;
	height:100px;
	padding:3px;
	border:1px solid #992266;
	border-radius:5px;
	margin:5px;
}

@media only screen and (max-width: 700px) {
.contact-us-container{
	height:auto;
	border:none;
}
.contact-us-address{
	width:90%;
	float:none;
}
.contact-us-enquiry{
	float:none;
	width:90%;
}
.contact-us-enquiry-field{
	width:100%;
	height:40px;
	padding:3px;
	border:1px solid #992266;
	border-radius:5px;
	margin:5px;
}
.contact-us-enquiry-text-field{
	width:100%;
	height:100px;
	padding:3px;
	border:1px solid #992266;
	border-radius:5px;
	margin:5px;
}


}


/*---------- End Contact Us Page Style ....................*/

/* ----------------- Start Notice page Style-------------------------*/
.notice-table{
	width:80%;
	padding:10px 10px;
}
.notice-table-th{
	line-height:30px;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#07F;
	color:#fff;
	border:1 solid #600;
}
.notice-table-tr{
	line-height:30px;
	background-color:#FCC;
}
.notice-table-tr:hover{
	background-color:#FfC;
}

@media only screen and (max-width: 700px) {
.notice-table{
	width:100%;
	padding:10px 0px;
}

}


/* ----------------- End Notice page Style-------------------------*/


/*---------- Start Gallery Page Style ....................*/

.Gallery-container{
	font-family:Verdana, Geneva, sans-serif;
	width:90%;
	min-height:200px;
	overflow:auto;
	padding:0px;
	border:1px solid #666;
	margin:auto;
	margin-top:30px;
	margin-bottom:30px;
	border-radius:5px;
/*	background-color:#0FF;
*/}
.gallery-img-box{
	width:28%;
	height:400px;
	margin:2%;
	background-color:#882266;
	float:left;
	border:4px solid #882266;
	border-radius:5px;
	line-height:40px;
	font-size:16px;
	color:#ffffff;
	box-shadow:3px 5px 4px #999;
}
.gallery-img-box img{
	width:100%;
	height:350px;
}

@media only screen and (max-width: 700px) {

.Gallery-container{
	width:100%;
	border:none;
}
.gallery-img-box{
	width:90%;
	margin:20px auto 20px auto;
	float:none;
}

}

/*---------- End Gallery Page Style ....................*/

/* ----------- Start Franchise Dashboard -----------*/
.center-container{
	width:80%;
	min-height:100%;
/*	padding:20px;
*/	border:1px solid #666;
	margin:30px auto;
	border-radius:5px;
	background-image:url(../img/course-back.png);
}

.center-container h2{
	font-size:30px;
	color:#fff;
	line-height:40px;
	font-weight:500;
	margin:0;
	padding:0px 10px;
	background-color:#093;
	border-bottom:2px solid #F90;
}
.center-details{
	width:100%;
	min-height:150px;
	overflow:auto;
	border-bottom:1px solid #999;
	background-color:#ddffdd;
	background-image:url(../img/course-back2.png);

/*	opacity:30%;
*/}
.center-details .left-bar{
	width:70%;
	height:100px;
	margin:10px 10px;
	float:left;
	line-height:30px;
	font-size:15px;
	font-weight:550;
	font-family:Arial, Helvetica, sans-serif;
	color:#440022;
}
.center-details .left-bar .row{
	width:100%;
	min-height:30px;
	line-height:30px;
/*	background-color:#bbffff;
*/	border-bottom:2px solid #ff0000;
	vertical-align:text-top;
}
.center-details .left-bar .row .td{
	float:left;
	margin-right:5px;
	line-height:30px;
}
	.center-details .left-bar .row:hover{
/*		background-color:#ddffff;
*/	}

.center-details .photo{
	width:250px;
	height:300px;
	margin:10px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	text-align:center;
	padding:5px;
	background-color:#ffffff;
	border:2px solid #883300;
	border-radius:3px;
	float:left;
/*	opacity:100%;
*/}
.center-dashboard{
	width:95%;
	height:auto;
	overflow:auto;
	padding:20px 2.5%;
	border-bottom:1px solid #884444;
}
.center-dashboard .button{
	max-width:250px;
	height:auto;
	margin:2px 1px;
	padding:3px 10px;
	font-family:Verdana, Geneva, sans-serif;
	background-color:#204473;
	color:#fff;
	border-radius:5px;
	float:left;
}
.center-dashboard .button .logo{
	width:25px;
	height:25px;
	border:2px solid #dddddd;
	border-radius:50%;
	margin:0px auto;
	color:#00F;
}
.center-dashboard .button .logo img{
	border-radius:50%;
}
.center-dashboard .button .text{
	margin:1px;
	font-size:12px;
	line-height:18px;
	text-align:center;
/*	margin-left:3px;	
*/}
.center-dashboard .button .noti{
	width:10px;
	padding:3px;
	background-color:#ff0000;
	font-size:9px;
	text-align:center;
	border-radius:50%;
	color:#ffffff;
	float:right;
}
.center-dashboard .button .data{
	width:Auto;
	height:50px;
	padding:3px;
	text-align:center;
	line-height:45px;
	background-color:#CFF;
	border:2px solid #dddddd;
	border-radius:50%;
	font-size:14px;
	margin:0px auto;
	color:#00F;
}

.center-dashboard .pay-button{
	width:150px;
	height:50px;
	margin:2px 1px;
/*	padding:3px 10px;
*/	font-family:Verdana, Geneva, sans-serif;
	background-color:#204473;
	background-image:url(../img/pay-online1.png);
	color:#fff;
	border-radius:50px;
	float:left;
}

@media only screen and (max-width: 700px) {
	.center-container{
		width:100%;
		border:none;
/*		margin:0;
*/	}
	.center-details .left-bar{
		width:100%;
		margin:0;
	}
.center-container h2{
	font-size:15px;
}
.center-dashboard .button .logo{
	float:none;
}
.center-dashboard .button .text{
/*	display:none;
*/}

}

/* ----------- End Franchise Dashboard -----------*/

/*---------- Start Center List Page Style ....................*/
.center-list-container{
	font-family:Verdana, Geneva, sans-serif;
	width:80%;
	min-height:100%;
	padding:0px;
	border:1px solid #666; 
	margin:auto;
	margin-top:30px;
	margin-bottom:30px;
	border-radius:5px;
/*	background-color:#0FF;
*/}
.center-table{
	width:90%;
	padding:10px 10px;
}
.center-table-th{
	line-height:30px;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#07F;
	font-size:14px;
	color:#fff;
	border:1 solid #600;
}
.center-table-tr{
	line-height:30px;
	background-color:#Fdd;
	font-size:14px;
}
.center-table-tr:hover{
	background-color:#FfC;
}


@media only screen and (max-width: 700px) {
.center-list-container{
	width:100%;
}

.center-table{
	width:100%;
	padding:0px 0px;
}
.center-table-tr{
	font-size:12px;
}

}

/*---------- Start Center List Page Style ....................*/

@media only screen and (max-width: 700px) {

/*---------- Start Application Form Page Style ....................*/


/*---------- End Application Form Page Style ....................*/

/*---------- Start Course List Page Style ....................*/


/*---------- End Course List Page Style ....................*/

/*---------- Start Contact Us Page Style ....................*/


/*---------- End Contact Us Page Style ....................*/

/*---------- Start Gallery Page Style ....................*/


/*---------- End Gallery Page Style ....................*/

}
.from-box{
	width:100%;
	min-height:150px;
}
.from-box .buttom{
	width:200px;
	height:50px;
	background-image:url(../img/e-wallet-buttom.png);
	border-radius:10px;
	border:2px inset #0CF;
	margin:5px;
}
.from-box .button{
	max-width:250px;
	height:auto;
	margin:2px 1px;
	padding:3px 10px;
	font-family:Verdana, Geneva, sans-serif;
	background-color:#204473;
	color:#fff;
	border-radius:5px;
	float:left;
}
.from-box .button .text{
	margin:1px;
	font-size:12px;
	line-height:18px;
	text-align:center;
/*	margin-left:3px;	
*/}
.from-box .button .data{
	width:Auto;
	height:50px;
	padding:3px;
	text-align:center;
	line-height:45px;
	background-color:#CFF;
	border:2px solid #dddddd;
	border-radius:50%;
	font-size:14px;
	margin:0px auto;
	color:#00F;
}
/*---------- Start Affiliation Letter Page Style ....................*/
.affi-cont{
	width:1550px;
	height:1048px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:25px;
	line-height:50px;
	font-weight:bold;
}
.affi-cont .text{
	position:absolute;
	width:600px;
	height:auto;
	top:0;
}
.affi-cont .data{
	position:absolute;
	width:1105px;
	height:370px;
	line-height:40px;
	font-size:24px;
	vertical-align:middle;
}
.affi-cont .lebel{
	font-family:BankGothic Md BT;
	font-size:30px;
}
.affi-cont .d-photo{
	position:absolute;
	width:190px;
	font-family:BankGothic Md BT;
	vertical-align:middle;
}

.d-photo .d-image{
	position:relative;
	width:100%;
	height:220px;
	background-color:#ffffff;
}
.d-photo .d-text{
	position:relative;
	width:100%;
	margin:0px auto 15px auto;
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	line-height:16px;
	font-weight:normal;
}

.std-image{
	position:absolute;
	width:200px;
	height:200px;
	border-radius:50%;
	border:8px solid #FFF;
	top:0px;
	left:0px;
	background-color:#ffffff;
}
.sign{
	position:absolute;
}
/*.affi-cont img{
	position:absolute;
	top:0;
	left:0;
}
*/

/*---------- End Affiliation Letter Page Style ....................*/