<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@font-face {
  font-family: 'Cuprum';
  font-style: normal;
  font-weight: 700;
  src: local('Cuprum'), local('Cuprum-Regular'), url(./font/sp1_LTSOMWWV0K5VTuZzvQ.woff) format('woff');
}



.mainmenu { color: #ccc; font-size: 16px; font-family: 'Arial', Georgia, "Times New Roman", Times, Serif; background-color: #ffffff; width: 100%; height: 30px; text-shadow: 0 2px 0 #000; /*box-shadow: 0 -2px 2px rgba(0 ,0, 0,0.3);*/ }





.mainmenu ul {margin: 0; padding: 0; }
.mainmenu li i { position: absolute; margin-left: -35px; margin-top: 3px; color: #012;  text-shadow: 0 1px 0 #036;}
.mainmenu li { 
float: left; display: inline-block; padding-left: 15px; cursor: pointer; 
min-width: 16.66%; max-width: 16.66%; /*size width for 5 menu items*/
/*min-width: 16.66666666667%; max-width: 16.66666666667%; *//*size width for 6 menu items*/
}

.mainnav ul{font-size: 16px; font-weight:650; font-family: 'Arial', Georgia, "Times New Roman", Times, Serif; background-color: #; width: 100%; height: 30px; text-shadow: 0px 0px 0px #000; }
.color-visit li span{color: #8e5422;}
.color-about li span{color: #5d347a;}
.color-explore li span{color: #326031;}
.color-news li span{color: #86244a;}
.color-events li span{color: #2e3678;}
.color-contact li span{color: #928223;}
.color-visit li:hover{background-color: #ffffff;}



.mainmenu li:hover {opacity:1; font-weight: 600; font-style: italic; }
.mainmenu li:hover i {color: #036; text-shadow: 0 1px 0 #000;}
.mainmenu li:hover .sub-menu div{opacity:1;}
.mainmenu li main {font-size: 26px; font-weight: 600; margin-top: -22px;color: #E7E6A6; }


.mainmenu li desc { position: relative; float: left; font-size: 11px; color: #888; }

.mainmenu ul&gt;li.active
{
 opacity:1;  font-weight: 600; font-style: italic; 
}

.mainmenu ul&gt;li.active main
{
 color: #FFFFFF; 
}

.mainmenu li main a{
  
  color: #f3c049;
}

.mainmenu li main a.active{
  
  color: #ffffff;
}

.mainmenu li main a:hover{
  
  color: #FFFFFF;
}

.mainmenu li main a:active{
  
  color: #FFFFFF;
}
.mainmenu ul a:active&gt;main,.mainmenu ul a:hover&gt;main{
  
  color: #FFFFFF;
}

.mainmenu li, .mainmenu li i, .mainmenu li main, .mainmenu li desc {
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
    -webkit-transition: all 0.8s ease-in-out;

	}
.mainmenu ul li{

-webkit-box-top-shadow: inset 1px 6px 12px -6px rgba(0 ,0, 0,0.7);
box-shadow: inset 1px 6px 12px -6px rgba(0 ,0, 0,0.7);
	}

.mainmenu li:hover main { margin-left: 10px; 
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;}
.mainmenu li:hover desc { margin-left: 30px; 
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;}
.visit {
	background-color:#c27931;
  background-image: url('menu_pic/visit.png');
  background-size:100% 100%;
}
.about {
	background-color:#5d347a;
  background-image: url('menu_pic/about.png');
  background-size:100% 100%;
}
.explore {
	background-color:#326031;
  background-image: url('menu_pic/explore.png');
  background-size:100% 100%;
}
.news {
	background-color:#86244a;
  background-image: url('menu_pic/news.png');
  background-size:100% 100%;
}
.events {
	background-color:#2e3678;
  background-image: url('menu_pic/support.png');
  background-size:100% 100%;
}
.contact {
	background-color:#928223;
  /*background-image: url('menu_pic/contact.png');*/
  background-size:100% 100%;
  postion:relative;
}
.contact a {position:relative; }
.contact .bg-image {position:absolute; right:-5px; top:0px; height:100%;}


/*------- sub menu----------*/
.mainmenu li.parent{position:relative;}
.sub-menu { visibility:hidden; position:absolute; top:36px; left:0px; z-index:9999999; width:100%;}
.sub-menu div{display:block;width: 100%;/*min-height: 35px;*/}
.sub-menu div a{ 
    display:block;
	padding:4px; padding-left:10px;
	color: #fff;
	/*background-color:#FFA54F;*/
	width:100%;
	font-size: 18px;
	font-weight: Normal;
	font-family: 'Arial', Georgia, "Times New Roman", Times, Serif;
	transition:none;
	font-style:Normal;
	text-shadow:none;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity:15;
	-khtml-opacity: 1;
    opacity: 1;
	line-height:1;
}
li.visit .sub-menu {background-color:#c99d71; }
li.about .sub-menu {background-color:#beaeca; }
li.explore .sub-menu{background-color:#b7b46e; }
li.events .sub-menu {background-color:#467dc0; }
li.contact .sub-menu {background-color:#b1a562; }
li.news .sub-menu {background-color:#f2c1d4; }

li.visit .sub-menu div a {color:#8e5422; }
li.about .sub-menu div a {color:#5d347a; }
li.explore .sub-menu div a {color:#326031; }
li.events .sub-menu div a {color:#2e3678; }
li.contact .sub-menu div a {color:#928223; }
li.news .sub-menu div a {color:#952851; }

li.visit .sub-menu div a:hover {color:#ffffff; }
li.about .sub-menu div a:hover {color:#ffffff; }
li.explore .sub-menu div a:hover {color:#ffffff; }
li.events .sub-menu div a:hover {color:#ffffff; }
li.contact .sub-menu div a:hover {color:#ffffff; }
li.news .sub-menu div a:hover {color:#ffffff; }

li.visit .sub-menu div a:hover{background-color:#c27931;-webkit-box-shadow:inset 0px 0px 0px 0px rgba(0,0,0,0);
-moz-box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0);
box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,); }
li.about .sub-menu div a:hover{background-color:#743564;-webkit-box-shadow:inset 0px 0px 0px 0px rgba(0,0,0,0);
-moz-box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0);
box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,); }
li.explore .sub-menu div a:hover{background-color:#808f39;-webkit-box-shadow:inset 0px 0px 0px 0px rgba(0,0,0,0);
-moz-box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0);
box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,); }
li.events .sub-menu div a:hover{background-color:#2e3678;-webkit-box-shadow:inset 0px 0px 0px 0px rgba(0,0,0,0);
-moz-box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0);
box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,);}
li.contact .sub-menu div a:hover{background-color:#928223; -webkit-box-shadow:inset 0px 0px 0px 0px rgba(0,0,0,0);
-moz-box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0);
box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,);}
li.news .sub-menu div a:hover{background-color:#86244a;-webkit-box-shadow:inset 0px 0px 0px 0px rgba(0,0,0,0);
-moz-box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,0);
box-shadow: inset 0px 0px 0px 0px rgba(0,0,0,); }

.sub-menu div a:hover{ 
	color:#ffffff;
	/*background:#FF7F24;*/
	font-size: 18px;
	font-family: 'Arial', Georgia, "Times New Roman", Times, Serif;
	-webkit-box-shadow:inset 0px 0px 3px 1px rgba(0,0,0,0.3);
-moz-box-shadow: inset 0px 0px 4px 2px rgba(0,0,0,0.3);
box-shadow: inset 0px 0px 4px 2px rgba(0,0,0,0.3);
}
.mainmenu li.parent:hover .sub-menu { 
  visibility:visible;
}

@media(max-width:992px) {
	li.visit .sub-menu div a {font-size:12px;font-weight:800; }
	li.about .sub-menu div a {font-size:12px; font-weight:800; }
	li.explore .sub-menu div a {font-size:12px; font-weight:800; }
	li.events .sub-menu div a {font-size:12px;font-weight:800;  }
	li.contact .sub-menu div a {font-size:12px;font-weight:800;  }
	li.news .sub-menu div a {font-size:12px; font-weight:800; }
}
@media(max-width:767px) {
	.sub-menu { top:30px;}
}</pre></body></html>