@charset "utf-8";

body {
font-family:"新細明體", Arial, "Times New Roman", serif;
font-size:12px;
background:#fdfdf1 url(../images/bbd.gif) left top repeat-x;}

.relative{
z-index:99;
position:relative;}
.hide{
display:none;}
.CLEAR {
clear:both;
font-size:1px;
height:0;
line-height:0;}
a {
text-decoration:none;}
.hide{
display:none;}
/* hover */
.footerDiv a:hover, .colTwo li a:hover, .subMenu li a:hover, .hotKeys a:hover, .subBtn p a:hover, .breadCrumb a:hover, .pageBodyNavi a:hover, .xyBody a:hover {
text-decoration:underline;}

/***********************************************************/
.inputDiv{
vertical-align:middle;}
	.inputDiv a{
	color:#61615F;}
	.inputDiv a:hover{
	color:#EC3E1C;}
	.inputDiv p{
	float:right;}
	.inputDiv p a{
	display:inline-block;
	padding:0 3px;
	vertical-align:middle;}
	.inputDiv p img{
	vertical-align:middle;}
	.inputDiv b{
	display:inline-block;
	float:left;
	padding:0 3px;}
	.inputSelect {
	height:20px;
	line-height:20px;
	border:1px solid #a5acb2;}
	.inputText {
	height:18px;
	vertical-align:middle;
	border:1px solid #e8e1cf;}
	.inputSearch {
	vertical-align:middle;
	height:22px;}

.eDM {
vertical-align:middle;
line-height:18px;}
	.eDM .support{
	color:white;}
	.eDM img {
	padding:0 1px;}

.naviDiv a{
display:inline-block;
height:40px;
float:left;}
.naviDiv div li a{
float:none;
display:block;
width:165px;
height:34px;
text-indent:-9999px;}
.naviDiv div{
float:left;}
	.N2, .N3, .N4, .N5, .N6 {
	width:165px;
	text-indent:-9999px;}
	.dot {
	color:#675b4e;
	width:15px;}
	.N1 {
	text-indent:-9999px;
	width:150px;
	background:url(../images/n1.jpg) right top no-repeat;}
	.N2 {
	background:url(../images/n2.jpg) left top no-repeat;}
	.N3 {
	background:url(../images/n3.jpg) left top no-repeat;}
	.N4 {
	background:url(../images/n4.jpg) left top no-repeat;}
	.N5 {
	background:url(../images/n5.jpg) left top no-repeat;}
	.N6 {
	background:url(../images/n6.jpg) left top no-repeat;}
.naviDiv div ul{
position:absolute;
top:40px;
right:0;}
.naviDiv .B11{
height:55px;
background:url(../images/3-long.jpg) left top no-repeat;}
.naviDiv .B12{
background:url(../images/btn-long.jpg) left top no-repeat;}
.naviDiv .B13{
background:url(../images/btn1-3.jpg) left top no-repeat;}

.subMenu .B11{
background:url(../images/btn2.jpg) left top no-repeat;}
.subMenu .B12{
background:url(../images/btn2-2.jpg) left top no-repeat;}
.subMenu .B13{
background:url(../images/btn3.jpg) left top no-repeat;}

.B11:hover, .B12:hover, .B13:hover {
background-position:right top;}

.contentDiv, .contentDivBG, .contentDivRP {
width:100%;}
.contentDiv {
width:100%;
background:url(../images/bbd.gif) left -130px repeat-x;}
.contentDivRP {
background:url(../images/content-body-bg.gif) center top repeat-y;}
.contentDivBG {
background:url(../images/content-body-top.gif) center -5px no-repeat;}
.contentDivEnd {
background:url(../images/content-body-end.gif) center bottom no-repeat;}
.slideDiv {
width:981px;
padding:5px 0 10px;
overflow:auto;
margin:0 auto;}
	.slideImg {
	float:left;
	width:709px;}
	.slideImg img{
	width:709px;
	height:285px;}
	.slideImg div{
	height:285px;}
	.slideTitle{
	border-top:1px solid #dad8c1;}
	.slideList {
	border-bottom:1px solid #dad8c1;}
	.slideTitle, .slideList {
	border-right:1px solid #dad8c1;
	border-left:1px solid #dad8c1;
	float:left;
	width:270px;
	background:#fefef4 url(../images/wbtab-list-bg.gif) right bottom no-repeat;}
	.slideTitle {
	height:34px;}
	.slideTitle img{
	float:left;}
	.slideList {
	height:250px;
	overflow:hidden;
	border-bottom:1px solid #dad8c1;}
	.slideList div{
	text-align:left;
	cursor:pointer;
	float:left;
	height:36px;
	width:270px;
	color:#eee6cf;
	font-size:12px;
	background:url(../images/wbtab-dot.gif) center top no-repeat;}
	.slideList div a{
	color:#61615f;
	padding-left:5px;
	width:265px;
	display:block;
	font-size:12px;
	line-height:36px;}
	.slideList div a:hover{
	color:white;
	background:#704e42;}

.bodyDiv {
padding:6px 0 0;}
.colSet td {
vertical-align:top;}
.colOnex,  .colFourx {
height:280px;}
.colTwox, .colThreex{
height:275px;}
.colTitle1, .colTitle2 {
height:34px;
width:312px;
clear:both;
border-bottom:1px solid #dedcc6;}
.colTitle1{
background:url(../images/colonehl.gif) left top no-repeat;}
.colTitle2{
background:url(../images/coltwohl.gif) left top no-repeat;}
.colTitle3{
display:block;
width:158px;
height:34px;
clear:both;
border-bottom:1px solid #dedcc6;
background:url(../images/colthreehl.gif) left top no-repeat;}
.colTitle1 a, .colTitle2 a{
padding:15px 10px 0 0;
display:block;
height:19px;
text-align:right;}
.colXy2 {
width:158px;
background:#fefef4;
border:1px solid #dedcc6;}
.xyImg2{
display:block;
width:100%;
height:215px;}
.xyBody2{
line-height:42px;
color:white;
text-align:center;
font-size:12px;
padding-bottom:5px;
background:url(../images/colthree-body.gif) center top no-repeat;}
.colXy {
float:left;
width:312px;
overflow:auto;
background:#fefef4;
border:1px solid #dedcc6;}
.xyImg{
float:left;
width:117px;
height:160px;
overflow:hidden;
padding:11px 0 11px 13px;}
.xyBody{
float:right;
width:166px;
padding:11px 8px 11px 0;}
.xyBody p{}
.xyBody a{
display:block;
padding:2px 0 2px 10px;
line-height:18px;
background:url(../images/dot-darkorange.gif) left 9px no-repeat;
background:url(../images/dot-darkorange.gif) left 9px no-repeat;
color:#61615f;
text-align:left;}
.xyBody i{
font-style:normal;
letter-spacing:1px;
display:inline-block;
width:70px;
color:#684438;}


.colOne {
width:373px;
background:url(../images/colone-bbg1.jpg) left top no-repeat;}
	.oneTitle {
	text-align:left;
	padding:0 10px 0 10px;
	height:90px;}
	.oneTitle b {
	display:block;
	color:#694427;}
	.oneTitle b a{
	float:right;}
	.oneTitle p i{
	display:inline-block;
	width:78px;
	font-style:normal;}
	.oneTitle p {
	font-size:11px;
	padding:6px 0 0;
	line-height:20px;
	color:#454646;}
	.oneTitle p a{
	display:block;
	line-height:20px;
	color:#6b4526;}
	.newDiv0412 .support {
	display:block;
	width:100%;
	color:#fefef3;
	clear:both;
	font-size:5px;
	line-height:5px;
	height:5px;
	overflow:hidden;}
	.newDiv0412 {
	width:100%;
	padding-bottom:6px;
	text-align:left;}
	.oneBody {
	width:100%;
	overflow:auto;}
	.oneBody a{
	display:inline-block;
	float:left;
	width:125px;
	height:41px;
	padding-right:3px;
	line-height:41px;}
	.oneBody a:hover{
	background-position:left top;}
	.T1 {
	background:url(../images/tz1.gif) left bottom no-repeat;}
	.T2 {
	background:url(../images/tz2.gif) left bottom no-repeat;}
	.T3 {
	background:url(../images/tz3.gif) left bottom no-repeat;}
	.T4 {
	background:url(../images/tz4.gif) left bottom no-repeat;}
	.T5 {
	background:url(../images/tz5.gif) left bottom no-repeat;}
	.T6 {
	background:url(../images/tz6.gif) left bottom no-repeat;}
	.T7 {
	background:url(../images/tz7.gif) left bottom no-repeat;}
	.T8 {
	background:url(../images/tz8.gif) left bottom no-repeat;}
	.T9 {
	background:url(../images/tz9.gif) left bottom no-repeat;}
	.T10 {
	background:url(../images/tz10.gif) left bottom no-repeat;}
	.oneLast {
	width:105px;
	border:1px solid #d2cba0;
	float:right;}
	.oneLast input{
	width:105px;
	height:139px;
	padding:0;
	margin:0;
	vertical-align:bottom;}
	.oneLast img{
	width:105px;
	height:139px;
	vertical-align:bottom;}
	.oneLast b{
	text-align:center;
	display:block;
	line-height:32px;
	color:#2d2d2d;
	background:url(../imagse/onelast-b.gif) left top repeat-x;
	border-top:1px solid #d2cba0;}
.colTwo {
background:url(../images/coltwo-bg.jpg) white left top no-repeat;
width:265px;}
	.colTitle {
	text-align:left;
	height:35px;
	margin:0 11px 0 10px;}
	.colSet .colTitle img{
	padding:0;
	display:inline-block;
	float:left;
	width:auto;}
	.colTitle a{
	display:inline-block;
	float:right;
	padding:25px 0 0;}
	.colTwo ul {
	padding:5px 0 0;}
	.colTwo li {
	text-align:left;
	list-style:square outside;
	margin-left:25px;}
	.colTwo li a{
	color:black;
	line-height:20px;}
.colThree {
text-align:center;
line-height:16px;
background:url(../images/colthree-bg.jpg) left top white repeat-x;
width:160px;}
	.imgDivCol3 {
	text-align:center;
	padding:13px 0 5px;}
	.colThree .imgDivCol3 img{
	border:1px solid #8f7a5a;
	width:140px;
	padding:0;}
	.colThree img{
	padding:13px 0 5px;}
	.colThree b{
	text-align:left;
	font-weight:300;
	display:block;
	color:#8f7a5a;
	padding-left:10px;}
	.colThree p {
	text-align:left;
	padding-left:10px;
	color:#747474;}
.colFour {
float:right;
width:180px;}
	.colFour .support {
	float:left;
	color:white;
	padding:0;
	font-size:10px;
	display:block;
	height:20px;
	width:10px;}
	.colFour a{
	float:right;
	width:170px;
	padding:0 0 7px;
	display:block;}
	.colFour a img{
	border:1px solid #dedcc5;
	vertical-align:bottom;}

.footerDiv {
color:#726852;
text-align:left;
line-height:16px;}
	.footerDiv a, .footerDiv span, .footerDiv div i{
	font-style:normal;
	color:#927433;}
	.footerDiv div {
	padding-left:22px;}
	.footerDiv .support{
	color:#e9e7dd;}

.wbSlide{
clear:both;
width:990px;
height:70px;}
	.wbLeft, .wbRight {
	float:left;
	text-align:center;
	width:12px;
	height:50px;}
	.wbLeft img, .wbRight img {
	cursor:pointer;}
	.wbPanel {
	float:left;
	width:966px;
	height:50px;
	overflow:hidden;}
	.wbItem div{
	float:left;
	width:138px;
	height:50px;
	text-align:center;}

/**********************       page.html       *****************************/
.pageContentDiv {
width:990px;
padding-bottom:10px;}
	.pageContentDiv img{
	vertical-align:bottom;}
	.pageImg01{
	z-index:1;
	position:relative;
	padding-left:5px;
	text-align:left;
	width:230px;
	height:195px;}
	.floatImg {
	position:absolute;
	left:-2px;
	top:0;}
	.pageImg02{
	width:750px;
	height:195px;
	padding-left:5px;}
.pageLeftDiv {
width:230px;
padding:6px 0 0 5px;}
	.pageLeftDiv div.support {
	text-indent:-9999px;
	font-size:3px;
	height:6px;
	width:230px;}
	.pageLeftDiv div.support a{
	font-size:3px;
	float:left;
	color:white;
	line-height:1em;}
	.subMenu{
	padding:0 0 10px;}
	.subMenu b{
	display:block;
	width:230px;
	height:34px;
	text-indent:-9999px;
	cursor:pointer;}
	.subMenu li{
	vertical-align:bottom;
	line-height:34px;}
	.subMenu li li{
	border:0;
	background:url(../images/submenu-2nd-bg.gif) left top repeat-x;}
	.subMenu li a{
	font-size:15px;
	display:inline-block;
	color:white;
	padding-left:38px;}
	.subMenu li li a{
	color:black;}
	.hotKeys{
	width:210px;
	border:10px solid #d9d5c7;}
	.hotKeys b{
	display:block;
	font-weight:300;
	padding-left:13px;
	line-height:26px;
	border-bottom:1px solid #d9d5c7;}
	.hotKeys p{
	padding:5px;}
	.hotKeys a{
	color:black;
	padding:0 5px;
	line-height:26px;}
	.subBtn {}
	.pageLeftDiv .subBtn .support{
	width:230px;
	height:10px;
	line-height:10px;}
	.pageLeftDiv .subBtn .support a{
	color:white;
	display:block;
	width:100%;
	font-size:9px;}
	.subBtn p {
	width:115px;
	height:30px;
	float:left;}
	.subBtn p a{
	color:#2d2d2d;
	padding-left:10px;
	width:102px;
	display:block;
	line-height:27px;
	background:url(../images/pageleftbtn.gif) left top repeat-x;
	border:#d9d5c7 1px solid;}

.pageRightDiv {
width:725px;
padding:6px 25px 0 5px;}
	.breadCrumb{
	float:left;
	line-height:20px;
	padding:6px 0 0px;}
	.breadCrumb .support{
	color:white;}
	.breadCrumb, .breadCrumb a {
	color:#644e14;}
	.pageBodyNavi {
	float:left;
	border-top:1px solid white;
	border-bottom:1px solid white;
	text-align:center;
	background:url(../images/pagebodynavi-bg.gif) left top repeat-x;
	width:610px;
	height:47px;
	font-size:13px;
	color:#777572;}
	.pageBodyNavi .support {
	padding:0;
	font-size:9px;
	color:#e1dcd7;}
	.pageBodyNavi a {
	color:black;
	padding:0 10px;
	line-height:47px;}
	.printBtn {
	cursor:pointer;
	height:28px;
	float:right;}
	.pageContentTable {
	width:725px;
	padding:8px 0 0;
	clear:both;}
		.pageContentTable table {
		border:1px solid #e9e7dd;
		line-height:29px;}
		.pageContentTable table td {
		border-bottom:1px solid #e9e7dd;}
		.tableTitle {
		vertical-align:top;
		font-weight:700;
		width:101px;
		padding-left:18px;
		color:#6c5122;
		background-color:#f6f5f0;}
		.tableImg {
		width:228px;
		vertical-align:middle;}
		.tableImg img{
		border:1px solid #958c78;}
			/* wbPageSlide */
			.wbPageSlide{
			float:right;
			width:228px;}
			.wbPagePanel {
			width:228px;
			overflow:hidden;}
			.wbPageItem div{
			text-align:center;
			float:left;
			width:228px;}
			.wbPageItem div img{
			width:145px;}
			.wbPageBottom{
			clear:both;}
			.wbPageBlock{
			position:absolute;
			z-index:1;
			background-color:orange;
			left:0;
			bottom:0;
			width:20px;
			height:20px;}
			.wbPagePage{
			position:relative;
			z-index:2;
			float:right;
			display:inline-block;}
			.wbPagePage b{
			font-family:"微軟正黑體";
			position:relative;
			float:left;
			z-index:2;
			display:inline-block;
			cursor:pointer;
			text-align:center;
			width:20px;
			font-size:14px;
			height:20px;
			line-height:20px;}
		.tableText {
		color:black;
		padding:0 10px;
		border-right:1px solid #e9e7dd;}
		.tableText b{
		display:block;
		width:378px;
		font-size:15px;
		font-weight:300;
		color:#ab0b0b;}
		.tableText a{
		padding:0 10px 0 6px;
		color:#a68f65;
		text-decoration:underline;}
		.tableText li{
		list-style:outside decimal;
		margin-left:25px;}

/* 481 4.8.1 */
.page481 {
text-align:left;
line-height:36px;
border:1px solid #e9e7dd;}
.page481 .tSpace{
height:12px;}
.page481 td, .page481 th{
vertical-align:top;}
.pageRightDiv .page481 td, .page481 th{
border:0;}
.page481 th{
width:100px;
padding-left:100px;
font-weight:300;
color:#644e14;}
.page481 th b{
width:77px;
display:inline-block;
padding-left:10px;
font-weight:300;
background:url(../images/dot-brown.gif) left center no-repeat;}
.page481 p{
word-spacing:14px;
padding:10px 0 0;
text-align:center;
width:390px;}
.page481 p input{
width:76px;
cursor:pointer;
color:white;
height:25px;
line-height:25px;
background:#8e846a;
border:0;
text-align:center;}
.in134 , .in39 , .in268 , .inBox{
border:1px solid #cacaca;}
.in134 {
width:134px;}
.in39 {
width:39px;}
.in268 {
width:268px;}
.inBox {
float:left;
width:390px;
height:100px;}

.mity20, .LH20 {
float:left;
display:inline-block;
line-height:20px;}