@charset "UTF-8";

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

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

#wrap {
	width:900px;
	font-size:12px;
	margin:auto;}

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

#header {
	text-align:right;
	padding-top:5px;
	padding-right:27px;
	height:76px;
	background-color:#fff;}

#logo {
	position:absolute;
	top:auto;
	left:0;
	margin-left:22px;}
	
#header > p {
	color:#3f78be;
	margin-top:8px;
	margin-bottom:16px;}
	
#user > li {
	display:inline;
	margin-left:13px;
	padding-top:2px;
	padding-bottom:2px;}
	
#user > li:first-child {
	margin-left:0;}
	
#user1, #user2 {
	background-repeat:no-repeat;
	padding-left:22px;}
	
#user1 {
	background-image:url(../images/icon/user1.png);
	background-position:left top;
	cursor:pointer;
	text-decoration:underline;}

#user2 {
	background-image:url(../images/icon/user2.png);
	background-position:left 2px;}

#user > li > a > img {
	vertical-align:middle;}	
	
#user > li > a {
	text-decoration:underline;}

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

#navi {
	margin-top:207px;
	height:65px;}

#navi li {
	float:left;
	display:inline;
	margin-left:1px;
	text-indent:-1000em;}

#navi a {
	display:block;
	width:143px;
	height:30px;
	background-image:url(../images/gnav.jpg);}
	
#navi li:first-child {
	margin-left:19px;}

a#navi1 {
	width:140px;
	background-position:left top;}
#navi1:hover {
	background-position:left bottom;}
#navi2 {
	background-position:-140px top;}
#navi2:hover {
	background-position:-140px bottom;}
#navi3 {
	background-position:-283px top;}
#navi3:hover {
	background-position:-283px bottom;}
#navi4 {
	background-position:-426px top;}
#navi4:hover {
	background-position:-426px bottom;}
#navi5 {
	background-position:-569px top;}
#navi5:hover {
	background-position:-569px bottom;}
#navi6 {
	background-position:right top;}
#navi6:hover {
	background-position:right bottom;}

#naviactive #navi1 {
	background-position:left bottom;}
#naviactive #navi2 {
	background-position:-140px bottom;}
#naviactive #navi3 {
	background-position:-283px bottom;}
#naviactive #navi4 {
	background-position:-426px bottom;}
#naviactive #navi5 {
	background-position:-569px bottom;}
#naviactive #navi6 {
	background-position:right bottom;}
/* ---------------------------------------------------------------- *
	main 之設定
 * ---------------------------------------------------------------- */



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

#pathnav {
	top:328px;
	left:27px;}
	
#pathnav, #pathnav a {
	color:#6d6d6d;}

#pathnav > li {
	display:inline;
	background:url(../images/icon/graya.png) left 4px no-repeat;
	padding-left:14px;
	padding-right:7px;}

#pagenav {
	text-align:center;
	padding-top:16px;
	padding-bottom:14px;}

#pagenav li {
	border-top:1px solid #b7b7b7;
	border-bottom:1px solid #b7b7b7;
	display:inline;
	padding-left:8px;
	padding-right:8px;
	background-color:#f7f7f7;
	margin-left:-3px;}

#pagenav li:first-child {
	border-left:1px solid #b7b7b7;
	margin-left:0;}
	
#pagenav li:last-child {
	border-right:1px solid #b7b7b7;}

#pagenav li#selected {
	background-color:#b7b7b7;
	color:#990019;}

#pagenav a {
	color:#000;
	background-color:#f7f7f7;}	
	
* html #pathnav > li {
	background-position:left 2px;}
	
*+html #pathnav > li {
	background-position:left 2px;}
	
#pathnav > li:first-child {
	background-image:none;
	padding-left:0;}

#banner {
	width:860px;
	height:199px;
	top:81px;
	left:20px;}

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

#footer {
	clear:both;
	height:60px;
	padding-top:36px;
	padding-left:120px;
	background:url(../images/footerbg.png) #fff 22px bottom no-repeat;}
	
#footer, #footer a {
	color:#9b9b9b;}
	
#footer a.acckey {
	color:#fff;
}
	
#footer > dl > dt, #footer > dl > dd, #footer > dl > dd > address {
	display:inline;}
	
#footer > dl > dt, #footer > dl > dd {
	padding-left:6px;
	padding-right:5px;
	border-left:1px solid #9b9b9b;}
	
#footer > dl > dt:first-child {
	border-left-width:0;
	padding-left:0;}

#footer > dl + p {
	margin-top:12px;}

#footer > dl + p > span {
	margin-left:29px;}

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

a.acckey {
	position:absolute;
	font-size:9px;
	top:0;
	left:2px;
	color:#fff;
	text-decoration:none;}

.clearfix:after {
	clear:both;
	content:".";
	height:0;
	line-height:0;
	visibility:hidden;
	display:block;}