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

body {
 background-color: #69F;
 font-family: 'Noto Sans TC', sans-serif;
 margin: 0px;
}

h1 {
font-size: 1em;	
}

#header {
background-color: #039;
width: 100%;
padding: 10px;
border-bottom: 2px solid #008;	
box-sizing : border-box;
}

#siteLogo {
font-size: 1.5em;
float: left;
color: #fff;	
}

#notice {
width: 800px; margin-left: auto; margin-right: auto;
border: 2px solid #f00; background: #fff;
padding: 20px; margin-top: 10px;	
}

.dropHead {
background-color: #FFC;	
}

.simple-marquee-container *{
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        -o-box-sizing:border-box;
        box-sizing:border-box;
}
.simple-marquee-container {
        width: 100%;
        background: #5680e9;
color: #fff;
        display: inline-block;
        overflow: hidden;
        box-sizing: border-box;
        height: 45px;
        position: relative;

}

.marquee-sibling {
        padding: 0;
        background: rgb(61, 61, 61);
        width: 20%;
        height: 45px;
        line-height: 42px;
        font-size: 12px;
        font-weight: normal;
        color: #ffffff;
        text-align: center;
        float: left;
        left: 0;
        z-index: 2000;
}

.marquee, *[class^="marquee"] {
        display: inline-block;
        white-space: nowrap;
        position:absolute;
}

.marquee{
  margin-left: 25%;
}

.marquee-content-items{
  display: inline-block;
  padding: 5px;
  margin: 0;
  height: 45px;
  position: relative;
}

.marquee-content-items li{
  display: inline-block;
  line-height: 35px;
}

.marquee-content-items li:after{
        content: "|";
        margin: 0 1em;
}


#siteMenu {
float: right;	
}

.menuLink {
cursor: pointer;
color: #fff;
font-size: 1.2em;	
text-decoration: underline;
margin-left: 20px;
}

.menuLink:hover {
 color: #FF3;	
 text-decoration: none;
}

.catchlist {
font-size: 0.8em;	
width: 100%;
background-color: #ccf;
}

.catchlist td {
width: 20%;	
}

#loader {
background: 50% 50% rgba(0,0,0,.5) url('/loader.gif') no-repeat;
background-size: 48px 48px;
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
z-index:1002;	
display: none;
}

#siteLogo {
cursor: pointer;	
}

#mainInfo {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
background-color: #eef;
color: #333;	
}

.mainHeading {
width: 100%;
border-bottom: 1px solid #000;
font-size: 1.2em;	
text-align: center;
margin-top: 15px;
}

.feature {
	box-sizing : border-box;
margin-top: 15px;
font-size: 1.1em;
width: 100%;
background-color: #036;
color: #fff;
padding: 5px;
border-radius: 5px;
margin-bottom: 5px;
}