@charset "UTF-8";

/* ================================================================ *
	BusinessWing 2009
	Template CSS
	
	所有個別網頁的基本設定,視實際需求請調整之。
 * ================================================================ */
 
#wrap {
	background:url(../images/home/wrapbg.png) 293px top repeat-y;}	

#main, #sidebar {
	padding-bottom:170px;}

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

#main {
	display:inline;
	width:285px;
	margin-left:304px;
	float:left;}
	
#mainc1 {
	position:relative;
	background:url(../images/home/messagebg.jpg) left bottom no-repeat;
	height:278px;
	line-height:2;
	color:#5c8211;
	margin-top:14px;
	word-wrap:break-word;
	word-break:break-all;}
	
#mainc1 > h2 {
	margin-left:1px;
	margin-bottom:22px;
	height:32px;}
	
#mainc1 > h3, #mainc1 > p {
	margin-left:20px;}
	
#mainc1 > h3 {
	font-size:1em;
	color:#000;}
	
#mainc1 > h3 > span {
	font-weight:normal;}

#mainc1 > p {
	padding-right:8px;}
	
#mainbtn1 > li:first-child {
	position:absolute;
	right:66px;
	bottom:22px;}
	
#mainbtn1 > li:last-child > a {
	display:block;
	width:85px;
	height:22px;
	line-height:22px;
	position:absolute;
	text-align:center;
	color:#2a7ad4;
	top:5px;
	right:4px;
	background-image:url(../images/icon/add.png);}

#mainc2 {
	line-height:18px;
	color:#6d6d6d;
	position:relative;}

#mainc2 > h3 {
	color:#000;
	font-size:1em;
	margin-top:10px;
	margin-left:4px;}
	
#mainc2 > h2 + h3 {
	margin-top:20px;}
	
#mainc2 > h4 {
	font-weight:normal;
	margin-top:6px;
	margin-left:4px;
	font-size:1em;}

#mainc2 > h4 a {
	color:#cf3f00;
	text-decoration:underline;}
	
#mainc2 > p {
	border-bottom:1px solid #9b9b9b;
	padding-bottom:10px;
	margin-left:4px;}
	
#mainbtn2 > li:first-child > a {
	display:block;
	width:85px;
	height:22px;
	line-height:22px;
	position:absolute;
	text-align:center;
	color:#2a7ad4;
	top:5px;
	right:4px;
	background-image:url(../images/icon/add.png);}

#mainbtn2 > li:last-child {
	text-align:right;
	padding-top:5px;}

/* ---------------------------------------------------------------- *
	sidebar 之設定
 * ---------------------------------------------------------------- */

#sidebar {
	width:263px;
	float:left;
	margin-left:-570px;}

#sidebart1 {
	height:45px;}

#sidebarc1 {
	border-left:3px solid #dcdcdc;
	border-right:3px solid #dcdcdc;
	background-color:#ebebeb;
	padding:4px 8px 10px;}
	
#sidebarc1 > dl {
	line-height:2;
	padding-right:8px;
	margin-top:8px;
	margin-left:2px;}

* html #sidec1b {
	margin-top:10px;}

#sidebarc1 dt em {
	font-weight:bold;}

#sidebarc1 address {
	display:inline;}

#sidebarc1 > dl > dd > img {
	vertical-align:middle;
	margin-right:12px;}

* html #sidebart2 {
	margin-left:6px;}

.sidebarc2 {
	border-bottom:1px solid #9b9b9b;
	padding-bottom:8px;
	padding-right:6px;
	line-height:18px;
	color:#6d6d6d;
	margin-top:8px;}
	
* html .sidebarc2 {
	padding-left:6px;}
	
#sidebart2 + .sidebarc2 {
	margin-top:14px;}

.sidebarc2 > a > img {
	float:left;
	margin-right:12px;
	border:1px solid #e9e4b8;}
	
.sidebarc2 h3 {
	font-weight:normal;
	font-size:1em;}
	
.sidebarc2 h3 a {
	color:#000;}
	
#sidebarb2 {
	margin-left:201px;
	margin-top:9px;}

/* ---------------------------------------------------------------- *
	news 之設定
 * ---------------------------------------------------------------- */

#news {
	float:right;
	width:270px;
	padding-right:14px;
	margin-bottom:6px;}

#newsnav {
	width:176px;
	margin:auto;
}

#newsnav > li {
	float:left;
	margin-left:5px;}

#newsnav > li:first-child {
	margin-left:0;}
	
#newsnav h2 {
	font-size:1em;
	font-weight:normal;}
	
#newsnav a {
	text-decoration:none;
	color:#888888;
	width:85px;
	height:25px;
	text-align:center;
	display:block;
	padding-top:4px;
	background:url(../images/home/newsnav.png) left top no-repeat;}
	
#newsnav a:hover, #newsnav a.selected {
	color:#fff;
	background-position:left bottom;}

#news1, #news2, #news3 {
	position:relative;
	padding-bottom:40px;}
	
#news1, #news2 {
	margin-top:29px;}

.newsc {
	width:266px;
	line-height:15px;
	margin-top:18px;
	padding-bottom:18px;
	border-bottom:1px solid #bcbcbc;}

.newsc > a > img {
	float:left;
	border:1px solid #c2c2c2;
	margin-right:14px;}

.newsc > h3 {
	font-size:1em;}

.newsc > h3 > a {
	color:#2768b7;}

#news3 h3 {
	font-size:1em;}

#news3 > h3 {
	text-align:center;
	margin-bottom:8px;}
	
#news3 > h3 a {
	color:#000;}
	
#news3 > h3 + div {
	padding-bottom:16px;
	border-bottom:1px solid #bdbdbd;}

.newsc3 {
	margin-top:15px;
	padding-bottom:15px;
	border-bottom:1px solid #bdbdbd;}

.newsc3 > a > img {
	float:left;
	padding:1px;
	border:1px solid #999;
	margin-left:10px;
	margin-right:10px;}
	
.newsc3 > h3 {
	color:#2569bc;
	line-height:1.6;
	padding-top:4px;}
	
.newsc3 a {
	color:#2569bc;
	text-decoration:underline;}

.newsbtn {
	position:absolute;
	right:3px;
	top:auto;
	margin-top:11px;}

#newsbanner li {
	margin-bottom:9px;}

#newsbanner img {
	border:1px solid #d1995d;}

/* ---------------------------------------------------------------- *
	extra 之設定
 * ---------------------------------------------------------------- */

#gallery {
	position:absolute;
	left:20px;
	bottom:97px;
	background-color:#fff;
	padding-bottom:8px;
	width:566px;}

#gallery h2 {
	height:18px;}

#gallery .clearfix {
	border:1px solid #f90;
	border-top-width:0;
	width:560px;
	background-color:#fff;
	padding:10px 0 10px 4px;}

#gallery .clearfix p {
	float:left;
	display:inline;
	text-align:center;
	margin-left:8px;
	width:100px;
	height:100px;}

#gallery .clearfix p .valign {
	font-size:0;
	height:100%;
	display:inline-block;
	vertical-align:middle;
}

#gallery .clearfix img {
	vertical-align:middle;
}

#gallery .clearfix p:first-child {
	margin-left:16px;}
	
#banner {
	padding-bottom:10px;
	background-color:#fff;}
	
/* home navi */

#navi {
background-color:#FFF;
height:40px;
margin-top:209px;
}