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

body {
	padding:0;
	margin:0;
	background: #48523e;
	color:#333333;
	line-height:1.5em;
	
}

.index-logo img {
	width: 100%;
}
.mainbg {
	background-image:url("/Images/AnnualPaper/2025/index-2025.png") ;
	background-position:top center;
	background-repeat:no-repeat;
	background-size:101%;
	background-color: #48523e;
}
.table-head{
	background-image:url("/Images/AnnualPaper/2025/header-logo.png");
	background-position:top center;
	background-repeat:no-repeat;
	height: 198px;
}
.header {
	/*background-image:url(/Images/AnnualPaper/2025/header-bg.jpg) ;
	background-position:top center;
	background-repeat:no-repeat;
	
	background-size:100% ;*/
	background-color: #48523e;
}
.logo {
	margin:0;
	padding: 0px;
	text-align: right;
}
.logo img {
	width: 100%;
}
.header-link {
	text-align: right;
	margin: -40px 26px 0 0;
}
.header-link a {
	padding: 3px 5px;
	color: #ffffff;
}
.header a {
	color:#FFF;
	text-decoration:underline;
}
.header-link a:hover {
text-decoration:none;
	color:#333333;;
	background-color: #bbdfdf;
	border-radius: 20px;
}
.sup-link {
	width: 90%;
	text-align: left;
	margin-top: 1%;

}
.text-info{
	color: rgba(255,255,255,1) !important;
}
@media screen and (max-width:996px) { 
.header {
	background-size:100% ;
}

}
@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;
}
.nav{
	position: fixed;
	bottom: -520px; 
}
ul.submenu {
	margin: 0 10%;
	padding: 150px 0;
}

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

ul.submenu li img {
	width: 88px;
	height: 88px;
	margin: 10% auto;
	display: block;
 
}
#btn01{
	background-image: url(/Images/AnnualPaper/2025/conference.svg);
}
ul.submenu li a:hover #btn01 ,ul.secmenu li a:hover #btn01 ,ul.secmenu li a.active #btn01{
	background-image: url(/Images/AnnualPaper/2025/conference_hover.svg);
}
#btn02{
	background-image: url(/Images/AnnualPaper/2025/lecture.svg);
}  
ul.submenu li a:hover #btn02 ,ul.secmenu li a:hover #btn02 ,ul.secmenu li a.active #btn02{
	background-image: url(/Images/AnnualPaper/2025/lecture_hover.svg);
}
#btn03{
	background-image: url(/Images/AnnualPaper/2025/target.svg);
}
ul.submenu li a:hover #btn03 ,ul.secmenu li a:hover #btn03 ,ul.secmenu li a.active #btn03{
	background-image: url(/Images/AnnualPaper/2025/target_hover.svg);
}
#btn04{
	background-image: url(/Images/AnnualPaper/2025/contract.svg);
}
ul.submenu li a:hover #btn04 ,ul.secmenu li a:hover #btn04,ul.secmenu li a.active #btn04{
	background-image: url(/Images/AnnualPaper/2025/contract_hover.svg);
}
#btn05{
	background-image: url(/Images/AnnualPaper/2025/report.svg);
}
ul.submenu li a:hover #btn05 ,ul.secmenu li a:hover #btn05 ,ul.secmenu li a.active #btn05{
	background-image: url(/Images/AnnualPaper/2025/report_hover.svg);
}

ul.submenu li a {
	float:left;
	display:block;
	width:19%;
	height: 210px;
	font-size:18px;
	line-height:1.3em;
	text-indent:5px;
	margin:-5% 0.5%;
	padding:5px;
	text-align:center;
	border-radius:0px;
	color:#423a2b;
	font-weight: bold;
	background: #fff064;
    transition: all 0.4s ease-in;
}
ul.submenu li a:hover {
/*	width: 90%;*/
	text-decoration:none;
	background-color: #fff064;
	color:#fff064;
	background: #423a2b;
	 
/*	margin:3px 5px 7px;*/
}
 

@media screen and (min-width:768px) and (max-width:992px) { 
	ul.submenu {
	margin: 120px 0 0 0;
	padding:0;
}
.mainbg {
	background-image:url("/Images/AnnualPaper/2025/index-image-sm.png") ;
	background-position:top center;
	background-repeat:no-repeat;
	background-size:101%;
	background-color: #48523e;
}
.table-head{
	background-image:url("/Images/AnnualPaper/2025/header-logo-sm.png") ;
	background-position:top center;
	background-repeat:no-repeat;
	height: 60px;
}
.nav{
	position: fixed;
	top: 700px; 
}
ul.secmenu li img {
	display:none;
}

}
@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) {
body{
   max-height: 2000px;	
   overflow-y: scroll;
}	
.mainbg {
		background-image:url("/Images/AnnualPaper/2025/index-image-sm.png") ;
		background-position:top center;
		background-repeat:no-repeat;
		background-size:101%;
		background-color: #48523e;
}	
.table-head{
	background-image:url("/Images/AnnualPaper/2025/header-logo-sm.png") ;
	background-position:top center;
	background-repeat:no-repeat;
	height: 60px;
}
.sup-link{
	display: none;
}
.header-link {
    text-align: right;
    margin: -20px 10px 0 0;
	font-size: small;
}
.nav{
	position: fixed;
	top: 300px; 
}
ul.submenu {
	margin: 100px 20px 0 20px;
	padding:0;
}
ul.submenu li {
	text-align: center;
	margin-left: 30px;
}
ul.submenu li a {
	width: 40%;
    height: 120px;
	font-size:14px;
	margin: 10px 10px;

}

ul.submenu li img {
	width: 44px;
	height: 44px;
	margin: 10% auto;
	display: block;
 
}
}

/*---- page menu ---*/
.mainContent {
	overflow:auto;
	padding:0 10px;
	margin:0;
	/*background:url(/Images/AnnualPaper/2025/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:14%;
	height: 42px;
	margin:0.5% 10px;
}
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:10px;
	text-align:center;
	border-radius:0px;
	color:#423a2b;
	font-weight: bold;
	background:  #fff064;
}
ul.secmenu li a:hover {
	text-decoration:none;
	color:#fff064;
	background:  #423a2b;
}
ul.secmenu li a.active {
	background: rgba(34,82,100,1);
	color:#fff064;
	background: #423a2b;
	font-weight: 700;
}
@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;
}
.tablezone .search {
	width: 100% !important;
	margin-bottom: 10px;
}
.tablezone #toolbar {
	width: 100% !important;
	margin: 0px 0 10px -14px;
}
} 
h3.mainTitle {
	margin:0;
	padding:10px 10px 10px 10px;
	letter-spacing:4px;
	text-shadow:0 1px 8px rgba(0,0,0, .1);
	float:left;
	text-transform: uppercase;
	background: linear-gradient(to left, #423a2b 0%, #fff064 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
h3.mainTitle img {
	width:55px;
	padding:8px;
	margin-right: 5px;
	background-color:  #fff064;
	border-radius: 50%;
}
.tablezone {
	background-color:#FFFFFF;
	border-radius:4px;
	padding:10px;
	margin:0 5px 10px 5px;
	box-shadow:0 2px 8px rgba(0,0,0, .1);
}
.tablezone .search{
	width: 50%;
	margin-bottom: 10px;
}
.tableSet {
	font-size:16px;
}
.tableSet a {
	color:#006b9d;
	text-decoration:underline;
}
.tableSet a:hover {
	color:#00a0ea;
	text-decoration:none;
}
.tableSet th {
	background-color: #48523e;
color:#FFF;
text-align:center;
border-left:1px solid #FFF;
}
.tableSet tr:hover {
	background-color:#ebf3f7 !important;
}
.tableSet tr:nth-child(even) {
	background-color:#706f49;
}
.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:#225278;
	text-decoration:underline;
}
.table-result a:hover {
	color:#e72e0e;
	text-decoration:none;
}
.table-result th {
color:#FFF;
text-align:center;
border-left:1px solid rgb(112, 111, 73);
	background-color: #48523e;
}
/*
.table-result th:first-child {
background-image: linear-gradient(to right, rgba(243,230,41, 1),  rgba(231,121,156, 1));
	
}
.table-result th:nth-child(2) {
background-image: linear-gradient(to right,  rgba(231,121,156, 1), rgba(0,176,166, 1));
}
.table-result th:nth-child(3) {
background-image: linear-gradient(to right, rgba(0,176,166, 1),  rgba(243,230,41, 1));
}
.table-result th:nth-child(4) {
background-image: linear-gradient(to right,rgba(243,230,41, 1), rgba(0,176,166, 1));
}
*/
.table-result tr:hover {
	background-color: rgba(112, 111, 73, .5);
}

.table-result tr:nth-child(even) {
	background-color: rgba(112, 111, 73, .1);
}
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;
}
.mt-1 {
	margin-top: 5px;
	margin-right: 20px;
}