@charset "UTF-8";

/* ================================================================ *
	BusinessWing 2009
	Template 2:2column CSS
	視每頁需求設定的css
	
	視實際需求請調整之。
	有標示★者會有上下延續問題, 請注意其他層次的設定
 * ================================================================ */

/* ---------------------------------------------------------------- *
	有關整體之設定
 * ---------------------------------------------------------------- */

body {
  /* --- 基本的文字顏色色之設定 --- */
  color:#2f2f2f;
	background:url(../images/bodybg.png) -10% top no-repeat;}

#wrap {
	font-size:93%;}
	
.wrapbox {
	width:1003px;
	margin:auto;
}

.wrapboxHeader {
	width:100%;
	margin:auto;
}

/* ---------------------------------------------------------------- *
	header部分的設定
 * ---------------------------------------------------------------- */

#header {
	width:100%;
/* 	width:1003px; */
	height:103px;
	padding-top:8px;
	background:url(../images/headerbg.jpg) center top no-repeat;}

#header > div > ul {
	position:absolute;
	top:auto;
	right:72px;
	margin-top:44px;}

#header > div > ul > li {
	display:inline;
	padding-left:10px;
	padding-right:10px;
	border-right:1px solid #fff;
}
	
#header > div > ul > li:first-child {
	border-right-width:0;
	position:absolute;
	top:0;
	right:-72px;}
	
* html #header > div > ul > li:first-child {
	top:1px;}
	
*+html #header > div > ul > li:first-child {
	top:1px;}
	
#header li a {
	color:#fff;
/* 	color:#fff000; */
}
	
#header li#hnav1st a {
	color:#2e2c1e;}
	
#logo {
	margin-left:23px;}

/* ---------------------------------------------------------------- *
	Navigation部分の設定です
 * ---------------------------------------------------------------- */

#navi {
	height:279px;
	padding-left:12px;
	background-image:url(../images/navibg.jpg);}

#navi > ul > li {
	text-indent:-1000em;
	float:left;}

#navi > ul > li > a {
	display:block;
	width:51px;
	height:218px;
	background-image:url(../images/gnav.gif);}

#navi1 {
	background-position:left top;}
#navi1:hover {
	background-position:left bottom;}
#navi2 {
	background-position:-51px top;}
#navi2:hover {
	background-position:-51px bottom;}
#navi3 {
	background-position:-102px top;}
#navi3:hover {
	background-position:-102px bottom;}
#navi4 {
	background-position:-153px top;}
#navi4:hover {
	background-position:-153px bottom;}
#navi5 {
	background-position:-204px top;}
#navi5:hover {
	background-position:-204px bottom;}
#navi6 {
	background-position:-255px top;}
#navi6:hover {
	background-position:-255px bottom;}
#navi7 {
	background-position:right top;}
#navi7:hover {
	background-position:right bottom;}

#naviactive #navi1 {
	background-position:left bottom;}
#naviactive #navi2 {
	background-position:-51px bottom;}
#naviactive #navi3 {
	background-position:-102px bottom;}
#naviactive #navi4 {
	background-position:-153px bottom;}
#naviactive #navi5 {
	background-position:-204px bottom;}
#naviactive #navi6 {
	background-position:-255px bottom;}
#naviactive #navi7 {
	background-position:right bottom;}

/* ---------------------------------------------------------------- *
	main 之設定
 * ---------------------------------------------------------------- */

#maintop {
	padding-top:13px;
	margin-left:2px;
	margin-top:0;}
	
#pagenav, #subpagenav {
	text-align:center;
	position:absolute;
	width:100%;
	left:0;
	bottom:-28px;
	color:#424242;}
	
* html #pagenav {
	bottom:-32px;}
	
*+html #pagenav {
	bottom:-32px;}
	
* html #subpagenav {
	bottom:-32px;}
	
*+html #subpagenav {
	bottom:-32px;}
	
#pagenav > li {
	display:inline;
	padding-left:0.5em;
	padding-right:0.5em;
	font-size:13px;
	font-weight:bold;}
	
#pagenav > li:first-child {
	border-right:1px solid #424242;
	padding-right:1em;
	padding-left:0;}
	
#pagenav > li:last-child {
	border-left:1px solid #424242;
	padding-left:1em;
	padding-right:0;}

#pagenav > li > a {
	color:#424242;
	padding:6px;
	font-size:12px;
	font-weight:normal;}
	
#pagenav > li > a[title ^= "Page"]:hover {
	background-color:#84614e;
	color:#fff;
	text-decoration:none;}

#pagenav > li:first-child > a, #pagenav > li:last-child > a {
	color:#424242;
	padding:0;}

#subpagenav {
	color:#424242;}

#subpagenav > li {
	display:inline;
	padding-left:12px;}
	
#subpagenav > li:first-child {
	padding-left:0;
	padding-right:12px;
	border-right:1px solid #424242;}
	
#subpagenav a {
	color:#842837;
	text-decoration:underline;}
	
/* ---------------------------------------------------------------- *
	slogan部分の設定です
 * ---------------------------------------------------------------- */


/* ---------------------------------------------------------------- *
	extra部分の設定です
 * ---------------------------------------------------------------- */

#pathnav {
	top:296px;
	right:10px;}
	
#pathnav > li {
	display:inline;
	background:url(../images/icon/graya.png) left 3px no-repeat;
	padding-left:1.5em;
	padding-right:0.5em;}
	
#pathnav > li:first-child {
	background-image:none;}
	
#pathnav a {
	color:#434343;}

#banner {
	top:3px;
	left:390px;}

/* ---------------------------------------------------------------- *
	footer部分之設定
 * ---------------------------------------------------------------- */

#footer {
	background-color:#fff;
	background-repeat:repeat-x;
	padding-top:21px;
	text-align:center;}

#footer p:first-child {
	font-family:Verdana, Geneva, sans-serif;
	margin-top:4px;
	height:70px;
	margin-bottom:0;}

#footer p:first-child > span {
	margin-left:20px;}

#footer a {
	color:#2e2c1e;}
	
/* ---------------------------------------------------------------- *
	accesskey部分之設定
 * ---------------------------------------------------------------- */

.acckey {
	position:absolute;
	font-size:2px;
	top:0;
	left:2px;}
	
.acckey > a:only-child {
	color:#fff;
	text-decoration:none;}
	
.clearfix:after {
	clear:both;
	content:".";
	height:0;
	line-height:0;
	visibility:hidden;
	display:block;}