@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;}
.left{float:left;}
.right{float:right;}

body{margin:0; min-width:1000px;}

/*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:-3;}
#supersize .prevslide, #supersize .prevslide img{z-index:-2;}
#supersize .activeslide, #supersize .activeslide img{z-index:-1;}

.sidebar{position:absolute; left:100px; width:178px; height:100%; background:#fff; z-index:0; text-align:center;}
  .menu{background:url(../images/menu.png); width:96px; height:324px; margin:47px auto 0 auto;}
    .menu ul{margin:0; padding:0; list-style:none;}
	.menu li{margin:0; padding:0;}
	.menu a{display:block; width:96px; height:54px;}
	.menu a.about:hover, .menu a.about.active{background:url(../images/menu.png) -96px 0;}
	.menu a.news:hover, .menu a.news.active{background:url(../images/menu.png) -96px -54px;}
	.menu a.process:hover, .menu a.process.active{background:url(../images/menu.png) -96px -108px;}
	.menu a.portfolio:hover, .menu a.portfolio.active{background:url(../images/menu.png) -96px -162px;}
	.menu a.team:hover, .menu a.team.active{background:url(../images/menu.png) -96px -216px;}
	.menu a.contact:hover, .menu a.contact.active{background:url(../images/menu.png) -96px -270px;}
	
.footer{position:absolute; left:0; bottom:35px; width:100%; min-width:1000px; height:35px; font:13px/35px "微軟正黑體"; color:#fff; z-index:0; background:#000; text-align:center; zoom:1; filter:alpha(opacity=50); opacity:0.5;}
  .footer a{color:#fff;}

.content{position:absolute; left:260px; top:200px; width:740px;}
  .title{position:relative; background:url(../images/title-bg.jpg) no-repeat; width:740px; height:86px; font:20px/86px "微軟正黑體"; color:#999;}
    .title .title-words{margin-left:28px;}
	  .title .title-words .tc{color:#fff;}
	.title .submenu{position:absolute; right:28px; top:35px;}
  .main{background:url(../images/main-bg.png); padding:50px; height:515px; overflow:auto;}
  
.wrapper-p{position:relative; width:1000px; margin:0 auto;}

.sidebar-p{position:absolute; left:0; width:178px; height:1000px; background:#fff; z-index:0; text-align:center;}

.footer-p{position:absolute; left:0; top:939px; width:100%; height:35px; font:13px/35px "微軟正黑體"; color:#fff; z-index:0; background:#000; text-align:center; zoom:1; filter:alpha(opacity=50); opacity:0.5;}
  .footer-p a{color:#fff;}
  
.page{text-align:center; font:15px/50px "微軟正黑體"; color:#666;}
  .page a:link, .page a:visited{color:#666;}
  .page a:hover, .page a:active{color:#fff;}

/* public font & color */
.wd_font_01{font:20px "微軟正黑體";}
.wd_font_02{font:18px/24px "微軟正黑體";}
.wd_font_03{font:15px/24px "微軟正黑體";}
.wd_font_04{font:18px/30px "微軟正黑體";}
.wd_font_05{font:15px/30px "微軟正黑體";}
.wd_font_06{font:15px/36px "微軟正黑體";}
.wd_font_07{font:13px/18px "微軟正黑體";}
.wd_color_01{color:#fc3;}  /* yellow */
.wd_color_02{color:#cc2a1f;} /* red */
.wd_color_03{color:#666;} /* text */
.wd_color_04{color:#999;} /* gray */
.wd_color_05{color:#fff;} /* white */

/* 關於我們 */
.about_style_01{border-bottom:solid 1px #333; text-align:center; padding-bottom:23px; display:inline-block; margin-bottom:50px;}

/* 聯絡我們 */
.inputtype01{width:250px; height:30px; border:none;}
.inputtype02{width:250px; height:180px; border:none; margin:3px 0;}
.inputtype03{width:100px; height:30px; border:none;}
.bntype{background:url(../images/bn_bg.jpg) repeat-x; padding:0 14px; border:none; margin-right:5px;}

/* 最新消息 */
.newslist{padding-bottom:50px; border-bottom:dotted 1px #666;}
  .newslist ul{margin:0; padding:0; list-style:none;}
  .newslist li{margin:0; padding:0;}
  .newslist a:link, .newslist a:visited{display:block; font:15px/36px "微軟正黑體"; color:#666; padding-left:25px;}
  .newslist a:hover, .newslist a:active, .newslist a.active{background:url(../images/icon02.png) no-repeat left 8px; color:#fc3;}
.newscontent{padding:10px;}  
.back a{display:block; text-align:right;}

/* 作品展示 */
.path{font:15px "微軟正黑體"; color:#999; margin-bottom:36px;}
  .path a:link, .path a:visited{color:#999;}
  .path a:hover, .path a:active{color:#fff;}
.portfolio-list{}
  .portfolio-list ul{margin:0; padding:0; list-style:none;}
  .portfolio-list li:nth-child(odd){margin:0 40px 30px 0; padding:0; float:left;}
  .portfolio-list li:nth-child(even){margin:0 0 30px 0; padding:0; float:left;}
  .portfolio-list a{display:block; width:290px; overflow:hidden;}
    .portfolio-list .name{display:inline-block; height:20px; width:auto; font:15px/20px "微軟正黑體"; padding-right:13px; border-right:solid 1px #aaa; margin-top:5px; max-width:270px; overflow:hidden;}
	.portfolio-list .customer{font:13px/25px "微軟正黑體"; max-width:290px; overflow:hidden;}
	
/* 接案流程 */
.process_style_01{width:140px; font:18px/60px "微軟正黑體"; text-align:center; background:url(../images/process-bg.png) repeat-x;}
.process_style_02{font:15px/30px "微軟正黑體"; color:#fff;}
.process_style_03{font:13px/26px "微軟正黑體"; color:#999;}