@charset "utf-8";
#BOOKINFO{  
	width:946px;
	border:1px #00a0e9 solid;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius:3px;
	overflow:hidden;
	margin-bottom:35px;
	padding:17px;
	}
#BOOKINFO .bookinfo_leftbox{ /* ==書封左區塊========================== */
	float:left;
	margin-right:34px;
	}
#BOOKINFO img.bookinfo_cover{/* ------書封------- */
	width:180px;
	height:auto;
	border:3px #d6d6d6 solid;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius:3px;
	margin-bottom:15px;
	}
#BOOKINFO .info_centerbox{float:left;  margin-right:19px;}/* ==中間資訊區塊========================== */
#BOOKINFO .info_centerbox_line{border-right:1px #c6c6c6 solid; padding-right:19px;}/* ==電子書中間資訊區塊內層========================== */
#BOOKINFO .seriesinfo_centerbox_line{height:290px; border-right:1px #c6c6c6 solid; padding-right:19px;}/* ==電子書中間資訊區塊內層========================== */
#BOOKINFO ul.bookinfo_centerbox{}
#BOOKINFO ul.bookinfo_centerbox li{ /* ------中間資訊區塊 列------- */
	display:block;
	width:495px;
	min-height:30px;
	background:url(../images/dotgray_hr_x.gif) repeat-x bottom left;
	}
#BOOKINFO ul.bookinfo_centerbox li.bookinfo_name{border-bottom:2px #00a0e9 solid; background:none; min-height:25px;}/* ------書名列------- */
#BOOKINFO ul.bookinfo_centerbox li.centerbox_deviceicon{ /* ------支援載具列------- */
	display:block;
	width:495px;
	height:50px;
	background:none;
	}
#BOOKINFO ul.bookinfo_centerbox li h2{ /* ---書名--- */
	color:#161616;
	font-size:16px;
	font-weight:bold;
	}
#BOOKINFO ul.bookinfo_centerbox li span.infotitle{ /* ------中間資訊區塊 標題------- */
	display:block;
	float:left;
	width:110px;
	line-height:30px;
	color:#161616;
	font-size:15px;
	font-weight:bold;
	}
#BOOKINFO ul.bookinfo_centerbox li.bookinfo_name span{ /* ------中間資訊區塊 雜誌刊別 標題------- */
	color:#434343;
	font-size:16px;
	font-weight:bold;
	margin-left:6px;
	}
#BOOKINFO ul.bookinfo_centerbox li.centerbox_deviceicon span{ /* ------支援載具 標題------- */
	display:block;
	float:left;
	width:110px;
	line-height:15px;
	padding-top:8px;
	color:#161616;
	font-size:15px;
	font-weight:bold;
	}
#BOOKINFO ul.bookinfo_centerbox li.centerbox_deviceicon span a{ /* ------支援載具 標題 (說明)連結------- */
	font-size:13px;
	color:#959595;
	text-decoration:none;
	}
#BOOKINFO ul.bookinfo_centerbox li.centerbox_deviceicon span a:hover{color:#00a0e9;}
#BOOKINFO ul.bookinfo_centerbox li h4{ /* ------標題後的欄位------- */
	color:#535353;
	display:inline-block;
	width:385px;
	font-size:15px;
	line-height:30px;
	font-weight:normal;
	table-layout:fixed;/*英文字串自動換行*/
	word-break:break-all;/*英文字串自動換行*/
	word-wrap: break-word;/*英文字串自動換行Firefox測試*/
	}
#BOOKINFO ul.bookinfo_centerbox li h4 a{
	color:#535353;
	font-size:15px;
	text-decoration:none;
	}
#BOOKINFO ul.bookinfo_centerbox li h4 a:hover{color:#00a0e9;}
#BOOKINFO ul.bookinfo_centerbox li.centerbox_deviceicon h4{padding-top:8px;} /* ------支援載具 標題後的欄位------- */
#BOOKINFO ul.bookinfo_centerbox li.centerbox_deviceicon h4 img{ margin-right:6px;}/* ------支援載具 小圖示------- */
#BOOKINFO .seriesinfo_centerbox_line p{ /*---優惠組合 組合內容-----*/
	display:block;
	width:495px;
	margin-top:8px;
	font-size:13px;
	color:#666;
	line-height:1.5;
	letter-spacing:1px;
	table-layout:fixed;/*英文字串自動換行*/
	word-break:break-all;/*英文字串自動換行*/
	word-wrap: break-word;/*英文字串自動換行Firefox測試*/
	}
#BOOKINFO .seriesinfo_centerbox_line a{
	font-size:13px;
	color:#666;
	line-height:1.5;
	letter-spacing:1px;
	text-decoration:none;
	}
#BOOKINFO .seriesinfo_centerbox_line a:hover{color:#00a0e9;}
/*------雜誌購買---------*/
.infopricetable{
	width:479px;/*--495-16--*/
	height:70px;
	margin-bottom:5px;
	margin-top:10px;
	border:1px #bbbbbb solid;
	padding:8px;
	}
.infopricetable ul{}
.infopricetable ul li{
	display:block;
	float:left;
	height:70px;
	}
.infopricetable ul li.pricetable_l1{
	width:158px;
	background:url(../images/dotgray_hr_y.gif) repeat-y top right;
	}
.infopricetable ul li.pricetable_l2{
	width:160px;
	background:url(../images/dotgray_hr_y.gif) repeat-y top right;
	}
.infopricetable ul li.pricetable_l3{
	width:160px;
	}
.infopricetable ul li p{
	margin-bottom:5px;
	text-align:center;
	color:#666;
	font-size:15px;
	line-height:18px;
	}
.infopricetable ul li a{
	display:block;
	width:133px;
	height:23px;
	background:url(../images/magazinelist_buybtn.png) -98px 0;
	margin:0 auto;
	text-indent:-9999px;
	}
.infopricetable ul li a:active{background:url(../images/magazinelist_buybtn.png) -98px -23px;}
.infopricetable ul li a.inlibrary{background:url(../images/magazinelist_buybtn.png) -231px 0;}
.infopricetable ul li a.inlibrary:active{background:url(../images/magazinelist_buybtn.png) -231px -23px;}
.infopricetable ul li a.magafreehelf{background:url(../images/magazinelist_buybtn.png) -364px 0;}
.infopricetable ul li a.magafreehelf:active{background:url(../images/magazinelist_buybtn.png) -364px -23px;}
.infopricetable ul li a.magafreeoneyear{background:url(../images/magazinelist_buybtn.png) -497px 0;}
.infopricetable ul li a.magafreeoneyear:active{background:url(../images/magazinelist_buybtn.png) -497px -23px;}
.infopricetable ul li span{margin-left:6px;}
span.ma_fixedprice{text-decoration:line-through;}
span.ma_sellprice{color:#00a0e9;}
#BOOKINFO .bookinfo_rightbox{ /* ==右邊價前和購買等區塊========================== */
	float:left;
	width:181px;
	padding-top:25px;
	}
#BOOKINFO .bookinfo_rightbox .bookinfo_activitytext{
	width:161px;
	min-height:60px;
	margin-bottom:10px;
	font-size:14px;
	color:#b83962;
	padding:10px;
	font-weight:bold;
	border-bottom:1px #CCC solid;
	}
#BOOKINFO .bookinfo_rightbox .maginfo_activitytext{
	width:161px;
	min-height:65px;
	margin-bottom:10px;
	font-size:14px;
	color:#b83962;
	padding:10px;
	border:1px #bbbbbb solid;
	}
#BOOKINFO .bookinfo_rightbox .maginfo_activitytext .activitytext01{
	margin-bottom:5px;
	/*border-bottom:1px #bbbbbb dashed;*/
	}
#BOOKINFO .bookinfo_rightbox .bookinfo_price{
	width:181px;
	height:100px;
	background:#edebeb;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius:3px;
	font-size:15px;
	margin-bottom:14px;
	}
#BOOKINFO .bookinfo_rightbox .bookinfo_price span{margin-left:9px;}
#BOOKINFO .bookinfo_rightbox .bookinfo_price li.bi_fixedprice{
	display:block;
	height:30px;
	padding-top:17px;
	padding-left:28px;
	background:url(../images/dotgray_hr_x.gif) repeat-x bottom left;
	color:#535353;
	}
#BOOKINFO .bookinfo_rightbox .bookinfo_price li.bi_fixedprice span{text-decoration:line-through;}
#BOOKINFO .bookinfo_rightbox .bookinfo_price li.bi_sellprice{
	display:block;
	height:40px;
	padding-left:28px;
	padding-top:7px;
	color:#161616;
	}
#BOOKINFO .bookinfo_rightbox .bookinfo_price li.bi_sellprice span{
	font-size:15px;
	font-weight:900;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#f49800;
	}
#BOOKINFO .bookinfo_rightbox a.bookinfo_buy{ /* ------加入購物車按鈕------- */	
	display:block;
	width:181px;
	height:31px;
	background:url(../images/bookinfo_btn.png) no-repeat 0 0;
	margin-bottom:9px;
	text-indent:-9999px;
	}
#BOOKINFO .bookinfo_rightbox a.bookinfo_freeread{ /* ------免費試閱按鈕------- */
	display:block;
	width:181px;
	height:31px;
	background:url(../images/bookinfo_btn.png) no-repeat -181px 0;
	margin-bottom:17px;
	text-indent:-9999px;
	}
#BOOKINFO .bookinfo_rightbox a.bookinfo_putinlib{ /* ------加入數位書房按鈕------- */
	display:block;
	width:181px;
	height:31px;
	background:url(../images/bookinfo_btn.png) no-repeat -362px 0;
	margin-bottom:17px;
	text-indent:-9999px;
	}
#BOOKINFO .bookinfo_rightbox a.bookinfo_tonew{ /* ------到最新期期數按鈕------- */
	display:block;
	width:181px;
	height:37px;
	background:url(../images/magazineinfo_btn.png) no-repeat 0 0;
	margin-bottom:9px;
	text-indent:-9999px;
	}
#BOOKINFO .bookinfo_rightbox a.bookinfo_magazinefreeread{ /* ------免費一期試閱------- */
	display:block;
	width:181px;
	height:37px;
	background:url(../images/magazineinfo_btn.png) no-repeat -181px 0;
	margin-bottom:9px;
	text-indent:-9999px;
	}
#BOOKINFO .bookinfo_rightbox a.bookinfo_chosen{ /* ------------- */
	display:block;
	width:181px;
	height:37px;
	background:url(../images/magazineinfo_btn.png) no-repeat -362px 0;
	margin-bottom:22px;
	text-indent:-9999px;
	}
#BOOKINFO .bookinfo_rightbox a.no_bookinfo_chosen{ /* ------------- */
	display:block;
	width:181px;
	height:37px;
	background:url(../images/magazineinfo_btn.png) no-repeat -362px -37px;
	margin-bottom:22px;
	text-indent:-9999px;
	}
#BOOKINFO .bookinfo_rightbox a:hover.bookinfo_buy{background:url(../images/bookinfo_btn.png) no-repeat 0 -31px;}
#BOOKINFO .bookinfo_rightbox a:hover.bookinfo_freeread{background:url(../images/bookinfo_btn.png) no-repeat -181px -31px;}
#BOOKINFO .bookinfo_rightbox a:hover.bookinfo_tonew{background:url(../images/magazineinfo_btn.png) no-repeat 0 -37px;}
#BOOKINFO .bookinfo_rightbox a:hover.bookinfo_magazinefreeread{background:url(../images/magazineinfo_btn.png) no-repeat -181px -37px;}
#BOOKINFO .bookinfo_rightbox a:hover.bookinfo_chosen{background:url(../images/magazineinfo_btn.png) no-repeat -362px -37px;}
#BOOKINFO .bookinfo_rightbox a:hover.bookinfo_putinlib{background:url(../images/bookinfo_btn.png) no-repeat -362px -31px;}
#BOOKINFO .magazine_share{
	width:181px;
	height:60px;
	position:relative;
	background:url(../images/dotgray_hr_x.gif) repeat-x top left;
	}
#BOOKINFO .magazine_share .like_btn1{
	position:absolute;
	left: 1px;
	top: 16px;
	}
#BOOKINFO .magazine_share .like_btn2{
	position:absolute;
	left: 93px;
	top: 16px;
	}
#BOOKINFO .bookinfo_tag{ /* ------標籤區------- */
	width:181px;
	min-height:85px;
	padding-top:8px;
	background:url(../images/dotgray_hr_x.gif) repeat-x top left;
	}
/* ==延伸閱讀========================== */
.SUB ul.youmightlike{}
.SUB ul.youmightlike li{
	display:block;
	width:158px;/*173-15*/
	padding-top:25px;
	padding-left:15px;
	padding-bottom:16px;
	background:url(../images/dot_hr_x.gif) repeat-x top left;
	}
.SUB ul.youmightlike li a{}
.SUB ul.youmightlike li a:hover{color:#00a0e9;}
.SUB ul.youmightlike li .yml_cover{width:94px; height:133px; background:url(../images/bscover_bg.png) no-repeat; margin-bottom:8px;}
.SUB ul.youmightlike li .yml_cover img{
	width: 86px;
	height: 120px;
	padding-top: 10px;
	padding-left: 5px;
	}
.SUB ul.youmightlike li h2{
	clear:both;
	display:block;
	width:148px;/*94+49+5*/
	font-size:15px;
	line-height:1.5;
	color:#161616;
	}
.SUB ul.youmightlike li h2 a{
	text-decoration:none;
	font-size:15px;
	color:#161616;
	}
.SUB ul.youmightlike li p{
	font-size:15px;
	line-height:16px;
	color:#666;
	}
.SUB ul.youmightlike li p.yml_writer{margin-bottom:10px;}
.SUB ul.youmightlike li p a{
	font-size:15px;
	line-height:16px;
	color:#666;
	text-decoration:none;
	}
/* ==購買需知========================== */
.youhavetoknow{
	margin-bottom:45px;
	}
.youhavetoknow h3{
	display:block;
	width:774px;
	height:35px;
	background:url(../images/book_tabtitle.png) no-repeat 0 -86px;
	margin-bottom:17px;
	text-indent:-9999px;
	}
/* ==電子報紙最新活動訊息========================== */
.papernewactivity{
	margin-bottom:45px;
	}
.papernewactivity h3{
	display:block;
	width:774px;
	height:35px;
	background:url(../images/epaper_nav.png) no-repeat 0 -86px;
	margin-bottom:17px;
	text-indent:-9999px;
	}
/* ==快速導覽========================== */
#CONTENT ul.book_tabtitle{}
#CONTENT ul.book_tabtitle li{float:left; margin-bottom:45px;}
#CONTENT ul.book_tabtitle li a{
	display:block;
	width:258px;
	height:43px;
	text-indent:-9999px;
	}
#CONTENT ul.book_tabtitle li.book_tabtitle1 a{background:url(../images/book_tabtitle.png) no-repeat 0 0;}
#CONTENT ul.book_tabtitle li.book_tabtitle2 a{background:url(../images/book_tabtitle.png) no-repeat -258px 0;}
#CONTENT ul.book_tabtitle li.book_tabtitle3 a{background:url(../images/book_tabtitle.png) no-repeat -516px 0;}
#CONTENT ul.book_tabtitle li.book_tabtitle1 a:hover{background:url(../images/book_tabtitle.png) no-repeat 0 -43px;}
#CONTENT ul.book_tabtitle li.book_tabtitle2 a:hover{background:url(../images/book_tabtitle.png) no-repeat -258px -43px;}
#CONTENT ul.book_tabtitle li.book_tabtitle3 a:hover{background:url(../images/book_tabtitle.png) no-repeat -516px -43px;}
#CONTENT ul.book_tabtitle li.onbook_tabtitle1 a{background:url(../images/book_tabtitle.png) no-repeat 0 -43px;}
#CONTENT ul.book_tabtitle li.onbook_tabtitle2 a{background:url(../images/book_tabtitle.png) no-repeat -258px -43px;}
#CONTENT ul.book_tabtitle li.onbook_tabtitle3 a{background:url(../images/book_tabtitle.png) no-repeat -516px -43px;}
/* ==電子報紙快速導覽========================== */
#CONTENT ul.epaper_tabtitle{}
#CONTENT ul.epaper_tabtitle li{float:left; margin-bottom:45px;}
#CONTENT ul.epaper_tabtitle li a{
	display:block;
	height:43px;
	text-indent:-9999px;
	}
#CONTENT ul.epaper_tabtitle li.epaper_tabtitle1 a{width:193px; background:url(../images/epaper_nav.png) no-repeat 0 0;}
#CONTENT ul.epaper_tabtitle li.epaper_tabtitle2 a{width:194px; background:url(../images/epaper_nav.png) no-repeat -193px 0;}
#CONTENT ul.epaper_tabtitle li.epaper_tabtitle3 a{width:194px; background:url(../images/epaper_nav.png) no-repeat -387px 0;}
#CONTENT ul.epaper_tabtitle li.epaper_tabtitle4 a{width:194px; background:url(../images/epaper_nav.png) no-repeat -581px 0;}
#CONTENT ul.epaper_tabtitle li.epaper_tabtitle1 a:hover{width:193px; background:url(../images/epaper_nav.png) no-repeat 0 -43px;}
#CONTENT ul.epaper_tabtitle li.epaper_tabtitle2 a:hover{width:194px; background:url(../images/epaper_nav.png) no-repeat -193px -43px;}
#CONTENT ul.epaper_tabtitle li.epaper_tabtitle3 a:hover{width:194px; background:url(../images/epaper_nav.png) no-repeat -387px -43px;}
#CONTENT ul.epaper_tabtitle li.epaper_tabtitle4 a:hover{width:194px; background:url(../images/epaper_nav.png) no-repeat -581px -43px;}
#CONTENT ul.epaper_tabtitle li.onepaper_tabtitle1 a{width:193px; background:url(../images/epaper_nav.png) no-repeat 0 -43px;}
#CONTENT ul.epaper_tabtitle li.onepaper_tabtitle2 a{width:194px; background:url(../images/epaper_nav.png) no-repeat -193px -43px;}
#CONTENT ul.epaper_tabtitle li.onepaper_tabtitle3 a{width:194px; background:url(../images/epaper_nav.png) no-repeat -387px -43px;}
#CONTENT ul.epaper_tabtitle li.onepaper_tabtitle4 a{width:194px; background:url(../images/epaper_nav.png) no-repeat -581px -43px;}
/* ==書籍簡介========================== */
#CONTENT .bookdescription{
	clear:both;
	position:relative;
	width:775px;
	margin-bottom:45px;/*固定距離下面距離*/
	}
#CONTENT .contenttiltle_bookdescription{
	width:775px;
	height:36px;
	padding-bottom:6px;
	border-bottom:2px #00a0e9 solid;
	margin-bottom:17px;
	}
#CONTENT .contenttiltle_bookdescription h3{
	display:block;
	width:251px;
	height:36px;
	background:url(../images/title_all.png) no-repeat 0 -216px;
	text-indent:-9999px;
	}
#CONTENT .contenttiltle_bookdescription img{
	position:absolute;
	left: 660px;
	top: 14px;
	}
.book_intro{
	/*width:710px;*/
	font-size:15px;
	font-family:Arial,helvetica,clean,"新細明體","PMingLiU",sans-serif;
	color:#414141;
	line-height:1.6;
	letter-spacing:1px;
	font-weight:normal;
	/*text-align:justify;/*齊行*/
	/*text-justify:distribute;/*齊行*/
	table-layout:fixed;/*英文字串自動換行*/
	word-break:break-all;/*英文字串自動換行*/
	}
.book_intro p{
	font-size:15px;
	color:#414141;
	line-height:1.6;
	letter-spacing:1px;
	font-weight:normal;
	/*text-align:justify;/*齊行*/
	/*text-justify:distribute;/*齊行*/
	table-layout:fixed;/*英文字串自動換行*/
	word-break:break-all;/*中文字串適用*/
	font-family:Arial,helvetica,clean,"新細明體","PMingLiU",sans-serif;
	}
.book_intro font{
	font-size:13px;
	color:#161616;
	line-height:1.6;
	letter-spacing:1px;
	font-weight:normal;
	text-align:justify;/*齊行*/
	text-justify:distribute;/*齊行*/
	table-layout:fixed;/*英文字串自動換行*/
	word-break:break-all;/*英文字串自動換行*/
	font-family:"新細明體";
	}
.book_intro img{margin-bottom:8px;}
.book_intro p.introtext_bold{ /*------強調字-------*/
	font-size:15px;
	color:#414141;
	line-height:1.6;
	letter-spacing:1px;
	text-align:justify;/*齊行*/
	text-justify:distribute;/*齊行*/
	table-layout:fixed;/*英文字串自動換行*/
	word-break:break-all;/*英文字串自動換行*/
	font-family:Arial,helvetica,clean,"新細明體","PMingLiU",sans-serif;
	}
.book_intro a font{
	font-size:15px;
	color:#414141;
	line-height:1.6;
	letter-spacing:1px;
	text-decoration:none;
	}
.book_intro a{
	font-size:15px;
	color:#414141;
	line-height:1.6;
	letter-spacing:1px;
	text-decoration:none;
	}
.book_intro a:hover{color:#00a0e9;}
.book_intro a:hover font{color:#00a0e9;}
.book_intro span.introtext_orange{color:#de6e00;}
/* ==電子報紙閱讀特點========================== */
.paper_intro{
	width:750px;
	font-size:15px;
	font-family:Arial,helvetica,clean,"新細明體","PMingLiU",sans-serif;
	color:#414141;
	line-height:1.8;
	letter-spacing:1px;
	font-weight:normal;
	text-justify:distribute;/*齊行*/
	table-layout:fixed;/*英文字串自動換行*/

	}
.paper_intro ul li{
	list-style-position:inside;
	list-style:disc;
	margin-left:40px;
	}
.paper_intro a{
	color:#414141;
	text-decoration:none;
	border-bottom:1px dotted #1c95d4;
	}
.paper_intro a:hover{
	color:#1c95d4;
	text-decoration:none;
	border-bottom: 1px solid #1c95d4;
	}
	
/* ==作者簡介========================== */
#CONTENT .abouttheauther{
	position:relative;
	width:775px;
	margin-bottom:45px;/*固定距離下面距離*/
	}
#CONTENT .contenttiltle_abouttheauther{
	width:775px;
	height:36px;
	padding-bottom:6px;
	border-bottom:2px #00a0e9 solid;
	margin-bottom:17px;
	}
#CONTENT .contenttiltle_abouttheauther h3{
	display:block;
	width:251px;
	height:36px;
	background:url(../images/title_all.png) no-repeat 0 -252px;
	text-indent:-9999px;
	}
/* ==本書目錄========================== */
#CONTENT .catalog{
	position:relative;
	width:775px;
	margin-bottom:45px;/*固定距離下面距離*/
	}
#CONTENT .contenttiltle_catalog{
	width:775px;
	height:36px;
	padding-bottom:6px;
	border-bottom:2px #00a0e9 solid;
	margin-bottom:17px;
	}
#CONTENT .contenttiltle_catalog h3{
	display:block;
	width:251px;
	height:36px;
	background:url(../images/title_all.png) no-repeat 0 -288px;
	text-indent:-9999px;
	}
/* ==編輯聚焦========================== */
#CONTENT .editorialspotlight{
	overflow:hidden;
	position:relative;
	width:775px;
	margin-bottom:45px;/*固定距離下面距離*/
	}
#CONTENT .contenttiltle_editorialspotlight{
	width:775px;
	height:36px;
	padding-bottom:6px;
	border-bottom:2px #00a0e9 solid;
	/*margin-bottom:17px;*/
	}
#CONTENT .contenttiltle_editorialspotlight h3{
	display:block;
	width:251px;
	height:36px;
	background:url(../images/title_all.png) no-repeat 0 -324px;
	text-indent:-9999px;
	}
#CONTENT ul.editorialspotlight_right , #CONTENT ul.editorialspotlight_left{float:left;}
#CONTENT ul.editorialspotlight_left{margin-right:36px;}
#CONTENT .editorialspotlight li{
	 width:369px;
	 height:30px;
	 background:url(../images/dot_hr_x.gif) repeat-x bottom left;
	 }
#CONTENT .editorialspotlight li a{
	display:block;
	background:url(../images/submenu_next_icon.png) no-repeat 0 50%;
	font-size:13px;
	text-indent:15px;
	color:#161616;
	letter-spacing:1px;
	text-decoration:none;
	line-height:30px;
	}
#CONTENT .editorialspotlight li a:hover{color:#00a0e9;}
/* ==最新活動訊息========================== */
#CONTENTCOLUMN .newactivity{
	margin-bottom:45px;
	}
#CONTENTCOLUMN .newactivity h3{
	display:block;
	width:980px;
	height:35px;
	background:url(../images/magazine_tabtitle.png) no-repeat 0 -87px;
	margin-bottom:17px;
	text-indent:-9999px;
	}
/* ==雜誌快速導覽========================== */
#CONTENTCOLUMN ul.magazine_tabtitle{}
#CONTENTCOLUMN ul.magazine_tabtitle li{float:left; margin-bottom:45px;}
#CONTENTCOLUMN ul.magazine_tabtitle li a{
	display:block;
	width:245px;
	height:43px;
	text-indent:-9999px;
	}
#CONTENTCOLUMN ul.magazine_tabtitle li.magazine_tabtitle1 a{background:url(../images/magazine_tabtitle.png) 0 0;}
#CONTENTCOLUMN ul.magazine_tabtitle li.magazine_tabtitle2 a{background:url(../images/magazine_tabtitle.png) no-repeat -245px 0;}
#CONTENTCOLUMN ul.magazine_tabtitle li.magazine_tabtitle3 a{background:url(../images/magazine_tabtitle.png) no-repeat -490px 0;}
#CONTENTCOLUMN ul.magazine_tabtitle li.magazine_tabtitle4 a{background:url(../images/magazine_tabtitle.png) no-repeat -735px 0;}
#CONTENTCOLUMN ul.magazine_tabtitle li.magazine_tabtitle1 a:hover{background:url(../images/magazine_tabtitle.png) 0 -43px;}
#CONTENTCOLUMN ul.magazine_tabtitle li.magazine_tabtitle2 a:hover{background:url(../images/magazine_tabtitle.png) no-repeat -245px -43px;}
#CONTENTCOLUMN ul.magazine_tabtitle li.magazine_tabtitle3 a:hover{background:url(../images/magazine_tabtitle.png) no-repeat -490px -43px;}
#CONTENTCOLUMN ul.magazine_tabtitle li.magazine_tabtitle4 a:hover{background:url(../images/magazine_tabtitle.png) no-repeat -735px -43px;}
#CONTENTCOLUMN ul.magazine_tabtitle li.onmagazine_tabtitle1 a{background:url(../images/magazine_tabtitle.png) no-repeat 0 -43px;}
#CONTENTCOLUMN ul.magazine_tabtitle li.onmagazine_tabtitle2 a{background:url(../images/magazine_tabtitle.png) no-repeat -245px -43px;}
#CONTENTCOLUMN ul.magazine_tabtitle li.onmagazine_tabtitle3 a{background:url(../images/magazine_tabtitle.png) no-repeat -490px -43px;}
#CONTENTCOLUMN ul.magazine_tabtitle li.onmagazine_tabtitle4 a{background:url(../images/magazine_tabtitle.png) no-repeat -735px -43px;}
/* ==本期介紹========================== */
#CONTENTCOLUMN .productdescription{
	clear:both;
	position:relative;
	width:980px;
	margin-bottom:45px;/*固定距離下面距離*/
	}
#CONTENTCOLUMN .contenttiltle_productdescription{
	width:980px;
	height:36px;
	padding-bottom:6px;
	border-bottom:2px #00a0e9 solid;
	margin-bottom:17px;
	}
#CONTENTCOLUMN .contenttiltle_productdescription h3{
	display:block;
	width:254px;
	height:36px;
	background:url(../images/title_all.png) no-repeat 0 -468px;
	text-indent:-9999px;
	}
#CONTENTCOLUMN .contenttiltle_productdescription img{
	position:absolute;
	left: 919px;
	top: -4px;
	}
/* ==本期目錄========================== */
#CONTENTCOLUMN .magazinecatalog{
	clear:both;
	position:relative;
	width:980px;
	margin-bottom:45px;/*固定距離下面距離*/
	}
#CONTENTCOLUMN .contenttiltle_magazinecatalog{
	width:980px;
	height:36px;
	padding-bottom:6px;
	border-bottom:2px #00a0e9 solid;
	margin-bottom:17px;
	}
#CONTENTCOLUMN .contenttiltle_magazinecatalog h3{
	display:block;
	width:254px;
	height:36px;
	background:url(../images/title_all.png) no-repeat 0 -576px;
	text-indent:-9999px;
	}
#CONTENTCOLUMN .contenttiltle_magazinecatalog img{
	position:absolute;
	left: 899px;
	top: 12px;
	}
/* ==雜誌介紹========================== */
#CONTENTCOLUMN .magazinedescription{
	clear:both;
	position:relative;
	width:980px;
	margin-bottom:45px;/*固定距離下面距離*/
	}
#CONTENTCOLUMN .contenttiltle_magazinedescription{
	width:980px;
	height:36px;
	padding-bottom:6px;
	border-bottom:2px #00a0e9 solid;
	margin-bottom:17px;
	}
#CONTENTCOLUMN .contenttiltle_magazinedescription h3{
	display:block;
	width:261px;
	height:36px;
	background:url(../images/title_all.png) no-repeat 0 -504px;
	text-indent:-9999px;
	}
#CONTENTCOLUMN .contenttiltle_magazinedescription img{
	position:absolute;
	left: 811px;
	top: -12px;
	}
/* ==查看歷史期數========================== */
#CONTENTCOLUMN .pastissues{
	clear:both;
	overflow:hidden;
	position:relative;
	width:980px;
	margin-bottom:45px;/*固定距離下面距離*/
	}
#CONTENTCOLUMN .contenttiltle_pastissues{
	width:980px;
	height:36px;
	padding-bottom:6px;
	border-bottom:2px #00a0e9 solid;
	margin-bottom:17px;
	}
#CONTENTCOLUMN .contenttiltle_pastissues h3{
	display:block;
	width:240px;
	height:36px;
	background:url(../images/title_all.png) no-repeat 0 -540px;
	text-indent:-9999px;
	}
#CONTENTCOLUMN .contenttiltle_pastissues h4{
	display:block;
	width:240px;
	height:36px;
	background:url(../images/title_all.png) no-repeat 0 -792px;
	text-indent:-9999px;
	}
#CONTENTCOLUMN .pastissues select{
	position:absolute;
	left: 860px;
	top: 7px;
	display: inline-block;
	width: 120px;
	margin: 0;
	padding: 5px;
	font-size: 12px;
	font-family:\5FAE\8EDF\6B63\9ED1\9AD4,\65B0\7D30\660E\9AD4,Verdana,Helvetica,Arial,sans-serif;
	color: #333;
	border: 1px solid #999;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	height: 30px;
	line-height: 30px;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), color-stop(0.25, white), to(#CCC));
	background-image: -webkit-linear-gradient(white, white 0.25, #CCC);
	background-image: -moz-linear-gradient(white, white 0.25, #CCC);
	background-image: -ms-linear-gradient(white, white 0.25, #CCC);
	background-image: -o-linear-gradient(white, white 0.25, #CCC);
	background-image: linear-gradient(white, white 0.25, #CCC);
}
#CONTENTCOLUMN .pastissues ul{
	padding:0 10px;
	}
#CONTENTCOLUMN .pastissues ul li{
	float:left;
	margin-right:34px;
	margin-bottom:20px;
	}
#CONTENTCOLUMN .pastissues ul li.li_none{
	margin-right:0px;}
#CONTENTCOLUMN .pastissues ul li img{
	width:90px;
	height:120px;
	}
#CONTENTCOLUMN .pastissues ul li a{
	font-size:13px;
	color:#161616;
	text-decoration:none;
	}
#CONTENTCOLUMN .pastissues ul li a:hover{color:#00a0e9;}
#CONTENTCOLUMN .pastissues ul li p{
	display:block;
	width:90px;
	font-size:12px;
	text-align:center;
	}
/* ==電子報紙 閱讀特點========================== */
#CONTENT .characteristic{
	clear:both;
	position:relative;
	width:775px;
	margin-bottom:45px;/*固定距離下面距離*/
	}
#CONTENT .contenttiltle_characteristic{
	width:775px;
	height:36px;
	padding-bottom:6px;
	border-bottom:2px #00a0e9 solid;
	margin-bottom:17px;
	}
#CONTENT .contenttiltle_characteristic h3{
	display:block;
	width:251px;
	height:36px;
	background:url(../images/title_all.png) no-repeat 0 -612px;
	text-indent:-9999px;
	}
#CONTENT .contenttiltle_characteristic img{
	position:absolute;
	left: 660px;
	top: 14px;
	}
/* ==電子報紙 訂購說明========================== */
#CONTENT .orderinformation{
	width:775px;
	margin-bottom:45px;/*固定距離下面距離*/
	}
#CONTENT .contenttiltle_orderinformation{
	width:775px;
	height:36px;
	padding-bottom:6px;
	border-bottom:2px #00a0e9 solid;
	margin-bottom:17px;
	}
#CONTENT .contenttiltle_orderinformation h3{
	display:block;
	width:251px;
	height:36px;
	background:url(../images/title_all.png) no-repeat 0 -648px;
	text-indent:-9999px;
	}
/* ==報紙介紹========================== */
#CONTENT .newspaperdescription{
	position:relative;
	width:775px;
	margin-bottom:45px;/*固定距離下面距離*/
	}
#CONTENT .contenttiltle_newspaperdescription{
	width:775px;
	height:36px;
	padding-bottom:6px;
	border-bottom:2px #00a0e9 solid;
	margin-bottom:17px;
	}
#CONTENT .contenttiltle_newspaperdescription h3{
	display:block;
	width:278px;
	height:36px;
	background:url(../images/title_all.png) no-repeat 0 -684px;
	text-indent:-9999px;
	}
/* ==電子報紙 注意事項========================== */
#CONTENT .notice{
	position:relative;
	width:775px;
	margin-bottom:45px;/*固定距離下面距離*/
	}
#CONTENT .contenttiltle_notice{
	width:775px;
	height:36px;
	padding-bottom:6px;
	border-bottom:2px #00a0e9 solid;
	margin-bottom:17px;
	}
#CONTENT .contenttiltle_notice h3{
	display:block;
	width:251px;
	height:36px;
	background:url(../images/title_all.png) no-repeat 0 -720px;
	text-indent:-9999px;
	}
/* ==組合商品簡介========================== */
#CONTENT .contenttiltle_productdescription{
	width:775px;
	height:36px;
	padding-bottom:6px;
	border-bottom:2px #00a0e9 solid;
	margin-bottom:17px;
	}
#CONTENT .contenttiltle_productdescription h3{
	display:block;
	width:251px;
	height:36px;
	background:url(../images/title_all.png) no-repeat 0 -756px;
	text-indent:-9999px;
	}
#CONTENT .contenttiltle_productdescription img{
	position:absolute;
	left: 660px;
	top: 14px;
	}

/* ==APP電子書========================== */
/* ==新品上架========================== */
#CONTENT .appnewarrivals{
	clear:both;
	position:relative;
	width:775px;
	height:190px;
	margin-bottom:45px;/*固定距離下面距離*/
	}
#CONTENT .contenttiltle_appnewarrivals{
	width:775px;
	height:36px;
	padding-bottom:6px;
	border-bottom:2px #00a0e9 solid;
	margin-bottom:17px;
	}
#CONTENT .contenttiltle_appnewarrivals h3{
	display:block;
	width:251px;
	height:36px;
	background:url(../images/title_all.png) no-repeat 0 -828px;
	text-indent:-9999px;
	}
#CONTENT .contenttiltle_appnewarrivals img.apptitle{
	position:absolute;
	left: 660px;
	top: 14px;
	}
#CONTENT .app{
	clear:both;
	overflow:hidden;
	}
#CONTENT .app ul{}
#CONTENT .app ul li{float:left; width:155px;}
#CONTENT .app ul li a{
	display:block;
	width:100px;
	height:190px;
	margin-right:60px;
	}
#CONTENT .app ul li a.lastapp{
	display:block;
	width:100px;
	height:190px;
	margin-right:0px;
	}
#CONTENT .app ul li a img.appimg{
	width:100px;
	height:100px;
	-webkit-box-shadow: 0px 2px 8px rgba(50, 50, 50, 0.46);
	-moz-box-shadow:    0px 2px 8px rgba(50, 50, 50, 0.46);
	box-shadow:         0px 2px 8px rgba(50, 50, 50, 0.46);
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	border:1px #939393 solid;
	margin-bottom:8px;
	}
#CONTENT .app ul li a{
	color:#414141;
	font-size:15px;
	font-weight:bold;
	letter-spacing:1px;
	text-decoration:none;
	text-align:center;
	}
#CONTENT .app ul li a:hover{
	color:#00a0e9;}
#CONTENT .app ul li a span{
	display:inline-block;
	margin-bottom:10px;}
#CONTENT .app ul li a img.appstoreimg{
	display:block;
	width:100px;
	height:30px;
	margin:0 auto;
	}
#CONTENT .appinfoimg{
	display:block;
	margin:0 auto;
	}
/* ==熱門APP========================== */	
#CONTENT .hotapp{
	clear:both;
	position:relative;
	width:775px;
	margin-bottom:45px;/*固定距離下面距離*/
	}
#CONTENT .contenttiltle_hotapp{
	width:775px;
	height:36px;
	padding-bottom:6px;
	border-bottom:2px #00a0e9 solid;
	margin-bottom:17px;
	}
#CONTENT .contenttiltle_hotapp h3{
	display:block;
	width:251px;
	height:36px;
	background:url(../images/title_all.png) no-repeat 0 -864px;
	text-indent:-9999px;
	}
/*---------按下app出現區塊-------------*/
.appinfobox{
	width:492px;
	padding:20px;
	border:1px #ddd solid;
	background:#fff;
	/*display:none;/*---------infobox popup實作-------------*/
	/*position: fixed;/*---------infobox popup實作-------------*/
	top: 50%; left: 50%;/*---------infobox popup實作-------------*/
	z-index: 99999;/*---------infobox popup實作-------------*/
	}
.appboxClose{
	background: url(../images/btn_close.png);
	width: 12px;
	height: 12px;
	text-indent: -9999px;
	cursor: pointer;
	}	
.appinfobox_info{
	width:492px;
	height:119px;
	font-size:13px;
	color:#666;
	overflow:hidden;
	margin-top:19px;
	}
.appinfobox_info img.appimg{
	float:left;
	width:102px;
	height:102px;
	-webkit-box-shadow: 0px 2px 8px rgba(50, 50, 50, 0.46);
	-moz-box-shadow:    0px 2px 8px rgba(50, 50, 50, 0.46);
	box-shadow:         0px 2px 8px rgba(50, 50, 50, 0.46);
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	border:1px #939393 solid;
	margin-bottom:8px;
	}
.appinfobox_info img.appstoreimg{
	clear:both;
	}
.appinfobox_info ul{
	display:block;
	width:343px;
	float:left;
	margin-left:15px;
	}
.appinfobox_info ul li{
	margin-bottom:15px;
	}
.appinfobox_info ul li span{
	display:block;
	float:left;
	width:60px;
	color:#161616;
	}
.appinfobox_info h2{
	color:#161616;
	font-size:15px;
	padding-bottom:5px;
	}
.appinfobox .appinfobox_descri p{
	font-size:14px;
	color:#161616;
	line-height:1.5;
	padding:10px 8px;
	margin-right:10px;
	letter-spacing:1px;
	font-weight:normal;
	text-align:justify;/*齊行*/
	text-justify:distribute;/*齊行*/
	table-layout:fixed;/*英文字串自動換行*/
	word-break:break-all;/*英文字串自動換行*/
	}
.appinfobox .appinfobox_descri p a{
	font-size:13px;
	color:#00a0e9;
	text-decoration:none;
	}
.appinfobox .appinfobox_descri p a:hover{color:#161616;}
/*============================================*/
.readerimage{
	width:980px;
	height:380px;
	margin-bottom:40px;
	border:1px #d9dad4 solid;
	}
.device{
	overflow:hidden;
	width:955px;
	height:156px;
	padding:19px 0 0 25px;
	background:url(../images/texture.png) repeat;
	margin-bottom:30px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: #888 0px 2px 5px;
	-moz-box-shadow: #888 0px 2px 5px;
	box-shadow: #888 0px 2px 5px;
	}
.device h4{
	color:#414141;
	font-size:17px;
	margin-bottom:20px;
	text-shadow: 1px 1px rgba(255, 255, 255, 0.6);
	text-indent:15px;
	background:url(../images/submenu_next_icon.png) no-repeat 0 50%;
	}
.filter-col5 {
	float:left;
	width:300px;
	height:140px;
	list-style: none;
	border-right:1px #c5c7c8 solid;
	}
.filter-col6 {
	float:left;
	width:300px;
	height:140px;
	padding-left:25px;
	list-style: none;
	border-right:1px #c5c7c8 solid;
	border-left:1px #FFF solid;
	}
.filter-col7 {
	float:left;
	width:300px;
	height:140px;
	padding-left:25px;
	list-style: none;
	border-right:1px #c5c7c8 solid;
	border-left:1px #FFF solid;
	}
.device ul{line-height:0px; display:inline-block; vertical-align: top;}
/*.search_box ul.filter-col2_rul{display:inline-block; vertical-align: top; margin-left:50px;}
.search_box ul.filter-col4_rul{display:inline-block; vertical-align: top; margin-left:21px;}*/
.device ul li {
	display: list-item;
	text-align: -webkit-match-parent;
	}
.device li a{
	font-size:15px;
	color:#414141;
	line-height:2;
	display: list-item;
	text-align: -webkit-match-parent;
	text-decoration:none;
	text-shadow: 1px 1px rgba(255, 255, 255, 0.6);
	}
.device li a:hover{color:#00a0e9;}
.device li.search_stop a{color:#00a0e9;}
/* ==閱讀軟體 關於========================== */
#CONTENT .readerabout{
	clear:both;
	position:relative;
	width:775px;
	height:520px;
	margin-bottom:35px;/*固定距離下面距離*/
	}
#CONTENT .contenttiltle_readerabout{
	width:775px;
	height:36px;
	padding-bottom:6px;
	border-bottom:2px #00a0e9 solid;
	margin-bottom:17px;
	}
#CONTENT .contenttiltle_readerabout h3{
	display:block;
	width:251px;
	height:36px;
	background:url(../images/udnreader_title.png) no-repeat 0 0;
	text-indent:-9999px;
	}
#CONTENT .contenttiltle_readerabout img.apptitle{
	position:absolute;
	left: 660px;
	top: 14px;
	}
.readerabout_img{
	width:180px;
	height:auto;
	float:left;
	margin-right:20px;
	margin-bottom:20px;
	}
.readerabout_box{height:150px;}
.readerabout_box h4{
	font-size:17px;
	margin-bottom:10px;
	color:#00a0e9;
	}
.readerabout_box p{
	font-size:14px;
	color:#161616;
	line-height:1.6;
	letter-spacing:1px;
	font-weight:normal;
	text-align:justify;/*齊行*/
	text-justify:distribute;/*齊行*/
	table-layout:fixed;/*英文字串自動換行*/
	word-break:break-all;/*英文字串自動換行*/
	margin-bottom:6px;
	}
.readerabout_info{
	width:485px;
	height:150px;
	float:left;
	}	
.qrcode{
	width:90px;
	height:90px;
	}
.storeimg{clear:both;}

/* ==操作說明========================== */
#CONTENT .readerdiscription{
	position:relative;
	width:775px;
	margin-bottom:45px;/*固定距離下面距離*/
	}
#CONTENT .contenttiltle_readerdiscription{
	width:775px;
	height:36px;
	padding-bottom:6px;
	border-bottom:2px #00a0e9 solid;
	margin-bottom:17px;
	}
#CONTENT .contenttiltle_readerdiscription h3{
	display:block;
	width:251px;
	height:36px;
	background:url(../images/udnreader_title.png) no-repeat 0 -36px;
	text-indent:-9999px;
	}
.book_intro p.direction_title{ /*操作說明的項目標題字*/
	font-size:16px;
	font-weight:bold;
	font-style:italic;
	color:#d97025;
	line-height:2.5;
}

.epaperinfo_r ul.bookinfo_centerbox li{ /* ------中間資訊區塊 列------- */
	display:block;
	width:100%;
	min-height:30px;
	background:url(../images/dotgray_hr_x.gif) repeat-x bottom left;
	}
ul.bookinfo_centerbox li.bookinfo_name{border-bottom:2px #00a0e9 solid; background:none; min-height:25px;}/* ------書名列------- */
#BOOKINFO ul.bookinfo_centerbox li.centerbox_deviceicon{ /* ------支援載具列------- */
	display:block;
	width:495px;
	height:50px;
	background:none;
	}
ul.bookinfo_centerbox li.centerbox_deviceicon{ /* ------支援載具列(報紙)------- */
	display:block;
	height:50px;
	background:none;
	}
ul.bookinfo_centerbox li h2{ /* ---書名--- */
	color:#161616;
	font-size:16px;
	font-weight:bold;
	}
#BOOKINFO ul.bookinfo_centerbox li span.infotitle,ul.bookinfo_centerbox li span.infotitle{ /* ------中間資訊區塊 標題------- */
	display:block;
	float:left;
	width:110px;
	line-height:30px;
	color:#161616;
	font-size:15px;
	font-weight:bold;
	}
ul.bookinfo_centerbox li.bookinfo_name span{ /* ------中間資訊區塊 雜誌刊別 標題------- */
	color:#434343;
	font-size:16px;
	font-weight:bold;
	margin-left:6px;
	}
ul.bookinfo_centerbox li.centerbox_deviceicon span{ /* ------支援載具 標題------- */
	display:block;
	float:left;
	width:110px;
	line-height:15px;
	padding-top:8px;
	color:#161616;
	font-size:15px;
	font-weight:bold;
	}
ul.bookinfo_centerbox li.centerbox_deviceicon span a{ /* ------支援載具 標題 (說明)連結------- */
	font-size:13px;
	color:#959595;
	text-decoration:none;
	}
ul.bookinfo_centerbox li.centerbox_deviceicon span a:hover{color:#00a0e9;}
#BOOKINFO ul.bookinfo_centerbox li h4,ul.bookinfo_centerbox li h4{ /* ------標題後的欄位------- */
	color:#535353;
	display:inline-block;
	width:385px;
	font-size:15px;
	line-height:30px;
	font-weight:normal;
	table-layout:fixed;/*英文字串自動換行*/
	word-break:break-all;/*英文字串自動換行*/
	word-wrap: break-word;/*英文字串自動換行Firefox測試*/
	white-space: nowrap; 
	overflow: hidden;
	text-overflow: ellipsis;
	}
#BOOKINFO ul.bookinfo_centerbox li h4 a{
	color:#535353;
	font-size:15px;
	text-decoration:none;
	}
#BOOKINFO ul.bookinfo_centerbox li h4 a:hover{color:#00a0e9;}
ul.bookinfo_centerbox li.centerbox_deviceicon h4{padding-top:8px;} /* ------支援載具 標題後的欄位------- */
ul.bookinfo_centerbox li.centerbox_deviceicon h4 img{ margin-right:6px;}/* ------支援載具 小圖示------- */
.epaperinfo_r li.centerbox_deviceicon{margin-bottom:10px;}/*----報紙支援載具---*/