@charset "utf-8";
@import url("reset.css");
@import url("content.css");
@import url("nav.css");


body{
  margin:0;
  padding:80 0 0 0;
  font-family: "微軟正黑體", PMingLiu, Arial, "華康中黑體",Taipei, PMingLiu, "細明體",  Helvetica;
  font-size: 0.8em;
  word-spacing:3px;
/*  word-break: break-all;*/
  text-align: justify;
  

 }
 div#header{
 	z-index:10;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:103px;
	background-color: #fee9eb;
	background: url(../../images/header-bg.gif); 
	background-repeat: repeat-x;
 }



.wrapperHeader, .wrapperContent, .wrapperFooter, .wrapperMainNav{
	width:1000px;
	margin-right: auto;
	margin-left: auto;
	height: 100%;
}


.header-body{
	width:100%;
	position:relative;
	heigh:100%;
	}
	
.header-body .bar, .header-body .logo {
}

.bar{
	top:0px;
	background: url(../../images/bar-bg.gif) repeat; 
	width: 1000px;
	height:27px;
	float:left;
}

.logo{
	float:left;
	width:714px;
	height:76px;
	
}

.headerRight{
	width:280px;
	float:left;
	text-align:right;
	padding-top:13px;
}

.barRight{
	float:right;
	width:500px;
	


}

.barRight .btnMainPage, .barRight .btnMemberZone, .barRight .weather {
	background: url(../../images/header-icon.png) no-repeat; 
	width: 118px; 
	height: 24px; 
	float:right;
	text-align:center;
	background-repeat: no-repeat;
	padding-top:3px;
}

.barRight .btnMainPage  a, .barRight .btnMemberZone a {
	color: #fff;
	font-size:1.25em;
	font-weight: bolder;
	text-decoration:none;
}

.barRight .btnMainPage  a:hover, .barRight .btnMemberZone a:hover {
	color: #1578fe;
	text-decoration: underline;
	
}

.barRight .btnMainPage {
	background-position: 0px 0px;

}
.barRight .btnMainPage:hover {
	background-position: 0px -27px;
}

.barRight .btnMemberZone {
	background-position: -118px 0px;
}
.barRight .btnMemberZone:hover {
	background-position: -118px -27px;
}
.barRight .weather {
	background-position: -240px 0px;
	width:180px;
}
.barRight .weather  img{
	margin-top:3px;
	margin-left:2px;
	margin-bottom:0px;
	padding:0px
}
.barRight .weatherfont{
	font-size:12px;
	color:#000099;
	margin-left:2px;
}



.header-right-menu{
	display:block;
	height:40px;

}
.header-right-menu li{
	float:right;
	list-style:none;
	font-size:1.15em;
	text-align:center;

	margin-right:2px;
	margin-top:0px;
	width: 56px;
	height: 22px;
	background: url(../../images/btn_langauge.jpg) no-repeat; 
}
.header-right-menu li:hover{
	background: url(../../images/btn_langauge_over.jpg) no-repeat; 
}

.header-right-menu li.active{
	color: #FC0;
	background: url(../../images/btn_langauge_over.jpg) no-repeat; 
}

.header-right-menu li a{
	color:#494A4B;
	text-decoration:none;
	font-size:0.95em;
	font-weight: bolder;
}

.header-right-menu li a:hover{
	color:#930;
	}


.footer{
	color:#666666;
	font-size:11px;
	line-height:2em;
	text-align:center;
	background-color: #eef3ef;
	width:100%
	margin:0 auto;
	padding-top:8px;
}


.footer .nav{
	width: 88%;
	margin:0 auto;
	font-size:13px;
}
.footer .text{
	width: 70%;
	margin:0 auto;
		
}
.footer .img{
	padding:10px;
	float:left;
}
.footer .resolution{
	padding-top:8px;
}


A.footertext:link{
	COLOR: #666666; TEXT-DECORATION: none; font-size: 9pt;
}
A.footertext:visited{
	COLOR: #06C;
	TEXT-DECORATION: none;
	font-size: 9pt;
}
A.footertext:active{
	COLOR: #06C;; TEXT-DECORATION: none; font-size: 9pt;
}
A.footertext:hover{
	COLOR: #666666; TEXT-DECORATION: none; font-size: 9pt;
}


	
@media screen {
    body >  div#header {
        position: fixed;
    }

}

 * html body{
  overflow:hidden;
 } 
 * html div#content{
  height:100%;
  overflow:auto;   
 }

 
@media print 
        {
   body { color: #222222; }
          .navBottom, .PrintHide {
                display:none;         
            }

        }
}

 .loading {
     position:absolute;
     width:60px;
     height:60px;
     z-index:15;
     top:50%;
     left:50%;
     margin:-30px 0 0 -30px;
     background-image:url('../../images/indicator.gif');
}