body.etc		{	
                        /* background:url(img/nitorchbk.png) repeat; */ 
                        /* background-color:#FFFFFF; */
                        font-family: "Microsoft JhengHei",sans-serif;
                        /* opacity:0.75; */
			font-size: 15px;	}
body.top		{	
                        /* background: url(img/waterback.png) ; */
			background-repeat: no-repeat;
			background-attachment: fixed;
			background-position: center top;
			background-size:100% auto;
			background-image: linear-gradient(#26D0CE, #1A2980);
                        /* background-color:#FFFFFF; */
                        font-family: "Microsoft JhengHei",sans-serif;
			font-size: 15px;
			margin: 0;  
    			/* padding: 100px 0 50px 0; */
			-webkit-text-size-adjust: 100%;  	}
body.database	{	color:     #262626;
                        font-family: "Microsoft JhengHei",sans-serif;	}



table.tableback	{ 	/* padding: 10px; */
                        /* background-color:#FFFFFF; */
                        background-position: left;
		        border-style : solid;
			border-width : 0px;
			border-color:   #BBBBBB;	}

table.tableback2	{ 	/* padding: 10px; */
                        /* background-color:#FFFFFF; */
                        background-position: left;
		        border-style : solid;
			border-width : 0px;  }

table.menu	{	padding: 10px;
                        background: url(img/na03.png) repeat; 
		        /* background-color:#FFFFFF; */
		        border-style:solid;  
			border-width: 0px;
			border-color:   #FFFFAA; 	}
table.menu2	{	padding: 1px;
			background-color:#FFFFFF;
			border-style:double;
			border-width: 3px;
			border-color:   #191970;}

table.header {
	position: fixed !important;
	position: absolute;
	top:0px;
	left: 0;
	right: 0;
	width: 100%;
}

table.header2 {
	position: fixed;
	top:75px;
}

div#floating-menu {
    position: fixed;
    top: 200px;
    left: 100px;
   /* right: 0px;*/
    background-color: #FFFFFF;
    z-index: 9999;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #EEEEEE; 
    border-radius: 5px; 

}
/* ========MENU CUSTOMIZE======== */

table.menu ul {
    margin:0;   padding:0;
}


table.menu li {
   float:left;
  color:#FFFFFF;
   text-align:left;
   list-style-type:none;
}


table.menu li a {
   display:block;
   width:15px;
   padding:4px 0;
   color:#191970;
   background-color:#FFFFFF;
}


table.menu li a.active {
   display:block;
   width:15px;
   padding:4px 0;
   color:#191970;
   background-color:#FFFFFF;
}


table.menu li a:hover {
   color:#ddd;
   background-color:#FFFFFF;
}



/* 回り込み解除 */

table.menu ul:after {
   content:"";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
}



table.tablecolor	{	
                        /* background-color:#FFFFFF; */ 
                        /* background: url(img/na03.png) repeat; */ 
			border-style : solid;
			border-width : 0px;}
table.tablecolor2	{	 
			border-style : solid;
			border-width : 1px;
			border-color : #CCCCCC;		}

a		{	text-decoration:none;	}


font.title		{	font-size: 20px;	}
font.title2		{	font-size: 20px;	}

font.title3{font-size:4px;}

font.moji{font-size:15px;}

font.copy		{	font-size: 12px;	}
font.renew		{	font-size: 12px;	}
td		{	font-size: 15px;	}
td.c		{	text-align:center;	}
td.topright		{	text-align:right;
			vertical-align:top;	}
td.topleft		{	text-align:left;
			vertical-align:top;}
td.topcenter	{	text-align:center;
			vertical-align:top;}

h4 {
  color:#FFFFFF;
  position: relative;
  font-size: 17px;
  line-height: 1;
  margin:5px -5px 5px -5px;
  padding: 5px 5px 5px 5px;
  
}
h4:after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 20;
  height: 0;
  width: 90%;
  border-bottom: 1px dashed #FFFFFF;
}

h5 {
	overflow: hidden;
	text-align: center;
}
h5 span {
	position: relative;
	display: inline-block;
	margin: 0 2.5em;
	padding: 0 1em;
	text-align: left;
}
h5 span::before,
h5 span::after {
	position: absolute;
	top: 50%;
	content: '';
	width: 400%;
	height: 1px;
	background-color: #FFFFFF;
}
h5 span::before {
	right: 100%;
}
h5 span::after {
	left: 100%;
}

h6 {
	position: relative;
	padding: .5em .75em;
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
	border-radius: 6px;
}
h6::before,
h6::after {
	position: absolute;
	top: 100%;
	left: 30px;
	content: '';
	height: 0;
	width: 0;
	border: 10px solid transparent;
}
h6::before {
	border-top: 15px solid #FFFFFF;
}
h6::after {
	margin-top: -2px;
	border-top: 15px solid #FFFFFF;
}

.marker_water {
background: linear-gradient(transparent 60%, #66ccff 60%);
}

.button {
	display: block;
	padding: 1em 3.2em;
	border-radius: 1.6em;
	color: #fff;
	font-size: 18px;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
	background: linear-gradient(-45deg, rgba(87, 225, 181, 1) 0%, rgba(0, 63, 255, 1) 100%);
	box-shadow: 0 5px 20px rgba(0, 63, 255, .5);
}

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
* {
  position: relative;
}
article {
  background: inherit;
  border-radius: 6px;
  -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
  /* overflow: hidden; */
}
article:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: inherit;
  -webkit-filter: blur(10px) saturate(2);
}
article .title {
  padding: 4px;
  background: rgba(225, 225, 225, 0.5);
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  text-align: center;
}
article .content {
  padding: 10px;
  background: rgba(255, 255, 255, 0.5);
}

.breadcrumb{
  background-color: transparent;
}

.table{
  color:#FFFFFF;
}

.panel{
 background-color: transparent;
}

.col{
 margin : 5px ;
}

.well{
   height: 1200px;
}

.btn{
 background-color: transparent;
 width:80%;
 margin : 5px ;
}

a:link		{	color:  #0B0B61;	}
a:visited		{	color:  #000000;	}
a:active		{	color:  #000000;	}
a:hover		{   text-decoration:underline; 	color:  #000000;	}

.scroll {
overflow-x:hidden;
overflow-y:scroll;
height: 200px;
-webkit-overflow-scrolling: touch;
}