@charset "utf-8";
	.mobile-web{ width:100%; display:block; margin:0 auto;}
	.header { background-image: url(../images/30day-free-M_01.jpg); overflow:hidden; background-size:100%; padding-bottom:36%}
	
	.pic{   position:relative;}
	.title{ position: absolute; bottom:-110px; z-index:999999;}
	.slideshow{ width:100%; margin:0 auto;}
	.movie-sale-group{
		 background-image: url(../images/30day-free-M_07.jpg);
		 background-size:1px 100%;
		 padding:5px;
		 width:100%;
		 box-sizing:border-box;
		 overflow:hidden}
	.movie-sale-group li{
		display:block;
		overflow:hidden;}
	.movie-sale-group .movie-pic{
		width:33%;
		padding:5px;
		box-sizing:border-box;
		float:left;
		}
	.movie-name{
		width:100%;
		text-align:center;
		font-size:15px;
		line-height:20px;
		color:#fff;
		font-family:"微軟正黑體";
		text-decoration: none;
		}
	a:link, a:visited, a:hover, a:active{text-decoration: none;}
	
	.btn{ background:#CC2958; width:100%; text-align:center}
	body{
	background-image: url(../images/bg.jpg);
	background-size:100%;
	background-repeat: no-repeat;
}
	.notice-bg{
		background-color:#24292c;
		font-family:"微軟正黑體"}
	.notice-web{
		color:#cccccc;
		font-size:15px;
		line-height:25px;
		padding:10px 0 20px 0;
		width:85%;
		margin:0 auto;
		font-family:"微軟正黑體"
		}
	.notice-web li{ 
		list-style-type:decimal;
		margin:0 0 0 15px}
	
	.notice-web li a {
		color: #fcff00;
		text-decoration: none;
	}

@media screen and (min-width: 424px){
	.header { background-image: url(../images/30day-free-M_01.jpg); overflow:hidden; background-size:100%; padding-bottom:28%}}

@media screen and (min-width: 737px){
	.mobile-web{ width:740px;}
	.header { background-image: url(../images/30day-free-M_01.jpg); overflow:hidden; background-size:100%; padding-bottom:25%}
	.slideshow{ width:95%; margin:0 auto}
	.title{ position: absolute; bottom:-180px; z-index:999999;}}