@charset "utf-8";
/* CSS Document */

.slick-slider{position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none;
 -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-slider div a {text-decoration:none;}
.slick-list{position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer; cursor: hand;}
.slick-slider .slick-track, .slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);}
.slick-track {position: relative; top: 0; left: 0; display: block;*zoom: expression(this.runtimeStyle.zoom="1", this.appendChild( document.createElement("small") ).className="after");}
.slick-track:before, .slick-track:after{display: table; content: '';}
.slick-track:after {clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none; float: left; height: 100%; min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;}
.slick-slide .slick-loading img{display: none;}
.slick-slide .dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block; height: auto; border: 1px solid transparent;}
.slick-arrow .slick-hidden {display: none;}


.slider {width: 100%; margin: 0 auto; position:relative;}
.slider div a{overflow:hidden; position:absolute;}
.slick-slide { height:530px; width:380px; padding-bottom:30px;}
.slick-slide:hover {background:url(../image/main_slide_bg.jpg) no-repeat;}
.slick-slide .poster { -moz-transform:scale(1,1); -webkit-transform:scale(1,1); -o-transform:scale(1,1); -ms-transform:scale(1,1); transform:scale(1,1); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; transition: all 0.2s ease;}
.slick-slide:hover .poster {opacity:.2; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)" ; filter: alpha(opacity=20);-moz-transform:scale(1.05,1.05); -webkit-transform:scale(1.05,1.05); -o-transform:scale(1.05,1.05); -ms-transform:scale(1.05,1.05); transform:scale(1.05,1.05);}
.slide > a:active{border:none;}
.slider > img {width:380px; height:530px;}
.slick-prev:before,.slick-next:before {color: black;}




/* Responsive -------------------------- */
@media screen and (max-width: 1180px) {
	.slick-slide {padding-bottom:0px; height:480px;}
	.slick-slide:hover {background-size:316px;}
	.movie_sub04Wrap > .slider .slick-slide {height:100%;}
	}
	
@media screen and (max-width: 980px) {
	.slick-slide {padding-bottom:0px; height:500px;}
	.slick-slide:hover {background-size:358px;}
	.movie_sub04Wrap > .slider .slick-slide {height:100%;}
	}
	
@media screen and (max-width: 736px) {
	.slick-slide {padding-bottom:0px; height:500px;}
	.slick-slide:hover {background-size:358px;}
	.movie_sub04Wrap > .slider .slick-slide {height:100%;}
	
	
	.slick-prev {left:20px; *right:1080px;}
	[dir='rtl'] .slick-prev .before, [dir='rtl'] .slick-prev:before {content: ''; background:rgba(0,0,0,.4) url(../image/icon_arrowL.png) no-repeat 50% 50%; width:90px; height:55px; display: block;}

.center {
	margin-right: -40px; margin-left: -40px;
}
.center .slick-center p {
	opacity: 1; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1);
}
.center p {
	transition:300ms; opacity: 0.8; transform: scale(0.95); -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -o-transform: scale(0.95);
}

	}
@media screen and (max-width: 480px) {
	.slick-slide {padding-bottom:0px; height:450px;}
	.slick-slide:hover {background-size:320px;}
	.movie_sub04Wrap > .slider .slick-slide {height:100%;}
	

	}

/* Arrows */
.slick-prev,.slick-next {position: absolute; top: 50%; z-index:1; display: block; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer;
 color: transparent; border: none; outline: none; background: transparent; *zoom: expression(this.runtimeStyle.zoom="1", this.appendChild( document.createElement("small") ).className="before");}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {color: transparent; outline: none; background: transparent;}
.slick-prev:hover:before, .slick-prev:hover .before, .slick-prev:focus:before, .slick-prev:focus .before, .slick-next:hover:before, .slick-next:hover .before, .slick-next:focus:before, .slick-next:focus .before {opacity: 1; }
.slick-prev:before, .slick-prev .before, .slick-next:before, .slick-next .before{opacity: .8;}
.slick-prev {left:-20px; *right:1080px;}
[dir='rtl'] .slick-prev {right: 0; left: auto;}
.slick-prev:before, .slick-prev .before {content: ''; background:rgba(0,0,0,.6); background:#000\9; filter: alpha(opacity=60); background-image:url(../image/icon_arrowL.png); background-repeat:no-repeat; background-position:50% 50%;  width:90px; height:55px; display: block;}
[dir='rtl'] .slick-prev .before, [dir='rtl'] .slick-prev:before {content: ''; background:rgba(0,0,0,.4) url(../image/icon_arrowL.png) no-repeat 50% 50%; width:90px; height:55px; display: block;}
.slick-next {right: -10px; *left: 1080px;}
[dir='rtl'] .slick-next {right: auto; left:0;}
.slick-next:before, .slick-next .before {content: '';background:rgba(0,0,0,.6); background:#000\9; filter: alpha(opacity=60); background-image:url(../image/icon_arrowR.png); background-repeat:no-repeat; background-position:50% 50%; width:90px; height:55px; display: block;}
[dir='rtl'] .slick-next:before, [dir='rtl'] .slick-next .before {content: ''; background:rgba(0,0,0,.4) url(../image/icon_arrowR.png) no-repeat 50% 50%; width:90px; height:55px; display: block;}

.center > .slick-prev {left:5%; *right:1080px;}
[dir='rtl'] .center > .slick-prev {right: 0; left: auto;}
.center > .slick-next {right:5%; *left: 1080px;}


/* Dots */
.slick-dotted.slick-slider { margin-bottom:50px;}
.slick-dots {position: absolute; display: block; width: 100%; padding: 0; margin-top:40px; margin-right:5px; list-style: none; text-align: center;}
.slick-dots li {position: relative; display: inline-block; zoom:1; *display:inline; width: 50px; height: 5px; margin: 0 5px; padding: 0; cursor: pointer;}
.slick-dots li button {font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent;*zoom: expression(this.runtimeStyle.zoom="1", this.appendChild( document.createElement("small") ).className="before");}
.slick-dots li button:hover, .slick-dots li button:focus {outline: none;}
.slick-dots li button:hover:before, .slick-dots li button:focus:before, .slick-dots li button:hover .before, .slick-dots li button:focus .before {background:#000;}
.slick-dots li button:before, .slick-dots li button .before{position: absolute; top: 0; left: 0; width: 50px; height: 5px; display:block; background:#b5b5b5; content: '';}
.slick-dots li.slick-active button:before, .slick-dots li.slick-active button .before {background:#000;}



