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

body {
	padding:0;
	margin:0;
	background-color:#fef6eb !important;
	color:#333333;
	line-height:1.5em;
}
@charset "UTF-8";
/* CSS Document */

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

.mainbg {
}

.header {
	background-image: url(../images/header-bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 100%;
	min-height: 116px;
}

.logo {
	margin: 10px 0;
	padding-top: 10px;
}

.header-link {
	text-align: right;
	padding: 4px 0 0 0;
}

	.header-link 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-link span {
		display: none;
	}

	.header {
		background-size: auto;
		background-position: center right;
		min-height: 80px;
		border-bottom: 5px solid #e85311;
	}
}

.main {
	overflow: auto;
	padding: 30px 50px;
	/*background:url(../images/body-surgery.png) bottom right no-repeat;
	background-size:30%;*/
}

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

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

		ul.submenu li img {
			width: 30%;
			display: block;
			margin: 5px auto;
		}

		ul.submenu li a {
			float: left;
			display: block;
			width: 32%;
			font-size: 20px;
			letter-spacing: 1.4px;
			margin: 10px 0.6%;
			padding: 10px 10px;
			text-align: center;
			border-radius: 8px;
			border: 1px solid #82a9bb;
			background-color: rgba(255,255,255, .5);
		}

			ul.submenu li a:hover {
				text-decoration: none;
				color: #0055a2;
				background-color: rgba(255,255,255, 1);
			}

@media screen and (max-width:768px) {
	ul.submenu li a {
		width: 49%;
		margin: 10px 0.5%;
	}
}

@media screen and (max-width:480px) {
	ul.submenu li a {
		width: 98%;
		margin: 1%;
		text-align: left;
		text-indent: 15px;
		line-height: 3.5em;
	}

	ul.submenu li img {
		width: 20%;
		float: left;
		margin: 5px auto;
	}
}

@media screen and (max-width:320px) {
	ul.submenu li a {
		line-height: 2.5em;
		font-size: 18px;
	}

	ul.submenu li img {
		width: 15%;
		float: left;
		margin: 5px auto;
	}
}
/*---- 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 #4098bf;
			color: #444444;
			background-color: rgba(255,255,255, .5);
		}

			ul.secmenu li a:hover {
				text-decoration: none;
				color: #004b8f;
				background-color: rgba(255,255,255, 1);
			}

			ul.secmenu li a.active {
				background-image: linear-gradient(to top, rgba(10,100,175, 1), rgba(75,160,195, 1));
				color: #FFF;
				box-shadow: 0 1px 8px rgba(0,0,0, .1);
			}

@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: #651759;
	margin: 0;
	padding: 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: #140069;
		text-decoration: underline;
	}

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

	.tableSet th {
		background-image: linear-gradient(to top, rgba(50,160,200, 1), rgba(18,177,136, 1));
		color: #FFF;
		text-align: center;
		border-left: 1px solid #e0f1d5;
	}

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

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

.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;
	}
.mainbg {
}
.header {
	background-image:url(/images/AnnualPaper/2020/header-bg.jpg) ;
	background-position:top left;
	background-repeat:no-repeat;
	
	background-size:100% ;
}
.logo {
	margin:10px 0;
}
.header-link {
	text-align:right;
	padding:4px 0 0 0;
}
.header-link 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%, auto ;
}
.header-link a {
	color:#fcc6c6;
}
.header-link a:hover {
	color:#FFF;
}
}
@media screen and (max-width:770px) { 
.header-link span {
display:none;
}
.header {
background-size:100%, auto ;
}
}
.main {
	overflow:auto;
	padding:50px;
	/*background:url(../images/body-surgery.png) bottom right no-repeat;*/
	background-size:30%;
}
ul.submenu {
	margin: 0;
	padding:0;
}
ul.submenu li {
	padding:0;
	margin:0;
	list-style:none;
}
ul.submenu li img {
	width:30%;
	display:block;
	margin:5px auto;
}
ul.submenu li a {
	float:left;
	display:block;
	width:32%;
	font-size:20px;
	letter-spacing:1.4px;
	margin:10px 0.6%;
	padding:10px 10px;
	text-align:center;
	border-radius:8px;
	border:1px solid #82a9bb;
	background-color:rgba(255,255,255, .5);
}
ul.submenu li a:hover {
	text-decoration:none;
	color:#0055a2;
	background-color:rgba(255,255,255, 1);
}
@media screen and (max-width:768px) { 
ul.submenu li a {
	width:49%;
	margin:10px 0.5%;
}
}
@media screen and (max-width:480px) {
ul.submenu li a {
	width:98%;
	margin:1%;
	text-align:left;
	text-indent:15px;
	line-height:3.5em;
	
}
ul.submenu li img {
	width:20%;
	float:left;
	margin:5px auto;
}
}
@media screen and (max-width:320px) {
ul.submenu li a {
	line-height:2.5em;
	font-size:18px;
	}
ul.submenu li img {
	width:15%;
	float:left;
	margin:5px auto;
}
}
/*---- 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 #4098bf;
	color:#444444;
	background-color:rgba(255,255,255, .5);
}
ul.secmenu li a:hover {
	text-decoration:none;
	color:#004b8f;
	background-color:rgba(255,255,255, 1);
}
ul.secmenu li a.active {
	background-image: linear-gradient(to top, rgba(10,100,175, 1),  rgba(75,160,195, 1));
	color:#FFF;
	box-shadow:0 1px 8px rgba(0,0,0, .1);
}
@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:#651759;
	margin:0;
	padding: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:#140069;
	text-decoration:underline;
}
.tableSet a:hover {
	color:#006799;
	text-decoration:none;
}
.tableSet th {
background-image: linear-gradient(to top, rgba(50,160,200, 1),  rgba(18,177,136, 1));
color:#FFF;
text-align:center;
border-left:1px solid #e0f1d5;
}
.tableSet tr:hover {
	background-color:#eafef6 !important;
}
.tableSet tr:nth-child(even) {
	background-color:#f8fdfa;
}
.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-backdrop
{
	z-index: 0 !important;
}
.logo {
	margin: 10px 0;
	padding-top: 0px;
	text-align: center;
}

	.logo img {
		margin: 0 auto;
		text-align: center;
	}

.header-link {
	text-align: right;
	padding: 4px 0 0 0;
	float: right;
}
.modal-open {
	overflow: hidden;
}

	.modal-open .modal {
		overflow-x: hidden;
		overflow-y: auto;
	}

.modal {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1050;
	display: none;
	width: 100%;
	height: 100%;
	overflow: hidden;
	outline: 0;
}

.modal-dialog {
	position: relative;
	width: auto;
	margin: 0.5rem;
	pointer-events: none;
}

.modal.fade .modal-dialog {
	transition: -webkit-transform 0.3s ease-out;
	transition: transform 0.3s ease-out;
	transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
	-webkit-transform: translate(0, -50px);
	transform: translate(0, -50px);
}

@media (prefers-reduced-motion: reduce) {
	.modal.fade .modal-dialog {
		transition: none;
	}
}

.modal.show .modal-dialog {
	-webkit-transform: none;
	transform: none;
}

.modal.modal-static .modal-dialog {
	-webkit-transform: scale(1.02);
	transform: scale(1.02);
}

.modal-dialog-scrollable {
	display: -ms-flexbox;
	display: flex;
	max-height: calc(100% - 1rem);
}

	.modal-dialog-scrollable .modal-content {
		max-height: calc(100vh - 1rem);
		overflow: hidden;
	}

	.modal-dialog-scrollable .modal-header,
	.modal-dialog-scrollable .modal-footer {
		-ms-flex-negative: 0;
		flex-shrink: 0;
	}

	.modal-dialog-scrollable .modal-body {
		overflow-y: auto;
	}

.modal-dialog-centered {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	min-height: calc(100% - 1rem);
}

	.modal-dialog-centered::before {
		display: block;
		height: calc(100vh - 1rem);
		content: "";
	}

	.modal-dialog-centered.modal-dialog-scrollable {
		-ms-flex-direction: column;
		flex-direction: column;
		-ms-flex-pack: center;
		justify-content: center;
		height: 100%;
	}

		.modal-dialog-centered.modal-dialog-scrollable .modal-content {
			max-height: none;
		}

		.modal-dialog-centered.modal-dialog-scrollable::before {
			content: none;
		}

.modal-content {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 100%;
	pointer-events: auto;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 0.3rem;
	outline: 0;
}

.modal-backdrop {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1040;
	width: 100vw;
	height: 100vh;
	background-color: #000;
}

	.modal-backdrop.fade {
		opacity: 0;
	}

	.modal-backdrop.show {
		opacity: 0.5;
	}

.modal-header {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 1rem 1rem;
	border-bottom: 1px solid #dee2e6;
	border-top-left-radius: calc(0.3rem - 1px);
	border-top-right-radius: calc(0.3rem - 1px);
}

	.modal-header .close {
		padding: 1rem 1rem;
		margin: -1rem -1rem -1rem auto;
	}

.modal-title {
	margin-bottom: 0;
	line-height: 1.5;
}

.modal-body {
	position: relative;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 1rem;
}

.modal-footer {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: end;
	justify-content: flex-end;
	padding: 0.75rem;
	border-top: 1px solid #dee2e6;
	border-bottom-right-radius: calc(0.3rem - 1px);
	border-bottom-left-radius: calc(0.3rem - 1px);
}

	.modal-footer > * {
		margin: 0.25rem;
	}

.modal-scrollbar-measure {
	position: absolute;
	top: -9999px;
	width: 50px;
	height: 50px;
	overflow: scroll;
}

@media (min-width: 576px) {
	.modal-dialog {
		max-width: 500px;
		margin: 1.75rem auto;
	}

	.modal-dialog-scrollable {
		max-height: calc(100% - 3.5rem);
	}

		.modal-dialog-scrollable .modal-content {
			max-height: calc(100vh - 3.5rem);
		}

	.modal-dialog-centered {
		min-height: calc(100% - 3.5rem);
	}

		.modal-dialog-centered::before {
			height: calc(100vh - 3.5rem);
		}

	.modal-sm {
		max-width: 300px;
	}
}

@media (min-width: 992px) {
	.modal-lg,
	.modal-xl {
		max-width: 800px;
	}
}

@media (min-width: 1200px) {
	.modal-xl {
		max-width: 1140px;
	}
}
.review-adm {
	background-color: #68a400;
	display: inline-block;
	border-radius: 4px;
	color: #FFF;
	padding: 2px 8px;
}

.review-fail {
	background-color: #ff5b5b;
	display: inline-block;
	border-radius: 4px;
	color: #FFF;
	padding: 2px 8px;
}

.review-notyet {
	background-color: #9c9c9c;
	display: inline-block;
	border-radius: 4px;
	color: #FFF;
	padding: 2px 8px;
}