/* CSS Document */

/* 整體結構
----------------------------------------------------------------------------*/
body {
	margin:0;
	padding:0 0 1em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10pt;
	color:#333;
	background:#DFEFFF;
}

#wrapper {
	width:1002px;
	margin:0 auto;
	padding:0;
	color:#333;
	border:1px black solid;
}

#wrapper img {
	border:none;
	margin:0;
	padding:0;
}

/* 連結
----------------------------------------------------------------------------*/

a:link {
	color:#3366ff;
	background:transparent;
}

a:visited {
/*	color:#800080;*/
	color:#3366ff;
	background:transparent;
}

a:hover, a:active {
	color:#ff9933;
	background:transparent;
}

/* 首頁
----------------------------------------------------------------------------*/

#header {
/*	padding-top:40px;*/
	position:relative;
	width:1002px;
	height:132px;
	color:#999;
	background:url(../image/header.jpg) center top no-repeat;
}

#header #subnav {
	position:absolute;
	right:0;
	bottom:0;
	height:22px;
	width:254px;
	line-height:1.5em;
	text-align:center;
	letter-spacing:0.2em;
	font-weight:bold;
}

#header #subnav ul {
	margin:0;
	padding:0;
	list-style:none;
	text-align:right;
	font-size:small;
}

#header #subnav li {
	display:inline;
	padding-right:1.7em;
	text-transform:uppercase;
}

#header #subnav li a {
	text-decoration:none;
	color:#1C86EE;
}

#header #subnav li a:hover {
	text-decoration:none;
	color:#00CED1;
}

#header #pagetitle {
	position:absolute;
	left:0;
	bottom:0;
	height:19px;
	width: 720px;
	color:#00008B;
	text-align:center;
	letter-spacing:0.5em;
	font-weight:bold;
}

/* 頁面本體
----------------------------------------------------------------------------*/

#pagebody {
	width:1002px;
	padding-left:0;
}

/* 內容
----------------------------------------------------------------------------*/

#content {
	float:right;
	width:843px;/*1002-159px*/
	padding-bottom:2em;
	border-bottom:1px solid #ccc;
	letter-spacing:.1em;
}

#content #topbar {
	height:5px;
	background:url(../image/obj_head_bar.gif) top repeat-x;
}

#content #leftbar {
	float:left;
	margin-left:1em;
	width:365px;
	
 /* 一次解決版面撐開、英文斷字、避頭尾、段落左右邊界不齊問題 */
/* by：meiji 200701 */

/* 防止撐開 */
table-layout: fixed;
/* 英文單字自動換行 */
word-wrap: break-word;
/* 正常避頭尾 */
word-break: normal;
/* 文字左右對齊 */
text-align:justify;
text-justify:inter-ideograph;
}

#content #rightbar {
	float:right;
	margin:0 0.5em;
	text-align:left;
	text-transform:uppercase;
	width:426px;
}

#content #rightbar #drp {
}

#content #rightbar #ideal {
	border-top:1px silver solid;
	padding-left:1em;
}

#content table img.label {
	margin:0 15px;
	vertical-align:middle;
}

#content table.product td {
	padding:2px;
}

#content table h2, #content table h3 {
	color:#3366FF;
}

#content table h1 {
	color:#6B8E23;
}

/* 導覽
----------------------------------------------------------------------------*/

#navigation {
	float:left;
	width:159px;
/*	padding-bottom:50px;*/
/*	border-top:13px solid #3366ff;*/
	background:url(../image/obj_menu_back.gif) center repeat-y;
}

#navigation ul {
	margin:0;
	padding:0;
	list-style:none;
}

#navigation li {
	margin:0;
	padding:0;
	width:159px;
	height:34px;
}

#navigation li a {
	text-decoration:none;
	display:block;
	width:159px;
	height:34px;
	text-align:center;
	color:#fff;
	letter-spacing:0.2em;
	line-height:2.2em;
	background:url(../image/btn_off.gif) center no-repeat;
}

#navigation li a:hover {
	text-decoration:none;
	display:block;
	width:159px;
	height:34px;
	color:#fff;
	font-weight:bolder;
	background:url(../image/btn_on.gif) center no-repeat;
}

#navigation #address {
	margin:50px 0 0;
	padding:1em 0 0 1em;
	border-top:1px black solid;
	font-style:normal;
	font-size:small;
	text-transform:uppercase;
	line-height:1.5;
/*	background:url(../image/bg_gray.gif) left top repeat;*/
	background:#fff url(../image/obj_addba_notitle.gif) center 2px no-repeat;
}

#navigation #address p {
	line-height:1.1em;
}

#navigation #counter {
	text-align:center;
	text-transform:uppercase;
	color:#fff;
	font-weight:bolder;
}

/* 頁尾
----------------------------------------------------------------------------*/

#footer {
	clear:both;
}

#footer #rightnav {
	float:right;
}

#footer ul {
	margin:0;
	padding:15px 0;
	width:1002px;
	list-style:none;
	text-align:right;
	font-size:small;
}

#footer li {
	display:inline;
	padding-right:1.7em;
	text-transform:uppercase;
}

#footer li a {
	padding:11px 0;
	vertical-align:middle;
	text-decoration:none;
}

#footer p {
	margin:0;
	padding:1em 35px 1em 0;
	width:967px;/*1002-35px*/
	text-align:right;
	text-transform:uppercase;
	font-size:x-small;
	color:#fff;
	background:#336699;
}

/* 類別
----------------------------------------------------------------------------*/

.aligncenter {
	text-align:center;
}

.alignright {
	text-align:right;
}

.alignleft {
	text-align:left;
}

.justify {
	text-align:justify;
}

/* 顏色類別
----------------------------------------------------------------------------*/

.red {
	color:red;
}

.blue {
	color:blue;
}

.green {
	color:green;
}

.gray {
	color:gray;
}

.hide {
	display:none;
}