﻿

/*產品頁中間內容*/
.C_box {
	clear:both;
	margin-top:20px;
	margin-left:0px !important;
	margin-left:5px;
	
	}

.C_box p {
	margin:10px 0;
	padding:0}

a.cbox,
a.cbox:visited{
	color:#CB944C;
	text-decoration:none;
	border-bottom:1px #CB944C dashed;
	}
a.cbox:hover{
	color:#CB944C;
	text-decoration:none;
	border-bottom:0px #CB944C dashed;
	}

/*產品頁中間內容 -- 各單元名稱*/

.C_box h2 {
	font-weight:700; 
	color:#664214; 
	height:auto; 
	padding:0 5px 0 0px;
	margin:8px 0 8px 0;
	line-height:25px;
	/*border-bottom:1px #dbdbdb solid;*/}

/*產品頁中間內容 -- 各單元 -- 文章中的標題*/
.C_box h3 {
	color:#b28161;
	margin-bottom:3px}

/* --------------------------------------------------- */

/*產品頁中間內容*/
.C_boxll {
	clear:both;
	margin-top:20px;}

.C_boxll p {
	margin:0;
	padding:0}

a.cboxll,
a.cboxll:visited{
	color:#CB944C;
	text-decoration:none;
	border-bottom:1px #CB944C dashed;
	}
a.cboxll:hover{
	color:#CB944C;
	text-decoration:none;
	border-bottom:0px #CB944C dashed;
	}

/*產品頁中間內容 -- 各單元名稱*/
.C_boxll h2 {
	font-weight:700; 
	color:#664214; 
	height:20px; 
	padding:0 5px 0 0px;
	margin:8px 0 ;
	height:30px;
	line-height:30px;
	/*border-bottom:1px #dbdbdb solid;*/}
	

/*產品頁中間內容 -- 各單元 -- 文章中的標題*/
.C_boxll h3 {
	color:#b28161;
	margin-bottom:3px}
	
/* --------------------------------------------------- */


/*產品頁中間內容 -- top*/
.top_line {
	clear:both;
	cursor:pointer;
	display:block;
	background:url(../images/bn_top.gif) no-repeat right 20px; /*20px 是 Y 軸的移動位置*/
	height:30px;
	border-bottom:1px #dbdbdb solid;
	width:710px;
	}

/* more ●*/
.more_part {
	/*clear:both;*/
	
	display:block;
	background:url(../images/more-s.gif) no-repeat left center; 
	width:40px;
	height:20px;
	}


/*活動報馬的外框*/
.at_l{float:left; width:710px}
.at_r {float:right; width:355px}
			

/*列表：前面有箭頭*/
.list_po {	
	list-style: none;
	/*width: 150px;*/
	margin: 0 0 3px 0;
	padding: 0;
}	


.list_po li a,
.list_po li a:visited {
	color:#eb6b6a;
	height:100%;
	text-decoration: none;
	display: block;
	padding :4px 0 4px 18px;	
	border-bottom:1px #c4c4c4 dashed;
	background: url(../images/li_arrow.gif) left top no-repeat;
}	
	
.list_po li a:hover {
	font-weight:700;
	background: url(../images/li_arrow_over.gif) left top no-repeat #f3f0ec;
}


/*列表：前面沒有箭頭*/
.list {	
	list-style: none;
	/*width: 150px;*/
	margin: 0 0 3px 0;
	padding: 0;
}	

.list li a,
.list li a:visited {
	color:#ff8501;
	height:100%;
	text-decoration: none;
	display: block;
	padding :4px;	
	border-bottom:1px #c4c4c4 dashed;
}	
	
.list li a:hover {
	font-weight:700;
}

/*收合的曲目*/
.openoff {
	color:#00A5FF;
	font-weight:700;
	padding:3px;
	font-family:verdana;
	}
	

/*列表 -- 得獎項目*/
.index-music {
	list-style:none;
	line-height:15px;
	margin-bottom:30px;
}

.index-music li a,
.index-music li a:visited {
	text-decoration:none;
	
}	
	
.index-music  li a:hover {
	color:#eb6b6a;	
	text-decoration:none;

}

/*列表 -- 讀者補充資料*/
.box_reader {
	font-size:13px;
	list-style: none;
	margin: 3px 0;
	/*padding:5px;*/
}	

.box_reader li{
	padding:10px;
	border-bottom:1px #ccc dashed;
}

/* 讀者補充資料：圖*/
.rd_pic {
	float:left;
	padding:5px;
	margin-right:10px
	}

.rd_pic img{
	width:65px;
	border:0
	}

a.rd_pic ,
a.rd_pic:visited {
	background:#fff;
	border:1px #e5e4d8 solid;
	}
	
a.rd_pic:hover{
	background:#fff;
	border:1px #999 solid;
	}

/* 讀者補充資料：讀者姓名*/
.rd_name{
	float:left;
	margin-bottom:5px;}

.rd_name a,
.rd_name a:visited{
	color:#ff8501;
	}
	
.rd_name a:hover{
	text-decoration:none;
	border-bottom:1px solid #ff8501;
	}


/* 讀者補充資料：date*/
.rd_date{float:right; margin-bottom:5px; font-size:10px; color:#999999 }

/* 讀者補充資料：content*/
.rd_cont{clear:right}


/* 中間 -- 商品訊息等 Mboxes */
.Mboxes_box{ background:url(../images/pro_bbody.gif) repeat-y}
/*
.Mboxes_rtop {display:block;background:#fff} 
.Mboxes_rtop div{display:block;height:1px;overflow:hidden;background: #ebe1d5; } /* 上下邊框
*/
.Mboxes_rtop 
{
	display:block !important; 
	display:inline;
	background:#fff;
} 

.Mboxes_rtop div /* 上下邊框*/
{
	display:block !important; 
	display:block;
	height:1px !important;
	height:-10px;
	overflow:hidden;
	background: #ebe1d5; 
}

.Mboxes_r1{margin:0px 7px !important} /* 配下面的 8px 所以這裡要有 r1~r8 */
.Mboxes_r2{margin:0px 6px !important} 
.Mboxes_r3{margin:0px 5px !important} 
.Mboxes_r4{margin:0px 4px !important} 
.Mboxes_r5{margin:0px 3px !important} 
.Mboxes_r6{margin:0px 2px !important} 
.Mboxes_r7{margin:0px 1px !important} 
.Mboxes_rtop .Mboxes_r8 {margin:0 1px;height:1px}

.Mboxes_sec /* 此框為 8px 在此改尺寸*/
{
	margin:0 8px 0 8px;	
	background:#fff
} 
.Mboxes_rtop_sec 
{
	display:block !important; 
	display:inline;
	background:#ebe1d5
} 
/*.Mboxes_rtop_sec div{display:block;height:1px;overflow:hidden;background:#fff} */
.Mboxes_rtop_sec div
{
	display:block !important; 
	display:inline;
	height:0px !important;
	height:-5px;
	overflow:hidden;
	background:#fff
} 
.Mboxes_r1_sec{margin:0px 7px !important} 
.Mboxes_r2_sec{margin:0px 6px !important} 
.Mboxes_r3_sec{margin:0px 5px !important} 
.Mboxes_r4_sec{margin:0px 4px !important} 
.Mboxes_r5_sec{margin:0px 3px !important} 
.Mboxes_r6_sec{margin:0px 2px !important} 
.Mboxes_r7_sec{margin:0px 1px !important} 
.Mboxes_rtop_sec .Mboxes_r8_sec {margin:0 1px;height:1px} 

	
/****/
.Mboxes_TAB {
	float:left;
	padding-left:5px;
	position:absolute;		
	left:-57px;
	top:-27px;
	background:url(../images/bg_Mboxes_tab_bg.gif) repeat-y right ;
}

.Mboxes {
	width:690px; 	
	margin:0 auto !important; 	
	padding-top:2px; 
	position:relative; 
}


.Mboxes_cont {
	margin:-6px 0px 5px 0px;
	padding:7px 0 0 0;
	/*border-left:1px #ff0000 solid; */
	}


/****/
.bg_Mboxes_brdn {
	background:url(../images/bg_Mboxes_brdn.gif) no-repeat left bottom; 
	height:16px; 
	margin-bottom:-20px;
	}
	
.M-m{	border-left:1px #eaeaea solid ;padding-left:4px;}
.bg_Mboxes_tab_bn{ 
	background:url(../images/bg_Mboxes_tab_bn.gif) no-repeat bottom right; 
	width:37px; 
	height:50px;
	}

/**/
.PI_img{ width:200px; padding:13px; border:1px #ccc solid;}

/**/
.PI_img-more{
	margin:15px auto; 
	width:283px; }
	

/*書封*/
.PI_img-s {
	float:left;
	padding:2px;
	margin:0 5px;
	}

.PI_img-s img{
	width:40px;
	border:0;
	}

a.PI_img-s,
a.PI_img-s:visited {
	border:1px #e5e4d8 solid;
	}
	
a.PI_img-s:hover{
	border:1px #E05400 solid;
	}

/*更多書封：書封下的箭頭*/
.PI_img-arrow {
	float:left;
	padding:2px;
	margin:0 2px;
	}

.PI_img-arrow img{
	margin-top:0px;
	border:0;
	}

/*誠品好讀*/
.ec{
	display:block; 
	clear:both; 
	height:35px; 
	text-decoration:none}
	
.ec_em{color:#F2607F; font-size:16px; font-weight:700;}

/**/
.icon_cate {
	border:0;
	margin:0 3px 8px 0;
	}

/*商品訊息*/
.PI_info {float:right; width:390px;}
.PI_info h1 { font-size:18px; font-weight:700; color:#000}
.PI_info h3 { font-size:13px; margin:5px 0 8px 0; line-height:15px; }

/* SEO專案, 網站優化準則. by Greason, 20150623, 除了font-size等與 .PI_info h3 相同外, 其餘reset */
.PI_info h2  
{ 
    font-size:13px; margin:5px 0 8px 0; line-height:15px; 
    padding: 0; border: 0; outline: 0; font-weight: normal;
    vertical-align: baseline; background: transparent;
    overflow: hidden;
}



/* 品名下行銷字 */
.PI_spot {color:#eb6b6a}

/*商品訊息各項目*/
.PI_item { clear:both; color:#4B4B4B;}
.PI_item a,
.PI_item a:visited{
	color:#CB944C;
	text-decoration:none;
	border-bottom:1px #CB944C dashed;
	}
.PI_item a:hover{
	color:#CB944C;
	text-decoration:none;
	border-bottom:0px #CB944C dashed;
	}

/*18禁*/
.PI_item_18no{
	background:url(../images/btn_18no.gif) no-repeat center center;
	width:328px;
	height:44px;
	}
.PI_item_18no span{display:none}

/*特價截止日*/
.saleclose {font-size:11px; }

/*四個btn*/
.PI_cart, .BUY_cart, .PI_list, .PI_massbuy, .PI_inblog, .PI_remind {
	display:block;
	float:left;
	height:26px; 
	margin-right:5px;}

.PI_cart span, .BUY_cart span, .PI_list span, .PI_massbuy span, .PI_inblog span, .PI_remind span {display:none;}

/* 放入購物車 */.PI_cart{
	background:url(../images/btn_cart_L.gif) no-repeat center center; 
	width:103px; 
	} 

/* 結帳去 */.BUY_cart{
	background:url(../images/btn_okbuy.gif) no-repeat center center; 
	width:79px; 
	}

/* 下次再買 */.PI_list{
	background:url(../images/btn_list.gif) no-repeat center center;
	width: 103px; 
	}
/* 2014/5/6 購物車到貨提醒 */.PI_remind {
    background: url("../images/btn_remind.gif") no-repeat scroll center center;
    width: 103px;
}

.PI_massbuy{
	background:url(../images/btn_massbuy-L.gif) no-repeat center center; 
	width:63px; 
	
	}

.PI_inblog{
	background:url(../images/btn_inblog.gif) no-repeat center center; 
	width:93px; 
	}

/**/
.PI_ps { font-size:13px; color:#EB6B6A; height:26px; line-height:26px; vertical-align:middle}

/**/
.PI_notice {clear:both; font-size:11px; color:#EB6B6A; padding-top:6px!important;padding-top:0;}

/*贈品區*/
/*
.GF_img{ float:left; width:200px; border:0; margin:10px}
.GF_cont{float:left;margin:10px; width:100px;}
.GF_cont h3{ display:inline; color:#eb6b6a}
.GF_cc{}
*/

/*贈品區 ● 20080609 修改 ↓*/ 
.GF_img{ float:left; width:180px; border:0; margin:10px}
.GF_cont{float:left;margin:10px; width:450px;}
.GF_cont h3{ 
	display:inline; 
	color:#eb6b6a; 
	font-size:15px; 
	border-bottom:1px #d3d3d3 solid; 
	font-weight:700; 
	line-height:24px}

.GF_txt {
	margin:8px 0 5px 0;
	}
	
.GF_cc{ float:left;  padding:0 5px 10px 0px}

.GF_cont a,
.GF_cont a:visited {
	color:#CB944C;
	text-decoration:none;
	border-bottom:1px #CB944C dashed
	}
	
.GF_cont a:hover {
	text-decoration:none;
	border:0
	}
	
/*贈品區 ● 20080609 修改 ↑*/ 
/*下載區：桌布*/
.DL_wallpaper { font-size:11px; clear:both}
.DL_wallpaper img{width:180px; border:3px #727272 solid; }
.DL_wallpaper h3{ margin:3px 0 -3px 0; line-height:16px; color:#4B4B4B}

.DL_wallpaper li {list-style:none; float:left; width:230px; margin-bottom:10px;text-align:center;}
	
.DL_wallpaper li a,
.DL_wallpaper li a:visited{
	color:#CB944C;
	text-decoration:none;
	border-bottom:1px #CB944C dashed;
	}
.DL_wallpaper li a:hover{
	color:#CB944C;
	text-decoration:none;
	border-bottom:0px #CB944C dashed;
	}
	
	
/*下載區：檔案*/

.DL_files img{ border:0; float:right}

.DL_files {
	width:650px;
	clear:both;
	list-style: none;
	margin: 0 auto;
	padding: 0;
}	


.DL_files li a,
.DL_files li a:visited {
	color:#484848;
	height:38px;
	line-height:38px;
	vertical-align:middle;
	text-decoration: none;
	display: block;
	padding :4px ;	/**/
	border-bottom:1px #c4c4c4 dashed;
	background:url(../images/btn_file.gif) no-repeat right center;
}	

.DL_files  li a:hover {
	color:#B83F3F;	
	font-weight:700;
	background:url(../images/btn_file_over.gif) no-repeat right center;
	}

/*影音播放*/
.EV_box {width:450px; margin:0 auto; margin-bottom:10px}
.EV_box h3{color:#4B4B4B}
.EV_box li{ list-style:none; width:200px; margin:0 10px; float:left; text-align:center}

/*試閱*/
.ER_box {width:640px; margin:0 auto; }
.ER_box h3{color:#4B4B4B;}
.ER_box h3 a,
.ER_box h3 a:visited{
	color:#CB944C;
	text-decoration:none;
	border-bottom:1px #CB944C dashed;
	}
.ER_box h3 a:hover{
	color:#CB944C;
	text-decoration:none;
	border-bottom:0px #CB944C dashed;
	}

/*文章主旨*/
.ER_title {
	background:#efefef; 
	height:30px; 
	line-height:30px; 
	margin:10px 0 8px 0;
	padding:0 5px;
	}

/*作者書籍*/
.LW_box {width:640px; margin:0 auto; }
.LW_title{
	color:#4B4B4B;
	background:#efefef; 
	height:30px; 
	line-height:30px; 
	margin:8px 0 8px 0;
	padding:0 5px;}
	
.LW_box_cont a,
.LW_box_cont a:visited{
	color:#CB944C;
	text-decoration:none;
	border-bottom:1px #CB944C dashed;
	}
.LW_box_cont a:hover{
	color:#CB944C;
	text-decoration:none;
	border-bottom:0px #CB944C dashed;
	}

/**/
/* 新品推薦
==============================================================================*/
.LW_box_b{
	float:left;
	width:206px;
	margin:20px 4px 8px 0;
	}
	
.LW_box_b h3{
	font-size:13px;
	color:#ff8501
	font-weight:100;
	line-height:15px;
	margin-bottom:2px;
	}

/*.LW_box_b h3 a,
.LW_box_b h3 a:visited {color:#ff8501;text-decoration:none; border-bottom:0}
.LW_box_b h3 a:hover{color:#000; text-decoration:none; border-bottom:0}*/

.LW_box_b_pro{margin:0 0 0 10px}
.LW_box_b_cont{margin:8px 0 0 10px; clear:left}
.LW_box_b_cont li{
	list-style: url(../images/li.gif);
	margin:0 0 5px 17px;
	line-height:15px;
	color:#eb6b6a;
}
.LW_box_b_cover{float:left; width:75px; border:1px solid #bbbbbb; padding:3px; margin-right:5px}


/*超值組合*/
.SS_imag {
	float:left;
	padding:3px;
	margin:3px 3px;
	}

.SS_imag img{
	width:57px;
	border:0;
	}

a.SS_imag ,
a.SS_imag:visited {
	background:#fff;
	border:1px #e5e4d8 solid;
	}
	
a.SS_imag:hover{
	background:#fff;
	border:1px #999 solid;
	}

.SS_plus {
	float:left;
	width:16px;
	height:90px;
	font-size:13px;
	font-weight:700;
	text-align:center;
	line-height:90px;
	vertical-align:middle;
	}

/* 超值組合裡的購物車 */
.SS_cart {
	margin-top:5px;
	font-size:13px;
	font-weight:700; 
	color:#eb6b6a;
	}
	
.SS_cart em{
	font-size:20px;
	font-weight:700;
	font-family:Helvetica, sans-serif;
	font-style:normal;}




/* 超值組合的外框 */
fieldset.SS_box{
	padding:10px 0px 10px 10px;
	margin:0 5px 13px 0;
	width:auto;
	border:#fc0 solid 1px;
	clear:both;
} 


/* 超值組合的標題 */
legend.SS_box_cont {
	font-size:13px;
	padding:0 20px;
	font-weight:700;
	color:#000;
	margin-bottom:8px;
} 


/*產品圖滑動Bar*/
/*不用了
#tbody {width:226;margin:40px auto;}
#mainbody {width:250px;margin:5px;border:1px solid #222;padding:1px}
*/

#goleft {float:left;clear:left;margin:6px 0px 0 3px;}
#goright {float:right;clear:right;margin:6px 3px 0 5px;}

#photos {width:226px;line-height:54px;border:0px solid #222;margin:3px 0;overflow:hidden;}
/*#photos {width:225px;height:84px;line-height:54px;border:0px solid #222;margin:3px 0;overflow:hidden;}*/
#showArea img {display:block;float:left;margin:1px 0;cursor:pointer;border:1px solid #222}