﻿/* 試聽試閱試看 */
#TY_content{
	float:left; 
	width:725px;
	}

/* 中間主打 */
.TY-box {
	float:left;
	margin-bottom:20px
	}


/* 標題圖 */
.TY_t {
	float:left; 
	width:185px; 
	background: url(../images/ty_titpc.gif) no-repeat left center; height:230px;
	}

/* 標：書封 */
.TY_bo{
	float:left; 
	width:150px; 
	background: url(../images/ty_titpc_top.gif) no-repeat top center; 
	margin-top:3px;
	}

.TY_bocover {
	padding-top:5px; 
	width:150px;}


/* 主打書 */
.TY_bigbox {
	float:left;
	margin-left:22px;
	width:360px;
	}

.TY_bigbox_con {float:left; margin:0; width:298px; position:relative; left:125px}
.TY_bigbox_title{ font-size:15px; line-height:20px; font-weight:700}

.TY_bigbox_name {margin:2px 0 5px 0}
.TY_bigbox_name a,
.TY_bigbox_name a:visited{
	color:#000;
	text-decoration:none;
	}
	
.TY_bigbox_name a:hover{
	text-decoration:underline;
	}

/* 主打書下方：各線試聽 */
.TY_mid {
	float:left;
	width:100%; 
	margin-bottom:10px;
	}

.TY_mid h2 a,
.TY_mid h2 a:visited{
	display:block;

	line-height:30px;
	vertical-align:middle;
	background: url(../images/more-g.gif) no-repeat center right #f3f3f3;
	padding:0 5px;
	margin:0 0 15px 0;
	border-bottom:1px #a1a1a1 solid;
	text-decoration:none;
	}

/* 各線主打 */

/*TY_mbox 2008.6.16 和try.css衝到*/
.SELECT_mbox{

	float:left;
	width:340px;
	margin:0 6px;
	position:relative;
	}
	
.TY_mbox h3{
	font-size:13px;
	color:#ff8501;
	line-height:20px;
	margin-bottom:5px;
	}

/*.TY_mbox h3 a,
.TY_mbox h3 a:visited {color:#ff8501;text-decoration:none;}
.TY_mbox h3 a:hover{color:#000; text-decoration:none;}*/

.TY_mbox_pro{ /*clear:both;*/ margin:0 0 0 10px;display:inherit;}
.TY_mbox_pro p{ color:#333;}

.TY_mbox_cont{margin:0 0 0 10px; }

/* 各線副打 */
.TY_sbox{
	float:right; 
	width:320px; 
	margin:0 10px 5px 0;
	}
	
/* 各線副打兩小 */
.TY_sbox_ss{
	margin-bottom:20px;
	}

.TY_sbox_ss h3{
	margin-bottom:3px;
	}
	
/* 各線副打 */
.TY_sbox_ss_imag {
	float:left;
	padding:2px;
	margin:3px 8px 3px 3px;
	background:#fff;
	border:1px #bbb solid;
	}

.TY_sbox_ss_imag img{
	width:60px;
	border:0;
	}


/* 作者資訊 */
.TY_sbox_in {
	margin:5px 0;
	clear:left;
	}

/* 影音試聽 */
.TY_audio {
	float:left;
	width:250px;
	}

.TY_audio_ss{
	width:255px; 
	float:right; 
	}


.TY_audio_imag {
	float:left;
	padding:2px;
	margin:0 8px 3px 3px;
	background:#fff;
	border:1px #bbb solid;
	}

.TY_audio_imag img{
	width:50px;
	border:0;
	}

/* 分隔線 */
.TY_hr{
	border-bottom:1px dashed #ccc; 
	float:right; 
	width:250px; 
	margin:-12px 0 10px 0;
	}


/* 活動推薦 */
.box_round_02{
	width:100%;
	background:url(../images/round_bg_r.gif) right repeat-y #86BFBD; /*改框的顏色--4個地方:左右兩邊*/
	margin-bottom:20px!important;
	margin-bottom:10px;
	}	

.box_border_02{
	background:url(../images/round_bg_l.gif) left repeat-y;
	}

.box_content_02 {
	background:#fff; /*底的顏色:box 主體*/
	margin:0 10px;
	padding:4px 0 3px 7px;
	clear:both; /* 治療ie7這笨子!以免右框不見! */
	}
	
.box_round_02 h2{
	color:#ffffff;
	/*cursor:pointer;*/
	text-decoration:none;
	width:91%;
	vertical-align:middle;
	line-height:29px;
	/*background:url(../images/bg_title_02.gif) no-repeat right top ;*/
	top:5px;
	left:11px;
	position:absolute;
	z-index:10;
	}
	
.round_top_02 { 
	float:left;
	background: url(../images/round_topbn.gif) center top #86BFBD; /*改框的顏色--4個地方:框頭*/
	position:relative;
	z-index:3;
		
	}
	
.round_bn_02 { 
	float:left;
	background: url(../images/round_topbn.gif) center bottom #86BFBD; /*改框的顏色--4個地方:框腳*/
	
	}
	
.roundtl_02,
.roundtr_02,
.roundbl_02,
.roundbr_02 {
	background: url(../images/round.gif) #86BFBD; /*改框的顏色--4個地方:四個圓角*/
	height: 37px;
	width: 13px;
	}

.roundtl_02,.roundbl_02 {float: left;}
.roundtr_02,.roundbr_02 {float: right;}

.roundtr_02 {
	background-position: right top;
	}

.roundbr_02 {
	background-position: right bottom;
	height: 12px;
	width: 13px;
	}
	
.roundbl_02 {
	background-position: left bottom;
	height: 12px;
	width: 13px;
	}
	
.BOX_b{
	clear:both;
	margin:0 2px 0 0;
	padding:0 10px;
	}
	
.BOX_b h3{ color:#ff8501; text-align:center; margin:3px 0;}
	
.BOX_b a{ text-decoration:none}
.BOX_b a:hover{ color:#333; text-decoration:none}

.BOX_b_imag{
	width:70px; 
	padding:2px; 
	border:1px solid #ccc; 
	margin:0 auto;
	}

/*右欄十大區：書名【最新書籍】*/
.list-ten {margin:0;	padding:0 5px;}
.list-ten #li-1 {background: transparent url(../images/list_number_1_p.gif) no-repeat scroll 0pt 1px; }
.list-ten #li-2{ background: transparent url(../images/list_number_2.gif) no-repeat scroll 0pt 1px; }
.list-ten #li-3{ background: transparent url(../images/list_number_3.gif) no-repeat scroll 0pt 1px; }
.list-ten #li-4 {background: transparent url(../images/list_number_4.gif) no-repeat scroll 0pt 1px; }
.list-ten #li-5{ background: transparent url(../images/list_number_5.gif) no-repeat scroll 0pt 1px; }
.list-ten #li-6{ background: transparent url(../images/list_number_6.gif) no-repeat scroll 0pt 1px; }
.list-ten #li-7 {background: transparent url(../images/list_number_7.gif) no-repeat scroll 0pt 1px; }
.list-ten #li-8{ background: transparent url(../images/list_number_8.gif) no-repeat scroll 0pt 1px; }
.list-ten #li-9{ background: transparent url(../images/list_number_9.gif) no-repeat scroll 0pt 1px; }
.list-ten #li-10{ background: transparent url(../images/list_number_10.gif) no-repeat scroll 0pt 1px; }

.list-ten a,
.list-ten a:visited {color: #737373; display:block;text-decoration:none}
.list-ten a:hover {color:#000; text-decoration:none;}

.list-ten li {
	list-style:none;
	padding:0 0 0 22px;
	margin:0 0 10px 0px;	
	}

.list-ten li h3, .list-ten li p{ 
	margin:0; 
	padding:0;
	}

/* 中文精選內頁 */
.box_content_03 {
	background:#fff; /*底的顏色:box 主體*/
	margin:0 10px;
	padding:0;
	clear:both; /* 治療ie7這笨子!以免右框不見! */
	}
	


/* 列表 */
.TY_sec {margin:0; padding:0 5px; }
.TY_sec li {
	height:140px;
	clear:both;
	list-style:none;
	margin-bottom:20px;
	}

/* 列表 */	
.TY_sec_cover{float:left; width:80px; border:1px solid #bbb; padding:3px}
.TY_sec_con {float:left; margin:0 6px;width:300px}
.TY_sec_name {margin:2px 0 5px 0; color: #737373; }
.TY_sec_name a,
.TY_sec_name a:visited{
	color:#000;
	text-decoration:none;
	}
.TY_sec_name a:hover{
	text-decoration:underline;
	}
.TY_sec_cart{
	float:right; 
	width:95px; 
	padding-top:20px; 
	height:110px; 
	border-left:1px dashed #ccc; 
	padding-left:15px;
	}


/*  */
a.TYL_box_cc h3 {color:#eb6b6a}


a.TYL_box_cc,
a.TYL_box_cc:visited {
	display:block;
	width:130px;
	padding:0px 0 8px 0;
	margin:0 auto;
	text-decoration:none;
	border-bottom:1px dashed #cdc8bb;
	}
	
a.TYL_box_cc:hover{color:#000;text-decoration:none;}

/* 試聽試看內頁的產品圖 */
.TY_audio_s_imag {
	float:left;
	padding:2px;
	margin:0 8px 3px 12px;
	background:#fff;
	border:1px #bbb solid;
	}

.TY_audio_s_imag img{
	width:80px;
	border:0;
	}

/* 右邊各類榜首 */
.cate-top-title {
	color:#ff8501;
	margin-bottom:3px;
	background:url(../images/cate-top-title-2.gif) center left no-repeat;
	padding-left:10px;
	}

.cate-top { padding:0 8px}

.cate-top li{
	list-style:none;
	height:auto!important; /* 寫給 fx */
	height:90px;
	min-height:90px; /* 寫給 ie7, fx */
	padding-bottom:8px;
	margin-bottom:8px;
	border-bottom:1px dashed #ccc;
	}
	
#cate-secc { padding:0}

#cate-secc li{
	list-style:circle;
	}




.cate-top img{
	float:left;
	width:45px; 
	border:1px #ccc solid; 
	padding:1px; 
	margin:0 6px 0 0;
	}

.cate-more {
	text-align:right;
	margin-top:3px;
	}

.tf50_name {margin:2px 0 5px 0; background:url(../images/li-2.gif) no-repeat 0 1px; padding:0 0 0 15px;}
.tf50_name a,
.tf50_name a:visited{
	color:#000;
	text-decoration:none;
	}
.tf50_name a:hover{
	text-decoration:underline;
	}

/* 項目點 */
.tf-pot {
	color:#8e8e8e; 
	font-size:8px; 
	padding-right:5px}

.menu-mon {
	float:left; 
	width:600px; 
	padding:5px 0 8px 0; 
	height:28px}

.menu-mon a,
.menu-mon a:visited {
	text-decoration:none;
	border-bottom:1px solid;
	}

.menu-mon a:hover {
	text-decoration:none;
	border-bottom:0;
	}

.box_mid_none {float:left;width:100%; margin-bottom:10px}
.box_mid_none h2{
	/*clear:both;
	width:auto;*/
	text-decoration:none;
	height:30px;
	line-height:30px;
	vertical-align:middle;
	background:#f3f3f3;
	padding:0 5px 0 5px;
	margin:0 0 15px 0;
	border-bottom:1px #a1a1a1 solid;
	}
