@charset "UTF-8";
/* CSS Document */

body {
	padding: 0;
	margin: 0;
	background-color: #FFF !important;
	color: #333333;
	line-height: 1.5em;
}

.index-logo img {
	width: 100%;
}

.mainbg {
}

.header {
	/*background-image:url(../images/header-bg.jpg) ;
	background-position:top center;
	background-repeat:no-repeat;
	
	background-size:100% ;*/
	background-color: #f7ee13;
}

.logo {
	margin: 0;
	padding: 0px;
	text-align: right;
}

	.logo img {
		margin: 0 0 0 10%;
		text-align: right;
		width: 90%;
	}

.header-link {
	text-align: right;
	padding: 4px 0 0 0;
	float: right;
	background-color: #f7ee13;
}

.header a {
	color: #006f9f;
	text-decoration: underline;
}

.header-link a:hover {
	text-decoration: none;
	color: #623073;
}

@media screen and (max-width:996px) {
	.header {
		background-size: 100%;
	}

	.header-link a {
		color: #fcc6c6;
	}

		.header-link a:hover {
			color: #FFF;
		}
}

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

	.header {
		background-size: auto;
	}

	.logo img {
		margin: 0 0 0 5%;
		text-align: right;
		width: 95%;
	}
}

.main {
	overflow: auto;
	padding: 20px 50px;
}

ul.submenu {
	margin: 220px 0 0 0;
	padding: 0;
}

	ul.submenu li {
		padding: 0;
		margin: 0;
		list-style: none;
	}

		ul.submenu li img {
			width: 40px;
			margin: 0;
			padding-right: 10px;
		}

		ul.submenu li a {
			float: left;
			display: block;
			width: 80%;
			font-size: 20px;
			letter-spacing: 1.2px;
			margin: 5px;
			padding: 15px 10px 10px 10px;
			text-align: center;
			border-radius: 40px;
			border: 1px solid #c1c1c1;
			color: #666666;
		}

			ul.submenu li a:hover {
				text-decoration: none;
				color: #1d2088;
				border: 1px solid #1d2088;
				box-shadow: 0 5px 15px rgba(0,0,0,.1);
			}

@media screen and (min-width:768px) and (max-width:992px) {
	ul.submenu {
		margin: 120px 0 0 0;
		padding: 0;
	}
}

@media screen and (min-width:480px) and (max-width:768px) {
	ul.submenu {
		margin: 0 20px 30px 20px;
		padding: 0;
	}

		ul.submenu li a {
			width: 100%;
		}
}

@media screen and (max-width:480px) {
	ul.submenu {
		margin: 0 20px 30px 20px;
		padding: 0;
	}

		ul.submenu li a {
			width: 100%;
		}
}

/*---- page menu ---*/
.mainContent {
	overflow: auto;
	padding: 0 10px;
	margin: 0;
	/*background:url(../images/body-surgery.png) bottom right no-repeat;*/
	background-size: 25%;
}

ul.secmenu {
	margin: 0;
	padding: 0;
}

	ul.secmenu li {
		padding: 0;
		margin: 0;
		list-style: none;
	}

		ul.secmenu li img {
			width: 10%;
			display: block;
			margin: 0.5% auto;
		}

		ul.secmenu li a {
			float: left;
			display: block;
			width: 19%;
			font-size: 16px;
			line-height: 1.3em;
			text-indent: 5px;
			margin: 1% 0.5%;
			padding: 5px;
			text-align: center;
			border-radius: 2px;
			border: 1px solid #a7a7a7;
			color: #444444;
			background-color: rgba(255,255,255, .5);
		}

			ul.secmenu li a:hover {
				text-decoration: none;
				color: #1d2088;
				border: 1px solid #1d2088;
				background-color: #f7ee13;
			}

			ul.secmenu li a.active {
				background-color: #1d2088;
				color: #FFF;
				box-shadow: 0 1px 15px rgba(0,0,0, .1);
				border: 1px solid #007fba;
			}

@media screen and (max-width:768px) {
	ul.secmenu li a {
		width: 32.3%;
		margin: 1% 0.5% 0 0.5%;
		text-align: left;
	}

	ul.secmenu li img {
		width: 10%;
		float: left;
		margin: 0 auto;
	}
}

@media screen and (max-width:480px) {
	ul.secmenu li a {
		width: 49%;
		margin: 1% 0.5% 0 0.5%;
		text-align: center;
	}

	ul.secmenu li img {
		display: none;
	}
}

h3.mainTitle {
	color: #005895;
	margin: 0;
	padding: 14px 10px 10px 10px;
	letter-spacing: 4px;
	text-shadow: 0 1px 8px rgba(0,0,0, .1);
	float: left;
}

	h3.mainTitle img {
		width: 36px;
		padding-right: 5px;
	}

.tablezone {
	background-color: #FFFFFF;
	border-radius: 4px;
	padding: 10px;
	margin: 0 5px 10px 5px;
	box-shadow: 0 2px 8px rgba(0,0,0, .1);
}

.tableSet {
	font-size: 16px;
}

	.tableSet a {
		color: #006b9d;
		text-decoration: underline;
	}

		.tableSet a:hover {
			color: #00a0ea;
			text-decoration: none;
		}

	.tableSet th {
		background-color: #008ccc;
		color: #FFF;
		text-align: center;
		border-left: 1px solid #FFF;
	}

	.tableSet tr:hover {
		background-color: #ebf3f7 !important;
	}

	.tableSet tr:nth-child(even) {
		background-color: #f3f8fa;
	}

.search-form {
	float: right;
	margin: 5px 5px 0 0;
}

	.search-form label {
		color: #336666;
	}

.form-group {
	margin-left: 5px;
}

@media screen and (max-width:768px) {
	h3.mainTitle {
		float: none;
	}

	.search-form {
		float: none;
	}
}

h4.search-title {
	background-image: linear-gradient(to top, rgba(255,255,255, .4), rgba(255,255,255,.8));
	border-radius: 4px;
	margin: 0 8px;
	padding: 5px;
	font-weight: normal;
	color: #b06c00;
}

.tablezoneB {
	background-image: linear-gradient(to top, rgba(255,255,255, .4), rgba(255,255,255,.8));
	border-radius: 8px;
	padding: 10px;
	margin: 0 5px 10px 5px;
	box-shadow: 0 2px 8px rgba(0,0,0, .2);
}

.table-result {
	font-size: 16px;
}

	.table-result a {
		color: #006935;
		text-decoration: underline;
	}

		.table-result a:hover {
			color: #ff6600;
			text-decoration: none;
		}

	.table-result th {
		background-image: linear-gradient(to top, rgba(109,147,8, 1), rgba(104,184,46, 1));
		color: #FFF;
		text-align: center;
		border-left: 1px solid #e0f1d5;
	}

	.table-result tr:hover {
		background-color: rgba(230,243,239,.5);
	}

	.table-result tr:nth-child(even) {
		background-color: rgba(230,243,239,.5);
	}

ul.subjectList {
	padding: 0;
	margin: 5px 5px 10px 5px;
}

	ul.subjectList li {
		padding: 0;
		margin: 0;
		list-style: none;
	}

		ul.subjectList li a {
			width: 32.3%;
			margin: 0.5%;
			display: block;
			float: left;
			font-size: 18px;
			padding: 10px 0;
			text-align: center;
			background-image: linear-gradient(to top, rgba(224,241,213, 1), rgba(255,255,255,.7));
			border-radius: 30px;
			border: #cee1c1 1px solid;
		}

			ul.subjectList li a:hover {
				color: #ff6c00;
				background-image: linear-gradient(to bottom, rgba(177,213,155, 1), rgba(255,255,255,1));
				text-decoration: none;
			}

h4.subjectTitle {
	margin: 0 0 5px 0;
	color: #ff6c00;
	font-size: 16px;
	padding: 10px 20px;
	display: inline-block;
	float: left;
	background-image: linear-gradient(to top, rgba(224,241,213, 1), rgba(255,255,255,.7));
	border-radius: 30px;
	border: #cee1c1 1px solid;
}

a.btn-back {
	float: right;
	background-image: linear-gradient(to top, rgba(224,241,213, 1), rgba(255,255,255,.7));
	border-radius: 30px;
	border: #cee1c1 1px solid;
	margin: 5px 5px 5px 0;
	padding: 5px 15px;
}

	a.btn-back:hover {
		color: #FFF;
		text-decoration: none;
		background-image: linear-gradient(to top, rgba(255,180,0, 1), rgba(227,107,0, 1));
	}

.modal-body {
	background-image: linear-gradient(to top, rgba(10,100,175, 1), rgba(75,160,195, 1));
	border-radius: 4px;
}

	.modal-body p {
		border: 2px solid #ffe681;
		background-color: #FFF;
		border-radius: 6px;
		padding: 25px 5px;
		margin-top: 25px;
		margin-bottom: 10px;
		color: #003f6b;
		font-size: 1.5em;
		text-align: center;
	}

.modal-content {
	z-index: 1050 !important;
}