body { margin: 0;background-color: rgba(234,244,244,1) ; font-family: source-han-serif-tc,Microsoft JhengHei,PMingLiU, serif;font-weight: 400;font-style: normal;}

/*連結一：#00BFFF；連結二：rgb(12,239,239)*/

h1, h2, h3, h4, h5, h6, embed
{font-weight: 700;}
small
{font-weight: 200;}
ul.sidenav {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 25%;
    background-color: #f1f1f1;
    position: fixed;
    height: 100%;
    overflow: auto;
}
 #postcopyright {
	width: 25%;
}
ul.sidenav li a {
	font-weight: 400;
    display: block;
    color: #000;
    padding: 8px 16px;
    text-decoration: none;
}
 
ul.sidenav li a.active {
	font-weight: 400;
    background-color: rgba(115,230,248,0.792);
    color: white;
}

ul.sidenav li a:hover:not(.active) {
	font-weight: 400;
    background-color: #555;
    color: white;
}

div.ftslnav {
	left:11%;
	bottom:2em;
	transform: translate(-50%, 0);
	display:block;
    position: fixed;
	z-index:2;
    overflow: auto;
	width: 20%;
}
div.content {
    margin-left: 25%;
    padding: 1px 16px;
    //height: 1000px;
}
a.link {
    color:#00BFFF;
	line-height:150%;
}

div.menu1 {
	position:fixed;
	top:0;left:0;
    display:none;
}

div.menubg {
    display:none;	
}

div.menu2 {
    display:none;
}

@media screen and (max-width: 1099px) {
    ul.sidenav {
        display:none;
        width: 100%;
        top:30px;
        height: auto;
        //height: 8%;
        position: fixed;
        //position: relative;
        z-index:5;
    }
    ul.sidenav li a {
        float: center;
		text-align:center;
        padding: 15px;
    }
    div.content {margin-left: 0; padding:40px;}
    div.ftslnav {
		position:fixed;
		transform: translate(-50%, 0);
		bottom:3em;left:50%;width:100%;
		text-align:center;
		display:none;
		background-color: #f1f1f1;
		z-index:5;
		width: 80%;
	}
    div.menu1 {
		position:fixed;
		top:0;left:0;width:100%;
		display:block;
		padding-top: 5px;
		padding-bottom: 5px;
		text-align:center;
		background-color: #f1f1f1;
		//background-color:#c7e3f2;
		z-index:5;
    }
    
    div.menu2 {
	position:fixed;
	top:0;left:0;width:100%;
        display:none;
	padding-top: 10px;
	text-align:center;
	background-color: #f1f1f1;
        z-index:5;
    }
	div.menubg {
		position:fixed;
		top:0;left:0;width:100%;
		display:none;
		background-color:#f1f1f1;
		height:100%;
		z-index:4;
	}
}

/*@media screen and (max-width: 400px) {
    ul.sidenav li a {
        display: none;
		top:16px;
		width: 100%;
		height: auto;
        text-align: center;
		position: relative;
        float: none;
    }
    
    div.menu1 {
        display:block;
    }
    
    div.menu2 {
        display:none;
    }
}*/