@charset "UTF-8";
/* CSS Document */
*{font-family: Arial, 微軟正黑體, Microsoft JhengHei, sans-serif, serif,Helvetica, heiti tc, SimHei;}
#content_pc{ background:url(../images/bg_pc.jpg) no-repeat center 150px #062d4f;}
#content_pc h2{ text-indent:-99999px; background:url(../images/kv.png) no-repeat center top; height:312px; z-index:99;}
section{ width:1072px; margin:0 auto;box-sizing:inherit;-webkit-box-sizing:inherit;}
section h3{ padding:10px 0 40px;}
.mv_frame{ position:relative; height:380px; margin-bottom:40px; padding: 20px 0;}
.hw{ background-color:#084984;} .hit{ background-color:#228f89;} .drama{ background-color:#ec6d5e;}
.mv_frame article{ width:188px; height:400px; padding:40px 8px 0; background-color:#FFF; position: absolute; top:-10px; left:22px;}
.mv_frame article h4{ color:#084984; font-size:18px; line-height:24px; margin:15px auto 18px;}
.mv_frame article p{color:#0c203f; font-size:16px; line-height:24px; padding-bottom:16px; margin-bottom:20px; border-bottom:1px solid #595757;}
a.btn_moreA{ font-size:14px; font-weight:normal; color:#595757; padding:6px 10px; border:1px solid #595757; text-align:center; width:108px; margin:0 auto; display:block;}
a.btn_moreA:hover{ color:#FFF; background-color:#595757; }
a.btn_moreB{ font-size:14px; font-weight:normal; color:#f3ca3c; padding:6px 10px; border:1px solid #f3ca3c; text-align:center; width:80px; display:block; float:left; margin-right:5px;}
a.btn_moreB:hover{ color:#052c50; background-color:#f3ca3c; }
a.btn_moreC{ font-size:14px; font-weight:normal; color:#94dbd7; padding:6px 10px; border:1px solid #94dbd7; text-align:center; width:80px; display:block; float:left;}
a.btn_moreC:hover{ color:#0b365c; background-color:#94dbd7; }

.movies{ position:relative; display:block;}
.movies li{ width:188px; height:340px; margin-right:10px; float:left; background-color:#0b365c; padding:15px 10px 10px; position:relative;}
.movies li:hover{ background-color:#152947;}
.movieBox{width:978px; height:340px; margin: 0 auto;}
.mvInfo{ color:#FFF; font-size:15px; font-weight:normal; line-height:22px; background:url(../images/imdb_stars.png) right 2px no-repeat; position:relative; margin-bottom:10px; padding-bottom:8px;}
.mvInfo span{ font-weight:bold;}
.movies li h5{ color:#FFF; font-size:15px; margin-top:8px; line-height:30px;}
.movies li p{ color:#FFF; font-size:13.5px; line-height:20px; height:75px; font-weight:normal;}
.FDbar{background-color:#f3ca3c; height:6px; border-radius:20px; display:block; position:absolute; bottom:0; left:0; z-index:10;}
.FDbar_w{ width:100%; background-color:#FFF; height:6px; border-radius:20px; display:block; position:absolute; bottom:0; left:0; z-index:5;}
.slick-prev,.slick-next{ position:absolute; background-image:url(../images/btn_arw.png); background-repeat:no-repeat; background-position:0 0; width:25px; height:30px; top:175px; cursor:pointer; text-indent:99999px; background-color:transparent; border:none;}
.slick-prev{ left:-27px;}
.slick-next{ background-position:-26px 0;right:-26px;}
.hit .movies li{ background-color:#125652;} .hit .movies li:hover{ background-color:#074c49;}
.drama .movies li{ background-color:#c04343;} .drama .movies li:hover{ background-color:#ac3e3c;}
.dmInfo{ height:25px;}
.dmInfo span{ font-size:12px; color:#c04343; background-color:#eece5d; padding:3px 5px;}
.drama .movies li p{ height:75px;}

/*小叮嚀*/
	.note{width:100%;margin: 0px auto; background-color:#84b8cc;}
	#btn_note{height: 49px;display: block;cursor: pointer;width: 100%;background-image: url(../images/btn_note.gif); background-position:center top; background-repeat:no-repeat;}
	.note_box{width: 910px;margin: 0px auto;padding:30px 0px 30px 30px;display: none;font-size:15px;font-weight:normal;font-family: Arial,Helvetica, heiti tc, SimHei, 微軟正黑體,Microsoft JhengHei,serif;list-style-position: outside; }
	.note_box ul li{font-size: 16px; line-height: 28px; color:#0b203f;text-align:left;font-weight:normal;list-style-position: outside;list-style-type: decimal;text-align:left}
	.note_box ul a,.note_box ul a:hover{ text-decoration:underline;}

@keyframes copyFade1 {
	0% {
		opacity: 0;
		-moz-transform: translateY(-50px);
		-ms-transform: translateY(-50px);
		-webkit-transform: translateY(-50px);
		transform: translateY(-50px); }
	100% {
		opacity: 1;
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-webkit-transform: translateY(0);
		transform: translateY(0); } }
@keyframes copyFade2 {
	0% {
		opacity: 0;
		-moz-transform: translateX(50px);
		-ms-transform: translateX(50px);
		-webkit-transform: translateX(50px);
		transform: translateX(50px), ;
 }

	100% {
		opacity: 1;
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-webkit-transform: translateX(0);
		transform: translateX(0);
		} }

/***手機版***/
@media screen and (max-width: 640px) {
#content_m h2{ background:url(../images/kv_m.jpg) no-repeat center top; background-size:640px 440px; height:440px; text-indent:-9999px;}
.mainM{ background:url(../images/bg_m.jpg) no-repeat center top #84b8cc; background-size:640px auto;}
.mainM section{ width:600px; margin: 0px auto 30px; padding:0 15px; overflow:hidden;}
.seg{ max-height:95px;}
.seg.active { max-height:1056px;-webkit-transition: max-height 0.8s;
	-moz-transition: max-height 0.8s;
	transition: max-height 0.8s;}
.seg.drama.active{ max-height:1080px;-webkit-transition: max-height 0.8s;
	-moz-transition: max-height 0.8s;
	transition: max-height 0.8s;}
	.seg h3	{ cursor:pointer; text-align:left;background:url(../images/seg_icon.png) no-repeat 520px -20px; background-size:26px auto;  height:95px; padding-top:30px;}
	.seg.active h3{ background:url(../images/seg_icon.png) no-repeat 520px 45px;background-size:26px auto; }
.mv_frameM article{ width:570px; padding:22px 20px; background-color:#FFF; position:relative; overflow:hidden;}
.mv_frameM article img{ float:left;}
.mv_frameM article .arInfo{float:left; width:250px; margin-left:18px;}
.mv_frameM article h4{ color:#084984; font-size:26px; line-height:33px; display:block; margin-bottom:5px;}
.mv_frameM article p{color:#0c203f; font-size:22px; line-height:30px; margin-bottom:16px; text-align:left; font-weight:normal;}
	a.btn_moreA{ font-size:18px; font-weight:normal; color:#595757; padding:10px 15px; border:1px solid #595757; text-align:center; width:150px; margin:0 auto; display:block;}
	a.btn_moreB{ font-size:22px; font-weight:normal; color:#13354f; padding:15px 0px; border:none; background-color:#f3ca3c; text-align:center; width:100%; display:block; float:none; margin-right:0px; margin-bottom:10px;}
	a.btn_moreC{ font-size:22px; font-weight:normal; color:#94dbd7; padding:15px 0px; border:1px solid #94dbd7; text-align:center; width:100%; display:block; float:none;}
.moviesM{ position:relative; display:block; margin-top: 30px; overflow:hidden;}
.moviesM li{ width:280px; margin-right:15px; float:left; background-color:#0b365c; padding:15px 10px 15px; position:relative;}
.movieBoxM{width:790px; overflow:hidden;}
.movieBoxM .mvInfo{ color:#FFF; font-size:23px; font-weight:normal; line-height:33px; background:url(../images/imdb_starsM.png) right 2px no-repeat; background-size:140px auto; position:relative; margin-bottom:10px; padding-bottom:8px; text-align:left; height:85px;}
.movieBoxM .mvInfo span{ font-weight:bold;font-size:25px;}
.movieBoxM .moviesM li h5{ color:#FFF; font-size:23px; margin-top:8px; line-height:35px; color:#FFF; text-align:left;}
.movieBoxM .moviesM li p{ color:#FFF; font-size:22px; line-height:30px; height:135px; font-weight:normal;color:#FFF; text-align:justify;}
.movieBoxM .moviesM li img{ width:260px;}
.movieBoxM .FDbar{background-color:#f3ca3c; height:10px; border-radius:20px; display:block; position:absolute; bottom:0; left:0; z-index:10;}
.movieBoxM .FDbar_w{ width:100%; background-color:#FFF; height:10px; border-radius:20px; display:block; position:absolute; bottom:0; left:0; z-index:5;}
.seg.hit .moviesM li{ background-color:#125652;}
.seg.drama .moviesM li{ background-color:#c04343}
.dmInfo{ text-align:left; height:70px; padding-top:15px;}
.dmInfo span{ font-size:25px; padding:7px 24px;}
	/* Dots */
	.slick-dotted.slick-slider{margin-bottom: 30px; }
	.slick-dots
	{   position: relative;
		display: block; width: 50%;
		padding: 0; margin: 35px auto 5px; list-style: none; text-align: center;}
	.slick-dots li{
		position: relative;
		display: inline-block;
		width: 15px;
		height: 15px;
		margin: 0 35px 0 0;
		padding: 0;
		text-align:center;
		cursor: pointer;
		border-radius:50%;
		text-indent:-9999px
	}
	.slick-dots li:last-child{ margin-right:0;}
	.slick-dots li button
	{
		font-size: 0; line-height: 0;
		border-radius:50%;
		display: block;
		width: 15px; height: 15px;
		padding: 5px;
		cursor: pointer;
		color: transparent;
		border: 0; opacity:.5;
		outline: none;
		background:transparent;
		background-color:#FFF;
	}
	.slick-dots li button:hover,
	.slick-dots li button:focus
	{
		outline: none;
		background-color:#FFF;
		opacity:1;
	}
	.slick-dots li button:hover:before,
	.slick-dots li button:focus:before,
	.slick-dots li.slick-active button
	{
		opacity: 1;
	}
	.slick-dots li button:before
	{
		position: absolute;
		top: 0; left: 0;
		width: 15px;height: 15px;
		text-align: center;
		opacity: .25;
		color: black;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	.slick-dots li.slick-active button:before{opacity: .75;}
/*小叮嚀*/
.note_m{  margin: 0px auto; text-align:left;}
#btn_note_m{
	width: 640px;
	display: block;
	margin: 0px auto; background-repeat:no-repeat; background-position:center top;
	cursor: pointer;
	background-image: url(../images/btn_note.gif);
	height: 55px;
}
.note_box_m{ display: none;margin: 0px auto; width: 565px; padding:30px 0px 60px 0px}
.note_box_m ul a{color:#F33}
.note_box_m ul li{ list-style:decimal inside; font-size: 21px; line-height: 30px; padding-left: 18px; text-indent: -18px; color: #000; font-weight:normal; text-align:left; margin-bottom:3px;}
	
}