/* CSS Document */

/*--
--款式四：(設計師：Iven)
--風格：以大眾基金會layout為出發點，設計為滿版，清新風格，主選單是文章非書本分類。
--內容：Banner是滿版大圖、最新消息為輪播、中間有icon+主副標介紹區塊、下方為書本頁籤式刊物輪播。
--圖片路徑要修正：
----若是上傳至ftp："../images/style03/圖片"
----若是在後台："../theme/new/images/style03/圖片"
--*/

@keyframes come-in-from-b{to{transform:translateY(0);}}
.custom01 .icontxt li,.custom01 .icontxt li *,.custom01 .bklist03 li,.custom01 .bklist03 li.hv,.tab-cont.on,.custom01 .bklist04 li span,.custom01 .bklist04 li span:hover{-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;-o-transition:all .35s ease-in-out;-ms-transition:all .35s ease-in-out;transition:all .35s ease-in-out;}

.custom01{background:#fff;}
.custom01 #content{padding-top:0;}
.custom01 #content>.inbox{width:auto;margin:0;background:url(../images/style03/bg_incont.png) repeat;}

.custom01 .bnrbox{padding:0;}
.custom01 .hdrmain{padding:0 0 25.5%;height:auto !important;}
.custom01 .hdrmain .iviewSlider{-webkit-transform:scale(1) !important;-moz-transform:scale(1) !important;-o-transform:scale(1) !important;-ms-transform:scale(1) !important;transform:scale(1) !important;}
.custom01 .iviewSliderwrap{width:100%;height:100%;left:0%;}
.custom01 #iview-timer{display:none !important;}
.custom01 .iview-strip{width:100% !important;height:100% !important;}
.custom01 .iview-controlNav{left:5px;text-align:center;bottom:10px;}
.custom01 .iview-controlNav a{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;background:#fff;}
.custom01 .iview-controlNav a.active{background:#89b03f;}
.custom01 .hdrmain div.iview-directionNav a{background-image:url(../images/style03/nav_paddles.png) !important;}

.custom01 .box03{padding:20px 0;}
.custom01 .box03 .box_hd{display:inline;float:left;width:200px;position:relative;background:#9ab36b;text-align:center;padding:30px 10px;margin:20px 0;}
.custom01 .box03 .box_hd:after{content:'';position:absolute;left:20px;top:20px;right:-20px;bottom:-20px;border:3px solid #EEEEE4;opacity:0.6;}
.custom01 .box03 .box_hd h2.title{margin:0 auto;color:#fff;font-size:55px;width:120px;font-weight:normal;}
.custom01 .box03 .box_hd .i_more{color:#fff;font-size:16px;display:block;position:static;padding:30px 0 0;position:relative;z-index:5;opacity:.6;filter:Alpha(Opacity=60);}
.custom01 .box03 .box_hd .i_more:hover{opacity:1;filter:Alpha(Opacity=100);}
.custom01 .box03 .box_bd{display:inline;float:right;width:78%;}
.custom01 .txtlist01{padding:70px 0 0;}
.custom01 .txtlist01 li{background:none;padding:0 15px;}
.custom01 .txtlist01 li span{background:none;font-size:15px;color:#999;left:0;top:0;bottom:auto;right:auto;padding:0 0 5px;}
.custom01 .txtlist01 li span:after{content:'';position:absolute;left:0;bottom:-5px;width:20px;height:1px;background:#999;}
.custom01 .txtlist01 li a{font-size:20px;color:#666;display:block;padding:40px 0 0;position:relative;}
.custom01 .txtlist01 li a:hover{opacity:.5;filter:Alpha(Opacity=50);}
.custom01 .txtlist01 li p{height:72px;margin:0 0 55px;}
.custom01 .txtlist01 .owl-item{min-height:inherit;}
.custom01 .txtlist01 .owl-carousel{margin:0 4%;width:92%;/*in-height:210px;*/}
.custom01 .owl-controls{position:static;}
.custom01 .owl-pagination{display:block;float:none;position:absolute;right:-30px;bottom:0;}
.custom01 .owl-page span{width:10px;height:10px;background:#EEEDE3;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
.custom01 .owl-page.active span{background:#707B46;}
.custom01 .owl-buttons div{display:block;float:none;position:absolute;top:50%;margin-top:-60px;height:100px;background-repeat:no-repeat;background-position:center;}
.custom01 .owl-prev{background-image:url(../images/style03/icon_prev.png);left:-30px;}
.custom01 .owl-next{background-image:url(../images/style03/icon_next.png);right:-30px;}

.custom01 .bgbox{background:#F5F7F3;margin:20px 0;}
.custom01 .icontxt{padding:0 15px;}
.custom01 .icontxt ul{display:flex;flex-wrap:wrap;flex-direction:row;vertical-align:top;}
.custom01 .icontxt li{box-sizing:border-box;display:flex;width:25%;flex-direction:column;padding:10px 10px 15px;text-align:center;position:relative;}
.custom01 .icontxt .igbox{width:100%;height:145px;text-align:center;margin:0;}
.custom01 .icontxt .igbox img{max-height:145px;}
.custom01 .icontxt .igtxt{width:210px;max-width:210px;margin:0 auto;color:#fff;padding:10px 0 10px;}
.custom01 .icontxt .igtxt h3.title{font-size:25px;font-weight:normal;padding:5px 0 15px;color:#869446;font-weight:bold;}
.custom01 .icontxt .igtxt p{color:#666;line-height:1.6;font-size:14px;}
.custom01 .icontxt .igtxt .btn_more{opacity:0;filter:alpha(opacity=0);background:#879547;width:135px;height:40px;position:absolute;left:50%;bottom:-10px;margin-left:-67px;line-height:40px;text-align:center;color:#fff;font-size:14px;}
.custom01 .icontxt .igtxt .btn_more:hover{background:#656f35;}
.custom01 .icontxt li.hv{background:#D4DDC5;padding-bottom:30px;}
.custom01 .icontxt li.hv .igtxt{padding-top:0;}
.custom01 .icontxt li.hv .igtxt h3.title{padding-bottom:5px;}
.custom01 .icontxt li.hv .igtxt .btn_more{opacity:1;filter:alpha(opacity=100);bottom:0;animation:come-in-from-b 0.5s ease forwards;}

.custom01 .bklist03{padding:10px 10px 30px;margin:20px 25px 0;background:none;}
.custom01 .tabbox{padding:30px 0;}
.custom01 .tabbox .tab_hd{text-align:center;}
.custom01 .tabbox .tab_hd li{display:inline-block;font-size:18px;font-weight:bold;margin:3px 5px;}
.custom01 .tabbox .tab_hd li a{color:#929F78;position:relative;display:block;padding:8px;}
.custom01 .tabbox .tab_hd li.on a{color:#000;}
.custom01 .tabbox .tab_hd li.on a:after{content:'';width:100%;height:2px;position:absolute;left:0;bottom:0;background:#000;}
.custom01 .bklist03 li{box-sizing:border-box;padding:5px;display:block;float:none;margin:10px 5px;}
.custom01 .bklist03 .owl-item{min-height:310px;}
.custom01 .bklist03 .owl-item span{position:static;background:none;display:block;padding:0;}
.custom01 .bklist03 .bkimg{position:relative;padding:71.25% 0 ;display:block;width:100%;overflow:hidden;}
.custom01 .bklist03 .bkimg img{position:absolute;left:0;bottom:0;width:100%;}
.custom01 .bklist03 .bktxt{
	position:relative;bottom:0 !important;background:none;color:#707B46 !important;font-size:18px;display:block;font-weight:bold;text-align:left;margin:5px 0 0;padding:25px 0 0;min-height:48px;
	white-space:normal;text-overflow:normal;-o-text-overflow:normal;-webkit-text-shadow:none;-moz-text-shadow:none;text-shadow:none;
}
.custom01 .bklist03 .bktxt em{font-size:14px;color:#666;position:absolute;top:0;left:0;}
.custom01 .bklist03 .owl-carousel{background:#F5F7F3;}
.custom01 .bklist03 .owl-next{right:-40px;}
.custom01 .bklist03 .owl-prev{left:-40px;}
.custom01 .bklist03 .owl-pagination{position:absolute;left:0;bottom:-30px;width:100%;text-align:center;}
.custom01 .btnarea{padding:20px 0 0;text-align:center;}
.custom01 .btnarea .btn_more{display:inline-block;border:3px solid #EEEEE4;color:#999;font-size:18px;padding:10px 20px;min-width:150px;}
.custom01 .btnarea .btn_more:hover{background:#EEEEE4;color:#929F78;}
.custom01 .bklist03 li.hv{
	background:#fff;-webkit-box-shadow:0px 0px 10px rgba(0,0,0,0.2);-moz-box-shadow:0px 0px 10px rgba(0,0,0,0.2);box-shadow:0px 0px 10px rgba(0,0,0,0.2);
	-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);-0-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px);transform:translateX(0px)\9;
}
.tab-cont{opacity:0;filter:alpha(opacity=0);min-height:495px;}
.tab-cont.on{
	-webkit-transform:translateY(-15px);-moz-transform:translateY(-15px);-0-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px);transform:translateY(0px)\9;
	animation:come-in-from-b 1s ease forwards;opacity:1;filter:alpha(opacity=100);
}

.custom01 .bklist04_title .owl-wrapper{width:auto !important;text-align:center;transform:translate3d(0, 0px, 0px) !important;}
.custom01 .bklist04_title .owl-item,.custom01 .bklist04_title li{float:none;display:inline-block;min-height:auto;width:auto !important;}
.custom01 .bklist04_title{padding:0 30px 0 0;}
.custom01 .bklist04_title{text-align:center;}
.custom01 .bklist04_title li{display:inline-block;font-size:18px;margin:3px 0;}
.custom01 .bklist04_title li a{color:#bfbfbf;position:relative;display:block;padding:8px 0 8px 30px;position:relative;font-weight:bold;}
.custom01 .bklist04_title .synced li a{color:#333;}
.custom01 .bklist04_title .synced li a:after{content:'';width:100%;height:2px;background:#333;position:absolute;left:15px;bottom:0;}
.custom01 .bklist04{background:#F5F7F3;padding:10px 10px 10px 0;}
.custom01 .bklist04 .owl-item span{position:static;display:inline;float:left;position:relative;width:16%;margin:0 0.2%;box-sizing:border-box;background:none;padding:0 0 10px;overflow:hidden;}
/*.custom01 .bklist04 .owl-item span:last-child{display:none;}*/.custom01 .bklist04 .owl-item span:first-child{display:inline;}
.custom01 .bklist04 .bkimg{position:relative;padding:71.25% 0 ;display:block;width:95%;margin:0 auto;}
.custom01 .bklist04 .bkimg img{position:absolute;left:0;bottom:0;width:100%;-webkit-box-shadow:2px 2px 4px rgba(0,0,0,0.2);-moz-box-shadow:2px 2px 4px rgba(0,0,0,0.2);box-shadow:2px 2px 4px rgba(0,0,0,0.2);}
.custom01 .bklist04 .bktxt{
	position:relative;bottom:0 !important;background:none;color:#707B46 !important;font-size:16px;display:block;font-weight:bold;text-align:left;margin:5px 0 20px;padding:20px 5% 0;line-height:1.4;
	white-space:normal;text-overflow:normal;-o-text-overflow:normal;-webkit-text-shadow:none;-moz-text-shadow:none;text-shadow:none;
}
.custom01 .bklist04 .bktxt em{font-size:14px;color:#666;position:absolute;top:0;left:5%;bottom:auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0;}
.custom01 .bklist04 li span:hover{
	-webkit-transform:translateY(-5px);-moz-transform:translateY(-5px);-0-transform:translateY(-5px);-ms-transform:translateY(-5px);transform:translateY(-5px);transform:translateX(0px)\9;
}
.custom01 .bklist04_bar{padding:0 0 15px;}
.custom01 .bklist04_bar .mCSB_horizontal.mCSB_inside > .mCSB_container{margin:0 auto 4px;}
.custom01 .bklist04_bar .mCSB_scrollTools.mCSB_scrollTools_horizontal{height:2px;}
.custom01 .bklist04_bar .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{background:none;margin:0;}
.custom01 .bklist04_bar .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{height:1px;background:#ddd;}
.custom01 .bklist04_bar .mCSB_scrollTools{opacity:1;}
.custom01 .bklist04_bar .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{height:50px;top:-50px;background:#fff url(../images/style03/icon_prev.png) no-repeat scroll center;opacity:1;}
.custom01 .bklist04_bar .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{height:50px;top:-50px;background:#fff url(../images/style03/icon_next.png) no-repeat scroll center;opacity:1;}
a.bktxt p{-webkit-text-shadow:none;-moz-text-shadow:none;text-shadow:none;padding:0;white-space:normal;text-overflow:auto;-o-text-overflow:auto;overflow:visible;height:42px;overflow:hidden;line-height:1.3;}
a.bktxt i{background:none;padding:0;position:absolute;left:5%;bottom:-20px;top:auto;color:#585858;}

.custom01 #header{position:relative;}
.custom01 .shbar.mshow{display:block;position:absolute;right:50%;top:60px;margin-right:-390px;padding:2px 45px 2px 5px;background:#a9c475;box-shadow:none;}
.custom01 .insh{padding:0 !important;}

@media(max-width:700px){
	.custom01 .bklist04 .owl-item span{width:32%;}
	.custom01 .bklist04 .owl-item span:last-child{display:inline;}
	.custom01 .bklist04 .bktxt{font-size:15px;height:38px;}
	.custom01 .bklist04_title li{font-size:16px;}
	.custom01 .bklist04_bar{padding:0 0 5px;}
	a.bktxt p{height:39px;}
}

@media(max-width:1210px){
	.custom01 .box03 .box_bd{width:76%;}
	.custom01 .bgbox .inbox{width:auto;margin:0;}
	.custom01 .icontxt li{width:25%;margin:0;}
	.custom01 #footer .inbox{width:auto;margin:0 2%;}
	.custom01 .shbar.mshow{margin:0;right:200px;}
}
@media(max-width:1100px){
	.custom01 .box03 .box_hd{width:18%;}
	.custom01 .tab-cont{min-height:450px;}
	.custom01 .txtlist01 li a{font-size:18px;}
	.custom01 .txtlist01 li p{height:45px;}
}
@media(max-width:950px){
	.custom01 .shbar.mshow{top:53px;height:31px;}
	.custom01 .box03 .box_hd h2.title{width:100px;font-size:40px;}
	.custom01 .box03 .box_hd .i_more{font-size:16px;}
	.custom01 .icontxt{padding:0;}
	.custom01 .icontxt .igtxt{max-width:inherit;width:96%;}
	/*.custom01 .txtlist01 .owl-carousel{min-height:180px;}*/
	.custom01 .txtlist01{padding:70px 0 0;}
}
@media(max-width:910px){
	.custom01 .box03 .box_bd{width:74%}
}
@media(max-width:750px){
	.custom01 .icontxt li{width:50%;padding-bottom:40px;}
	.custom01 .icontxt .igbox{width:100%;height:145px;text-align:center;margin:10px 0 0;}
	.custom01 .icontxt .igtxt{max-width:210px;margin:0 auto;color:#fff;}
	.custom01 .icontxt .igtxt p{color:#666;line-height:1.6;font-size:14px;}
	.custom01 .icontxt .igtxt .btn_more{opacity:1;filter:alpha(opacity=100);bottom:0;}
	.custom01 .icontxt li.hv{background:none;padding-bottom:20px;}
	.custom01 .icontxt li.hv .igbox{margin:10px 0 0;}
	.custom01 .icontxt li.hv .igtxt .btn_more{opacity:1;filter:alpha(opacity=100);-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-0-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px);transform:translateX(0px)\9;animation:come-in-from-b 0.5s ease forwards;}
	.custom01 .txtlist01 li p{margin:0 0 75px;}
}
@media(max-width:730px){
	.custom01 #header{position:fixed;}
	.custom01  #content{background:#fff;}
	.custom01 .box03 .box_hd{display:block;float:none;width:auto;background:none;padding:0;margin:0 4%;position:relative;}
	.custom01 .box03 .box_bd{display:block;float:none;width:auto;}
	.custom01 .box03 .box_hd h2.title{width:auto;font-size:35px;color:#9ab36b;font-weight:bold;text-align:left;}
	.custom01 .box03 .box_hd:after{display:none;}
	.custom01 .owl-buttons{display:block;}
	.custom01 .owl-pagination{left:15px;right:15px;text-align:center;}
	.custom01 .bgbox{margin:0;}
	.custom01 .box03 .box_hd .i_more{position:absolute;right:0;top:15px;padding:10px 0 0;color:#666;}
	.custom01 .txtlist01{padding:10px 0 0;}
	.custom01 .txtlist01 .owl-carousel{min-height:inherit !important;}
	.custom01 .txtlist01 li a{opacity:1;filter:alpha(opacity=100);}
	.custom01 .owl-buttons div{height:50px;margin-top:0;bottom:-10px;top:auto;}
	.custom01 .owl-prev{left:0;}
	.custom01 .owl-next{right:0;}
	.custom01 .bklist03 .owl-prev{left:0;bottom:-40px;}
	.custom01 .bklist03 .owl-next{right:0;bottom:-40px;}
	.custom01 .btnarea .btn_more{font-size:16px;}
	.custom01 .txtlist01 li p{margin:0 0 35px;}
}
@media(max-width:650px){
	.custom01 .bklist03 .bktxt{font-size:16px;}
	.custom01 .bklist03 .owl-item{min-height:inherit;}
	.custom01 .tab-cont{min-height:380px;}
	.custom01 .iview-controlNav{bottom:0;}
	.custom01 .iview-controlNav a{width:7px;height:7px;}
}
@media(max-width:560px){
	.custom01 .txtlist01 li p{font-size:18px;}
	.custom01 .tabbox{padding:20px 0;}
	.custom01 .tabbox .tab_hd{text-align:left;padding:0 3%;}
	.custom01 .tabbox .tab_hd li{margin:5px 3px;font-size:16px;}
	.custom01 .tabbox .tab_hd li a{padding:3px;}
	.custom01 .btnarea{padding:10px 0 0;}
	.custom01 .bklist03{margin:10px 0 0;}
	.custom01 .txtlist01 li{padding:0 5px;}
	.custom01 .txtlist01 li p{background:#f6f6f6;padding:10px;line-height:1.4;}
}