@charset "UTF-8";
.movieBg{
		background-image:url(../../images/page_top_bg.png);
		background-repeat:repeat;
		margin-bottom:0}.movieHeader{color:#fff;background:#4fcae3;
		padding:15px;display:-webkit-box;display:-webkit-flex;
		display:-ms-flexbox;display:flex;
		-webkit-box-align:center;
		-webkit-align-items:center;
		-ms-flex-align:center;
		align-items:center;
		-webkit-box-pack:center;
		-webkit-justify-content:center;
		-ms-flex-pack:center;
		justify-content:center
		}
.movieTitle{
		width:190px;
		height:91px
		}
.movieWrap{padding:50px 0}
.movieList li a{
		background:#fbf331;display:block;
		border-radius:15px;
		margin-bottom:15px;
		padding:15px;
		text-decoration:none;
		color:#111;
		-webkit-transition:background-color .3s;transition:background-color .3s
		}
.movieList li a:hover{background:rgba(251,243,49,.7)}
.movieList li img{margin:0 auto}
.movieListThree{margin-bottom:50px}
.movieListTitle{
		display:-webkit-box;
		display:-webkit-flex;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-align:center;
		-webkit-align-items:center;
		-ms-flex-align:center;
		align-items:center;
		-webkit-box-pack:center;
		-webkit-justify-content:center;
		-ms-flex-pack:center;
		justify-content:center
		}
.movieListTitle p{
		font-size:2.3rem;
		text-shadow:2px 2px 0 #fff,-2px -2px 0 #fff,-2px 2px 0 #fff,2px -2px 0 #fff
		}
.movieListTitle i{
		font-size:2.3rem;
		color:#cf0000;
		content:"\f054";
		font-family:fontawesome;
		margin-left:15px;
		text-shadow:2px 2px 0 #fff,-2px -2px 0 #fff,-2px 2px 0 #fff,2px -2px 0 #fff
		}
.movieFotter{
		background:#444;
		color:#fff;
		padding:20px 0
		}
.movieFotterLogo{
		display:-webkit-box;
		display:-webkit-flex;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-align:center;
		-webkit-align-items:center;
		-ms-flex-align:center;
		align-items:center;
		-webkit-box-pack:center;
		-webkit-justify-content:center;
		-ms-flex-pack:center;
		justify-content:center;
		margin-bottom:25px
		}
.movieFotterTitle{
		width:170px;
		height:82px
		}
.indexComment{
		border:4px solid #4fcae3;
		padding:20px 15px;
		background-color:#fff
		}
.indexComment p{
		text-align:center;
		font-size:1.8rem
		}
@media print,screen and (min-width:768px)
{
.movieTitle{
		width:250px;
		height:120px
		}
.movieWrap{padding:80px 0}
.movieList li{width:32%}
.movieListTwo{
		display:-webkit-box;
		display:-webkit-flex;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-pack:center;
		-webkit-justify-content:center;
		-ms-flex-pack:center;
		justify-content:center;
		margin-bottom:25px
		}
.flexMargin:first-of-type{margin-right:20px}
.movieListThree{
		display:-webkit-box;
		display:-webkit-flex;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-pack:justify;
		-webkit-justify-content:space-between;
		-ms-flex-pack:justify;
		justify-content:space-between
		}
.movieListFour{
		display:-webkit-box;
		display:-webkit-flex;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-pack:center;
		-webkit-justify-content:center;
		-ms-flex-pack:center;
		justify-content:center;
		margin-bottom:25px
		}
.movieFotterTitle{
		width:200px;
		height:96px
		}
.indexComment p{font-size:2rem}
}