@charset "big5";
/* global */
	/* header */
	.head {
		font-family: "verdana";
		background: url("../images/bg.png") no-repeat center fixed;
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		overflow-x: hidden;
	}
	
	/* logo */
	#logo {
		margin: .6em;
		margin-left: 11em;
	}
	
	/* footer */
	.foot { background-color: #000080; }
	
	/* navbar */
	.navbar {
		list-style-type: none;
		margin: 0;
		padding: 0;
		margin-right: 15%;
		margin-left: 15%;
		overflow: hidden;
		background-color: #081973;
	}
	
	.navitem {
		float: left;
	}
	
	.navitem a {
		display: block;
		color: white;
		text-align: center;
		padding: 1em 1em;
		-webkit-transition: background-color .2s;
		transition: background-color .2s;
		text-decoration: none;
	}
	
	.navitem a:hover:not(#active) {
		background-color: #304191;
	}
	
	#active {
		background-color: #304191;
	}
	
	/* page */	
	.pagebg {
		/*removed*/
	}
	
	.pagecontent {
		padding: 10%;
		padding-top: 5%;
		background-color: white;
		max-width: 1000px;
		margin: auto;
	}	
	
	/* text align */
	.tactr { text-align: center; }
	.taleft { text-align: left; }
	.taright { text-align: right; }
	.tavtr { text-align: right; vertical-align: text-top; }

	.taleft-sftrt17 { text-align: left; margin-left:.17in; }
	.taleft-sftrt20 { text-align: left; margin-left:.20in; }
	.taleft-sftrt25 { text-align: left; margin-left:.25in; }
	.taleft-sftrt50 { text-align: left; margin-left:.50in; }
	.taleft-sftrt75 { text-align: left; margin-left:.75in; }
	.taleft-sftrt125 { text-align: left; margin-left:1.25in; }

	/* font change */
	.fontsize_xxl	{ font-size: xx-large; }
	.fontsize_xl	{ font-size: x-large; }
	.fontsize_l		{ font-size: large; }
	.fontsize_m		{ font-size: medium; }
	.fontsize_s		{ font-size: small; }
	.fontsize_xs	{ font-size: x-small; }
	.fontsize_xxs	{ font-size: xx-small; }

	.font_bu_xxl	{ font-weight: bold; text-decoration: underline; font-size: xx-large; }
	.font_bu_xl		{ font-weight: bold; text-decoration: underline; font-size: x-large; }
	.font_bu_l		{ font-weight: bold; text-decoration: underline; font-size: large; }
	.font_bu_m		{ font-weight: bold; text-decoration: underline; font-size: medium; }
	.font_bu_s		{ font-weight: bold; text-decoration: underline; font-size: small; }
	.font_bu_xs		{ font-weight: bold; text-decoration: underline; font-size: x-small; }
	.font_bu_xxs	{ font-weight: bold; text-decoration: underline; font-size: xx-small; }

	.color-blue	{ text-align: center; color: #000080; }
	.color-red	{ text-align: center; color: #cc0005; }

	/* .important-link	{ background-color: #FF7C7C; color: #FFA800 } */
	.important-link	{
		background-color: aqua; /* #FF1100; #00F8FF; */
		font-weight: bold;
		font-size: large;
		font-variant: italic;
	}
	.important-link-NEWS	{
		background-color: red; /* #FF1100; #00F8FF; */
		font-weight: bold;
		font-size: large;
		font-variant: italic;
	}
	
	@media screen and (max-width: 1024px) {
		.pagecontent {
			padding: 5%;
			margin-left: 5%;
			margin-right: 5%;
		}
		.navbar {
			margin-right: 10%;
			margin-left: 10%;
		}
		#logo {
			margin-left: 10%;
			max-width: 80%;
		}
	}
