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

#flash_bookcase{
    margin:0 0 10px 5px;
	clear:both;
}
/*------------------------首頁促銷模組-------------------------------*/
#PromoteBanner{ width:980px; height:275px; padding:10px 9px; clear:both; border:#dfdfdf 1px solid; margin:0 0 5px 0; *margin:3px 0 5px 0; background-image:url(../images/promotebanner_bg.jpg); font-size:12px; line-height:16px; overflow:hidden;}
#PromoteBanner a{ text-decoration:none;}
#PromoteBanner a:hover{ *text-decoration:underline;}
.iReadOfTheDay{ display:block; width:135px; clear: both; float:left;}
.iReadOfTheDay li{ display:block; padding:0 1px 5px 1px; *padding:0 1px 1px 1px;}
.iReadOfTheDay li a{ text-decoration:none; color:#630; display:block;}
.iReadOfTheDay li a:hover{ text-decoration:underline; caption-side:#333333;}
.iReadOfTheDay li a img{ border:#555555 solid 4px; width:125px; height:55px; clear:both;}
.iReadOfTheDay li a:hover img{ border:#333 solid 4px;}

.SpecialPlanning{ width:190px; height:220px; padding:53px 25px 10px 25px; float:right; background-image:url(../images/promotebanner_SP.gif); background-repeat:no-repeat;}
.SpecialPlanning li{ padding-top:3px; border-bottom:#cccccc dotted 1px;}
.SpecialPlanning li a{ display:block; padding-left:10px; line-height:18px; color:#ff244d; text-decoration:none; background-image:url(../images/dot03.gif); background-repeat:no-repeat; background-position:left 5px;  font-size:12px; _height:1%; _dispaly:inline_block; padding-bottom:2px;}
.SpecialPlanning li a:hover{ color:#1c8da5;}


.CENTER{ margin-right:240px; margin-left:140px;}
.CENTER object{ _width:584px;}
.FlashShowCase{ height:230px; _height:228px; border:#bbaa99 5px solid; margin-bottom:10px; _display:inline-block;}
.HOT{ display:block; overflow:auto; background-image:url(../images/promotebanner_HOT.gif); background-repeat:no-repeat; background-position:left top; height:18px; padding-left:80px; padding-top:2px; font-size:13px;}
.HOT li{ float:left; padding:0 5px; border-right:#555555 solid 1px;}
.HOT li a{ text-decoration:none; color:#1c8da5; white-space:nowrap; line-height:16px;}
.HOT li a:hover{ text-decoration:underline;}

/*---首頁頁籤切換---*/
.ImgTab {cursor: pointer;}€

.MsgHide {
	display:none;
}

.MsgHide ul {
    color:#333333;
	line-height:16px;
	font-size:12px;
	margin:0 0 20px 0;
	padding:0;
}

.MsgHide li {
	margin:0 0 10px 26px;
	padding:0;
	list-style:url(../images/arrow2.gif);
}

.MsgHide h6{
	margin:0 0 10px 0;
	padding:0 0 0 26px;
        font-size:12px;
        font-weight:normal;
	background:url(../images/quiz_bg.jpg) no-repeat;
}

.MsgHide p {
	margin:0 0 10px 0;
	padding:0 0 0 26px;
	background:url(../images/quiz_bg.jpg) no-repeat;
}

/*--------------------------------------首頁廣告專區----------------------------------------*/
#add_banner{
	display:block;
	padding:0 0 10px 0;	
}
#add_banner h2{ display:block; height:45px; background:url(../images/module_gray_head.jpg) no-repeat left top; text-indent:-9999px;}
#add_banner li{ width:182px; display:block; padding:4px 12px 0 13px; background:url(../images/module_gray_bg.jpg) repeat-y left top;}
#add_banner a{ display:block; line-height:18px; text-decoration:none; padding-bottom:2px; color:#716226;}
#add_banner a:hover{ color:#333;}
#add_banner a img{
	margin:0;
	width:180px;
	height:80px;
}
#add_banner p.BottomPic{ display:block; background:url(../images/module_gray_botm.jpg) no-repeat left top; height:25px; *margin:0 -13px; }

#add_links{
	display:block;
	padding:0 0 10px 0;	
}
#add_links h2{ display:block; height:45px; background:url(../images/module_blue_head.jpg) no-repeat left top; text-indent:-9999px;}
#add_links li{ width:182px; display:block; padding:4px 12px 0 13px; background:url(../images/module_blue_bg.jpg) repeat-y left top;}
#add_links a{ display:block; line-height:18px; text-decoration:none; padding-bottom:2px; color:#666;}
#add_links a:hover{ color:#333;}
#add_links a img{
	margin:0;
	width:180px;
	height:60px;
}
#add_links p.BottomPic{ display:block; background:url(../images/module_blue_botm.jpg) no-repeat left top; height:25px; *margin:0 -13px; }


#add_banner_right{
	margin:0 0 20px 3px;
}

#add_banner_right img{
	margin:0 0 2px 0;
}

.left_list_text2{
        background-image:url(../images/left_list_bg2.jpg); 
	background-position:left top; 
	background-repeat:no-repeat;
	width:190px;
	margin:0 0 0 4px;
	padding-bottom:10px;
}

.left_list_text2 ul{
    margin:0 0 0 4px;
    border:0px;
}

.left_list_text2 img{
    margin:0 0 0 -14px;
}

.left_list_text2 li{
	color:#f68319;

}

.left_list_text2 a,
.left_list_text2 a:link,
.left_list_text2 a:visited{color:#333333; text-decoration:none;}
.left_list_text2 a:hover{color:#f68319; text-decoration:none;}

/*--在此搜尋結果下再查詢 專屬用--*/
.left_list_text3{
        color:#333333;
}

.left_list_search_bar2{
        background:url(../images/search_bar.gif) no-repeat scroll;
        border:0;
	width:88px;
	height:17px;
	padding:3px 4px 0 4px;
        margin:10px 0 10px 18px;
	color:#333333;
}

.go_btn{
        margin:0 0 0 5px;
        padding:0;
        vertical-align:middle;
}

.left_list_textbox{
	margin:10px 0 10px -3px;
}

.left_list_textbox img{
	float: left;
	margin:0 3px 0 0;
}

.left_list_textbox h1{
	color:#f68319;
	font-size:12px;
	font-weight:normal;
	margin:0 0 0 83px;
}

.left_list_textbox p{
	color:#333333;
	margin:0 0 0 102px;
}

.left_list_textbox a,
.left_list_textbox a:link,
.left_list_textbox a:visited{ color:#f68319; text-decoration:none;}
.left_list_textbox a:hover{ color:#f68319; text-decoration:underline;}

.left_list_search_bar{
    background:url(../images/search_bar.gif) no-repeat scroll;
    border:0;
	width:88px;
	height:17px;
	padding:3px 4px 0 4px;
	color:#333333;
}
/*---------首頁電子報輸入---------------*/
.left_list_search_bar3{
    background:url(../images/search_bar3.gif) no-repeat scroll;
    border:0;
	width:107px;
	height:17px;
	padding:3px 4px 0 4px;
	margin-top:5px;
	color:#333333;
}
/*---書籍13分類用---*/
.icon_blank {
	margin: 5px 5px 5px 15px;
	padding:0 0 2px 0;
	height: auto;
	line-height: 18px;
	border-bottom:1px dotted #999999;
	font-size:14px;
}
/*---書籍119細分類用---*/
.icon_blank2 {
	margin: 5px 5px 5px 33px;
	height: auto;
	line-height: 17px;
	border-bottom:1px dotted #999999;
}
/*---------------------------------------一周特價表------------------------------------------*/
#Weekly_bargain{ overflow:auto; clear:both; margin:0 0 15px 0; border:#cccccc solid 1px;}
#Weekly_bargain h3{ padding:10px 0 0 30px; font-size:15px; line-height:20px; background-image:url(../images/icon_book2.gif); background-repeat:no-repeat; background-position:10px 80%;}
#Weekly_bargain .BOX2{ list-style:none; padding:0; margin:0; } /*--甇賊--*/
#Weekly_bargain .BOX2{ display:block; width:133px; padding:10px 0 5px 0;; font-weight:normal; margin:0 0 0 8px; _margin:0 0 0 6px; float:left;}
#Weekly_bargain .BOX2 li{ margin-bottom:3px;}
#Weekly_bargain .BOX2 .BookCover{ padding-left:5px; margin-top:8px;}
#Weekly_bargain .BOX2 .BookCover img{ width:100px; height:130px; margin:0 auto; }
#Weekly_bargain .BOX2 .BookCover a img{ filter:alpha(opacity=100); opacity: 1; border:#dfdfdf solid 5px;}
#Weekly_bargain .BOX2 .BookCover a:hover img{ filter:alpha(opacity=70); opacity: 0.7;}
#Weekly_bargain .BOX2 .BookTitle{ padding-left:5px; line-height:18px; font-size:12px;}
#Weekly_bargain .BOX2 .BookTitle a{ color:#f68319; text-decoration:none; margin:5px 0; font-weight:bold;}
#Weekly_bargain .BOX2 .BookTitle a:hover{ text-decoration:underline;}
#Weekly_bargain .BOX2 .Author{ padding-left:4px;  font-size:12px; color:#555555; line-height:16px;}
#Weekly_bargain .BOX2 .Price{ padding-left:4px;  line-height:16px; font-size:12px;}
#Weekly_bargain .BOX2 li.BTN{ padding:0 0 5px 10px;}
#Weekly_bargain .BOX2 .PAST{ background-color:#f6f6f6; padding:10px 5px 5px 5px; background-image:url(../images/BargainBOX_past_bg_01.gif); background-position:left top; background-repeat:no-repeat;}
#Weekly_bargain .BOX2 .PAST .Date{ background-image:url(../images/BargainDate_past_bg.gif); background-repeat:no-repeat; background-position:left top; height:24px; line-height:24px; text-align:center; color:#555555;}
#Weekly_bargain .BOX2 .Bottom{ display:block; background-image:url(../images/BargainBOX_past_bg_03.gif); background-repeat:no-repeat; background-position:left bottom; height:28px; padding-left:20px;}
#Weekly_bargain .BOX2 .TODAY{ background-color:#fbf0e4; padding:10px 5px 5px 5px; background-image:url(../images/BargainBOX_today_bg_01.gif); background-position:left top; background-repeat:no-repeat;}
#Weekly_bargain .BOX2 .TODAY .Date{ background-image:url(../images/BargainDate_today_bg.gif); background-repeat:no-repeat; background-position:left top; height:24px; line-height:24px; text-align:center; color:#ffffff;}
#Weekly_bargain .BOX2 .BottomToday{ display:block; background-image:url(../images/BargainBOX_today_bg_03.gif); background-repeat:no-repeat; background-position:left bottom; height:28px; padding-left:15px;}
#Weekly_bargain .BOX2 .UPCOME{ background-color:#f2fafc; padding:10px 5px 5px 5px; background-image:url(../images/BargainBOX_upcomming_bg_01.gif); background-position:left top; background-repeat:no-repeat;}
#Weekly_bargain .BOX2 .UPCOME .Date{ background-image:url(../images/BargainDate_upcomming_bg.gif); background-repeat:no-repeat; background-position:left top; height:24px; line-height:24px; text-align:center; color:#ffffff;}
#Weekly_bargain .BOX2 .BottomUpcome{ display:block; background-image:url(../images/BargainBOX_upcomming_bg_03.gif); background-repeat:no-repeat; background-position:left bottom; height:28px; padding-left:20px;}


#middle{
    width:534px;
	margin:15px 9px 0 9px;
	float:left;
}
.adBN{ height:50px; border:#dfdfdf solid 1px;}
.middle_title1{
	width:522px;
	padding:5px 0px 7px 12px;
	margin:10px 0 0 0;
    color:#333333;
	text-align: left;
	font-size: 16px;
	font-weight:bold;
	float:left;
	background:url(../images/middle_title1.jpg) no-repeat 0px 10px;
	*background:url(../images/middle_title1.jpg) no-repeat 0px 8px;
}

.middle_title1 em{
    background-color:#FFFFFF;
	font-style:normal;
	padding:0 4px 0 4px;
}

.middle_title2{
	width:320px;
	padding:5px 0px 7px 10px;
    color:#333333;
	text-align: left;
	font-size: 18px;
	font-weight:bold;
	float:left;
}
.middle_CataTile{
	width:532px;
	height:25px;
	padding:15px 0px 5px 10px;
    color:#333333;
	line-height:25px;
	text-align: left;
	font-size: 16px;
	font-weight:bold;
	float:left;
	background:url(../images/middle_CataTile_bg.jpg) left top no-repeat;
}
.middle_title_more{
    color:#f68319;
	font-size:12px;
	font-weight:normal;
	text-align: right;
	width:150px;
    background:url(../images/more.gif) 155px 3px no-repeat;
	padding:0 21px 0 0;
	margin:0 10px 0 0;
	*margin:-16px 10px 0 0;
	float:right;
}

.middle_title_more2{
    color:#f68319;
	font-size:12px;
	text-align: right;
	width:150px;
    background:url(../images/more.gif) 155px 3px no-repeat;
	padding:0 21px 7px 0;
	margin:-30px 10px 0 0;
	float:right;
}

.middle_title_more a,
.middle_title_more a:link,
.middle_title_more a:visited{ color:#f68319; text-decoration:underline;}
.middle_title_more a:hover{ color:#f68319; text-decoration:none;}

.middle_dotted_line{
    margin:0 10px 0 10px;
    _margin:-12px 10px 0 10px;
	padding:5px 0 0 0;
	height:5px;
	border-bottom:1px dotted #999999;
	clear:both;
}

.middle_text{
	width:532px;
	background:url(../images/middle_text_bg.jpg) bottom repeat-x;
    background-color:#ffffff;
	border:1px solid #cccccc;
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	float:left;
}

.middle_text h1{
    margin:12px 10px 0 10px;
	padding:0 0 0 18px;
	font-size:15px;
	color:#333333;
        background:url(../images/icon_book2.gif) no-repeat 0px 2px; 
}

.middle_text ul{
    color:#333333;
	font-size:13px;
	font-weight:bold;
	margin:10px 0 0 0;
	float:left;
    padding:0;
}

.middle_text p{
	color:#333333;
	float:left;
	margin:10px 10px 0 0;
    padding:0;
	width:378px;
}
.middle_text a{ text-decoration:underline; color:#f68319;}
.middle_text a:hover{ text-decoration:none; color:#f68319;}

.LatesIssues{ display:block; margin:0; padding:10px 0; width:530px;}
.LatesIssues table{ width:530px; _width:520px;}
.LatesIssues td{ border:#DFDFDF 1px solid; background-image:url(../images/CateTag_BG.gif); background-repeat:repeat-x; background-position:left top; caption-side:bottom; border-right:#cccccc solid 1px;}
.LatesIssues a{ display:block; padding:2px 5px; text-decoration:none; }
.LatesIssues a:hover{text-decoration:none;}
.LatesIssues a h4{ line-height:22px; font-size:12px; color:#333333; padding-left:10px; background-image:url(../images/dot02.gif); background-repeat:no-repeat; background-position:left 50%;}
.LatesIssues a:hover h4{ color:#f68319;}
.LatesIssues a h4 span{ font-size:11px; display:inline-block; font-weight:normal; width:50px; margin-right:5px; text-align:center; border:#dfdfdf 1px solid; color:#ffffff;line-height:14px; background-image:url(../images/chart_th_bg.gif); background-position:left 50%; background-repeat:repeat-x;}
.LatesIssues a p{ width:240px; margin:0; padding:0; float:none; line-height:18px; color:#666666;}


.middle_text .EditorsRecomm1{ width:260px; overflow:auto; float:left; margin:10px 0 10px 2px;_overflow-x: hidden; _overflow-y: hidden; *padding-bottom:10px;}
.middle_text .EditorsRecomm{ width:260px; overflow:auto; float:left; margin:10px 0 10px 2px; border-left:#dfdfdf 1px dotted; _overflow-x: hidden; _overflow-y: hidden; *padding-bottom:10px; }
.middle_text .EditorsRecomm1 p, .middle_text .EditorsRecomm p{ display:block; width:120px; float:right; line-height:18px; color:#555555; margin:0; padding:5px 5px 0 2px; *padding:5px 5px 0 0;}

.middle_text .BOX{ list-style:none; padding:0; margin:0; } /*--甇賊--*/
.middle_text .BOX{ display:block; width:123px; padding:10px 0 5px 0;; font-weight:normal; margin:0 0 0 8px; _margin:0 0 0 6px;}
.middle_text .BOX li{ margin-bottom:3px;}
.middle_text .BOX .CATAtag{ font-weight:bold; text-align:center; line-height:24px;}
.middle_text .BOX .CATAtag a{ display:block; color:#06C; font-size:12px; letter-spacing:1px; border:#dfdfdf 3px double; border-left:none; border-right:none; padding:2px 2px 0 0; text-decoration:none; line-height:24px; height:24px;}
.middle_text .BOX .CATAtag a:hover{ color:#333333; background-color:#f6f6f6;}
.middle_text .BOX .PROMOTE{ color:#666666; line-height:17px; font-size:12px; text-align:center; margin:5px; height:51px;}
.middle_text .BOX .BookCover{ padding-left:5px; }
.middle_text .BOX .BookCover img{ width:100px; height:130px; margin:0 auto; }
.middle_text .BOX .BookCover a img{ filter:alpha(opacity=100); opacity: 1; border:#dfdfdf solid 5px;}
.middle_text .BOX .BookCover a:hover img{ filter:alpha(opacity=70); opacity: 0.7;}
.middle_text .BOX .BookTitle{ padding-left:5px; line-height:18px; font-size:12px;}
.middle_text .BOX .BookTitle a{ color:#f68319; text-decoration:none; margin:5px 0;}
.middle_text .BOX .BookTitle a:hover{ text-decoration:underline;}
.middle_text .BOX .Author{ padding-left:4px; font-size:12px; color:#555555; line-height:16px;}
.middle_text .BOX .Price{ padding-left:4px;  line-height:16px; font-size:12px;}
.middle_text .BOX .Price2{ padding-left:4px; color:#666666; display:block; line-height:16px;}
.middle_text .BOX .Price2 .DEL{ display:inline-block; height:9px; border-bottom:#cccccc 1px solid; }
.middle_text .BOX li.BTN{ padding:0 0 5px 10px;}
/*鈭*/
.center_text1 ul{ float:left; list-style:none;}
.center_text1 .BOX{ display:block; width:138px; padding:10px 1px 5px 1px; font-weight:normal; margin:0 0 12px 10px; _margin:0 0 10px 7px; }
.center_text1.BOX li{ display:block;}
.center_text1 .BOX .PROMOTE{ color:#666666; line-height:17px; font-size:12px; text-align:center; margin:5px;}
.center_text1 .BOX .BookCover{ padding-left:15px; margin-top:8px;}
.center_text1 .BOX .BookCover img{ width:100px; height:130px; margin:0 auto; }
.center_text1 .BOX .BookCover a img{ filter:alpha(opacity=100); opacity: 1; border:#dfdfdf solid 5px;}
.center_text1 .BOX .BookCover a:hover img{ filter:alpha(opacity=70); opacity: 0.7;}
.center_text1 .BOX .BookTitle{ padding-left:10px; line-height:18px; font-size:12px;}
.center_text1 .BOX .BookTitle a{ display:block; color:#BC9838; text-decoration:none; padding:5px 0; _display:inline-block;}
.center_text1 .BOX .BookTitle a:hover{ text-decoration:underline;}
.center_text1 .BOX .Author{ padding-left:10px;  font-size:12px; color:#555555; line-height:16px;}
.center_text1 .BOX .Price{ padding-left:10px;  line-height:18px; margin:5px 0;}
.center_text1 .BOX li.BTN{ padding:0 0 5px 20px;}

#middle_text2{
    background:url(../images/arrow01.jpg) 0px 4px no-repeat;
	margin:10px 0 5px 10px;
	padding:0 0 0 15px;
	width:236px;
	float:left;
    color:#333333;
	line-height:18px;
}

#middle_text2 a,
#middle_text2 a:link,
#middle_text2 a:visited{ text-decoration:none; color:#333333;}
#middle_text2 a:hover{ text-decoration:underline; color:#333333;}

.middle_text4{
    float:left;
	color:#333333;
    padding:0 0 0 10px;
	width:123px;
	margin:10px 0 10px 0;
}

.middle_text4 h1{
	font-size:12px;
	font-weight:normal;
	color:#f68319;
	padding:0;
	margin:10px 10px 0 0;
	background:none;
}

.middle_text4 h2{
	height:150px;
}

.middle_text4 h3{
	font-size:12px;
	font-weight:normal;
	color:#f68319;
	padding:0;
	margin:10px 10px 0 0;
	background:none;
        height:42px;
}

.middle_text4 img{
    *margin:3px 0 0 0;
    width:98px;
}

.middle_text4 ul{
	font-weight:normal;
}

.middle_text4 p{
	color:#333333;
	margin:0;
	padding:0 12px 0 0;
	width:111px;
	_width:103px;
}

.middle_text4 a,
.middle_text4 a:link,
.middle_text4 a:visited{ color:#f68319; text-decoration:none;}
.middle_text4 a:hover{ color:#f68319; text-decoration:underline;}

.middle_text5{
   float:left;
	width:256px;
	_width:251px;
	margin:10px 10px 0 0;
	height:350px;	
}

.middle_text5 h1{
	display:block;
	line-height:18px;
	font-size:13px;
	color:#362D1F;
}

.middle_text5 p{
	color:#333333;
	line-height:18px;
    float:right;
	width:113px;
	_width:103px;
	margin:10px 10px 0 0;
	_margin:10px 5px 0 0;
}


.middle_text6{
    float:left;
	width:142px;
	*width:147px;
	margin:10px 10px 20px 0;
	*margin:10px 5px 40px 0;
	_margin:10px 5px 20px 0;
    padding-bottom:50px;
}

.middle_text6 h2{
	height:160px;
        margin:0;
	padding:0;
}

.middle_text6 h5{
	font-size:12px;
	font-weight:normal;
    text-align:left;
	height:48px;
	color:#f68319;
	padding:0;
    margin:0 0 5px 10px;
    width:120px;
}

.middle_text6 img{
        margin:0 0 0 10px;
	padding:2px;
        vertical-align:bottom;
        max-height:140px;
}

.middle_text6 h6{
	font-size:12px;
	font-weight:normal;
	color:#333333;
	padding:0;
	margin:0 0 0 10px;
        line-height:16px;
	width:130px;
	_width:103px;
}

.middle_text6 a,
.middle_text6 a:link,
.middle_text6 a:visited{ color:#f68319; text-decoration:none; cursor:pointer;}
.middle_text6 a:hover{ color:#f68319; text-decoration:underline;}

/*----*/

.add_cart_img{
    margin:10px 0 10px 0;
    vertical-align:bottom;
}

.middle_text7{
    float:left;
	width:131px;
	margin:10px 10px 30px 11px;
	_margin:10px 10px 30px 6px;
}

.middle_text7 h2{
    height:140px;
}

.middle_text7 h6{
    font-size:12px;
	font-weight:normal;
	padding:10px 0 0 0;
	height:30px;
}

.middle_text7 a{
     cursor:pointer;
}

/*---書籍圖片外框設定---*/
.book_pic_border {
   border:1px solid #999999;
	padding:2px;
	background-color:#ffffff;
   display:inline-block;
}

.book_pic_border2 {
        float:left;
        border:1px solid #999999;
	padding:2px;
	background-color:#ffffff;
}

.book_pic_border3 {
        float:left;
        border:1px solid #999999;
	padding:0;
	background-color:#ffffff;
}

/*---書籍圖片瀏覽區---*/
#book_browser{
    width:244px;
	float:left;
	margin:0 8px 0 0;
	_margin:0 0 0 0;
}

#book_browser_inside{
    width:242px;
	border:1px solid #dfdfdf;
	text-align:center;
	padding:20px 0 0 0;
	background-color:#fff;
}

#book_browser_inside img{
    border:1px solid #666666;
	padding:2px;
	background-color:#FFFFFF;
	margin-bottom:15px;
}

#book_browser_inside h1{
    display:block;
	 background-color:#f6f6f6;
	 padding:10px 0;
}

#book_browser_inside h1 img{
    border:0px;
	background-color:#f2f2f2;
	margin:0;
	margin-bottom:5px;
}
.CheckBTN{float:right;}
.CheckBTN a{ display:block; width:124px; margin:6px 34px 0 0; text-decoration:none; text-align:center; color:#222222; line-height:24px; background-image:url(../images/btn_bg_yellow.gif);}
.CheckBTN a:hover{ color:#06C;}
.SaveBTN{float:right;}
.SaveBTN a{ display:block; width:124px; margin:6px 34px 0 0; text-decoration:none; text-align:center; color:#222222; line-height:24px; background-image:url(../images/BargainDate_past_bg.gif);}
.SaveBTN a:hover{ color:#06C;}
#book_share{
    text-align:left;
	margin:10px 0 10px 25px;
	float:right;
	width:160px;
}

#book_share img{
    margin:6px 0 0 0;
}

/*---書籍資料區---*/
#book_info{
    width:320px;
	float:left;
	padding:0 10px 0 0;
	position:relative;
	z-index:10;
}

#book_info img{
    margin:0 1px 0 0;
}


#book_info h1{
    font-size:16px;
	line-height:20px;
	color:#333333;
	padding:0 10px 0 10px;
	width:260px;
	display:block;
}
#book_info .censor{
	display:block;
	position:absolute;
	width:40px;
	height:50px;
	left: 275px;
	top: 0;
	background:url(../images/censor.jpg) no-repeat left top;
	z-index:2;
}
#book_info h2{
    font-size:14px;
	line-height:20px;
	color:#ff0000;
	text-decoration:underline;
	padding:2px 10px;
}

#book_info h3{
    background-color:#333333;
	color:#FFFFFF;
	font-size:12px;
	font-weight:normal;
	padding:2px 0 2px 10px;
	margin:20px 192px 0 10px;
}

#book_info p{
    padding:10px 0 10px 10px;
	color:#333333;
	line-height:18px;
}

#book_info a{ 
    color:#f68319;
}
#book_info .SalesIcon{ width:300px; overflow:auto; padding:10px 0 0 10px; overflow:hidden;}
#book_info .SalesIcon li{ height:26px; float:left; white-space:nowrap; padding-top:5px; padding-right:1px;}

#book_info .BookDetail{ padding:10px;}
#book_info .BookDetail li{ line-height:18px;}
#book_info .BookDetail .note{ color:#F00; padding:0 5px;}

/*---可進行之動作---*/
#book_action{
    width:160px;
	float:left;
	padding:10px;
	background-color:#f2f2f2;
	border:1px solid #cccccc;
	margin:40px 0 0 0;
}

#book_action h1{
    text-align:center;
	padding:0 0 5px 0;
}

#book_action p{
    text-align:center;
	color:#333333;
}

#book_action a{
    cursor:pointer;
}
.preOrderNotice{
	width:162px;
	float:left;
	padding:10px;
	background-color:#333333;
	margin:10px 0 0 0;
	color:#ffffff;
	line-height:18px;}
.preOrderNotice span{
	color:#FC3;
}
/*---take a look---*/
#take_a_look {
	width:670px;
	float:right;
}

/*---大圖瀏覽---*/
#pic_preview {
	width:670px;
	float:none;
	text-align:center;
	height:506px;
	margin:0 0 10px 0;
}

#pic_preview img{
	max-height:500px;
	border:1px solid #cccccc;
	background-color:#FFFFFF;
	padding:2px;
}

/*---小圖列表---*/
#pic_selection{
	margin:0 auto;
	text-align:center;
	overflow:hidden;
	height:60px;
	width:630px;
}

#pic_selection img{
	border:1px solid #cccccc;
	background-color:#FFFFFF;
	padding:2px;
	margin:0 5px 5px 5px;
	float:left;
	cursor:pointer;
}

/*---take a look向右鍵---*/
#right_btn{
	float:right;
	z-index:100;
	border:0px;
	margin:10px 0 0 0;
	
}

/*---take a look向左鍵---*/
#left_btn{
	float:left;
	z-index:100;
	border:0px;
	margin:10px 0 0 0;
}

/*---檢索頁---*/

#search_text{
	width:762px;
	margin:0 0 20px 0;
        padding:0;
	float:left;
}

#search_text h1{
        font-size:12px;
	font-weight:normal;
	text-align:left;
	color:#333333;
	margin:10px 0 0 31px;
        padding:0;
        clear:both;
}

#search_text h2{
    font-size:13px;
	text-align:left;
	color:#333333;
	text-align:center;
}

#search_text h2 img{
	margin:10px auto;
}

#search_text h2 p{
	font-size:12px;
	font-weight:normal;
}

#search_text h3{
    font-size:12px;
	font-weight:normal;
	text-align:right;
	color:#333333;
	margin:0 20px 10px 0;
}

#search_text h4{
    padding:5px 0 5px 10px;
	margin:10px 0 10px 0;
	background:url(../images/center_title06.jpg) no-repeat 0px 9px;
	font-size:15px;
	color:#333333;
}

#search_text h4 em{
    background-color:#FFFFFF;
	font-style:normal;
	padding:0 4px 0 4px;
}

#search_text h4 img{
    margin:0 5px 0 0;
	vertical-align:bottom;
}



#search_text p{
        color:#333333;
	font-size:12px;
	font-weight:normal;
	margin:5px 0 0 18px;
        padding:0;
        clear:both;
}

#search_text a,
#search_text a:link,
#search_text a:visited{ color:#f68319; text-decoration:none;}
#search_text a:hover{ color:#f68319; text-decoration:underline;}

/*五格*/
#search_text ul{ float:left; list-style:none;}
#search_text .BOX{ display:block; width:138px; padding:10px 1px 5px 1px; font-weight:normal; margin:0 0 12px 10px; _margin:0 0 10px 7px; border-right:#dfdfdf 1px dotted; }
#search_text.BOX li{ display:block;}
#search_text .BOX .PROMOTE{ color:#666666; line-height:17px; font-size:12px; text-align:center; margin:5px;}
#search_text .BOX .BookCover{ padding-left:15px; margin-top:8px;}
#search_text .BOX .BookCover img{ width:100px; max-height:130px; margin:0 auto; }
#search_text .BOX .BookCover a img{ filter:alpha(opacity=100); opacity: 1; border:#dfdfdf solid 5px;}
#search_text .BOX .BookCover a:hover img{ filter:alpha(opacity=70); opacity: 0.7;}
#search_text .BOX .BookTitle{ padding-left:10px; line-height:18px; font-size:12px;}
#search_text .BOX .BookTitle a{ display:block; color:#f68319; text-decoration:none; padding:5px 0; _display:inline-block;}
#search_text .BOX .BookTitle a:hover{ text-decoration:underline;}
#search_text .BOX .Author{ padding-left:10px;  font-size:12px; color:#333333; line-height:16px;}
#search_text .BOX .Author a{ color:#069; text-decoration:underline;}
#search_text .BOX .Publisher{padding-left:10px;  font-size:12px; color:#333333; line-height:16px;}
#search_text .BOX .Publisher a{color:#069; text-decoration:underline;}
#search_text .BOX .PublishDate{ padding-left:10px; font-size:12px; color:#333333; line-height:16px;}
#search_text .BOX .Price{ padding-left:10px; margin:5px 0;}
#search_text .BOX .Price2{ padding-left:10px; color:#666666; display:block; line-height:16px;}
#search_text .BOX .Price2 .DEL{ display:inline-block; height:9px; border-bottom:#cccccc 1px solid; }
#search_text .BOX li.BTN{ padding:0 0 5px 20px;}

/*---檢索頁暢銷書籍---*/
#search_text2{
	width:760px;
	background:url(../images/middle_text_bg.jpg) bottom repeat-x;
    background-color:#ffffff; 
	border-left:1px solid #e5e5e5;
	border-right:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	margin:-10px 0 20px 0;
	padding:0 0 10px 0;
	float:left;
}

/*---焦點新書---*/
#search_text3{
	width:762px;
	background:url(../images/middle_text_bg.jpg) bottom repeat-x;
        background-color:#ffffff; 
	border-left:1px solid #e5e5e5;
	border-right:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	margin:0 0 20px 0;
	padding:0 0 10px 0;
	float:left;
}
/*---------------------------------------大分類首頁下方新書區塊---------------------------------------*/
#newArrival{
	width:770px;
	background:url(../images/middle_text_bg.jpg) bottom repeat-x;
    background-color:#ffffff; 
	border-left:1px solid #e5e5e5;
	border-right:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	margin:-10px 0 20px 10px;
	padding:0 0 10px 0;
	float:left;
}
.newArrival_line{
    margin:0 15px 0 15px;
    _margin:-12px 10px 0 10px;
	padding:5px 0 0 0;
	height:5px;
	border-bottom:1px solid #e5e5e5;
	clear:both;
}
.newArrivalTitle{ float:left; width:772px; height:50px; background:url(../images/newArrivalTitle_bg.jpg) no-repeat left top; text-indent:-9999px; margin:0 0 0 10px;}
/*五格*/
#newArrival ul{ float:left; list-style:none;}
#newArrival .BOX{ display:block; width:138px; padding:10px 1px 5px 1px; font-weight:normal; margin:10px 0 5px 10px; _margin:0 0 10px 7px; border-right:#dfdfdf 1px dotted;}
#newArrival .BOX li{ display:block;}
#newArrival .BOX .PROMOTE{ color:#666666; line-height:17px; font-size:12px; text-align:center; margin:5px;}
#newArrival .BOX .BookCover{ padding-left:15px; margin-top:8px;}
#newArrival .BOX .BookCover img{ width:100px; max-height:130px; margin:0 auto; }
#newArrival .BOX .BookCover a img{ filter:alpha(opacity=100); opacity: 1; border:#dfdfdf solid 5px;}
#newArrival .BOX .BookCover a:hover img{ filter:alpha(opacity=70); opacity: 0.7;}
#newArrival .BOX .BookTitle{ padding-left:10px; line-height:18px; font-size:12px;}
#newArrival .BOX .BookTitle a{ display:block; color:#f68319; text-decoration:none; padding:5px 0; _display:inline-block;}
#newArrival .BOX .BookTitle a:hover{ text-decoration:underline;}
#newArrival .BOX .Author{ padding-left:10px;  font-size:12px; color:#333333; line-height:16px;}
#newArrival .BOX .Author a{ color:#069; text-decoration:underline;}
#newArrival .BOX .Publisher{padding-left:10px;  font-size:12px; color:#333333; line-height:16px;}
#newArrival .BOX .Publisher a{color:#069; text-decoration:underline;}
#newArrival .BOX .PublishDate{ padding-left:10px; font-size:12px; color:#333333; line-height:16px;}
#newArrival .BOX .Price{ padding-left:10px; margin:5px 0;}
#newArrival .BOX .Price2{ padding-left:10px; color:#666666; display:block; line-height:16px;}
#newArrival .BOX .Price2 .DEL{ display:inline-block; height:9px; border-bottom:#cccccc 1px solid; }
#newArrival .BOX li.BTN{ padding:0 0 5px 20px;}
/*---彈出視窗---*/
#book_frame{
	width:610px;
	height:300px;
	border:1px solid #999999;
	background-color:#FFFFFF;
	z-index:10;

/*
	visibility: hidden;
	position:fixed;
	_position:absolute;
*/
    left:300px;
    top:300px;
	margin:-3px -1px;
	*margin:-3px 0 -3px -1px;
	padding:10px;
}

.book_frame_left{
    float:left;
	color:#333333;
    padding:0 0 0 10px;
	width:123px;
	margin:10px 0 10px 0;
}
.book_frame_left .BookCover{ display:block; margin-bottom:10px;}
.book_frame_left .BookCover img{ width:100px; height:130px; margin:0 auto;}
.book_frame_left .BookCover a img{ filter:alpha(opacity=100); opacity: 1; border:#dfdfdf solid 5px;}
.book_frame_left .BookCover a:hover img{ filter:alpha(opacity=70); opacity: 0.7;}
.book_frame_left .Binding, .book_frame_left .PageNum, .book_frame_left .PublishDate{ color:#555555; line-height:16px; font-size:12px;}
.book_frame_left .Rank{ padding:5px 0;}
.book_frame_left .Price{line-height:18px; margin:5px 0;}
.book_frame_left .BTN{ }



.book_frame_left h1{
	font-size:12px;
	font-weight:normal;
	height:32px;
	color:#003c46;
	padding:0;
	margin:10px 0 0 0;
	background:none;
}

.book_frame_left h2{
        padding:0 0 10px 0;
}

.book_frame_left img{
    *margin:3px 0 0 0;
}

.book_frame_left p{
	color:#333333;
	margin:0 0 0 0;
	padding:0 0 0 0;
	width:123px;
	_width:103px;
}

.book_frame_left a,
.book_frame_left a:link,
.book_frame_left a:visited{ color:#f68319; text-decoration:none;}
.book_frame_left a:hover{ color:#f68319; text-decoration:underline;}

#book_frame_center{
	width:293px;
	_width:283px;
    float:left;
	padding:0 0 20px 0;
	margin:0;
}

#book_frame_center h1{
    font-size:14px;
	font-weight:bold;
	padding:10px 0 5px 0;
	margin:0;
	color:#9f766c;
}
#book_frame_center h1 a{color:#9f766c;}

#book_frame_center h2{
    font-size:13px;
	font-weight:normal;
	padding:5px 0 0 0;
	color:#333333;
}

#book_frame_center .DESC{
    color:#555555;
	line-height:18px;
	padding:10px 0 10px 0;
	text-align:justify;
}
#book_frame_center .DESC a{ display:block; text-align:right;}

#book_frame_pic{
    width:160px;
	margin:10px 0 0 10px;
    padding:0;
	border:1px solid #cccccc;
	background-color:#f2f2f2;
}
#book_frame_pic .ShowReel{ margin:0; padding:0; height:188px; overflow:hidden; position:relative; }
#book_frame_pic .ShowReel li{ display:block; margin:8px; padding-bottom:8px; clear:both; border-bottom:#A4A4A4 dotted 1px; overflow:auto; _height:1%;}
#book_frame_pic .ShowReel li a{ display:block;}
#book_frame_pic .ShowReel p{ float:left;}
#book_frame_pic .ShowReel .BookCover{ margin-right:5px; }
#book_frame_pic .ShowReel .BookTitle{ color:#003c46; line-height:18px;}
#book_frame_pic .ShowReel li a img{ width:50px; height:auto; margin:0;   
    padding:2px;
    border:1px solid #999999;
    background-color:#ffffff;}



#book_frame_pic h1{
    text-align:center;
	font-size:12px;
	font-weight:normal;
	color:#333333;
	margin:10px 0;
}

#book_frame_pic h2{
	margin:0;  
    padding:10px 0 0 0;
	float:left;
	width:53px;
    height:104px;
}

#book_frame_pic h3{
	margin:0;  
        padding:10px 0 0 14px;
        _padding:10px 0 0 0;
	float:left;
	width:53px;
        height:104px;
}
#book_frame_pic a.BTN{}
#book_frame_pic a:hover.BTN{ }



/*#book_frame_pic a,
#book_frame_pic a:link,
#book_frame_pic a:visited{ padding:10px 18px 0 17px; text-decoration:none; color:#333333}
#book_frame_pic a:hover{ padding:10px 18px 0 17px; color:#f68319;}*/

#book_frame_right{
    width:180px;
	float:right;
	margin:10px 0 20px 0;
	_margin:10px 0 20px 0;
	padding:0;
}

#book_frame_right h5{
    text-align:right;
}

#book_frame_right h6{
    text-align:center;
	color:#333333;
	font-size:12px;
	font-weight:normal;
	line-height:18px;
	padding:10px 0 10px 25px;
}

#book_frame_right a{
    cursor:pointer;
}

/*---學術新書---*/
#academic{
    width:auto;
	border:1px solid #e5e5e5;
	background:url(../images/slash_bg.jpg);
}

#academic p{
    width:150px;
	float:left;
}

#academic a{
    font-size:14px;
	font-weight:bold;
}

#academic_list{
	background-color:#FFFFFF;
	float:right;
	width:610px;
}

#academic_list ul{
    color:#333333;
	width:170px;
	float:left;
	margin:10px 10px 0 20px;
}

#academic_list li{
	height:50px;
    line-height:18px;
	padding:0 0 10px 0;
	list-style:url(../images/arrow2.gif) outside;
}

/*---wanted---*/
#wanted{
    width:214;
}

#wanted p{
    padding:10px 10px 10px 20px;
	color:#333333;
}

/*---達人書單---*/
.bookroom {
        margin:-5px 0 0 -4px;
}

/*---達人書單---*/
.expert_wording {
    padding:0 0 10px 14px;
    margin:0 8px 0 0;
	color:#333333;
    font-size:13px;
    background:#f2f2f2;
    border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}

.expert_text{
	width:742px;
	border:1px solid #cccccc;
	display:block;
	padding:10px 10px 20px 10px;
    margin:15px 0;
	color:#333333;
	background:url(../images/middle_text_bg.jpg) repeat-x bottom #FFFFFF;
	clear:both;
}

.expert_text img{
   padding:2px;
	margin:15px 12px 15px 14px;
	border:4px solid #f6f6f6;
	background-color:#FFFFFF;
	float:left;
}
.expert_text .ProlistBrief{ margin-left:278px; margin-top:60px; *margin-top:10px; _height:1%;}
.expert_text .ProlistBrief p{ padding:0; margin:0; line-height:18px; color:#666666;}

.expert_text .ProlistBrief h1{background:url(../images/icon_book.gif) no-repeat left 1px; }
.expert_text h1{
    font-size:13px;
	color:#333333;
	margin:0 0 10px 0;
	padding-left:18px;
}
.expert_text h2{
    border-top:1px dotted #cccccc;
	padding:10px 0 0 0;
    margin:0;
}

.expert_text h3{
    text-align:right;
	padding:5px 10px 10px 0;
    font-size:12px;
    font-weight:normal;
}
.expert_text h3 a{ line-height:18px; color:#f68319; text-decoration:none;}
.expert_text h3 a:hover{ color:#333333; text-decoration:underline;}
.expert_text p{
	margin:0 10px 10px 14px;
}

.expert_book{
    float:left;
	width:146px;
	margin-top:15px;
	padding-top:15px;
	border-right:#dfdfdf 1px dotted;
	background:url(../images/porlist_box_bg.gif) no-repeat left top;
}

.expert_book h1{
        height:140px; display:block; padding-left:18px;
}

.expert_book h1 a img{
        width:100px; height:130px; margin:0 auto; border:4px solid #dfdfdf;
}
.expert_book h1 a:hover img{ border:4px solid #cccccc;}

.expert_book h2{
	display:block;
    font-size:12px;
	font-weight:normal;
	color:#f68319;
	padding:0;
	margin:0 20px 0 20px;
	border:none;
}
.expert_book p{
    font-size:12px;
	font-weight:normal;
	padding:0;
	margin:2px 15px 5px 20px;
}
.expert_book h2 a{ margin:0 15px 5px 0; padding:0; }
.expert_book p a img{ margin:0; padding:0; margin:0 0 5px 5px; border:none;}
.expert_title{
    width:959px;
	height:23px;
	background:url(../images/icon_book2.gif) no-repeat 19px 16px;
	_background:url(../images/icon_book2.gif) no-repeat 14px 16px;
	padding:14px 0px 0px 36px;
	_padding:14px 0px 0px 30px;
    color:#333333;
	text-align: left;
	font-size: 16px;
	font-weight:bold;
	float:left;
	margin:0 0 0 5px;
}

.expert_title2{
    background:url(../images/slash_bg.jpg);
	border-top:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	margin:0 0 0 5px;
	_margin:0 0 0 3px;
    width:975px;
	height:23px;
	padding:10px 0px 0px 19px;
    color:#333333;
	text-align: left;
	font-size: 16px;
	font-weight:bold;
	float:left;
}

.black_line2{
    clear:both;
	margin:0 0 0 5px;
	padding:0;
}

.black_line2 img{
    width:987px;
	height:3px;
}

/*-------------------------------加價購------------------------------*/
.buyMore_wording {
    padding:0 0 10px 14px;
    margin:0 8px 0 0;
	color:#333333;
    font-size:13px;
    background:#f2f2f2;
    border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}

.buyMore_text{
	width:742px;
	border:1px solid #cccccc;
	display:block;
	padding:10px 10px 20px 10px;
    margin:15px 0;
	color:#333333;
	background:url(../images/productDESC_BG.gif) right top no-repeat;
	clear:both;
}
.buyMore_text a.LargePic{float:left; padding:2px; display:block; margin:20px 10px 15px 15px;}
.buyMore_text a.LargePic img{
	border:#555 1px solid;
	width:258xp;
	height:258px;
	
}
.buyMore_text .DESC{ margin-left:278px; margin-top:60px; *margin-top:10px; _height:1%;}
.buyMore_text .DESC p{ padding:0; margin:0; line-height:18px; color:#666666;}

.buyMore_text .EDSC h1{background:url(../images/icon_book.gif) no-repeat left 1px; }
.buyMore_text h1{
    font-size:13px;
	line-height:24px;
	color:#333;
	margin:0 0 10px 0;
}
.buyMore_text h2{
    border-top:1px dotted #cccccc;
	padding:10px 0 0 0;
    margin:0;
}

.buyMore_text h3{
    text-align:right;
	padding:5px 10px 10px 0;
    font-size:12px;
    font-weight:normal;
}
.buyMore_text h3 a{ line-height:18px; color:#06C; text-decoration:none;}
.buyMore_text h3 a:hover{ color:#333333; text-decoration:underline;}
.buyMore_text p{
	margin:0 10px 10px 14px;
}

.buyMore{
    float:left;
	width:182px;
	margin-top:15px;
	padding-top:15px;
	border-right:#dfdfdf 1px dotted;
}

.buyMore h1{
        height:165px; display:block; padding-left:9px;
}

.buyMore h1 a img{
        width:150px; height:150px; margin:0 auto; border:4px solid #dfdfdf;
}
.buyMore h1 a:hover img{ border:4px solid #cccccc;}

.buyMore h2{
	display:block;
    font-size:12px;
	line-height:18px;
	font-weight:normal;
	color:#06C;
	text-align:center;
	padding:0;
	margin:0 10px 5px 10px;
	border:none;
}
.buyMore p{
    font-size:12px;
	font-weight:normal;
	padding:0;
	margin:2px 10px 0 20px;
	color:#C30;
	text-align:center;
}
.buyMore p.PRICE{
    font-size:12px;
	font-weight:normal;
	padding:0;
	margin:2px 10px 5px 10px;
	color:#333;
	text-align:center;
	background-color:#f3f3f3;
	line-height:20px;
}
.buyMore p.PRICE span{ color:#C00; font-size:15px; font-weight:bold; font-family:Verdana, Geneva, sans-serif;}
.buyMore h2 a{ margin:0 15px 5px 0; padding:0; color:#06C; text-align:center; text-decoration:none;}
.buyMore h2 a:hover{ color:#333; text-decoration:underline;}
.buyMore p a img{ margin:0; padding:0; margin:0 0 5px 0; border:none;}
.buyMore_title{
    width:959px;
	height:23px;
	background:url(../images/productDESC_h4_bg.gif) left center no-repeat;
	padding:10px 0px 0px 25px;
	_padding:14px 0px 0px 20px;
    color:#333333;
	text-align: left;
	font-size: 16px;
	font-weight:bold;
	float:left;
	margin:0 0 0 5px;
}
/*-------------加價購專頁--------------*/
#buyMore_info{
    width:260px;
	margin:10px 0 20px 0;
	_margin:10px 0 10px 0;
	padding:20px;
	border:1px solid #cccccc;
	background-color:#f6f6f6;
	float:left;
}

#buyMore_info h1{
    color:#f68319;
	font-size:14px;
    margin:0 0 10px 0;
}

#buyMore_info img{
    margin:0 0 10px 0;
	padding:2px;
	width:258px;
	height:258px;
	background-color:#FFFFFF;
	border:#ccc 1px solid;
}

#buyMore_info p{
    color:#333333;
    margin:0 0 20px 0;
	line-height:18px;
}

#buyMore_article{
    width:645px;
	float:left;
	margin:10px 0 10px 10px;
	padding:20px 20px 20px 20px;
	border:1px solid #cccccc;
	background:url(../images/productDESC_BG.gif) right top no-repeat;
}

#buyMore_article h1{
    font-size:16px;
	color:#f68319;
	margin:0 0 10px 0;
	clear:both;
}

#buyMore_article p{
    color:#333333;
	float:left;
	padding:0 0 8px 0; 
	line-height:18px;
}
#buyMore_article ul{ padding-left:12px;}
#buyMore_article li{
    color:#333333;
	list-style:decimal outside;
	margin:0 0 0 20px;
	line-height:18px;
}
.buyMore_title2{ clear:both; border-bottom:#C00 2px solid; background:url(../images/icon_h3.gif) left center no-repeat; font-size:15px; color:#C00; font-weight:bold; line-height:30px; padding:0 0 0 20px;}

#buyMoreProducts_info{
    width:288px;
	float:left;
	padding:0 10px 0 10px;
}
#buyMoreProducts_info h1{ font-size:16px; line-height:21px;}
#buyMoreProductPic{ display:block; float:left; width:258px; border:#dfdfdf 1px solid; padding:10px;}
#buyMoreProductPic img{ width:258px; height:258px;}
.buyMoreProductsFeature{ padding:12px 0;}
.buyMoreProductsFeature li{ padding:0 0 0 12px; background:url(../images/dot03.gif) left 4px no-repeat; line-height:16px; color:#555; padding-bottom:3px;}
#buyMoreProducts_info .PRICE{ background-color:#FEFBE0; padding:20px 10px; overflow:auto; margin-top:5px; border-top:#ccc solid 1px;}
#buyMoreProducts_info .PRICE p{ color:#555;}
#buyMoreProducts_info .PRICE p.P01{ float:left; text-decoration:line-through;}
#buyMoreProducts_info .PRICE p.P02{ float:right;}
#buyMoreProducts_info .PRICE p.P02 span{ font-size:28px; font-family:Verdana, Geneva, sans-serif; font-weight:bold; color:#C30;}
/*---達人專頁(左)---*/
#expert_info{
    width:252px;
	margin:10px 0 20px 15px;
	_margin:10px 0 10px 12px;
	padding:20px;
	border:1px solid #cccccc;
	background-color:#f6f6f6;
	float:left;
}

#expert_info h1{
    color:#f68319;
	font-size:14px;
    margin:0 0 10px 0;
}

#expert_info img{
    margin:0 0 10px 0;
	padding:2px;
	background-color:#FFFFFF;
	border:4px solid #dfdfdf;
}

#expert_info p{
    color:#333333;
    margin:0 0 20px 0;
	line-height:18px;
}

#buyMoreList{ border:#dfdfdf 1px solid; border-top:none; background:#fff;}
#buyMoreList .BOX{ padding:13px; overflow:auto;}
#buyMoreList .BOX .Middle{ display:block; width:160px; border:#d7d7d7 1px solid; padding:10px; float:left; margin-left:10px;}
#buyMoreList .BOX .Middle a{ display:block; text-decoration:none;}
#buyMoreList .BOX .Middle a li{ margin-bottom:5px;}
#buyMoreList .BOX .Middle a li.PIC{ width:150px; height:150px; border:#dfdfdf 5px solid; }
#buyMoreList .BOX .Middle a li.PIC img{ width:150px; height:150px; }
#buyMoreList .BOX .Middle a li.title{ color:#06F; line-height:18px; text-align:center;}
#buyMoreList .BOX .Middle a:hover li.title{ color:#333; text-decoration:underline;}
#buyMoreList .BOX .Middle a li.price{ background:#f3f3f3; color:#333; text-align:center; padding:0 5px; line-height:21px; display:block; height:21px;}
#buyMoreList .BOX .Middle a li.price span{ font-weight:bold; font-family:Verdana, Geneva, sans-serif; padding:0 5px; font-size:15px; color:#C00;  }
#buyMoreList .BOX .Middle a li.cart{ padding:0 0 0 30px;}

/*---達人專頁(右)---*/
#expert_article{
    width:640px;
	float:left;
	margin:10px 0 10px 10px;
	padding:20px 10px 20px 20px;
	border:1px solid #cccccc;
	background: #ffffff;
}

#expert_article h1{
    font-size:16px;
	color:#f68319;
	margin:0 0 10px 0;
	clear:both;
}

#expert_article p{
    color:#333333;
	float:left;
	padding:0 0 8px 0; 
	line-height:18px;
}
#expert_article ul{ padding-left:12px;}
#expert_article li{
    color:#333333;
	list-style:decimal outside;
	margin:0 0 0 20px;
	line-height:18px;
}

/*------------------------------------------灰熊書房----------------------------------------*/
ul.Prolist li{ display:block;  padding:5px 0; margin:0 5px; }
ul.Prolist li a img{ width:160px; height:auto; }
ul.Prolist li a p{ text-decoration:none; padding:0 0 2px 10px; border-bottom:#dfdfdf 1px dotted; background:url(../images/dot03.gif) no-repeat left 2px;}
ul.Prolist li a:hover p{ border-bottom:#F60 1px dotted; color:#F60;}


/*---好書必讀---*/

.goodbook{
    margin:15px 15px 15px 15px;
	width:470px;
	float:left;
    height:165px;
	display:block;
	overflow:hidden;
}
.goodbook li{ padding:0 0 2px 120px; color:#333333; line-height:18px;}
.goodbook p.BookCover a{ display:block; padding:5px; }
.goodbook p.BookCover a img{
    float:left;
    width:100px;
    max-height:160px;
	border:#dfdfdf 4px solid;
}
.goodbook p.BookCover a:hover img{ border:#cccccc 4px solid;}
.goodbook li.Price{ font-size:13px; font-weight:bold;}
.goodbook li a{ font-size:15px; color:#f68319; cursor:pointer; text-decoration:underline; font-weight:bold;}
.goodbook li a:hover{ cursor:pointer; text-decoration:none; color:#F60; }

/*---跳頁選單---*/
#page_ctrl{
    text-align:center;
	vertical-align:top;
	color:#f68319;
    font-size:16px;
	margin:0 0 10px 0;
}
#page_ctr2{ 
	text-align:right;
	vertical-align:top;
	color:#f68319;
    font-size:12px;
	margin:10px 10px 10px 0;}
#page_ctr2 a{ font-size:11px; padding:1px 2px; color:#333333; text-decoration:none;}
#page_ctr2 a:link,#page_ctr2 a:visited{ padding:1px 2px; color:#333333; text-decoration:none;}
#page_ctr2 a:hover{ color:#f68319; text-decoration:underline;}
#page_ctrl a{ font-size:12px; padding:1px 4px 1px 4px; color:#333333; text-decoration:none;}
#page_ctrl a:link,#page_ctrl a:visited{ padding:1px 4px 1px 4px; color:#333333; text-decoration:none;}
#page_ctrl a:hover, { color:#f68319; text-decoration:underline;}



#list_top{
	height: 33px;
	width:auto;
	margin:9px 0 0 0;
}

#list_top2{
	height: 33px;
	width:auto;
}

.jnlbrowse_1{
	background-image: url(../images/list_bg05.jpg);
	height: 34px;
	width: 97px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #333333;
	float: left;
	background-repeat: no-repeat;
	overflow: hidden;
	position: absolute;
	padding: 10px 0 0 0;
	z-index:-10;

}

.jnlbrowse_1_0{
	background-image: url(../images/list_bg06.jpg);
	height: 34px;
	width: 97px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #333333;
	float: left;
	background-repeat: no-repeat;
	overflow: hidden;
	position: absolute;
	padding: 10px 0 0 0;
}

.jnlbrowse_2{
	background-image: url(../images/list_bg08.jpg);
	height: 34px;
	width: 97px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #333333;
	float: left;
	background-repeat: no-repeat;
	overflow: hidden;
	position: absolute;
	padding: 10px 0 0 0;
	margin-left: 98px;
}

.jnlbrowse_2_0{
	background-image: url(../images/list_bg07.jpg);
	height: 34px;
	width: 97px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #333333;
	float: left;
	background-repeat: no-repeat;
	overflow: hidden;
	position: absolute;
	padding: 10px 0 0 0;
	margin-left: 98px;
}

.jnlbrowse_2_0 a{
    text-decoration:none;
}

.jnlbrowse_3{
	background-image: url(../images/list_bg01.jpg);
	height: 34px;
	width: 97px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #333333;
	float: left;
	background-repeat: no-repeat;
	overflow: hidden;
	position: absolute;
	padding: 10px 0 0 0;
}

#list_body{
    width:auto;
	background:url(../images/middle_text_bg.jpg) bottom repeat-x;
	background-color:#ffffff;
	border:1px solid #cccccc;
	margin:-1px 0 10px 0;
	padding:11px 0 15px 11px;
	line-height:20px;
}

#list_body img{
    margin:0 10px 0 0;
}

#list_body h1{
    color:#333333;
	font-size:12px;
	font-weight:normal;
	text-align:center;
}

#list_body h2{
    color:#333333;
	font-size:14px;
	text-align:left;
	margin:20px 0 10px 10px;
}

#list_body h3{
    color:#333333;
	font-size:12px;
	font-weight:normal;
	text-align:right;
	padding:10px 30px 0 0;
}

#list_body h4{
    color:#f68319;
	font-size:12px;
	margin:10px 0 5px 10px;
}

#list_body p{
    color:#333333;
	padding:0 20px 10px 10px;
}

#list_body2{
    width:auto;
	background-color:#ffffff;
	border-top:1px solid #cccccc;
	margin:-1px 4px 10px 0;
	padding:11px 0 15px 11px;
}

#list_body2 ul{
    line-height:18px;
}

#list_body2 li{
    list-style:outside disc;
	color:#333333;
	margin:0 0 0 22px;
}

#commend{
	margin:0;
	padding:10px 10px 10px 10px;
}

#commend h2{
    font-size:12px;
	font-weight:normal;
	color:#333333;
	text-align:right;
	padding:0 20px 0 0;
	margin:0;
}

.commend_book{
        width:140px;
	float:left;
	text-align:center;
	margin:5px;
	padding:5px;
}

.commend_book h1{
    font-size:12px;
	font-weight:normal;
	text-align:center;
	color:#333333;
	padding:5px 0 0 0;
	line-height:18px;
}

.commend_book p{
	color:#333333;
	padding:0;
	margin:5px 0 0 0;
	line-height:18px;
}

.commend_book a,
.commend_book a:link,
.commend_book a:visited{ text-decoration:underline; cursor:pointer;}
.commend_book a:hover{ text-decoration:none;}

.commend_btn{
    width:20px;
	float:left;
	margin:80px 0 0 0;
}

.commend_btn a{
    margin:0;
	padding:0;
	cursor:pointer;
}

#gift{
	margin:20px 0 20px 10px;
	padding:10px 10px 10px 0;
}

#gift h1{
    font-size:14px;
	font-weight:bold;
	text-align:left;
	color:#990000;
	padding:10px 0 10px 0;
	border-top:1px dotted #333333;
	border-bottom:1px dotted #333333;
	margin:0 20px 0 141px;
}

#gift ul{
    color:#333333;
	padding:10px 20px 0 0;
}

#gift li{
    list-style:url(../images/arrow01.jpg) outside;
	font-weight:bold;
	margin:0 0 5px 161px;
}

#gift p{
        padding:0;
	margin:0;
	font-weight:normal;
}

#gift img{
        float:left;
	text-align:left;
        border:1px solid #666666;
	padding:2px;
	background-color:#FFFFFF;
}

.best_selling{
        margin:10px 0 30px 10px;
        padding:0;
	width:240px;
	float:left;
}

.best_selling img{
	padding:2px;
	margin:0;
	float:left;
        width:98px;
}

.best_selling h1{
        font-size:12px;
	font-weight:normal;
	text-align:left;
	padding:0;
	margin:10px 0 0 0;
	float:left;
}

.best_selling h2{
        font-size:12px;
	font-weight:normal;
	text-align:left;
	color:#333333;
	padding:10px 10px 10px 0;
}

.best_selling p{
	padding:0;
        margin:0;
	color:#333333;
        float:right;
        width:118px;
}

.best_selling a{
        vertical-align:bottom;
	cursor:pointer;
}

/*---排行榜---*/
.chart_search{
	width:748px;
	background:url(../images/middle_text_bg.jpg) bottom repeat-x;
    background-color:#ffffff; 
	border-left:1px solid #e5e5e5;
	border-right:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	margin:0 0 10px 0;
	padding:10px 0 10px 14px;
	color:#333333;
}
.chart_search select{ margin:0 15px 0 0;}
.chart_search img{
        vertical-align:bottom;
}

/*---排行榜"查詢btn",aspx修正用---*/
.chart_search_img{
        vertical-align:bottom;
        margin:5px 0 -1px 5px;
}

.chart{
	width:760px;
	padding:10px 0 0 0;
	vertical-align:middle;
}

.chart img{
    float:left;
}

.chart h1{
    float:left;
    font-size:13px;
	text-align:left;
    color:#f68319;
	padding:0 0 0 10px;
	vertical-align:middle;
}

.chart h2{
    float:left;
    font-size:12px;
	font-weight:normal;
	color:#333333;
	padding:0 0 0 10px;
	vertical-align:middle;
}

.chart h3{
    float:left;
	text-align:center;
	color:#333333;
	font-size:13px;
	padding:0 0 0 10px;
	vertical-align:middle;
}

.chart h4{
    float:right;
    font-size:20px;
	font-weight:normal;
	color:#333333;
	padding:0 15px 0 0;
	text-align:right;
}

.chart h5{
    float:left;
	padding:0;
}

.chart p{
	padding:5px 0 0 10px;
	margin:0 0 10px 101px;
	color:#333333;
}

.chart a,
.chart a:link,
.chart a:visited{ color:#f68319; vertical-align:bottom; cursor:pointer; text-decoration:underline;}
.chart a:hover{ color:#f68319; vertical-align:bottom; cursor:pointer; text-decoration:none;}

.chart_no img{
    margin:0;
	float:right;
    vertical-align:top;
}
/*.chart table{}
.chart table td{ padding:8px 5px; text-align:center; border-bottom:#dfdfdf 1px solid;}
.chart table tr td p{ padding:0; margin:0;}
.chart table tr.Col01{ background-color:#f6f6f6; color:#333333; display:block; }
.chart table tr.Col02{ background-color:#ffffff; color:#333333; display:block;}
.chart table tr.Col01 { display:block; text-decoration:none;}
.chart table td.BookCover{border-left:#cccccc dotted 1px; border-right:#cccccc dotted 1px; width:15%;}
.chart table tr.Col01 td.BookCover img{ border:#cccccc 5px solid; width:90px; height:120px;}
.chart table tr.Col02 td.BookCover img{ border:#dfdfdf 5px solid; width:90px; height:120px;}
.chart table td.BookTtile{ text-align:left; width:29%}
.chart table td.BookTtile a{ display:block; text-decoration:none; line-height:16px; font-weight:bold; padding-bottom:5px;}
.chart table td.BookTtile a:hover{ text-decoration:underline;}
.chart table td.BookTtile .Author a{ text-decoration:none; color:#333333; font-weight:normal; line-height:14px;}
.chart table td.INFO{ text-align:left; line-height:18px; width:24%;}
.chart table td.INFO a{ color:#069; text-decoration:underline;}
.chart table td.INFO a:hover{ color:#369;}
.chart table td .redword{ font-size:13px; font-weight:bold; line-height:18px;}
.chart table td.CART{ border-right:#cccccc solid 1px; width:15%;}
.chart table td.PP{ width:12%;}
.chart table td.NO{ border-left:#cccccc solid 1px; width:5%;}
.chart table td .Price2{ color:#555555; display:block; line-height:16px;}
.chart table td .Price2 .DEL{display:inline-block; height:9px; border-bottom:#999999 1px solid; }
.chart table th{ padding:0; background-image:url(../images/chart_th_bg.gif); background-repeat:repeat-x; background-position:left bottom; color:#fff; line-height:24px; border-top:#cccccc solid 1px; border-right:#fff solid 1px; text-align:center;} */

/*---右側選單---*/
#right{
    width:229px;
	margin:0 10px 0 0;
	float:left;
	padding-top:15px;
}

.right_list{
    background-image:url(../images/right_list_bg.jpg); 
    margin-bottom:10px;
}

.right_list_title{
	width:229px;
	height:40px;
}

.right_list_text{
    background-image:url(../images/left_list_bg2.jpg); 
	background-position:left top; 
	background-repeat:no-repeat;
	width:207px;
	margin:0 0 0 4px;
	padding:0 0 10px 0;
}

.right_list_textbox{
	margin:10px 0 10px 8px;
	padding-bottom:10px;
	border-bottom:#dfdfdf dotted 1px;
}

.right_list_textbox img{
	float: left;
	margin:0 7px 0 0;
}

.right_list_textbox h1{
	color:#f68319;
	font-size:12px;
	font-weight:normal;
	margin:10px 0 0 90px;
}

.right_list_textbox p{
	color:#333333;
	margin:0 0 0 90px;
}

.right_list_textbox a,
.right_list_textbox a:link,
.right_list_textbox a:visited{ color:#f68319; text-decoration:none;}
.right_list_textbox a:hover{ color:#f68319; text-decoration:underline;}

.right_list_msg{
	margin:10px 0 0 15px;
	padding-bottom:5px;
}

.right_list_msg img{
	margin:10px 0 0 0;
}

.right_list_msg ul{
    color:#333333;
	line-height:16px;
	font-size:12px;
	margin:0 0 0 15px;
	padding:5px 0 5px 0;
	border-bottom:1px dotted #999999;
}

.right_list_msg li{
	margin:0;
	padding:0 0 0 13px;
	background:url(../images/arrow.gif) no-repeat 0px 4px;
}

.right_list_msg h1{
    color:#f68319;
	line-height:18px;
	font-size:12px;
    font-weight: normal;
	margin:5px 0 5px 0;
}

.right_list_msg h2{
    color:#333333;
	line-height:18px;
	font-size:15px;
	margin:0 0 5px 0;
}

.right_list_msg h2 a{ color:#f68319; text-decoration:none;}
.right_list_msg h2 a:hover{ color:#F30; text-decoration:none;}

.right_list_msg p{
    color:#333333;
	line-height:18px;
	font-size:12px;
	margin:0;
}

.right_list_msg a,
.right_list_msg a:link,
.right_list_msg a:visited{ color:#f68319; text-decoration:none;}
.right_list_msg a:hover{ color:#f68319; text-decoration:underline;}

.right_list_bottom{
    background-image:url(../images/right_list_bottom.jpg); 
	width:229px;
	height:38px;
	text-align:center;
	padding:12px 0 0 0;
}

.right_list_bottom2{
    background:url(../images/right_list_bottom2.jpg) bottom;
	width:229px;
	height:29px;
	text-align:center;
	padding:10px 0 0 0;
}
/*----------網站認證-----------*/
.SSL{width:135px; height:82px; margin:10px 47px;}
/*---每日一書ans---*/
.dailybook_ans{
        background:url(../images/quiz_ans_bg.jpg) no-repeat;	
	margin:10px 0 0 -7px;
	padding: 0 0 0 5px;
}

.dailybook_ans img{
        float:none;
        margin:0 0 0 22px;
}

.dailybook_ans h1{
        color:#f68319;
	line-height:18px;
	font-size:12px;
        font-weight: normal;
	margin:5px 0 5px 22px;
}

.dailybook_ans p{
        color:#333333;
	line-height:18px;
	font-size:12px;
	margin:0 0 0 -4px;
        background:none;
}

.dailybook_ans a,
.dailybook_ans a:link,
.dailybook_ans a:visited{ color:#f68319; text-decoration:none;}
.dailybook_ans a:hover{ color:#f68319; text-decoration:underline;}

/*---書房在首頁---*/
.bookroom_at_index {
	margin:0 0 0 30px;
	padding:0 0 5px 0;
	border-bottom:1px dotted #999999;
}

/*---超取icon---*/
.supermarket_icon {
        padding:10px 0 0 24px;
        margin:0 5px 5px 5px;
        border-top:1px dotted #999999;
}

/*---只有一欄時所使用之全幅設定---*/
#full{
    width:1000px;
}

.full_text{
	width:700px;
	background:url(../images/middle_text_bg.jpg) bottom repeat-x;
        background-color:#ffffff; 
	border:1px solid #cccccc;
	margin:0 auto;
	padding:0 0 20px 0;
}

.full_text h1{
	margin:20px 0 10px 0;
        font-size:16px;
	font-weight:bold;
	color:#333333;
        text-align:center;
}

.full_text p{
        color:#333333;
	margin:10px 20px 0 0;
	line-height:18px;
	font-size:12px;
        text-align:center;
}

.full_btn_box{
	width:700px;
        color:#333333;
	text-align: center;
	font-size: 12px;
	padding-top:10px;
	padding-bottom:10px;
	clear:both;
	vertical-align:bottom;
	margin:0 auto;
}

/*---底部動畫---*/
#bottom_flash{
    padding:80px 0 0 0;
}