@import url("reset.css");
@charset "utf-8";

/*永遠顯示scrollbar*/

html {overflow-y: scroll;}

/**/

/* CSS Document */
body {background:#FFF; font-family:\5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4,Verdana,Helvetica,Arial,sans-serif;}
a{
 outline: none; /* for Firefox */
 hlbr:expression(this.onFocus=this.blur()); /* for IE */
}
#WRAPPER {
	width:980px;
	margin:0 auto;
	background-color:#FFF;
}
/*現在的頁面*/
#WRAPPER .path{
	font-size:13px;
	width:980px;
	line-height:63px;
	color:#00a0e9;
	white-space: nowrap; 
	overflow: hidden;
	text-overflow: ellipsis;
	}
#WRAPPER .path a{ color:#161616; text-decoration:none;}
#WRAPPER .path a:hover{color:#00a0e9;}
/*其他的頁面*/
/* ==頁首上連結區============================ */

#TOP{width:100%; height:20px; background:url(../images/dust.png) repeat;}
#TOP h1{
	display:block;
	width:100%;
	border-top:4px #00a0e9 solid;
	text-indent:-9999px;
	}
#TOP a{
	font-size:11px;
	color:#959595;
	text-decoration:none;
	}
#TOP a:hover{color:#00a0e9;}

/* ==頁首區============================ */

#HEADER {
	width:100%;
	height:126px;/*150916新增熱搜關鍵字，原106px*/
	background:url(../images/dust.png) repeat;
	border-bottom:2px #e0eff7 solid;
}
#HEADER ul.family{
	position:absolute;
	color:#959595;
	font-size:11px;
	left: 3px;
	top: -13px;
	}
#HEADER ul.family li{}
#HEADER ul.family li a{
	font-size:11px;
	color:#959595;
	text-decoration:none;
	}
#HEADER ul.family li a:hover{color:#00a0e9;}
#HEADER .header_inner{
	width:980px;
	height:126px;/*150916新增熱搜關鍵字，原106px*/
	margin:0 auto;
	position:relative;
	}
#HEADER ul.navi{
	position:absolute;
	width:384px;
	height:30px;
	left: 596px;
	top: -17px;
	}
#HEADER ul.navi li{float:left;}
#HEADER ul.navi li a{
	display:block;
	height:30px;
	outline:none;
	text-indent:-9999px;
}
#HEADER ul.navi li.navi_login a{width:80px; background:url(../images/navi.png) no-repeat  0px 0px;}
#HEADER ul.navi li.navi_logout a{width:80px; background:url(../images/navi.png) no-repeat  -80px 0px;}
#HEADER ul.navi li.navi_bookroom a{width:85px; background:url(../images/navi.png) no-repeat -160px 0px;}
#HEADER ul.navi li.navi_download a{width:118px; background:url(../images/navi.png) no-repeat -245px 0px;}
#HEADER ul.navi li.navi_buy a{width:101px; background:url(../images/navi.png) no-repeat -363px 0px;}

#HEADER ul.navi li.navi_login a:hover{width:80px; background:url(../images/navi.png) no-repeat  0px -30px;}
#HEADER ul.navi li.navi_logout a:hover{width:80px; background:url(../images/navi.png) no-repeat  -80px -30px;}
#HEADER ul.navi li.navi_bookroom a:hover{width:85px; background:url(../images/navi.png) no-repeat -160px -30px;}
#HEADER ul.navi li.navi_download a:hover{width:118px; background:url(../images/navi.png) no-repeat -245px -30px;}
#HEADER ul.navi li.navi_buy a:hover{width:101px; background:url(../images/navi.png) no-repeat -363px -30px;}
#HEADER ul.navi li.navi_buy span{
	position:absolute;
	left: 344px;
	top: 5px;
	font-size:13px;
	color:#FFF;
	font-weight:bold;
	font-family: Verdana,Arial, Helvetica, sans-serif;
}
#HEADER h1 {
	display:block;
	position:absolute;
	width:145px;
	height:42px;
	background:url(../images/udnreading_logo.png) no-repeat;
	text-indent:-9999px;
	left: 0px;
	top: 15px;
}

#HEADER #READER {
	display:block;
	position:absolute;
	width:175px;
	height:42px;
	background:url(../images/logo_reader.png) no-repeat;
	text-indent:-9999px;
	left: 160px;
	top: 15px;
}

/*==搜尋區================================*/
#HEADER ul.search_bar{
	position:absolute;
	width:384px;
	height:31px;
	left: 596px;
	top: 19px;
	}
#HEADER ul.search_bar li.sreach_input{
	float:left;
	display:block;
	width:289px;
	height:31px;
	background:url(../images/search_bar.png) no-repeat 0px 0px;
	}
/* ---- 輸入框 --- -*/
#text {
	position:absolute;
	left: 6px;
	top: 1px;
	width:281px;
	height:28px;
	font-size:15px;
	color:#383838;
	line-height:15px;
	outline:none;
	background:none;
	border:none;
	}
#HEADER ul.search_bar li.search_btn a{
	display:block;
	height:31px;
	outline:none;
	text-indent:-9999px;
	background:url(../images/search_bar.png) no-repeat 0px 0px;
}
/*=====搜尋熱門字150916新增=====*/
.sreach_text{
    display:block;
    width:382px;
    height:20px;
    font-size:15px;
    color: #ba3862;
    overflow:hidden;
    position: absolute;
    left: 596px;
    top: 59px;
    }
.sreach_text a{
    font-size:15px;
    color: #414141;
    text-decoration:none;
    }
.sreach_text a:hover{
    color:#00a0e9;
    }

/*----------點登出出現帳號--------------------------*/
#HEADER .navimember_id{
	position:absolute;
	width:200px;
	height:28px;
	padding-top:7px;
	padding-left:12px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius:3px;
	background:#00a0e9;
	left: 596px;
	top: 16px;
	}
#HEADER .navimember_id span{
	font-size:13px;
	color:#FFF;
	}
#HEADER .navimember_id .navimember_id_title{
	font-size:16px;
	font-weight:bold;
	margin-right:12px;
	}
/*----------點購物車出現購買清單--------------------------*/
#HEADER .navibuy_list{
	position:absolute;
	width:247px;
	background:#00a0e9;
	padding:12px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius:3px;
	left: 709px;
	top: 16px;
	color:#FFF;
	font-size:13px;
	z-index:10;
	}
#HEADER .navibuy_list table{margin-bottom:10px;}
#HEADER .navibuy_list a{
	color:#FFF;
	font-size:13px;
	text-decoration:none;
	}
#HEADER .navibuy_list a:hover{text-decoration:underline;}
#HEADER .navibuy_list th{
	font-size:16px;
	font-weight:bold;
	border-bottom:1px #FFF solid;
	}
#HEADER .navibuy_list td{padding-top:5px;}
#HEADER .navibuy_list td.navibuy_price{letter-spacing:1px;}
#HEADER	.navibuy_allprice{
	text-align:right;
	padding-right:5px;
	}
#HEADER .navibuy_list tfoot{border-top:1px #FFF solid;}
#HEADER a.navibuy_btn{
	display:block;
	width:113px;
	height:33px;
	margin:0 auto;
	background:url(../images/navibuy.png) no-repeat left top;
	text-indent:-9999px;
	}
#HEADER a.navibuy_btn:hover{
	display:block;
	width:113px;
	height:33px;
	margin:0 auto;
	background:url(../images/navibuy.png) no-repeat left bottom;
	text-indent:-9999px;
	}
/* ==主選單區============================ */
#HEADER ul.main_menu{
	position:absolute;
	width:725px;
	height:39px;
	top: 89px;/*150916新增熱搜關鍵字，原69px*/
	}
#HEADER ul.main_menu li{float:left;}
#HEADER ul.main_menu li a{
	display:block;
	height:39px;
	outline:none;
	text-indent:-9999px;
}
#HEADER ul.main_menu li.main_home a{width:65px; background:url(../images/mainmenu.png) no-repeat 0px 0px;}
#HEADER ul.main_menu li.main_b1 a{width:110px; background:url(../images/mainmenu.png) no-repeat -65px 0px;}
#HEADER ul.main_menu li.main_b2 a{width:110px; background:url(../images/mainmenu.png) no-repeat -175px 0px;}
#HEADER ul.main_menu li.main_b3 a{width:110px; background:url(../images/mainmenu.png) no-repeat -285px 0px;}
#HEADER ul.main_menu li.main_b4 a{width:110px; background:url(../images/mainmenu.png) no-repeat -395px 0px;}
#HEADER ul.main_menu li.main_b5 a{width:110px; background:url(../images/mainmenu.png) no-repeat -505px 0px;}
#HEADER ul.main_menu li.main_b6 a{width:110px; background:url(../images/mainmenu.png) no-repeat -615px 0px;}

#HEADER ul.main_menu li.main_home a:hover{width:65px; background:url(../images/mainmenu.png) no-repeat 0px -39px;}
#HEADER ul.main_menu li.main_b1 a:hover{width:110px; background:url(../images/mainmenu.png) no-repeat -65px -39px;}
#HEADER ul.main_menu li.main_b2 a:hover{width:110px; background:url(../images/mainmenu.png) no-repeat -175px -39px;}
#HEADER ul.main_menu li.main_b3 a:hover{width:110px; background:url(../images/mainmenu.png) no-repeat -285px -39px;}
#HEADER ul.main_menu li.main_b4 a:hover{width:110px; background:url(../images/mainmenu.png) no-repeat -395px -39px;}
#HEADER ul.main_menu li.main_b5 a:hover{width:110px; background:url(../images/mainmenu.png) no-repeat -505px -39px;}
#HEADER ul.main_menu li.main_b6 a:hover{width:110px; background:url(../images/mainmenu.png) no-repeat -615px -39px;}

#HEADER ul.main_menu li.whenmain_home a{width:65px; background:url(../images/mainmenu.png) no-repeat 0px -39px;}
#HEADER ul.main_menu li.whenmain_b1 a{width:110px; background:url(../images/mainmenu.png) no-repeat -65px -39px;}
#HEADER ul.main_menu li.whenmain_b2 a{width:110px; background:url(../images/mainmenu.png) no-repeat -175px -39px;}
#HEADER ul.main_menu li.whenmain_b3 a{width:110px; background:url(../images/mainmenu.png) no-repeat -285px -39px;}
#HEADER ul.main_menu li.whenmain_b4 a{width:110px; background:url(../images/mainmenu.png) no-repeat -395px -39px;}
#HEADER ul.main_menu li.whenmain_b5 a{width:110px; background:url(../images/mainmenu.png) no-repeat -505px -39px;}
#HEADER ul.main_menu li.whenmain_b6 a{width:110px; background:url(../images/mainmenu.png) no-repeat -615px -39px;}
/* ==側邊區============================ */
#SUBWAPPER{clear:both; width:175px; float:left;}
#SUBWAPPER_reader{clear:both; width:175px; float:left; margin-top:10px;}
#SUBWAPPER_app{clear:both; width:175px; float:left; margin-top:10px;}
.SUB {
	width: 175px;
	background-image:url(../images/sub.png);
	background-position:left bottom;
	padding-bottom: 10px;
	margin-bottom:60px;
}
.SUB h3 {
	display:block;
	background:url(../images/sub.png)  0px 0px no-repeat;
	width: 175px;
	height: 56px;
	padding-top:15px;
	color: #FFFFFF;
	font-size: 14px;
	text-indent: 15px;
}
.SUB h4 {
	display:block;
	width: 163px;
	height: 62px;
	padding-top:8px;
	padding-left:12px;
	background:url(../images/sub.png)  0px 0px no-repeat;
}
/*------側邊選單-------*/
.SUB ul {
	background:url(../images/dust.png) repeat;
	font-size: 12px;
	border-right:1px #c6c6c6 solid;
	border-left:1px #c6c6c6 solid;
}
.SUB ul li{}
.SUB ul.sub_menu li a{
	display:block;
	width:173px;
	line-height:42px;
	text-decoration:none;
	font-size:16px;
	color:#161616;
	font-weight:bold;
	text-indent:12px;
	letter-spacing:2px;
	background:url(../images/dot_hr_x.gif) repeat-x top left;
    }
.SUB ul.sub_menu li a img{margin-right:5px;}
.SUB ul.sub_menu li a:hover{background:url(../images/dot_hr_x.gif) repeat-x top left #fbe73c;}
.SUB ul.sub_menu li .sub_menu_next{
	width:173px;
	height:42px;
	background:url(../images/dot_hr_x.gif) repeat-x top left;
	}
.SUB ul.sub_menu li a.submenu_next img {margin-right:5px;}
.SUB ul.sub_menu li a.when_sub_menu_next{background:url(../images/dot_hr_x.gif) repeat-x top left #fbe73c;}
/*----------------*/
.SUB ul li.bestseller_title{
	width:173px;
	height:55px;
	background:#00a0e9;
	padding-top:15px;
	text-indent:15px;
	}
.SUB ul li.bestseller{
	display:block;
	width:161px;
	padding:10px 0 10px 12px;
	background:url(../images/dot_hr_x.gif) repeat-x top left;
	}
.SUB ul li.bestseller h2{
	clear:both;
	display:block;
	width:148px;/*94+49+5*/
	font-size:15px;
	line-height:1.5;
	color:#161616;
	}
.SUB ul li.bestseller h2 a{
	clear:both;
	display:block;
	font-size:15px;
	line-height:1.5;
	color:#161616;
	text-decoration:none;
	}
.SUB ul li.bestseller h2 a:hover{color:#00a0e9;}
.SUB ul li.bestseller p{
	font-size:15px;
	line-height:16px;
	color:#666;
	}
.SUB ul li.bestseller h2.bs_magazinename{/*-----------雜誌的排行------------*/
	clear:both;
	display:block;
	font-size:15px;
	line-height:1.5;
	}
.SUB ul li.bestseller h2.bs_magazinename a{/*-----------雜誌的排行------------*/
	font-size:15px;
	line-height:1.5;
	text-decoration:none;
	color:#161616;
	}
.SUB ul li.bestseller h2.bs_magazinename a:hover{color:#00a0e9;}/*-----------雜誌的排行------------*/
.SUB ul li.bestseller h2.bs_magazinename a span{/*-----------雜誌的排行------------*/
	margin-left:6px;
	color:#666;
	}
.SUB ul li.bestseller h2.bs_magazinename a:hover span{color:#00a0e9;}/*-----------雜誌的排行------------*/
.SUB ul li.bestseller .bs_n1{width:49px; height:40px; float:left; background:url(../images/sub_number.png)  no-repeat 0px 0px; margin-right:5px; text-indent:-9999px;}
.SUB ul li.bestseller .bs_n2{width:49px; height:40px; float:left; background:url(../images/sub_number.png)  no-repeat 0px -40px; margin-right:5px; text-indent:-9999px;}
.SUB ul li.bestseller .bs_n3{width:49px; height:40px; float:left; background:url(../images/sub_number.png)  no-repeat 0px -80px; margin-right:5px; text-indent:-9999px;}
.SUB ul li.bestseller .bs_n4{width:49px; height:40px; float:left; background:url(../images/sub_number.png)  no-repeat 0px -120px; margin-right:5px; text-indent:-9999px;}
.SUB ul li.bestseller .bs_n5{width:49px; height:40px; float:left; background:url(../images/sub_number.png)  no-repeat 0px -160px; margin-right:5px; text-indent:-9999px;}
.SUB ul li.bestseller .bs_cover{width:94px; height:133px; float:left; background:url(../images/bscover_bg.png) no-repeat; margin-bottom:8px;}
.SUB ul li.bestseller .bs_cover img{width:86px; height:120px; padding-top:10px; padding-left:5px;}
.SUB ul li.bestseller_bottom{
	width:173px;
	height:47px;
	padding-top:17px;
	background:url(../images/dot_hr_x.gif) repeat-x top left;
	}
.SUB ul li.bestseller_bottom a{
	display:block;
	width:113px;
	height:33px;
	margin:0 auto;
	background:url(../images/more_big.png) no-repeat left top;
	text-indent:-9999px;
	}
.SUB ul li.bestseller_bottom a:hover{background:url(../images/more_big.png) no-repeat left bottom;}
.SUB ul li.sub_tab{
	display:block;
	width:156px;
	padding:10px 5px 10px 12px;
	overflow:hidden;
	}
/* ==側邊主題館區=======================*/
.SUB ul li.theme01,.SUB ul li.theme02,.SUB ul li.theme03,.SUB ul li.theme04,.SUB ul li.theme05,.SUB ul li.theme06{
	width:159px;
	height:44px;
	border:1px #00a0e9 dashed;
	}
.SUB ul li.theme01{
	margin-top:9px;
	margin-bottom:5px;
	margin-left:6px;
	}
.SUB ul li.theme02,.SUB ul li.theme03,.SUB ul li.theme04,.SUB ul li.theme05{margin-bottom:5px; margin-left:6px}
ul li.theme06{margin-bottom:30px;
	margin-left:6px;}
/* ==側邊出版社專區連結=======================*/	
a.pulishinghouse{
	display:block;
	width:176px;
	height:84px;
	background:url(../images/publish.png) no-repeat 0 0;
	text-indent:-9999px;
	/*margin-top:15px;*/
	margin-bottom:15px;
	}
a:hover.pulishinghouse{
	display:block;
	width:176px;
	height:84px;
	background:url(../images/publish.png) no-repeat 0 -84px;
	text-indent:-9999px;
	}
/* ==內容區============================ */
#CONTENT{
	float:right;
	width:775px;
	}
/* ==內容區 單欄式============================ */
#CONTENTCOLUMN{
	width:980px;
	}
/* ==最新消息========================== */
#CONTENT .latestnews{
	float:left;
	width:488px;
	height:156px;
	margin-bottom:25px;/*固定距離下面距離*/
	}
#CONTENT .contenttiltle_latestnews{
	width:488px;
	height:36px;
	padding-bottom:6px;
	border-bottom:2px #00a0e9 solid;
	}
#CONTENT .latestnews h3{
	display:block;
	width:200px;
	height:36px;
	background:url(../images/title_all.png) no-repeat 0px 0px;
	text-indent:-9999px;
	}
#CONTENT .latestnews ul li{
	display:block;
	width:488px;
	height:35px;
	background:url(../images/dot_hr_x.gif) repeat-x bottom left;
	}
#CONTENT .latestnews ul li a{
	font-size:15px;
	font-weight:bold;
	color:#090909;
	text-decoration:none;
	line-height:35px;
	letter-spacing:1px;
	}
#CONTENT .latestnews ul li a:hover{color:#00a0e9;}
/* ==最新消息 Banner=================== */
#CONTENT .latestnewsrightbanner{
	float:right;
	width:240px;
	height:80px;
	padding-top:41px;
	}
#CONTENT .latestnewsrightbanner img{
	width:240px; 
	height:80px;
	border:1px #bfd9e5 solid;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	}
#CONTENT .latestnewsrightbanner .latestnewsrightbanner_top{
	background:url(../images/dot_hr_x.gif) repeat-x bottom left;
	padding-bottom:26px;
}
#CONTENT .latestnewsrightbanner .latestnewsrightbanner_bottom{padding-top:16px;}
/* ==最新上架========================== */
#CONTENT .newarrivals{
	clear:both;
	position:relative;
	width:775px;
	height:290px;
	margin-bottom:45px;/*固定距離下面距離*/
	}
#CONTENT .newarrivals_mag{ /*151112增加價格*/
	clear:both;
	position:relative;
	width:775px;
	height:310px;
	margin-bottom:95px;/*固定距離下面距離*/
	}
#CONTENT .contenttiltle_newarrivals{
	width:775px;
	height:36px;
	padding-bottom:6px;
	border-bottom:2px #00a0e9 solid;
	}
#CONTENT .contenttiltle_newarrivals h3{
	display:block;
	width:200px;
	height:36px;
	background:url(../images/title_all.png) no-repeat 0px -36px;
	text-indent:-9999px;
	}
#CONTENT .contenttiltle_magazinenewarrivals{/*----雜誌的新刊上架標題-------*/
	width:775px;
	height:36px;
	padding-bottom:6px;
	border-bottom:2px #00a0e9 solid;
	}
#CONTENT .contenttiltle_magazinenewarrivals h3{/*----雜誌的新刊上架標題-------*/
	display:block;
	width:200px;
	height:36px;
	background:url(../images/title_all.png) no-repeat 0px -360px;
	text-indent:-9999px;
	}
/* ==編輯精選========================== */
#CONTENT .featured{
	clear:both;
	position:relative;
	width:775px;
	height:290px;
	margin-bottom:45px;/*固定距離下面距離*/
	}
#CONTENT .featured_mag{ /*151112增加價格*/
	clear:both;
	position:relative;
	width:775px;
	height:310px;
	margin-bottom:95px;/*固定距離下面距離*/
	}
#CONTENT .contenttiltle_featured{
	width:775px;
	height:36px;
	padding-bottom:6px;
	border-bottom:2px #00a0e9 solid;
	}
#CONTENT .contenttiltle_featured h3{
	display:block;
	width:200px;
	height:36px;
	background:url(../images/title_all.png) no-repeat 0px -72px;
	text-indent:-9999px;
	}
/* ==人物注目========================== */
#CONTENT .notable{
	position:relative;
	width:775px;
	height:223px;/*160+63*/
	margin-bottom:45px;/*固定距離下面距離*/
	}
#CONTENT .contenttiltle_notable{
	width:775px;
	height:36px;
	padding-bottom:6px;
	border-bottom:2px #00a0e9 solid;
	}
#CONTENT .contenttiltle_notable h3{
	display:block;
	width:200px;
	height:36px;
	background:url(../images/title_all.png) no-repeat 0px -108px;
	text-indent:-9999px;
	}
#CONTENT .notable .notible_mainpic{
	position:absolute;
	width:118px;
	height:160px;
	background:url(../images/notable_mainpic_bg.png) no-repeat;
	left:0px;
	top: 63px;
	}
#CONTENT .notable img{
	position:absolute;
	width:80px;
	height:auto;
	min-height:100px;
	top: 12px;
	left: 8px;
	}
#CONTENT .notable .notible_mainpic img{width:100px; height:130px;}
#CONTENT .notable h2{
	position:absolute;
	width: 274px;
	height:26px;
	left: 131px;
	top: 58px;
	font-size:25px;
	font-weight:600;
	color:#161616;
	}
#CONTENT .notable img.notable_minorpic01{left: 132px; top: 109px; border:solid #d8d8d8 1px;}
#CONTENT .notable img.notable_minorpic02{left: 227px; top: 109px; border:solid #d8d8d8 1px;}
#CONTENT .notable img.notable_minorpic03{left: 321px; top: 109px; border:solid #d8d8d8 1px;}
#CONTENT .notable p{
	position:absolute;
	width:358px;
	height:227px;
	left: 417px;
	top: 60px;
	font-size:15px;
	line-height:1.6;
	letter-spacing:1px;
	color:#414141;
	text-align:justify;/*齊行*/
	text-justify:distribute;/*齊行*/
	}
/* ==優惠組合========================== */
#CONTENT .serires{
	position:relative;
	width:775px;
	height:244px;
	margin-bottom:45px;/*固定距離下面距離*/
	}
#CONTENT .contenttiltle_serires{
	width:775px;
	height:36px;
	padding-bottom:6px;
	border-bottom:2px #00a0e9 solid;
	margin-bottom:17px;
	}
#CONTENT .contenttiltle_serires h3{
	display:block;
	width:200px;
	height:36px;
	background:url(../images/title_all.png) no-repeat 0px -144px;
	text-indent:-9999px;
	}
/*------電子雜誌優惠組合的標題---------------*/
#CONTENT .contenttiltle_maga_serires{
	width:775px;
	height:36px;
	padding-bottom:6px;
	border-bottom:2px #00a0e9 solid;
	margin-bottom:17px;
	}
#CONTENT .contenttiltle_maga_serires h3{
	display:block;
	width:230px;
	height:36px;
	background:url(../images/title_all.png) no-repeat 0px -432px;
	text-indent:-9999px;
	}
.serires_more {
	position:absolute;
	left: 709px;
	top: 13px;
	}
.serires_more a{
	display:block;
	width:67px;
	height:25px;
	background:url(../images/more_small.png) no-repeat left top;
	text-indent:-9999px;
	}
.serires_more a:hover{background:url(../images/more_small.png) no-repeat left bottom;}
.serires ul.serires_book{
	width:775px;
	height:180px;
	}
.serires ul.serires_book li {float:left;}
.serires ul.serires_book li.serires_book_l{
	width:386px;
	height:180px;
	border-right:1px #00a0e9 solid;
	margin-right:16px;
	}
.serires ul.serires_book .serire_book_cover{
	width:135px;
	height:175px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius:3px;
	border:1px #00a0e9 solid;
	padding-top:5px;
	float:left;
	margin-right:10px;
	}
.serires ul.serires_book .serire_book_cover img{
	display:block;
	width:120px; 
	height:auto; 
	margin:0 auto;
	}
.serires ul.serires_book .serire_book_content{
	width:225px;
	height:175px;
	float:left;
	}
.serires ul.serires_book .serire_book_content h2{
	font-size:15px;
	line-height:15px;
	letter-spacing:1px;
	color:#161616;
	margin-bottom:6px;
	}
.serires ul.serires_book .serire_book_content h2 a{
	font-size:15px;
	color:#161616;
	text-decoration:none;
	}
.serires ul.serires_book .serire_book_content h2 a:hover{color:#00a0e9;}
.serires ul.serires_book .serire_book_content p.serire_book_content_intro{
	display:block;
	width:225px;
	height:118px;
	font-size:13px;
	line-height:1.5;
	letter-spacing:1px;
	color:#666;
	text-align:justify;/*齊行*/
	text-justify:distribute;/*齊行*/
}
.serires ul.serires_book .serire_book_content .serire_book_price{
	width:225px;
	height:42px;
	}
.serires ul.serires_book .serire_book_content .serire_book_price p{
	font-size:13px;
	text-align:right;
	color:#161616;
	letter-spacing:1px;
	}
.serires ul.serires_book .serire_book_content .serire_book_price p span.serire_book_fixedprice{
	font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif;
	text-decoration:line-through;
	}
.serires ul.serires_book .serire_book_content .serire_book_price p span.serire_book_selldprice{
	font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Arial, sans-serif;
	font-size:25px;
	font-weight:900;
	letter-spacing:-1px;
	color:#1c95d4;
	}
/* ==主題聚焦========================== */
#CONTENT .spotlight{
	width:775px;
	height:243px;/*180+63*/
	margin-bottom:22px;/*固定距離下面距離*/ /*151112增加價格*/
	}
#CONTENT .contenttiltle_spotlight{
	width:775px;
	height:36px;
	padding-bottom:6px;
	border-bottom:2px #00a0e9 solid;
	margin-bottom:17px;
	}
#CONTENT .contenttiltle_spotlight h3{
	display:block;
	width:200px;
	height:36px;
	background:url(../images/title_all.png) no-repeat 0px -396px;
	text-indent:-9999px;
	}
#CONTENT .spotlight ul.spotlight_magazine{
	width:775px;
	height:180px;
	}
#CONTENT .spotlight ul.spotlight_magazine li {float:left;}
#CONTENT .spotlight ul.spotlight_magazine .spotlight_magazine_L{margin-right:11px;}
#CONTENT .spotlight ul.spotlight_magazine img.spolight_cover{
	display:block;
	width:118px;
	height:auto;
	min-height:160px;
	max-height: 170px;
	padding-top:0px;
	float:left;
	margin-right:12px;
	border:solid #d8d8d8 1px;
	}
#CONTENT .spotlight ul.spotlight_magazine .spotlight_content{
	width:250px;
	height:157px;
	float:left;
	}
#CONTENT .spotlight ul.spotlight_magazine .spotlight_content img{
	margin:3px 0 0 0;
	display:block;
	}
#CONTENT .spotlight ul.spotlight_magazine .spotlight_content a{
	display:block;
	width:240px;
	line-height:25px;
	background:url(../images/dot_hr_x.gif) repeat-x bottom left;
	text-decoration:none;
	margin-bottom:6px;
	}
#CONTENT .spotlight ul.spotlight_magazine .spotlight_content h2{
	display:inline;
	font-size:15px;
	line-height:15px;
	letter-spacing:1px;
	color:#161616;
	margin-bottom:10px;
	margin-right:6px;
	}
#CONTENT .spotlight ul.spotlight_magazine .spotlight_content p{
	display:inline;
	color:#666;
	font-size:15px;
	}
#CONTENT .spotlight ul.spotlight_magazine .spotlight_content a:hover h2,#CONTENT .spotlight ul.spotlight_magazine .spotlight_content a:hover p{color:#00a0e9;}
#CONTENT .spotlight ul.spotlight_magazine .spotlight_content p.spotlight_content_desc{
	font-size:13px;
	line-height:1.6;
	letter-spacing:1px;
	text-align:justify;/*齊行*/
	text-justify:distribute;/*齊行*/
	}
/* ==活動特區========================== */
#CONTENT .activity{
	position:relative;
	width:775px;
	height:238px;
	margin-bottom:45px;
	}
#CONTENT .contenttiltle_activity{
	width:775px;
	height:36px;
	padding-bottom:6px;
	border-bottom:2px #00a0e9 solid;
	margin-bottom:17px;
	}
#CONTENT .contenttiltle_activity h3{
	display:block;
	width:200px;
	height:36px;
	background:url(../images/title_all.png) no-repeat 0px -180px;
	text-indent:-9999px;
	}
#CONTENT .activity img.activity_banner1{
	position:absolute;
	width:240px;
	height:80px;
	top:60px;
	border:solid #a1a1a1 1px
	}
#CONTENT .activity img.activity_banner2{
	position:absolute;
	width:240px;
	height:80px;
	top:60px;
	left:267px;
	border:solid #a1a1a1 1px
	}
#CONTENT .activity img.activity_banner3{
	position:absolute;
	width:240px;
	height:80px;
	left: 535px;
	top: 60px;
	border:solid #a1a1a1 1px
	}
#CONTENT .activity img.activity_banner4{
	position:absolute;
	width:240px;
	height:80px;
	left: 0px;
	top: 157px;
	border:solid #a1a1a1 1px
	}
#CONTENT .activity img.activity_banner5{
	position:absolute;
	width:240px;
	height:80px;
	top: 157px;
	left:267px;
	border:solid #a1a1a1 1px
	}
#CONTENT .activity img.activity_banner6{
	position:absolute;
	width:240px;
	height:80px;
	left: 535px;
	top: 157px;
	border:solid #a1a1a1 1px
	}
#CONTENT .activity img.activity_banner7{
	position:absolute;
	width:240px;
	height:80px;
	left: 0px;
	top: 254px;
	border:solid #a1a1a1 1px
	}
#CONTENT .activity img.activity_banner8{
	position:absolute;
	width:240px;
	height:80px;
	left: 267px;
	top: 254px;
	border:solid #a1a1a1 1px
	}
#CONTENT .activity img.activity_banner9{
	position:absolute;
	width:240px;
	height:80px;
	left: 535px;
	top: 254px;
	border:solid #a1a1a1 1px
	}
/* ==書籍排列切換====================== */
.bookrow {
	width: 775px;
	height: 238px;
	padding: 10px 0 0 0;
	position:absolute;
	top: 3px;
	}
.bookrow * {
	margin: 0;
	padding: 0;
	}
.bookrow ul, .bookrow li {
	list-style: none;
	}
.bookrow_more {
	position:absolute;
	left: 621px;
	top: 8px;
	}
.bookrow_more a{
	display:block;
	width:67px;
	height:25px;
	background:url(../images/more_small.png) no-repeat left top;
	text-indent:-9999px;
	}
.bookrow_more a:hover{
	background:url(../images/more_small.png) no-repeat left bottom;
	}
.bookrow .page {
	position: absolute;
	top: 12px;
	right: 80px;
	}
.bookrow .bookrowbtn {
	position: absolute;
	top: 0px;
	right: 1px;
	height: 33px;
	}
.bookrow .bookrowbtn a {
	width: 32px;
	height: 32px;
	float: left;
	text-indent: -9999px;
	margin-bottom:20px;
	}
.bookrow .bookrowbtn a.prev {
	background: url(../images/btn.jpg) no-repeat 0px 0px;
	margin-right:7px;
	}
.bookrow .bookrowbtn a.next {background: url(../images/btn.jpg) no-repeat 0 -32px;}
.bookrow .frame {
	position:absolute;
	overflow: hidden;
	width: 775px;	/* (li 的寬度 + li 的邊框寬度 * 2 ) * 一次要顯示的數量 + li 的右邊界 * (一次要顯示的數量 - 1) */
	height: 245px;
	top: 47px;
	}
.bookrow ul {
	width: 99999px;
	position: absolute;
	top: 10px;
	line-height:0em;
	}
.bookrow li {
	float: left;
	width: 91px;/*115-22*/
	height: 210px;/*238-20*/
	margin-right: 17px;
	background:#edebeb;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius:3px;
	padding:10px 12px;
	}
.bookrow li img{
	width:90px;
	height:auto;
	min-height:110px;
	max-height: 130px;
	margin-bottom:5px;
	}
.bookrow li h2{
	display:block;
	width:90px;
	height:42px;
	font-size:13px;
	color:#161616;
	letter-spacing:1px;
	line-height:14px;
	}
.bookrow li h2 a{
	font-size:13px;
	color:#161616;
	letter-spacing:1px;
	line-height:14px;
	text-decoration:none;
	}
.bookrow li h2 a:hover{color:#00a0e9;}
.bookrow li p{
	font-size:13px;
	color:#666;
	line-height:1.5;
	}
.fixedprice span{
	text-decoration:line-through;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-left:4px;/*------間距特別調動-------*/
	letter-spacing:1px;
	}
.sellprice span{
	color:#00a0e9;
	margin-left:3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:600;
	margin-right:1px/*------間距特別調動-------*/
	}
/* ==雜誌排列切換====================== */
.bookrow .magazinerowframe {
	position:absolute;
	overflow: hidden;
	width: 775px;	/* (li 的寬度 + li 的邊框寬度 * 2 ) * 一次要顯示的數量 + li 的右邊界 * (一次要顯示的數量 - 1) */
	height: 320px;
	top: 47px;
	}
.bookrow .magazinerowframe ul{line-height: 0em;}
.bookrow li.magazinerow {
	float: left;
	width: 121px;/*144-22*/
	height:300px;/*225*/ /*151112增加價格*/
	margin-right: 12px;
	background:#edebeb;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius:3px;
	padding:10px 12px;
	}
.bookrow li.magazinerow img{
	width:120px;
	height:auto;
	min-height:160px;
	max-height: 170px;
	margin-bottom:5px;
	}
.bookrow li.magazinerow a h2{
	display:block;
	width:125px;
	height:auto!important;
	font-size:13px;
	line-height:1.4;
	color:#161616;
	}
.bookrow li.magazinerow a{
	font-size:13px;
	text-decoration:none;
	}
.bookrow li.magazinerow a:hover h2,.bookrow li.magazinerow a:hover p{color:#00a0e9;}
.bookrow li.magazinerow a p{
	display:block;
	width:125px;
	height:15px;
	font-size:13px;
	line-height:1.4;
	color:#666;
	text-decoration:none
	}
.fixedprice_mag {
	margin-top: 24px;
}

/* ==頁尾區============================ */
#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:325px;
	right:5px;
	overflow:hidden;
	width:54px;
	height:54px;
	border:none;
	text-indent:100%;
	background:url(../images/ui.totop.png) no-repeat left top;
}
#toTopHover {
	background:url(../images/ui.totop.png) no-repeat left -54px;
	width:54px;
	height:54px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}
#toTop:active, #toTop:focus {outline:none;}

#FOOTER {
	clear:both;
	width:100%;
	height:320px;
	background-color:#313131;
}
#FOOTER .footer_inner{width:980px; height:280px; margin:0 auto; padding-top:40px;}
#FOOTER h2 {
	clear:both;
	font-size:10px;
	line-height:40px;
	color:#c6c6c6;
	text-align:center;
	letter-spacing:1px;
	font-weight:normal;
}
#FOOTER ul li{display:block; float:left; margin-bottom:40px;}
#FOOTER ul li h3{display:block; text-indent:-9999px; margin-bottom:15px;}
#FOOTER ul li a{
	color:#dddddd;
	text-decoration:none;
	font-size:15px;
	letter-spacing:2px;
	line-height:28px;
	}
#FOOTER ul li a:hover{color:#00a0e9;}
#FOOTER li.footer_tltle1{
	width:75px;
	height:200px;
	padding:0 32px 0 10px;
	border-right:1px #000 solid;
	}
#FOOTER li.footer_tltle1 h3{
	width:75px;
	height:20px;
	background:url(../images/footer_title.png) no-repeat 0 0; 
	}
#FOOTER li.footer_tltle2{
	width:282px;
	height:200px;
	padding:0 33px 0 57px;
	border-right:1px #000 solid;
	border-left:1px #5c5c5c solid;
	}
#FOOTER li.footer_tltle2 h3{
	width:277px;
	height:20px;
	background:url(../images/footer_title.png) no-repeat 0 -20px; 
	}
#FOOTER li.footer_tltle2 span.ft_span1{margin-right:77px;}
#FOOTER li.footer_tltle2 span.ft_span2{margin-right:60px;}
#FOOTER li.footer_tltle3{
	width:188px;
	height:200px;
	padding:0 33px 0 57px;
	border-right:1px #000 solid;
	border-left:1px #5c5c5c solid;
	}
#FOOTER li.footer_tltle3 h3{
	width:188px;
	height:20px;
	background:url(../images/footer_title.png) no-repeat 0 -40px; 
	}
#FOOTER li.footer_tltle3 a{float:left;}
#FOOTER li.footer_tltle3 a.ft_sbtext{
	display:block;
	width:145px;
	margin-right:8px;
	}
#FOOTER li.footer_tltle3 a.ft_checkbox{
	display:block;
	width:15px;
	height:15px;
	/*background:url(../images/ft_dot.png) no-repeat 0 0;*/
	margin-top:6px;
	}
/*#FOOTER li.footer_tltle3 a.ft_checkbox:hover{
	display:block;
	width:15px;
	height:15px;
	background:url(../images/ft_dot.png) no-repeat 0 -15px;
	margin-top:6px;
	}*/
#FOOTER li.footer_tltle3 .sb_btn a{
	display:block;
	width:166px;
	height:26px;
	background:url(../images/ft_sb_btn2.png) 0 0;
	text-indent:-9999px;
	}
#FOOTER li.footer_tltle3 .sb_btn a:hover{background:url(../images/ft_sb_btn2.png) 0 -26px;}
#FOOTER li.footer_tltle4{
	width:170px;
	height:200px;
	padding:0 0px 0 36px;
	border-left:1px #5c5c5c solid;
	}
#FOOTER li.footer_tltle4 h3{
	width:170px;
	height:20px;
	background:url(../images/footer_title.png) no-repeat 0 -60px; 
	}
#FOOTER li.footer_tltle4 a.ft_googleshare{
	display:block;
	width:47px;
	height:49px;
	float:left;
	margin-right:14px;
	margin-top:15px;
	background:url(../images/share_icon.png) no-repeat 0px 0px;
	}
#FOOTER li.footer_tltle4 a.ft_googleshare:hover{background:url(../images/share_icon.png) no-repeat 0px -49px;}
#FOOTER li.footer_tltle4 a.ft_fbshare{
	display:block;
	width:47px;
	height:49px;
	float:left;
	margin-right:14px;
	margin-top:15px;
	background:url(../images/share_icon.png) no-repeat 0px -98px;
	}
#FOOTER li.footer_tltle4 a.ft_fbshare:hover{background:url(../images/share_icon.png) no-repeat 0px -147px;}
#FOOTER li.footer_tltle4 a.ft_youtubeshare{
	display:block;
	width:47px;
	height:49px;
	float:left;
	/*--margin-right:15px;---*/
	margin-top:15px;
	background:url(../images/share_icon.png) no-repeat 0px -196px;
	}
#FOOTER li.footer_tltle4 a.ft_youtubeshare:hover{background:url(../images/share_icon.png) no-repeat 0px -245px;}
/* ==標籤區============================ */
.tag_button{}
.tag_button a,
.tag_button a:visited{
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wOSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.09) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.09))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.09) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.09) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.09) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.09) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#17000000',GradientType=0 ); /* IE6-8 */
	background-color: #fff;
	color: #535353;
	text-shadow: 1px 1px rgba(255, 255, 255, 1);
	border: 1px solid #eee;
	border-top: 1px solid #ccc;
	-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.3),
					 0px 0px 5px 0px rgba(255, 255, 255, 0.7) inset;
	-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.3),
					    0px 0px 5px 0px rgba(255, 255, 255, 0.7) inset;
	box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.3),
				0px 0px 5px 0px rgba(255, 255, 255, 0.7) inset;	
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	display: inline-block;
	float:left;
	font-size: 13px;
	text-decoration: none;
	cursor: pointer;
	padding: 5px 9px 3px 9px;
	margin-bottom: 6px;
	line-height: 18px;
	margin-right:5px;
}


.tag_button a:hover{
	background-color: #f1f1f1;
	border-bottom: 1px solid #e7e7e7;
	text-shadow: 1px 1px rgba(255, 255, 255, 0.6);
	-moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.3), 
					 0px 0px 5px 0px rgba(255, 255, 255, 0.7) inset;
	-webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.3), 
					    0px 0px 5px 0px rgba(255, 255, 255, 0.7) inset;
	box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.3), 
				0px 0px 5px 0px rgba(255, 255, 255, 0.7) inset;
}

.tag_button a:active{
	background-color: #f0f0f0;
	border: 1px solid #ccdae1;
	border-bottom: 1px solid #b0d1e0;
	-moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.3),
					 0px 1px 10px -3px #00a0e9 inset;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.3), 
						0px 1px 10px -3px #00a0e9 inset;
	box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.3),
				0px 1px 10px -3px #00a0e9 inset;
	text-shadow: 1px 1px rgba(255, 255, 255, 0.3);
}
/* ==新手上路============================ */
#WRAPPER .helpimg{margin-bottom:45px;}
/* ==新手上路側邊區============================ */
#HELPSUBWAPPER{
	clear:both; 
	width:165px;
	height:300px;
	background:url(../images/texture_g.png);
	float:left;
	padding:27px 0 0 10px;
	}
#HELPSUBWAPPER ul{}
#HELPSUBWAPPER ul li{}
#HELPSUBWAPPER ul li a{
	display:block;
	width:147px;
	height:27px;
	margin-bottom:23px;
	}
#HELPSUBWAPPER ul li.helpsub1 a{background:url(../images/helpsub.png) -13px -26px;}
#HELPSUBWAPPER ul li.helpsub2 a{background:url(../images/helpsub.png) -13px -76px;}
#HELPSUBWAPPER ul li.helpsub3 a{background:url(../images/helpsub.png) -13px -126px;}
#HELPSUBWAPPER ul li.helpsub4 a{background:url(../images/helpsub.png) -13px -175px;}
#HELPSUBWAPPER ul li.helpsub5 a{background:url(../images/helpsub.png) -13px -224px;}
#HELPSUBWAPPER ul li.helpsub6 a{background:url(../images/helpsub.png) -13px -274px;}
/* ==新手上路 標題============================ */
#CONTENT .contenttiltle_help1,#CONTENT .contenttiltle_help2,#CONTENT .contenttiltle_help3,#CONTENT .contenttiltle_help4,#CONTENT .contenttiltle_help5{
	clear:both;
	width:775px;
	height:21px;
	padding-bottom:6px;
	border-bottom:2px #00a0e9 solid;
	margin-bottom:35px;
	}
#CONTENT .contenttiltle_help1 h3,#CONTENT .contenttiltle_help2 h3,#CONTENT .contenttiltle_help3 h3,#CONTENT .contenttiltle_help3 h3,
#CONTENT .contenttiltle_help4 h3,#CONTENT .contenttiltle_help5 h3,.contenttiltle_help6 h3{
	display:block;
	width:222px;
	height:21px;
	text-indent:-9999px;
	}
#CONTENT .contenttiltle_help1 h3{background:url(../images/title_h.png) no-repeat 0 0;}
#CONTENT .contenttiltle_help2 h3{background:url(../images/title_h.png) no-repeat 0 -21px;}
#CONTENT .contenttiltle_help3 h3{background:url(../images/title_h.png) no-repeat 0 -42px;}
#CONTENT .contenttiltle_help4 h3{background:url(../images/title_h.png) no-repeat 0 -63px;}
#CONTENT .contenttiltle_help5 h3{background:url(../images/title_h.png) no-repeat 0 -84px;}
.contenttiltle_help6 h3{background:url(../images/title_h.png) no-repeat 0 -105px;}
.contenthelp{
	float:left;
	width:429px;
	}
.contenthelp p{
	font-size:15px;
	color:#414141;
	line-height:1.6;
	letter-spacing:1px;
	font-weight:normal;
	text-align:left;/*靠左*/
	text-justify:distribute;/*齊行*/
	table-layout:fixed;/*英文字串自動換行*/
	word-break:normal;/*英文字串自動換行*/
	font-family:Arial,helvetica,clean,"新細明體","PMingLiU",sans-serif;
	}
.contenthelp a{
	font-size:15px;
	color:#535353;
	line-height:1.6;
	letter-spacing:1px;
	text-decoration:none;
	}
.contenthelp a:hover{color:#00a0e9;}
#CONTENT .imghelp{
	float:right;
	padding-top:3px;
	margin-bottom:50px;
	}
.aboutmylib{
	clear:both;
	width:920px;
	height:270px;
	padding:30px;
	margin-bottom:60px;
	background:url(../images/texture_g.png);
	}
.contenttiltle_help6{
	width:920px;
	height:21px;
	padding-bottom:6px;
	border-bottom:2px #00a0e9 solid;
	margin-bottom:35px;
	}
.aboutmylib_img{  /*----關於數位書房的圖片-------*/
	float:right;
	width:450px;
	height:200px;
	background:#F99;
	}
	
/* ==側邊特惠=======================*/	
.SUB li.onsale_li{padding:10px 0;}
.SUB .onsale_img_cover{
	width:94px; 
	height:133px; 
	background:url(../images/bscover_bg.png) no-repeat;
	margin:0 auto 10px auto;
	}
.SUB img.onsale_img{
	width:86px; 
	height:120px;
	padding-top:10px; 
	padding-left:5px;
	}
.SUB h2.onsale_bookname{
	margin-bottom:5px;
	}
.SUB h2.onsale_bookname a{
	font-size: 13px;
	color: #161616;
	letter-spacing: 1px;
	line-height: 14px;
	text-decoration: none;
	}
.SUB .onsale_text{
	display:block;
	width:90px;
	margin:0 auto;
	margin-bottom:6px;
	}
.SUB .onsale_text p{
	font-size:13px;
	color:#666;
	line-height:1.3;
	}
.SUB .onsale_text p.sellprice span{color:#CC0000;}
.SUB a.onsale_more{
	display:block;
	width:113px;
	height:33px;
	margin:0 auto;
	background:url(../images/more_big.png) no-repeat left top;
	text-indent:-9999px;

	cursor:pointer;
	}
.SUB a.onsale_more:hover{background:url(../images/more_big.png) no-repeat left bottom;}