@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------------------------*/
/* 首頁區塊 */
.IndexBlock { position:relative; background:#fff; max-width:1200px; margin:0 auto;}
/*#Center section:nth-of-type(even) { background-color:#eeeeee; }*/
#Center section:nth-of-type(even) { border-top:1px solid #cfb29f; }
.IndexBlock > div { 
	max-width:1200px; margin-left:auto; margin-right:auto; 
	position:relative; z-index:2;
	}
.IndexBlock .block_title { margin-bottom:20px; text-align:center; }
.IndexBlock .block_title h2 { 
	display:inline-block; position:relative; 
	color:#403f3f; font-size:2.25rem; line-height:150%; letter-spacing:0.2em; 
	}
.IndexBlock .block_title h2 .icon { display:block; width:64px; height:48px; margin:0 auto; background-color:#fff; position:relative; }
#Center section:nth-of-type(even) .block_title h2 .icon { background-color:#eeeeee; }
.IndexBlock .block_title h2 .icon::before { 
	content:''; display:block; position:absolute; top:50%; left:50%; width:290px; margin:0 0 0 -145px; border-top:1px solid #c0c0c0; z-index:-1; 
	}
.IndexBlock .block_title h2 .icon::after { 
	content:''; display:block; position:absolute; top:50%; left:50%; width:36px; height:36px; margin:-18px 0 0 -18px;
	background-image:url(../images/icon_block_title.png); background-repeat:no-repeat; background-size:cover;
	}

.IndexBlock .btn_more { margin-top:40px; text-align:center; }
.IndexBlock .btn_more a { 
	display:inline-block; /*background-color:#F5DF4D/*1368a8*/; line-height:64px; text-decoration:none; position:relative;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:2px solid #c49d62;
	letter-spacing:0.1em; font-size:1.25rem; font-weight:bold; color:#403f3f; 
	-webkit-box-shadow:3px 3px #ccc;
	-moz-box-shadow:3px 3px #ccc;
	box-shadow:3px 3px #ccc;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;
	}
.IndexBlock .btn_more a:hover, .IndexBlock .btn_more a:focus {
	-webkit-box-shadow:0 0 rgba(0,0,0,0.75);
	-moz-box-shadow:0 0 rgba(0,0,0,0.75);
	box-shadow:0 0 rgba(0,0,0,0.75);
	transform:translate(6px,6px);
	}
.IndexBlock .btn_more a span { display:block; padding: 0 35px; }
.IndexBlock .btn_more a span::after { 
	display:inline-block; content:""; margin:0 0 0 8px; width:10px; height:10px; border-right:2px solid #403f3f; border-top:2px solid #403f3f; vertical-align:middle;
	-webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
	}


/*----------------------------------------------------------------------*/
/* 首頁新書推薦 */
.IndexBooks .block_title h2 .icon::after { background-position:0 0; }

/* 頁籤 */
.index_books_group { position:relative; }
.index_books_group .tab_cont .no_data { 
	padding:30px; margin:40px auto; width:240px; background-color:#fff; text-align:center; font-size:1.25rem; line-height:150%; 
    -webkit-box-shadow:0 0 25px rgba(0,0,0,0.2);
    -moz-box-shadow:0 0 25px rgba(0,0,0,0.2);
    box-shadow:0 0 25px rgba(0,0,0,0.2);
	}
.index_books_group .tab_title a { 
	display:block; letter-spacing:0.1em; text-decoration:none; position:relative; 
	-webkit-transition: background 0.3s ease, color 0.3s ease;
	-moz-transition: background 0.3s ease, color 0.3s ease;
	transition: background 0.3s ease, color 0.3s ease;
	}

/* list */
.index_books_list::after { content:''; display:block; clear:both; }
.index_books_list .item { float:left; margin-top:30px; border-right:1px solid #e5e5e5; box-sizing:border-box; }
.index_books_list .item > div {
	background-color:#fff; height:100%; padding:20px 0; box-sizing:border-box;
	}
.index_books_list .img { 
	padding-bottom:120%; background-repeat:no-repeat; background-position:center center; background-size:contain; 
	}
.index_books_list .title { margin-top:10px; text-align:center; }
.index_books_list .title a { font-weight:bold; color:#4d4d4d; line-height:150%; letter-spacing:0.025em; text-decoration:none; }
.index_books_list .title a:hover, .index_books_list .title a:focus { color:#000000/*1368a8*/; }


/*----------------------------------------------------------------------*/
/* 首頁輪播活動 */
.IndexEventSlider > div::after { content:''; display:block; clear:both; }

.index_event_slider .slider-for.slick-slider .slick-list { overflow:visible; }

.index_event_slider .img > div { padding-bottom:50%; background-size:cover; background-repeat:no-repeat; background-position:center center; overflow:hidden; }


.index_event_slider .title { border-bottom:4px solid #00467a; padding-bottom:15px; font-weight:bold; line-height:125%; }
.index_event_slider .title a { color:#333; text-decoration:none; }
.index_event_slider .title a:hover, .index_event_slider .title a:focus { color:#000000/*1368a8*/; }
.index_event_slider .desc { padding:10px 0; line-height:200%; color:#666; }

.index_event_slider .slider-nav { margin-top:15px; overflow:hidden; }
.index_event_slider .slider-nav .slick-arrow { 
	display:block; text-indent:-9999px; position:absolute; top:0; width:40px; height:100%; border:none; background-color:#cccccc; 
	}
	.index_event_slider .slider-nav .slick-prev { left:0; }
	.index_event_slider .slider-nav .slick-next { right:0; }
.index_event_slider .slider-nav .slick-arrow:hover, .index_event_slider .slider-nav .slick-arrow:focus { background-color:#000000/*1368a8*/; }
.index_event_slider .slider-nav .slick-arrow.slick-disabled { opacity:0; }
.index_event_slider .slider-nav .slick-arrow:focus, .index_event_slider .slider-nav .slick-slide:focus { outline:none; }

.index_event_slider .slider-nav .slick-slide { margin:0 5px; display:block; box-sizing:border-box; opacity:0.6; overflow:hidden; }
.index_event_slider .slider-nav .slick-slide, .index_event_slider .slider-nav .slick-arrow {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	cursor:pointer;
}
.index_event_slider .slider-nav .slick-slide:hover, .index_event_slider .slider-nav .slick-slide.slick-current { opacity:1; }
.index_event_slider .slider-nav .slick-list { margin:0 46px; }

.index_event_slider .slider-nav .slick-arrow:after {
	content:''; position:absolute; top:50%; margin-top:-8px; width:14px; height:14px; border-top:2px solid #fff; border-left:2px solid #fff;
}
.index_event_slider .slider-nav .slick-prev:after {
	left:16px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.index_event_slider .slider-nav .slick-next:after {
	right:16px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    transform: rotate(135deg);
}


/*----------------------------------------------------------------------*/
/* 首頁最新消息 */
/*.IndexNews .block_title h2 .icon::after { background-position:0 50%; }*/
.IndexNews .block_title h2 { color:#403f3f; font-weight: normal!important; }

/* list */
.index_news_list li { border-bottom:1px solid #d6d6d6; background-color:#fff; position:relative; }
.index_news_list li:first-child { border-top:1px solid #d6d6d6; }
.index_news_list li:nth-child(even) { background-color:#eeeeee; }
.index_news_list li > span { display:block; }
.index_news_list .date { text-align:center; color:#000000/*1368a8*/; font-family:'Oswald', sans-serif; }
.index_news_list .title a { color:#333333; letter-spacing:0.05em; text-decoration:none; }
.index_news_list .title a:hover, .index_news_list .title a:focus { color:#DACF09; }


/*----------------------------------------------------------------------*/
/* 首頁活動快報 */
.IndexEvents .block_title h2 .icon::after { background-position:0 100%; }

.index_events_list::after, .index_events_list .item > div::after { content:''; display:block; width:100%; clear:both; }
.index_events_list .item, 
.index_events_list .item > div, 
.index_events_list .img, 
.index_events_list .img > div, 
.index_events_list .cont, 
.index_events_list .btn { box-sizing:border-box; }

.index_events_list { margin-top:30px; }
.index_events_list .item { float:left; margin-bottom:40px; }
.index_events_list .item > div { 
	height:100%; background-color:#fff; overflow:hidden; position:relative; 
	-webkit-box-shadow:0 0 10px rgba(0,0,0,0.2);
	-moz-box-shadow:0 0 10px rgba(0,0,0,0.2);
	box-shadow:0 0 10px rgba(0,0,0,0.2);
	}

.index_events_list .img { position:relative; overflow:hidden; }
.index_events_list .img > div {
	padding-bottom:66.6666%; background-repeat:no-repeat; background-position:center center; background-size:cover; 
	}

.index_events_list .cont { padding:0 20px 20px 20px; margin-top:-15px; }
.index_events_list .date { 
	display:inline-block; background-color:#000000/*1368a8*/; padding:0 6px; position:relative; 
	font-family:'Oswald', sans-serif; font-size:0.875rem; color:#fff; line-height:30px; 
	}
.index_events_list .title { margin-top:8px; }
.index_events_list .title a { font-weight:bold; font-size:1.25rem; color:#333; line-height:150%; letter-spacing:0.025em; text-decoration:none; }
.index_events_list .title a:hover, .index_events_list .title a:focus { color:#e70000; }
.index_events_list .desc { 
	margin-top:10px; padding-top:10px; border-top:1px solid #d6d6d6; color:#666; 
	line-height:2em; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical;
	}