@charset "utf-8";

/* ---------------------------------------- 首頁頁籤裡的內容 ---------------------------------------- */
.indexTabA {
	width:930px; height:519px;
	background:url(../images/index/indexTabs.jpg) left top;
	padding-top:2px;}
.tabs2 {
	float:left;
	width:189px;
	height: 39px;
	margin-left:4px;}
.tabs2 li{
	list-style:none;
	width:189px; height: 39px;
	font-size:13px;}
.tabs2 li h4{
	*font-size:13px;
	font-weight:normal;}
.tabs2 li a {
	display: block;
	padding: 12px 0 12px 25px;
	text-decoration: none;
	color:#085f76;
	text-shadow:1px 1px 0px #FFF;}
.tabs2 li a:hover {
	color:#FFF;
	text-shadow:none;
	background:url(../images/index/indexTabBg.jpg) left top;}
.tabs2 li.active  {
	color:#FFF;}
.tabs2 li.active a {
	color: #FFF;
	text-shadow:none;
	background:url(../images/index/indexTabBg.jpg) left top;}
.tab_container2 {
	margin-left:200px;
	padding:10px 15px 0 0px;}

/* 版型1 */
.featuredBoxWrap{
	float:left;
	width:180px; min-height:455px;}
.moreBtn{
	display:block;
	width:180px; height:39px;
	text-indent:-9999px;
	background:url(../images/index/more.png) left top;}
.moreBtn:hover{
	position:relative;
	left:1px; top:1px;
	background-position:left bottom;}
.featuredBox{
	clear:both;
	margin-bottom:60px;}
.bookWood{
	position:relative;
	top:5px; left:5px;}
.bookWood{	
	width:115px; height:145px;
	padding:0 0 0 35px;}
.featuredIcon{
	position:absolute;
	left:0px; top:0;
	display:block;
	width:29px; height:123px;
	background:url(../images/index/icon.png) ;}
.bookWoodImg{
	margin-right:25px;
	width:108px; height:137px;
	display:table-cell;
	text-align:center;
	vertical-align:middle;}
.bookWoodImg img{
	border:1px solid #b4b2b3;
	padding:4px;
	background-color:#FFF;}
.bookWoodImg img:hover{
	border-color:#e1af5e;
	background-color:#e1af5e;}
.featuredBox h5{
	display:block;
	text-align:center;
	margin:10px 0 5px;}
.bookName a{
	display:block;
	font-size:13px;
	color:#006699;
	text-align:left;
	text-decoration:none;}
.bookName a:hover, .video h5 a:hover{
	color:#11b1dc;}
.L_Box{
	float:left;
	margin-right:25px;}
.bookP{
	font-size:12px;
	color:#444;
	line-height:20px;}
.tab_container2 .price{
	height:29px;
	line-height:29px;
	text-align:center;
	background:url(../images/index/price.png);
	margin:10px auto 0;}
.tab_container2 .priceStyle{
	font-family:Verdana;
	font-size:12px;
	color: #DE104F;}
.tab_container2 .priceStyle span{
	/*margin-right:8px;*/
	color: #444;
	text-decoration:line-through;}
.tab_container2 #tab4 .bookName{
	padding-bottom:5px;}
.tab_container2 #tab4 .bookP{
	margin-bottom:5px;}
.tab_container2 #tab4 .priceStyle span{
	display:block;}

.bookBoxWrap{
	float:left;
	display:block;
	width:496px;
	margin-left:20px;}
.bookBoxWrap li{
	list-style:none;}
.bookBox{
	position:relative;
	width:466px; height:176px;
	padding:13px 15px 0;
	background:url(../images/index/tabBox.png) no-repeat;}
.bookBox img{
	border:1px solid #b4b2b3;
	padding:4px;
	background-color:#FFF;}
.bookBox h5{
	text-align:left;
	padding:26px 0 10px 0;}
.boxPrice{
	position:absolute;
	right:15px; bottom:40px;
	text-align:right;}


/* 版型2 */
.video {
	position:relative;
	float:left;
	display:block;
	width:487px; height:300px;
	margin-left:30px;
	margin-bottom:25px;
	background:url(../images/index/videoBg.png);}
.video h5 a{
	position:absolute;
	bottom:10px;
	width:467px; color: #069;
	padding:0 10px;
	font-size:13px;
	text-align:center;
	text-decoration:none;}
.video iframe{
	position:absolute;
	left:10px; top:10px;}
.rightList{
	margin-left:220px;}
.rightList li{
	display:block;
	width:467px;
	list-style:none;
	margin-bottom:25px;}

/* 版型3 */
.tabAd{
	width:673px; height:145px;
	margin:0 0 0 10px;}
.tabAd img{
	width:673px; height:145px;
	border:1px solid #aaaaaa;}
.tabAd img:hover{
	position:relative;
	left:1px; top:1px;}
.tab3MoreBtn{
	float:right;
	margin:15px 34px 13px 0;}
.bookBoxWrap2{
	clear:both;
	display:block;
	width:710px; height:490px;
	padding-left:10px}
.bookBoxWrap2 li{
	display:block;
	list-style:none;
	float:left;
	min-height:270px;
	margin:0 10px 0;
	padding:0 0 5px 0;}
.bookWood2{
	/*margin:4px auto 5px;*/
	width:108px; height:143px;}
.bookWood2 .bookWoodImg{
	width:108px; height:137px;
	display:table-cell;
	text-align:center;
	vertical-align:middle;}
.bookBox2{
	width:154px;
	display:block;	
	text-align:center;}
.bookBox2 h5{
	padding: 0 0 10px;
	text-align:left;}
.bookBox2 p{
	text-align:left;
	margin-bottom:10px;}
#tab4 .priceStyle span{
	margin-right:0;}
	
/* 捲軸*/
.scrollbar1 {
	float:left;
	position: relative;
	width:725px;
	-webkit-overflow-scrolling: touch;
}
.viewport {
	width: 700px;
	height: 497px;
	overflow:hidden;
	position: relative;
}
.overview {
	list-style: none;
	position: absolute;
	left: 0;
	top: 0;
	padding: 0;
	margin: 0;
}
.scrollbar {
	position: relative;
	background-position: 0 0;
	float: right;
	width: 15px;
}

@media only screen and (device-width: 768px) {/* 給iPad看的 */
  .viewport {
	width: 700px;
	height: 497px;
	overflow:auto;
	position: relative;
}
.scrollbar {
	display:none;
}
}

.track {
	height: 100%;
	width:13px;
	position: relative;
	padding: 0 1px;
}
.thumb2 {
	background: transparent url(../images/index/bg-scrollbar-thumb-y.png) no-repeat 50% top;
	height: 10px;
	width: 25px;
	cursor: pointer;
	position: absolute;
	top: 0;
	left: -5px;
}
.end {
	position:absolute;
	bottom:-5px;
	left:0;
	background: transparent url(../images/index/bg-scrollbar-thumb-y.png) no-repeat 50% bottom;
	height: 5px;
	width: 25px;
}
.scrollbar1 .disable {
	display: none;}

/* 版型4 */
.bookBoxWrap3 .bookBox2{
	width:110px;}
.bookBoxWrap3 li{ margin:0 25px 20px 5px;}

/* 版型5 */
.adBox{
	list-style:none;}
.adBox li{
	float:left;
	width:324px; height:132px;
	margin:15px 12px;
	background:url(../images/index/adBg.png);}
.adBox li img{
	width:310px; height:118px;
	margin:7px 0 0 7px;}



/* 售貨資訊 */
.saleData{
	float:left;
	margin:5px 7px 0 0;
	width:196px;}
.saleData th, .saleData td{
	font-size:13px;
	font-weight:normal;}
.saleData th{
	text-align:center;}
.saleData .font,
.saleData .fontTh{
	display:block;
	height:21px; line-height:21px;
	margin:4px 0;}
.saleData .fontTh{
	background:url(../images/layout/books/content/line2.png) no-repeat right 6px;}
.saleData .font1,
.saleData .font3{
	color:#fff;}
.saleData .font1{ background-color:#959595;}
.saleData .font3{ background-color:#de104f;}
.saleData .font2,
.saleData .font4{
	display:block;
	margin:4px 0 4px 1px;
	text-indent:11px;
}
.saleData .font0 {
	font-weight: normal !important;
	font-size: 13px !important;
	height: auto;
	background:url(../images/layout/books/other3_arrow.jpg) 10px 10px no-repeat;
	padding: 5px 10px 5px 25px;
	text-indent: 0 !important;
}
.saleData .font2{	
	background-color:#ebebeb; color:#959595;}
.saleData .font4{
	color:#de104f; background-color:#ffebf1;
	font-size: 15px;
	font-weight: bold;
}
.saleData .font2 del,
.saleData .font4 em{
	font-weight:bold;
	font-family:Arial;
	margin-right:5px;}
.saleData .font2 del{font-size:15px;}
.saleData .font4 em{font-size:18px;}
.saleData .font5{ color:#444;}
.saleData .font6{ color:#d51a8b;}
.saleData .font7{ color:#259f9a;}
.saleData .font8{ 
    color:#259f9a;
	font-size:15px; font-family:Arial;
	font-weight:bold;
	padding-left:10px;
	padding-top:1px;
	background:url(../images/layout/books/content/arrow.png) no-repeat 12px 9px;}
.saleData .fontTD{ text-indent:11px;}