/* banner */
.inner-banner-box{
	width:1300px;
	max-width:100%;
	margin:0 auto;
	overflow:hidden;
}

.movie-bg-banner{
	width: 100%;
	padding-bottom: 500px;
	background-image: url('../img/background-805060_1920.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	display: block;
	position: absolute;
	z-index: 3;

}
.banner-img:hover .movie-bg-mask{
	z-index: 4;
}
.movie-bg-mask h2{
	font-size: 30px;
	position: absolute;
	text-align: center;
	left: 0;
	right: 0;
	bottom: 10%;
	color: #FFF;
}
.movie-bg-mask{
	width: 100%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+90,000000+93,000000+99,000000+99&0+1,0+54,0.8+89,0.8+89 */
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 1%, rgba(0,0,0,0) 54%, rgba(0,0,0,0.8) 89%, rgba(0,0,0,0.8) 90%, rgba(0,0,0,0.8) 93%, rgba(0,0,0,0.8) 99%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 1%,rgba(0,0,0,0) 54%,rgba(0,0,0,0.8) 89%,rgba(0,0,0,0.8) 90%,rgba(0,0,0,0.8) 93%,rgba(0,0,0,0.8) 99%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 1%,rgba(0,0,0,0) 54%,rgba(0,0,0,0.8) 89%,rgba(0,0,0,0.8) 90%,rgba(0,0,0,0.8) 93%,rgba(0,0,0,0.8) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 ); /* IE6-9 */

	display: block;
	position: absolute;
	z-index: 4;
	padding-bottom: 500px;
}
.banner-img:hover .movie-bg-mask{
	background: none;
	background-color: rgba(0, 0, 0, 0.7);
}
.banner-img:hover .movie-bg-mask h2{
	bottom: 50%;
	transition: all 0.6s ease-in;
}

.banner-img:hover .movie-bg-banner{
    transform: scale(1.2);
    transition: all 0.6s ease-in;
}

/* 內文 */
.inner-article{
	width:100%;
	display:block;
}

.inner-title{
	width:100%;
	text-align:center;
	height:70px;
	line-height:70px;
	font-size:2rem;
	color:#FFF;
	margin-top:30px;
	margin-bottom:20px;
	display:inline-block;
}
.inner-icon{
	width:30px;
	max-width:100%;
	vertical-align:middle;
	display:inline-block;
	margin-left:10px;
}


/* 內文圖片 */

.inner-box ul{
	width:390px;
	max-width:100%;
	margin:10px 10px;
	display:inline-block;
	position:relative;
	overflow:hidden;
}
.inner-link{
	width:100%;
	display:block;
}

.inner-img{
	position:absolute;
	z-index:1;
}
.inner-img div{
    width: 390px;
    height: 350px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
}
.inner-word{
	z-index:2;
	width: 100%;
    height: 100%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+90,000000+93,000000+99,000000+99&0+1,0+54,0.8+89,0.8+89 */
	background: -moz-linear-gradient(top,  rgba(0,0,0,0) 1%, rgba(0,0,0,0) 54%, rgba(0,0,0,0.8) 89%, rgba(0,0,0,0.8) 90%, rgba(0,0,0,0.8) 93%, rgba(0,0,0,0.8) 99%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 1%,rgba(0,0,0,0) 54%,rgba(0,0,0,0.8) 89%,rgba(0,0,0,0.8) 90%,rgba(0,0,0,0.8) 93%,rgba(0,0,0,0.8) 99%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 1%,rgba(0,0,0,0) 54%,rgba(0,0,0,0.8) 89%,rgba(0,0,0,0.8) 90%,rgba(0,0,0,0.8) 93%,rgba(0,0,0,0.8) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#cc000000',GradientType=0 ); /* IE6-9 */
    
    position: absolute;
}
.inner-word h2{
	font-size: 15px;
    position: absolute;
    z-index: 3;
  	text-align: center;
    color: #FFF;
    left: 0;
    right: 0;
    bottom: 10%;
}
.inner-link:hover .inner-img{
    transform: scale(1.2);
    transition: all 0.6s ease-in;
}

.article-box ul:hover .inner-word{
	background: none;
	background-color: rgba(0, 0, 0, 0.7);

}
.article-box ul:hover .inner-word h2{
	bottom: 45%;
	transition: all 1s ease-in;
}
/* 頁數 */
.page{
	margin-top:70px;
	text-align: center;
    
}
.page a{
	font-size: 1rem;
	padding: 0 10px;
	color:#000;
}
.page .prev ,.page .next{
	font-size:1.5rem;
	color: #336ca8;
	vertical-align:middle;
}

.page .prev{
	padding-right:10px;
}

.page .next{
	padding-left:10px;
}

.page .select{
	color:#DC1E82;
}