@charset "utf-8";
*{margin:0; padding:0;}
a{outline: none; hlbr:expression(this.onFocus=this.blur()); text-decoration:none;}
img{border:none;}
.displaynone{display:none;}
body{overflow:hidden;/*Needed to eliminate scrollbars*/	background:#fff;}

/*Supersize Plugin Styles*/
#navigation{background:url('images/navbg.gif') no-repeat; float:right; margin:22px 20px 0 0;}
#loading{position:absolute; top:49.5%; left:49.5%; z-index:3; width:24px; height:24px; text-indent:-999em; background-image:url(images/progress.gif);}
#supersize{position:fixed;}
#supersize img, #supersize a{height:100%; width:100%; position:absolute; z-index:0;}
#supersize .prevslide, #supersize .prevslide img{z-index:1;}
#supersize .activeslide, #supersize .activeslide img{z-index:2;}

.leftspace{position:absolute; left:0; top:0; width:50px; height:100%; background-color:#fff; z-index:3;}
.url{position:absolute; right:50px; top:0; width:auto; height:40px; font:13px/40px Arial; color:#333; z-index:3;}
#sidebar{position:absolute; left:50px; top:0; width:220px; height:100%; z-index:3; background:#efefef url(../images/sidebar-bg.png) no-repeat center bottom; border-right:solid 1px #fff;}
.topline{position:absolute; left:0; top:0; width:100%; height:5px; background-color:#22262f; z-index:4;}
.footerbg{position:absolute; bottom:0; width:100%; height:76px; z-index:3; background:url(../images/footer-bg.png) repeat-x;}

#nav{margin:32px 0 0 0; width:220px; height:180px; background:url(../images/menu.png) no-repeat top left;}
  #nav ul{margin:0; padding:0; list-style:none;}
  #nav li{margin:0; padding:0;}
  #nav a{display:block; width:220px; height:30px;}
    #nav a.home:hover{background:url(../images/menu.png) -220px 0;}
    #nav a.about:hover{background:url(../images/menu.png) -220px -30px;}
    #nav a.news:hover{background:url(../images/menu.png) -220px -60px;}
    #nav a.group:hover{background:url(../images/menu.png) -220px -90px;}
    #nav a.hiring:hover{background:url(../images/menu.png) -220px -120px;}
    #nav a.contact:hover{background:url(../images/menu.png) -220px -150px;}
	
	#nav li{position:relative;}
	  #nav li.parentOn{background:url(../images/menu.png) -220px -90px;}
	  #nav li.parent .expansion{display:none;}
	  #nav li.parentOn .expansion{display:block;}

	#nav ul .expansion{position:absolute; left:220px; top:0px; background-color:black; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=75); opacity:0.75; overflow:hidden;}
	#nav ul .exp-slide{height:273px;}
	#nav ul ul{}
	#nav li li{float:left;}
	#nav li li a{width:250px; height:120px; display:block;}
	  #nav li li a.g-dulas{background:url(../images/logo-duclas.png) no-repeat center center;}
	  #nav li li a.g-denshyang{background:url(../images/logo-denshyang.png) no-repeat center center;}
	  #nav li li a.g-denchang{background:url(../images/logo-denchang.png) no-repeat center center;}
	  #nav li li a.g-denchain{background:url(../images/logo-denchain.png) no-repeat center center;}
	  #nav li li a.g-tophill{background:url(../images/logo-tophill.png) no-repeat center center;}
	  #nav li li a.g-puret{background:url(../images/logo-puret.png) no-repeat center center;}
	  #nav li li a.g-pureteck{background:url(../images/logo-pureteck.png) no-repeat center center;}
	  #nav li li a.g-dulas:hover{background:url(../images/logo-duclas-over.png) no-repeat center center;}
	  #nav li li a.g-denshyang:hover{background:url(../images/logo-denshyang-over.png) no-repeat center center;}
	  #nav li li a.g-denchang:hover{background:url(../images/logo-denchang-over.png) no-repeat center center;}
	  #nav li li a.g-denchain:hover{background:url(../images/logo-denchain-over.png) no-repeat center center;}
	  #nav li li a.g-tophill:hover{background:url(../images/logo-tophill-over.png) no-repeat center center;}
	  #nav li li a.g-puret:hover{background:url(../images/logo-puret-over.png) no-repeat center center;}
	  #nav li li a.g-pureteck:hover{background:url(../images/logo-pureteck-over.png) no-repeat center center;}

	/*#nav ul a.close{position:absolute; right:2%; top:2%; width:22px; height:21px; background:url(../images/nav-brandControl.gif);}
	#nav ul a.close:hover{background:url(../images/nav-brandControl.gif) 0 -21px;} */
	#nav ul a.next{position:absolute; display:block; left:0; bottom:0; width:100%; height:20px; background:#000 url(../images/nav-brandControl-next.gif) no-repeat center center;}
	#nav ul a.next:hover{background:#000 url(../images/nav-brandControl-next-hover.gif) no-repeat center center;}
	#nav ul a.prev{position:absolute; display:block; left:0; top:0; width:100%; height:20px; background:#000 url(../images/nav-brandControl-prev.gif) no-repeat center center;}
	#nav ul a.prev:hover{background:#000 url(../images/nav-brandControl-prev-hover.gif) no-repeat center center;}


.footer{position:absolute; right:50px; bottom:14px; font:12px/24px "微軟正黑體"; color:#5882b6; text-align:right; z-index:4;}
  .footer .copyright{font:15px/24px "微軟正黑體"; color:#a7bcd6;}