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


.div_class{
  /*width: 90%;*/
  cursor: pointer;
  padding: 5px;
}
.div_class:hover{
  background-color: #000;
  color: #FFF;
}

/* Menu Styles */

.menu1{
	background-image:url(img/button/general/button1_1.png);
	display:inline-block;
	vertical-align:middle;   
	height:250px;
	width:250px;
}
.menu1:hover{
	background-image:url(img/button/general/button1_2.png);
	display:inline-block;
}
.aboutustext{
	font-family: Arial, "Arial", "KaiTi", "楷体", STKaiti, "华文楷体", serif;
	font-size:18px;
}

.third-level-menu
{
    position: absolute;
    top: 0;
    right: -250px;
    width: 250px;
    list-style: none;
    padding: 0;
    margin: 0;
    display: none;
	background-color:#262262;
}

.third-level-menu > li
{
    height: 30px;
    background: #262262;
   
}
.third-level-menu > li:hover { 
	background: #CCCCCC; 
}

.second-level-menu
{
    position: absolute;
    top: 30px;
    left: 0;
    width: 150px;
    list-style: none;
    padding: 0;
    margin: 0;
    display: none;
	z-index:2;
}

.second-level-menu > li
{
    position: relative;
    height: 30px;
    background: #262262;
}
.second-level-menu > li:hover { background: #CCCCCC; }

.top-level-menu
{
    list-style: none;
    padding: 0;
    margin: 0;
	
	-webkit-transition-duration: 1s; /* Safari */
    -webkit-transition-delay: 0s; /* Safari */
    transition-duration: 1s;
    transition-delay: 0s;
	transition: all 0.5s ease 0s;
}

.top-level-menu > li
{
    position: relative;
    float: left;
    height: 30px;
    width: 130px;
    background: #262262;
	
	-webkit-transition-duration: 1s; /* Safari */
    -webkit-transition-delay: 0s; /* Safari */
    transition-duration: 1s;
    transition-delay: 0s;
	transition: all 0.5s ease 0s;
}
.top-level-menu > li:hover { background: #CCCCCC; }

.top-level-menu li:hover > ul
{
    /* On hover, display the next level's menu */
	display: inline;
	-webkit-transition-duration: 1s; /* Safari */
    -webkit-transition-delay: 0s; /* Safari */
    transition-duration: 1s;
    transition-delay: 0s;
	transition: all 0.5s ease 0s;
}


/* Menu Link Styles */
.top-level-menu a /* Apply to all links inside the multi-level menu */
{
    /*font: bold 14px Arial, Helvetica, sans-serif;*/
	font-family:Arial, "Arial", "KaiTi", "楷体", STKaiti, "华文楷体", serif;
    color: #FFFFFF;
    text-decoration: none;
    padding: 0 0 0 0px;
	
    -webkit-transition-duration: 1s; /* Safari */
    -webkit-transition-delay: 0s; /* Safari */
    transition-duration: 1s;
    transition-delay: 0s;
	transition: all 0.5s ease 0s;
    /* Make the link cover the entire list item-container */
    display: block;
    line-height: 30px;
}
.top-level-menu a:hover { color: #000000; }
/* Hold on click menu */
.onclick-menu {
    position: relative;
    display: inline-block;
}
.onclick-menu:before {
    content: "click me!";
}
.onclick-menu:focus .onclick-menu-content {
    display: block;
}
.onclick-menu-content {
    position: absolute;
    z-index: 1;
    display: none;
}
/**   Body */
body {
	background: #FFFFFF;
	
	font-weight: 400;
	font-size: 1em;
	font-family: Arial, "Arial", "KaiTi", "楷体", STKaiti, "华文楷体", serif;
}
a {
	outline: none;	
	color: #FFFFFF;
	boder:0px;
	text-decoration: none;
}
p.p1{
	 margin-left:100px; 
	 margin-right:50px;
	 
 }
 
 div.div1{
	 
	 color:#000088; font-size:25px; margin-left:100px; margin-right:100px;
	 
 }
 div.header{
	 border-bottom:2px; 
	 border-bottom-style:solid; 
	 border-bottom-color:#FFFF00;
	 color:#000088; font-size:30px;
	 margin-left:100px;
	 margin-right:100px;
	 }
div.div2{
	margin-left:100px;
	margin-right:100px;
}

div.header2{
	border-bottom:2px; 
	border-bottom-style:solid; 
	border-bottom-color:#FFFF00; 
	color:#000088; 
	font-size:30px;
}
li.menu{
	border-bottom-style:solid; 
	border-bottom-color:#DDDDDD; 
	border-bottom-width:1px;
	text-decoration: none;
}

td.table{
	background-color:#D8D8D8;
}

div.headerPosition
{
	position:relative; left:0; top:0; width:100%; padding:0; background-color:#262262; z-index:10;
}




/*  shadow      */	

.box h3{
	text-align:center;
	position:relative;
	top:80px;
}
.box {
	
	background:#FFF;
	margin:40px auto;
}

.effect8
{
  	position:relative;       
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.0), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.0), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.0), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect8:before, .effect8:after
{
	content:"";
    position:absolute; 
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.3);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.3);
    box-shadow:0 0 20px rgba(0,0,0,0.3);
    top:10px;
    bottom:10px;
    left:0;
    right:0;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
} 
.effect8:after
{
	right:10px; 
	left:auto;
	-webkit-transform:skew(8deg) rotate(3deg); 
	-moz-transform:skew(8deg) rotate(3deg);     
	-ms-transform:skew(8deg) rotate(3deg);     
	-o-transform:skew(8deg) rotate(3deg); 
	transform:skew(8deg) rotate(3deg);
}  
/*  end shadow */




body {
margin:0;
}

ul.small {
	display:none;
}

td.small {
	display: none;
}

div.sview {
	display: none;
}

center.sviewpro {
	display:none;
}

tr.sview2tpro {
	display: none;
}

ul.topnav td.icon {
display: none;
}

ul.topnav li.logo {
display: none;
}	
	
table.sviewpro {
	display:none;
}
	
table.smallview {
display:none;
}

@media screen and (max-width:680px) 
{
	
ul.topnav ul.top-level-menu li.submenu 
{

display: none;

}
		
ul.small {
	display:block !important;
}

		
td.small{
	display:block !important;
}	

td.large{
	display:none;
}	
	
div.sview {
	display:block !important;
}	

div.lview{
	display:none;
}
	
table.table2.tablesize{
	/*font-size:10px;*/
}
	
tr.lview2tpro {
	display: none;
}

center.sviewpro{
	display:block !important;
}

center.lviewpro{
	display:none;
}

tr.sview2tpro {
	display:block !important;
}

div.foot {
		position:absolute;
		bottom:-1px;
		text-align:center;
		
		width:99%;
		color:#222222;
		height:auto;
}	
		
	
ul.topnav  ul.second-level-menu   
{
	
display:none;

}

ul.topnav  ul.third-level-menu 
{
	
display:none;

}

table.largeview {

display:none;

}

table.lviewpro {
	
display:none;

}

table.smallview {

display:block !important;

} 

table.sviewpro {
	
display:block !important;

}

td.flag {

display:none;

}  

ul.topnav li:not(:first-child) 
{

display: none;

}

/*ul.topnav li
{

display: none;

}*/

 ul.topnav td.icon {

float: right;
display: inline-block;
position: absolute;

}

 ul.topnav li.logo {
display: inline-block;
}

}

@media screen and (max-width:680px) {	
	
  ul.topnav.responsive {position: relative;}
  ul.topnav.responsive li.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  ul.topnav.responsive li {
    float: none;
    display: inline;
  }
  ul.topnav.responsive li a {
    display: block;
    text-align: left;
  }

  }

h2{ 
   color: white;
   text-shadow: 1px 1px 2px black, 0 0 25px black, 0 0 5px black;
}

ul.topnav2 {display:none;}

ul.topnav2 {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333;
}

ul.topnav2 li {float: left;}

ul.topnav2 li a {
  display: inline-block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  transition: 0.3s;
  font-size: 17px;
}

ul.topnav2 li a:hover {background-color: #555;}

ul.topnav2 li.icon2 {display: none;}

@media screen and (max-width:680px) {
  ul.topnav2 {display:block !important;}	
  ul.topnav2 li:not(:first-child) {display: none;}
  ul.topnav2 li.icon2 {
    float: right;
    display: inline-block;
  }
}

@media screen and (max-width:680px) {
  ul.topnav2.responsive {position: relative;}
  ul.topnav2.responsive li.icon2 {
    position: absolute;
    right: 0;
    top: 0;
  }
  ul.topnav2.responsive li {
    float: none;
    display: inline;
  }
  ul.topnav2.responsive li a {
    display: block;
    text-align: left;
  }
}


ul.topnav2 {display:none;}

ul.topnav2 {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333;
}

ul.topnav2 li {float: left;}

ul.topnav2 li a {
  display: inline-block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  transition: 0.3s;
  font-size: 17px;
}





ul.topnav3 {display:none;}

ul.topnav3 {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color:#262262;
}

ul.topnav3 li {float: left;}

ul.topnav3 li a {
  display: inline-block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  transition: 0.3s;
  font-size: 17px;
}

ul.topnav3 li a:hover {background-color: #332f76;}

ul.topnav3 li.icon3 {display: none;}

@media screen and (max-width:680px) {
  ul.topnav3 {display:block !important;}	
  ul.topnav3 li:not(:first-child) {display: none;}
  ul.topnav3 li.icon3 {
    float: right;
    display: inline-block;
  }
}

@media screen and (max-width:680px) {
  ul.topnav3.responsive {position: relative;}
  ul.topnav3.responsive li.icon3 {
    position: absolute;
    right: 0;
    top: 0;
  }
  ul.topnav3.responsive li {
    float: none;
    display: inline;
  }
  ul.topnav3.responsive li a {
    display: block;
    text-align: left;
  }
}


ul.topnav3 {display:none;}

ul.topnav3 {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #262262;;
}

ul.topnav3 li {float: left;}

ul.topnav3 li a {
  display: inline-block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  transition: 0.3s;
  font-size: 17px;
}



div.headerposition
{
	position:relative; left:0; top:0; width:100%; padding:0; background-color:#262262;
	
}

div.header{
	position:absolute; 
	width:1065px; 
	left:0; 
	top:0px;
}

div.title{
	
	border-bottom:2px; border-bottom-style:solid; border-bottom-color:#FFFF00; color:#000088; font-size:20px;
}
div.header1{
	border-bottom:2px; border-bottom-style:solid; border-bottom-color:#FFFF00; color:#000088; font-size:25px;
}

div.description{
	font-size:20px; padding-top:0px;
}
td.description2{
	font-size:20px;padding-top:0px; padding-left:0px;
}
a.decoration{text-decoration:none; color:#000000;}
div.pageheader{
	border-bottom:2px; border-bottom-style:solid; border-bottom-color:#FFFF00; color:#000088; font-size:30px;
}
div.pageheader2{
	border-bottom:2px; border-bottom-style:solid; border-bottom-color:#FFFF00; color:#000088; font-size:20px;
}
div.description3
{
	font-size:20px; 
	margin-top:10px;
}

div.newstitle
{
	font-size:25px; margin-bottom:10px;
}
td.linebelow{border-bottom-style:solid; border-bottom-color:#262161;}
td.table{background-color:#D8D8D8;}

div.header01{
	border-bottom:2px; border-bottom-style:solid; border-bottom-color:#FFFF00; color:#000088; font-size:30px;
}

div.header02{
	color:#000088; font-size:25px;
}
a.text1{
	text-decoration:none; 
	color:#000000;
}