@charset "utf-8";
	body{ background-color:#000;}
	.pc, .header{ display:none;}
	.mobile{ width:100%; display:block;font-family:"微軟正黑體";}
	h3{ width:100%;
		padding-top:26%;
		background-size:100%;
		background-image:url(../images/phone_02.png);
		background-repeat:no-repeat;
		text-indent:-9999px;}
	.phone_bg{
		background-image:url(../images/phone-bg.jpg);
		background-size:100%;
		background-repeat:no-repeat;
		}
	.phone_poster{ width:58%; margin:0 auto;}
	.movie-name{ font-size:20px;font-weight:bold; color:#ffde00; text-align:center; padding:10px 0 0 0;}
	.Free-btn_2{
		width:50%; 
		margin:10px auto 0 auto;
		background-size:200%;
		background-image:url(../images/btn.png);
		background-repeat:no-repeat;
		text-indent:-99999px;
		padding:9% 0 0 1%;		
		}
	.notification_3{
		color:#fff;
		font-size:16px;
		font-weight:bold;
		text-align:center;
		width:80%;
		margin:0 auto 0 auto;
		line-height:24px;}
	.notification_4{
		color:#dc5252;
		font-size:15px;
		font-weight:bold;
		text-align:center;
		width:80%;
		margin:5px auto 0 auto;}
	.method_2{ color:#d4d3d3; font-size:14px; width:80%; margin:20px auto; line-height:18px; padding:0 0 0 30px;}
	.method_2 li{ list-style-type: decimal; margin:5px 0;}
	.method_2 a{
		color: #ffe44c;
		text-decoration: underline;
	}
@media screen and (min-width: 737px){
	.header{ display:block; overflow:hidden}
	.pc{ max-width:1000px; margin:0 auto; display:block;font-family:"微軟正黑體";}
	.mobile{ display:none; }
	body{ background-image:url(../images/bg_L.jpg);
		  background-position:fixed;
		  background-repeat:no-repeat;
		  background-size:150%;
		  background-color:#000000}
	.header {
	background-image: url(../images/500QF_01.png);
	background-repeat: repeat-x;
	width:100%
}
	h1{ width:992px;
		height:177px;
		background-image:url(../images/web2_01.png);
		text-indent:-9999px;}
	h2{
	color: #003366;
	width: 450px;
	font-size: 26px;
	font-weight: bolder;
	padding: 65px 0 0 0;
}
	.Movie-Synopsis{ 
		padding:5px 0 0 0;
		width:450px;
		line-height:26px;		
		}
	.Free-btn{
		width:273px; height:74px; 
		margin:10px 0 0 82px;
		background-image:url(../images/btn.png);
		background-repeat:no-repeat;
		text-indent:-99999px;		
		}
	.Free-btn:hover{
		background-position:-280px 0;
		}
	.notification_1{
		color:#525252;
		font-size:15px;
		font-weight:bold;
		width:440px;
		text-align:center;
		margin-top:5px;
		line-height:22px;}
	.notification_2{
		color:#dc5252;
		font-size:15px;
		font-weight:bold;
		width:440px;
		text-align:center;
		margin-top:25px;}
	.method{
		color:#d4d3d3;
		font-size:13px;
		font-weight:bold;
		width:720px;
		margin:0 auto;
		line-height:20px;
		letter-spacing: 1px;}
	.method a{
		color: #ffe44c;
		text-decoration: underline;
	}
	.method-title{
		color:#d4d3d3;
		font-size:15px;
		font-weight:bold;
		width:720px;
		margin:10px auto 0 auto;
		line-height:30px;}
	.fb-bg{ display:block; float:left;}
	.fb-fans{ display:block; float:right}
}
