﻿@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/AnnualPaper/2019/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:20%, 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:20%, 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));
	
}