
html, body {
	height:100%;
}

#wrap {
	width:968px;
	min-height:100%;
	margin:auto;
	background:url(../images/wrap-bg.png) repeat-y;
}

#wrap > .clearfix:first-child {
	padding-bottom:100px;
}

.layout-left {
	float:left;
}

.layout-right {
	float:right;
}

img.layout-left, img.layout-right {
	position:relative;
}

.layout-center {
	margin:auto;
}

/*header*/

#header {
	background:url(../images/header-bg.png) 0 0 no-repeat;
	padding-left:18px;
	padding-top:62px;
	height:74px;
}

#logo img {
	display:block;
}

#header-fn {
	top:16px;
	right:2px;
}

#header-fn li {
	float:left;
	margin-left:20px;
	display:inline;
}

#header-fn a {
	display:block;
	position:relative;
	overflow:hidden;
}

#header-fn img {
	position:absolute;
}

#header-fn1 {
	padding-top:2px;
}

#header-fn1 a {
	width:136px;
	height:38px;
}

#header-fn2 a {
	width:98px;
	height:40px;
}

#header-fn2 img {
	left:-136px;
}

#header-fn3 {
	padding-top:4px;
}

#header-fn3 a {
	width:127px;
	height:36px;
}

#header-fn3 img {
	right:0;
}

/*navi*/

#navi {
	top:74px;
	left:362px;
}

#navi li {
	float:left;
	margin-left:34px;
	display:inline;
}

#navi a {
	display:block;
	position:relative;
	height:31px;
	overflow:hidden;
}

#navi img {
	position:absolute;
}

#navi li:hover img, #navi .selected img {
	top:-31px;
}

#navi1 {
	width:61px;	
}

#navi1 img {
	left:0;
}

#navi2 {
	width:82px;	
}

#navi2 img {
	left:-61px;
}

#navi3 {
	width:85px;	
}

#navi3 img {
	left:-143px;
}

#navi4 {
	width:96px;	
}

#navi4 img {
	right:-96px;
}

#navi5 {
	width:96px;	
}

#navi5 img {
	right:0;
}

/*main*/

#main {
	width:722px;
	float:right;
	padding-top:22px;
	padding-right:14px;
}

#main.hastop {
	padding-bottom:36px;
}

#title {
	margin-top:12px;
	background:url(../images/icon/dotted-gray.png) 0 bottom repeat-x;
	padding-bottom:10px;
}

/*sidebar*/

#sidebar {
	width:200px;
	padding-left:14px;
	float:left;
}

/*sub-nav*/

#sub-nav_box h5 img {
	display:block;
}

#sub-nav > li {
	border-bottom:2px solid #fff;
	background:url(../images/icon/arrow-gray.png) 0 3px no-repeat;
}

#sub-nav li.click, #sub-nav li:hover {
	background-image:url(../images/icon/arrow-white.png);
	background-color:#d7d7d7;
}

#sub-nav > li > a {
	display:block;
	padding-left:40px;
	padding-top:17px;
	height:28px;
}

/*sub_2ed-nav*/

#sub-nav li.click .sub_2ed-nav {
	display:block;
}

.sub_2ed-nav {
	border-top:2px solid #fff;
	background-color:#e8e8e8;
	padding-bottom:30px;
	display:none;
}

.sub_2ed-nav a {
	display:block;
	width:152px;
	padding-left:48px;
	padding-top:8px;
	padding-bottom:8px;
	border-bottom:1px dashed #fff;
	background:url(../images/icon/arrow-pinky.png) 36px 12px no-repeat;
	color:#963;
}

.sub_2ed-nav a:hover, .sub_2ed-nav .selected a {
	text-decoration:none;
	font-weight:bold;
	background-color:#d7d7d7;
}

/*sidebar banner*/

#side-banner {
	padding-top:22px;
	text-align:center;
}

#side-banner li {
	margin-top:8px;
}

/*pathnav*/

#pathnav {
	left:216px;
	top:138px;
	font-family:verdana,arial,"新細明體";
	font-size:11px;
}

#pathnav li {
	display:inline;
	background:url(../images/icon/pathnav-bg.png) 0 5px no-repeat;
	padding-left:12px;
	margin-left:4px;
}

#pathnav li:first-child {
	background-image:none;
}

#pathnav a {
	color:#999;
	text-decoration:underline;
}

/*footer*/

#footer {
	width:956px;
	height:28px;
	padding-top:12px;
	padding-left:12px;
	left:0;
	bottom:0;
	margin-top:-40px;
	background:url(../images/footer-bg.png) 0 0 no-repeat #fff;
	color:#999;
	font-family:verdana,arial,"新細明體";
	font-size:11px;
}

#footer-fn {
	top:11px;
	right:20px;
	color:#666;
}

#footer-fn li {
	display:inline;
	padding-left:10px;
	border-left:1px solid #666;
	margin-left:8px;
}

#footer-fn li:first-child {
	border-left:0;
}

#footer-fn a {
	color:inherit;
}

#copyright .taipei-tel {
	margin-left:10px;
	margin-right:10px;
}

#copyright a {
	color:inherit;
	text-decoration:underline;
}

/*to top*/

.to-top {
	display:block;
	margin-top:20px;
	right:18px;
}

/*clear float*/

* html .clearfix {height:1%;}
*+html .clearfix {display:inline-block;}
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
