@import "reset.css";
body {font:26px Arial, "微軟正黑體", Helvetica, sans-serif;font-size:24px;line-height:30px;color: #391D04; padding:0; margin:0; }
ul li { list-style:none; }
img { width:100%; height:auto; border:0; }
.pc_cl { display:none; visibility:hidden; }


/*天bar*/
header { background:#f9f9f9; color:#3c3c3c; height:40px; border-bottom:1px solid #ccc; }
.header { padding:7px 0 0 10px; margin:0 auto; }
	.header img { width:81px; }
	.header h3 { padding:0; margin:0; }
	.header h3 img { float:right; width:26px; padding-right:12px; }


/*首頁蓋台*/
.ind_con_mob{ display:block;position:absolute; width:100%; z-index:1002;margin: 20% 0 0 0;}
.ind_close { width:18%; z-index:999; position:absolute; padding-left:78%; top:-10%;cursor:pointer; }



/*content*/
.content {
   margin: 0px auto;
   position: relative;
}

.logo{ display:block; position:absolute;width:29%; z-index: 2;left:1%;top:1%;  }
.logo a{ display:block;  }

/*line*/
.line{ display:block;position:absolute; width:51%; z-index: 6;left:48.3%;top:29%;cursor:pointer;}

/*粉絲加碼送btn01*/
.btn01a{ display:block;position:absolute; width:25%;z-index: 6;left:31%;top:47%;cursor:pointer;}
.btn01_con_mob { display:block;position:absolute; width:100%;margin:-80% 0 0 0; z-index:1002;}
.btn01_close { width:18%; z-index:999; position:absolute; padding-left:78%; top:-2%;cursor:pointer; }
.black { background:#000; position:fixed; width:100%; height:100%; display:none; top:0; left:0; z-index:999; }

/*影片介紹btn02*/
.btn02{ display:block;position:absolute; width:20%;z-index: 6;left:18%;top:68.5%;cursor:pointer;}
.btn02 a{ display:block; }
.btn02_con_mob {  display:none; position:absolute;}
#movie_bg { width:117.5%;  position:absolute; z-index:1002; top:20%; }
.movie_1 {height:400px; }
.movie_1 iframe { width:85%; height:85%; padding:0; margin:0; }
.movie_close { width:8%; z-index:1002; position:absolute; padding-left:85%; top:16%;cursor:pointer; }
/*注意事項btn03*/
.btn03a{ display:block;position:absolute; width:20%;z-index: 6;left:76%;top:65.5%;cursor:pointer;}
.btn03 a{ display:block; }
.btn03_con_mob { display:block; position:absolute; width:100%;margin:-80% 0 0 0; z-index:1002;}

/*燈箱視窗01*/
.page1{ display:block;width:100%;}
.h3{ display:block;width:80%; padding:5% 0 0 10%;}
.h4{ display:block;width:90%; padding:2% 0 0 6%;}
.h4 li.B{ padding-left:30px; margin-top:-28px;}
.h5{ color:#FD0004;}
.page_top1_mob{width: 100%;}
.page_bg{ display:block;width:100%;background:url(../images/page_bg_mob.jpg) repeat-y; overflow:hidden; }
.btn04{display:block;width:80%;cursor:pointer; padding-left:8%;}
.btn04 a{ display:block;}
.fans{width:100%;margin:0 auto;}
.fans li { float: left;padding:5% 5% 0 8%;}

/*目前參加人數btn03*/
.join_txt{display:block; z-index: 8;position:absolute;left:50%;top:-3.7%;}
.join_p{display:block; z-index: 8;position:absolute;left:10.5%; top:3.5%; font-size:60px;: text-align:center; color: #391D04;}

/*下半部*/
.content2{
   margin: 0px auto;
   position: relative;
}

@media screen and (max-width: 414px) {
.fans li { float: left;padding:5% 0% 0 3%;}
.join_p{left:12.2%; top:3%; font-size:38px;: text-align:center; color: #391D04;}
}
@media screen and (max-width: 375px) {
.fans li { float: left;padding:5% 0% 0 1%;}
.join_p{left:10%;}
}
@media screen and (max-width: 360px) {
.fans li { float: left;padding:5% 0% 0 11%;}
.join_p{left:12%; top:3%; font-size:32px;:}
}
@media screen and (max-width: 320px) {
.fans li { float: left;padding:5% 0% 0 8.5%;}
.join_p{font-size:28px;:}
}

.ind_stit { position:absolute;}
.star01{display:block;width:20%;z-index: 8;position:absolute;left:30%;top:6.5%; }
.star02{display:block;width:20%;z-index: 8;position:absolute;left:16%;top:13%;}
.star03{display:block;width:20%;z-index: 8;position:absolute;left:65%;top:19.7%;}
.star04{display:block;width:20%;z-index: 8;position:absolute;left:68%;top:32%;}
.star05{display:block;width:20%;z-index: 8;position:absolute;left:45%;top:28.5%;}
.star06{display:block;width:20%;z-index: 8;position:absolute;left:6%;top:25%;}
.star07{display:block;width:20%;z-index: 8;position:absolute;left:22%;top:38%;}
.star08{display:block;width:20%;z-index: 8;position:absolute;left:48%;top:40.5%;}
.star09{display:block;width:20%;z-index: 8;position:absolute;left:19%;top:48.5%;}
.star10{display:block;width:20%;z-index: 8;position:absolute;left:67%;top:54%;}
.star11{display:block;width:20%;z-index: 8;position:absolute;left:31%;top:66%;}
.star12{display:block;width:20%;z-index: 8;position:absolute;left:52%;top:75%;}

.prize01{display:block;width:20%;z-index: 6;position:absolute;left:50%;top:6.3%;}
.prize02{display:block;width:20%;z-index: 6;position:absolute;left:15%;top:17.5%;}
.prize03{display:block;width:20%;z-index: 6;position:absolute;left:65%;top:23%;}
.prize04{display:block;width:20%;z-index: 6;position:absolute;left:68%;top:35%;}
.prize05{display:block;width:20%;z-index: 6;position:absolute;left:42%;top:32%;}
.prize06{display:block;width:20%;z-index: 6;position:absolute;left:21%;top:26.8%;}
.prize07{display:block;width:20%;z-index: 6;position:absolute;left:22%;top:42%;}
.prize08{display:block;width:20%;z-index: 6;position:absolute;left:53%;top:43.5%;}
.prize09{display:block;width:20%;z-index: 6;position:absolute;left:31%;top:51.5%;}
.prize10{display:block;width:20%;z-index: 6;position:absolute;left:67%;top:57%;}
.prize11{display:block;width:20%;z-index: 6;position:absolute;left:30%;top:69.5%;}
.prize12{display:block;width:20%;z-index: 6;position:absolute;left:45%;top:83%;}
.aa{display:block;width:100%;z-index: 10;position:absolute;left:1%;top:92.5%;}

/*nav*/
nav { font:12px/1em Verdana, Geneva, sans-serif; background:#fff; text-align:center; overflow:hidden; border-top:1px solid #ccc; padding:6px 0; }
@media screen and (-webkit-min-device-pixel-ratio:0){ nav { width:auto; } }
	nav a { height:20px; border-right:1px solid #ccc; padding:0 10px 0 0; margin:8px 5px 0; }
	nav a.none { border-right:none; margin:8px -10px 0 5px; }
	nav a, nav a:link,nav a:visited { color:#3c3c3c; text-decoration:none; }
	nav a:hover { color:#006ead; text-decoration:none; }
@media screen and (min-width:200px) and (max-width:560px) {
/*nav*/
nav { line-height:1em; }
	nav a { display:inline-block }
}
@media screen and (max-width:200px) {
/*nav*/
nav { line-height:1.8em; }
}


/*footer*/
footer { background:#fff; color:#3c3c3c; border-top: 1px solid #ccc; }
	footer .copyright { font:11px/1.1em Verdana, Geneva, sans-serif; float:left; padding:0; margin:3px 5px 0 0; }
.footer { padding:2% 0 10% 2%; position:relative; }
	.footer img { width:21%; margin:0 2% 0 0; display:inline-table; }
	.footer_class { position:absolute; top:14.5%; right:0; }
		.footer_class img { width:65%; }

.flogo { display:inline-block; }
.flogo img { width:91%; }