@charset "UTF-8";
/* CSS Document */
*{font-family: Arial,Helvetica, heiti tc, SimHei, 微軟正黑體,Microsoft JhengHei,serif ;}

.full_width{width: 100%;}
.fixed_width{width: 910px; margin:0 auto; position: relative;}

#content_pc{ background-image: url(../images/bg.png); background-size: 910px 1300px; background-position: center top; background-color:#000000}

.movie_post1 li{ float:left; margin:0px 0px 0px 0px; opacity:0}
.movie_post1 li.att01{animation:copyFade1 1s ease 0.1s 1 forwards;}
.movie_post1 li.att02{animation:copyFade1 1s ease 0.4s 1 forwards;}
.movie_post1 li.att03{animation:copyFade1 1s ease 0.7s 1 forwards;}
.movie_post1 li.att04{animation:copyFade1 1s ease 1s 1 forwards;}
.movie_post1 li .view {width: 214px;height: 304px; margin: 0px; float: left; border: 0px; overflow: hidden; position: relative; text-align: center; }
.movie_post1 li .view .mask, .view .content { width: 214px; height: 304px; position: absolute; overflow: hidden; top: 0; left: 0;/* opacity: 1;*/}
.movie_post1 li .view img { display: block; position: relative; width: 100%; height: 100%;}
.movie_post1 li .view h2 { text-transform: uppercase; color: #fcc32e; font-weight:normal; text-align: center; position: absolute; font-size: 18px; bottom:190px; width:100%; padding-bottom:11px; border-bottom:1px #ffc328 solid}
.movie_post1 li .view h3 {font-size: 16px; position: absolute;color: #fff;padding: 0px 18px;text-align:center; width:100%; top:142px}
.movie_post1 li .view h3:after{content: "・";}
.movie_post1 li .view h3:before{content: "・";}
.movie_post1 li .view p {font-size: 14px; position: absolute;color: #fff; font-weight:normal;padding: 0px 18px;text-align: center; width:100%; top:172px; line-height:22px; text-align:justify;}
.movie_post1 li .view a.info {display: inline-block; text-decoration: none;padding: 7px 14px;background: #000;color: #fff;text-transform: uppercase;box-shadow: 0 0 1px #000;}
.movie_post1 li .view a.info: hover {box-shadow: 0 0 5px #000;}
.movie_post1 .slick-next{ width: 20px; height: 30px; background: url(../images/arw2.png)no-repeat;background-position: -20px 0; }
.movie_post1 .slick-prev{ width: 20px; height: 30px; background: url(../images/arw2.png)no-repeat;background-position: 0 0; }
.movie_post1 .slick-next:hover{ width: 20px; height: 30px; background: url(../images/arw2.png)no-repeat;background-position: -20px 0; }
.movie_post1 .slick-prev:hover{ width: 20px; height: 30px; background: url(../images/arw2.png)no-repeat;background-position: 0 0; }

#container_pc nav{ width: 100%; }
#container_pc nav ul{ width: 910px; height: 35px; margin:7px auto 10px auto; padding-left: 110px;}
#container_pc nav ul li{ width: 21%; height: 100%; float: left;}
#container_pc nav ul li a{width: 100%; height: 100%; display: block; font-size: 20px; color:#FFFFFF; line-height: 35px; text-shadow: 2px 2px 0 rgba(0,0,0,0.5); }
#container_pc nav ul li a:hover{ color:#fdff3a; text-decoration: none; }
#container_pc nav ul li .ahover{ color:#fdff3a; text-decoration: none; }


/* BUTTON CSS
------------------------------------------- */
a.button {display: block; top: 146px; right: 25px; color: #FFFFFF; font-weight: 100;text-decoration: underline; font-size: 13px; overflow:hidden; position:absolute;transition: width .3s .1s, color .5s ease 0s; opacity:0;animation:copyFade1 1s ease 0.6s 1 forwards;}
a.button:hover{  }

/*小叮嚀*/
	.note{width:100%;margin: 0px auto;}
	#btn_note{ height: 45px; display: block;width: 100%; background-position:center top; background-repeat:repeat;font-size: 24px; color:#000; line-height: 75px; text-shadow: 2px 2px 0 rgba(0,0,0,0.5); }
	.note_box{ width: 790px; margin: 0px auto;padding:30px 0px 30px 30px;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: 13px;line-height:21px;color:#000;text-align:left;font-weight:normal;list-style-position: outside;list-style-type: decimal;text-align:left;    font-size: 16px; line-height: 25px;}
	.note_box ul a{ color:#F33}


/***手機版***/
@media screen and (max-width: 640px) {
#content_m{ background: url(../images/bg.png) no-repeat ; background-size: 640px 920px;}

#content_m nav{ width: 640px; height: 150px;  }
#content_m nav ul{ width: 640px; margin:5px 0; padding:0px; background: #fa0; }
#content_m nav ul li{ width: 320px; height: 75px; float: left;}
#content_m nav ul li a{width: 100%; height: 100%; display: block; font-size: 34px; color:#fdff3a; line-height: 75px; text-shadow: 2px 2px 0 rgba(0,0,0,0.5); }
#content_m nav ul li a{text-decoration: none; }

a.button_m { color:#ffffff;z-index: 5; display: block; top:70px; right:10px;text-decoration: underline; font-size: 18px; overflow:hidden; position:absolute;transition: width .3s .1s, color .5s ease 0s; opacity:0;animation:copyFade1 1s ease 0.6s 1 forwards;}

body.nosgo{overflow: hidden;}

/*小叮嚀*/
.note_m{  margin: 0px auto; text-align:left;}
#btn_note_m{
	width: 640px;
   height: 45px;
	display: block;
	margin: 0px auto; background-repeat:no-repeat;
0	cursor: pointer;
   background-position: center top;
   font-size: 24px; color:#000; line-height: 75px; text-shadow: 2px 2px 0 rgba(0,0,0,0.5);
   text-align: center;
}
.note_box_m{ 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}
}