@charset "UTF-8";
/* CSS Document */

/*取消 Html 原有樣式  reset.css ---------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;font-size: 12px;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
input.textfield1 { background-color: #DBD5C5; }


/* 文字*/
/* 排版*/
#warp{ width: 950px  ; margin-right: auto; margin-left: auto; padding: 7px; border: 1px solid #645b4e; }
#masthead { width: 952px; margin-right: auto; margin-left: auto; height: 85px; position: relative; }
#masthead  .logo { position: absolute; left: 35px; top: 2px; background-image: url(../images/logo.png)!important; background-image: url(../images/logo.jpg); height: 148px; width: 147px; }
#masthead .logo a { height: 100%; width: 100%; display: block; }
#masthead .logot { background-image: url(../images/logot.png)!important; background-image: url(../images/logot.jpg); height: 73px; width: 556px; position: absolute; left: 200px; top: 5px; }
#masthead .text { color: #DBD5C5; position: absolute; right: 0px; bottom: 15px; width: 230px; }


#warpinner{ border: 1px solid #645b4e; background-image: url(../images/bg2.jpg); background-repeat: repeat-y; background-position: left 0px; background-color: #DBD5C5; }

#sidebar{ float: left; background-image: url(../images/menu_bg.jpg); background-repeat: no-repeat; background-position: -1px top; min-height:864px; height: 100%  !important;height:864px; width: 205px; background-color: #000000; margin: 0px; }
#content{ width: 742px; float: left; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 1px; }
#clear{ clear: both;}

/* 共用*/
body{ background-image: url(../images/bg.jpg); font-family: "新細明體", "微軟正黑體"; }
/* 頁面*/
.index{}
.table1 { color: #231816; }
.table1 th, .table1 td { padding: 8px; border: 2px solid #DBD5C5; }

.table1 th { background-color: #b29b5e; text-align: center; }
.table1 td { background-color: #efd692; }


#navlink { color: #AF9759; text-decoration: none; margin-top: 57px; text-align: center; margin-bottom: 7px; }
#navlink a { color: #AF9759; text-decoration: none; }
#navlink a:hover { font-size: 12px; color: #FFFFFF; text-decoration: none; }
#meun { }
#meun a { text-decoration: none; color: #251f1b; display: block; padding-top: 15px; height: 28px!important;height: 27px; background-image: url(../images/menu_bg.png) !important; background-image: url(../images/menu_bg1.gif); background-repeat: no-repeat; text-align: center; font-size: 15px; font-weight: bold; margin-bottom: 1px; }
#meun a:hover { background-image: url(../images/menu_bg2.png) !important;background-image: url(../images/menu_bg2.gif); background-repeat: no-repeat; color: #333300; }
#banner { background-color: #443219; background-image: url(../images/banner_bg.jpg); background-repeat: repeat-y; padding: 8px; }
#search { background-image: url(../images/search_bg.jpg); height: 35px; color: #DBD5C5; }
#search .text { padding-top: 7px; padding-left: 20px; float: left; padding-right: 65px; position: relative; }
#search .text input { margin-right: 6px; margin-left: 6px; }
#search .text .btn { width: 50px; position: absolute; right: 0px; top: 7px; }
#search .text .btn a { background-image: url(../images/seachlogo.jpg); display: block; height: 22px; width: 50px; }
#search .text .btn a:hover { background-image: url(../images/seachlogo2.jpg); }
#search .more {
	position: absolute;
	top: 11px;
	right: -271px;
	width: 90px;
	text-decoration: none;
	font-weight: bold;
}
#search .more a {
	color: #C8B477;
}
#search .more a:hover { color: #FFFFFF; text-decoration: none; }

h1{ background-image: url(../images/hdbg.jpg); background-repeat: repeat-x; position: relative; color: #E2D69A; text-align: left; text-decoration: none; display: block; clear: both; width: 100%; background-position: top; margin-bottom: 10px; }
h1 .more { position: absolute; top: 10px; right: 10px; }
h1 span { visibility: hidden; }

h1 .more a { color: #C8B477; }
h1 .more a:hover { color: #FFFFFF; text-decoration: none; }

ul.booklist  { clear: both; width: 95%; margin-right: auto; margin-left: auto; }
ul.booklist li { background-image: url(../images/book_bg.jpg); height: 200px; width: 119px; background-repeat: no-repeat; text-align: center; float: left; margin-right: 10px; margin-left: 10px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
ul.booklist .line { height: 10px; clear: both; display: block; width: 95%; margin-bottom: 15px; background-image: url(../images/line.jpg); background-repeat: no-repeat; }
ul.booklist p { margin-bottom: 5px; }
ul.booklist li img { margin-left: 9px; clear: both; margin-top: 8px; margin-right: 11px; margin-bottom: 15px; }
ul.booklist  li a { color: #332822; text-decoration: underline; display: block; }
#page { text-align: center; clear: both; margin-top: 20px; display: block; width: 100%; margin-bottom: 20px; }
#page a { margin-right: 5px; margin-left: 5px; text-decoration: underline; color: #6D512C; }
#p_sitemap { margin-left: 15px; }
#p_sitemap ul { position: relative; height: 506px; width: 709px; background-image: url(../images/sitemaps.jpg); }
#p_sitemap ul li a { font-size: 15px; color: #FFFFFF; text-decoration: none; }
#p_sitemap ul li a:hover { color: #EFD47F; }
#p_sitemap .class1 a,
#p_sitemap .class2 a,
#p_sitemap .class3 a,
#p_sitemap .class4 a,
#p_sitemap .class5 a,
#p_sitemap .class6 a,
#p_sitemap .class7 a,
#p_sitemap .class8 a{ font-size: 12px; color: #231816; }
#p_sitemap .class1 a:hover ,
#p_sitemap .class2 a:hover ,
#p_sitemap .class3 a:hover ,
#p_sitemap .class4 a:hover ,
#p_sitemap .class5 a:hover ,
#p_sitemap .class6 a:hover ,
#p_sitemap .class7 a:hover ,
#p_sitemap .class8 a:hover { color: #990000; }
#p_sitemap  .text{ background-image: url(../images/sitemaps.jpg); background-repeat: no-repeat; height: 507px; }
#p_sitemap .bg { background-image: url(../images/sitemap_bg.jpg); background-repeat: no-repeat; height: 159px; }
#p_sitemap li.index { position: absolute; top: 200px; left: 40px; letter-spacing: 1em; }
#p_sitemap li.about{ position: absolute; left: 300px; top: 13px; }
#p_sitemap li.about2{ position: absolute; left: 300px; top: 75px; }
#p_sitemap li.news{ position: absolute; left: 300px; top: 136px; }
#p_sitemap li.class{ position: absolute; left: 300px; top: 195px; }
#p_sitemap li.class1{ position: absolute; left: 590px; top: 18px; }
#p_sitemap li.class2{ position: absolute; left: 590px; top: 80px; }
#p_sitemap li.class3{ position: absolute; left: 590px; top: 140px; }
#p_sitemap li.class4{ position: absolute; left: 590px; top: 203px; }
#p_sitemap li.class5{ position: absolute; left: 590px; top: 263px; }
#p_sitemap li.class6{ position: absolute; left: 590px; top: 323px; }

#p_sitemap li.class7{ position: absolute; left: 590px; top: 383px; }
#p_sitemap li.class8{ position: absolute; left: 590px; top: 443px; }
#p_sitemap li.askprice{ position: absolute; left: 300px; top: 255px; }
#p_sitemap li.business{ position: absolute; left: 300px; top: 315px; }
#p_sitemap li.contact{ position: absolute; left: 300px; top: 378px; }
#p_sitemap  li.sitemap{ position: absolute; left: 300px; top: 438px; }
#p_business,#p_bookview,#p_contact,#p_askprice,#p_about,#p_advanced { margin-left: auto; margin-top: 15px; width: 91%; margin-right: auto; }

#p_advanced .text {
	line-height: 1.5em;
	color: #674d2a;
	margin-bottom: 30px;
	padding: 10px 10px 0 20px;
}
#p_advanced .text2 {
	color: #674d2a;
	margin-left: 28px;
	padding: 10px 10px 0 0;
}
#p_advanced .text3 {
	color: #674d2a;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #333333;
	height: 200px;
	padding: 10px 10px 0 28px;
	_padding: 10px 10px 0 0;
}
#p_advanced .text4 {
	margin:0 0 0 8px;
	padding:0 0 4px 0;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #333333;
}
#p_advanced .text2 p {
	color: #674d2a;
	padding:0 0 0 15px;
	font-size: 13px;
	font-weight: bold;
	background: url(../images/icon.png) no-repeat 0 3px;
	*background: url(../images/icon.png) no-repeat 0 2px;
	background: url(../images/icon.png) no-repeat 0 2px\*9;
}
#p_advanced .text2 .keyin {
	background: url(../images/advbg.gif) no-repeat 0 0;
	height: 47px;
	width: 575px;
	float: left;
	margin: 5px 0 0 10px;
	padding: 9px 0 0 27px;
}
#p_advanced .text2 select {
	width:113px;
	height: auto;
}
#p_advanced .text2 input {
	width:328px;
	margin:0 0 0 10px;
	height: 16px;
}
#p_advanced .keyin a {
	margin:6px 0 0 15px;
	width:87px;
	background: url(../images/askprice_btn3-1-2.png) no-repeat 0 0;
	float: left;
	height: 33px;
}
#p_advanced .keyin a:hover {
	background: url(../images/askprice_btn3-2-2.png) no-repeat 0 0 ;

}
#p_advanced h2 {
	background-image: url(../images/business_hd2.jpg);
	background-repeat: no-repeat;
	color: #DBD5C5;
	padding: 10px 15px 20px 40px;
	font-weight: normal;
}
#p_advanced em {
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
}
#p_advanced .text3 table {
	width:558px;
	float: left;
	margin: 0 0 0 32px;
	background-color: #aea588;
	height: 178px;
}
#p_advanced .text3 td {
	background-color: #ece6d5;
	padding: 3px;
	border: 1px solid #aea588;
}
#p_advanced .btn{
	margin-top: 10px;
	float: right;
}
#p_advanced .btn a{
	float: left;
	height: 18px;
	width: 58px;
	color: #d8c288;
	background: url(../images/askprice_btn4-1.png) no-repeat;
	text-align: center;
	padding-top: 2px;
	text-decoration: none;
	margin-right: 3px;
}
#p_advanced .btn a:hover{
	background: url(../images/askprice_btn4-2.png) no-repeat;
	color: #000000;
}
#p_advanced .btn span a{
	height: 33px;
	width: 87px;
	background: url(../images/askprice_btn5-1.png) no-repeat;
	padding: 2px;
}
#p_advanced .btn span a:hover{
	background: url(../images/askprice_btn5-2.png) no-repeat;
}
#p_advanced .text4 td{
	line-height: 20px;
}
#p_advanced .text4 td a{
	float: left;
	height: 18px;
	width: 58px;
	color: #d8c288;
	background: url(../images/askprice_btn4-1.png) no-repeat ;
	text-align: center;
	text-decoration: none;
	margin: 2px 0 0 8px;;
	line-height: 18px;
}

#p_advanced .text4 td a:hover{
	background: url(../images/askprice_btn4-2.png) no-repeat ;
	color: #000000;
}
#p_advanced .number{
	float: left;
	margin: 15px 0 0 0px;
	height: 20px;
	width: 675px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#p_advanced .number a{
	text-decoration: none;
	margin-left: 5px;
	color: #333333;
}
#p_advanced .number a:hover{
	color: #96703D;
	text-decoration: underline;
}


#p_business .text { line-height: 1.5em; color: #674d2a; padding-left: 40px; margin-bottom: 50px; }
#p_business h2 { background-image: url(../images/business_hd2.jpg); background-repeat: no-repeat; color: #DBD5C5; padding-top: 10px; padding-right: 15px; padding-bottom: 20px; padding-left: 40px; }
#p_bookview { }
#p_bookview #panl1 { height: 250px; clear: both; position: relative; }
#p_bookview  #panl1 .bookpic { background-image: url(../images/bookview_picbg.jpg); background-repeat: no-repeat; height: 210px; width: 165px; float: left; margin-left: 30px; }
#p_bookview #panl1 .bookpic img { margin-top: 10px; margin-left: 17px; }
#p_bookview #panl1 .booktext { float: left; width: 400px; margin-left: 20px; }
#p_bookview #panl1 .booktext p { margin-left: 20px; line-height: 1.5; }


#p_bookview #panl1 .booktext h1 { font-size: 19px; color: #231816; background-image: none; padding: 0px; }
#p_bookview #panl1 .booktext .btn { margin-top: 10px; margin-left: 10px; }
#p_bookview #panl2 .text { padding-top: 10px; padding-right: 20px; padding-bottom: 30px; padding-left: 20px; line-height: 1.5; }
#p_contact #panl1 { background-image: url(../images/contact_p1.jpg); background-repeat: no-repeat; height: 185px; position: relative; }
#p_contact #panl1 .text { line-height: 1.5; top: 100px; position: absolute; left: 5px; font-size: 13px; }
#p_contact #panl2 { background-color: #d2bba0; padding: 15px; margin-bottom: 29px; }
#p_contact  #panl2   td { padding: 8px; }
#p_contact #panl2 .text a { color: #990000; }
#p_askprice #panl1 .text { width: 688px; margin-right: auto; margin-left: auto; }
#p_askprice #panl1 .text .topbar { background-image: url(../images/askprice_table1.jpg); height: 9px; }
#p_askprice #panl1 .text .cenbar { background-image: url(../images/askprice_table2.jpg); background-repeat: repeat-y; padding-right: 15px; padding-left: 13px; }
#p_askprice #panl1 .text .btnbar { background-image: url(../images/askprice_table3.jpg); background-repeat: no-repeat; height: 14px; }
#p_askprice #panl1 .totle { padding: 8px; clear: both; text-align: right; border-top-width: 1px; border-top-style: dashed; border-top-color: #46321A; margin-top: 10px; line-height: 1.5; }
#p_askprice #panl1 .totle strong { font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-weight: bold; color: #990000; margin-right: 5px; margin-left: 5px; }
#p_askprice #panl2 td { padding: 8px; }
#p_askprice #panl2 { line-height: 1.5; }
#p_askprice #panl2 a { color: #990000; }
#p_about .bg { background-image: url(../images/aboutbg.jpg); height: 171px; }
#p_about .text { background-image: url(../images/about01.jpg); padding-top: 150px; background-repeat: no-repeat; padding-left: 15px; line-height: 1.5; color: #6f4723; }
#p_about .text img { margin-top: -30px; padding-bottom: 10px; padding-left: 10px; }


.text a {
	color:#674d2a;
	text-decoration: none;
}
.text a:link,.text a:visited{
	color:#674d2a;
	text-decoration: none;
}
.text a:hover,.text a:active{
	color:#FF9900;
	text-decoration: none;
}