h1, h2, h3, h4{ margin:5px 0;}
body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: "蘋果儷中黑","Lucida Sans Unicode","Lucida Grande","Microsoft JhengHei",sans-serif;}
.label{
   margin: 5px 5px 5px 0px;
   padding: 0.4em 0.6em;
   font-size: 80%;
   text-shadow: none;
   }
.header > .container > .thumbnail > h1{ font-size:4em;}
#footer, #sidebar-wrapper, .logo_small, .home-header{ display:none;}
#wrapper{padding:0px; padding-top:0px;}
.hidden-print{ display:none;}
.thumbnail{ margin:0px;}
.header{
	background:url(images/bg-top.jpg)no-repeat top center scroll;
	display: table;
    position: relative;
    width: 100%;
    height:100%;
	padding:20px; margin:0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
	}
.header > .container{
	width:100%;
	}
.header > .container > .thumbnail{
    border-radius:20px;
	padding:50px; border: #FFF solid 0px;
	background: none repeat scroll 0% 0% rgba(256, 256, 256, 0.6);
	box-shadow: none;
	text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.50);
    }
.area-gift{
	background-color: #ffe68b;
	padding:50px;
	background:url(images/bg_gift.jpg)no-repeat center center scroll;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
	}
.area-step{
	background-color: #cff485;
	padding:50px;
	background:url(images/bg_step.jpg)no-repeat center center scroll;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
	}
.area-poi{
	background-color: #dfbef5;
	padding:50px;
	background:url(images/bg_poi.jpg)no-repeat center center scroll;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
	}
.area-list{
	background-color: #fff;
	padding:50px;
	}
.area-rule{
	padding:50px;
}
.fa-big{ font-size: 16em;}
.text-title{
	text-shadow: 0px 1px 0px rgba(256, 256, 256, 0.50);
	}
.box-text{ color:#FFF; padding: 10px 10px 0px 10px; margin: 10px; position: absolute; bottom:0px; left: 0px; right: 0px; background: rgba(0, 0, 0, 0.6) none repeat scroll 0% 0%;}
.shadow{ box-shadow: 0px 0px 3px #A9A9A9;}
.box-poi{ background-color:#c582f2; border-radius:6px; margin:0px; padding:10px; border-bottom:5px solid #b654f8; text-align:center; color:#FFF; }
.box-member{ background-color:#ffb181;  border-radius:6px; padding:5px; border-bottom:5px solid #ff904b; color:#FFF; text-align:left;}
.img-member{ width:80px; height:80px; float:left; padding:10px;}
.margin-t30{ margin-top:30px;}
.tip{ background-color:#b654f8; width:63px; height:63px; padding:12px 7px 0px 7px; color:#FFF; right:15%;}
.free{ font-size:1.5em;}
.text-small{ font-size:0.7em;}
.box-black{ background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.6); bottom:0px; padding:50px; color:#FFF; width:100%; border-radius:6px;}
.padding50{ padding:50px;}
.box-rule{ padding:50px 0 0 0}
@media (min-width: 768px) and (max-width: 1024px) {
	#wrapper{padding-bottom:30px;}
	.header > .container{ width:100%;}
	.header,.area-gift,.area-step,.area-poi,.area-list,.area-rule{ padding:20px 10px 30px 10px;}
	.header > .container > .thumbnail{ padding:30px; border-radius:6px;  border: #FFF solid 0px;}
	.fa-big{ font-size: 8em;}
	.header > .container > .thumbnail > h1{ font-size:3em;}
	h1{ font-size:2em;}
	h2, h3{ font-size:1.5em;}
	h4{ font-size:1.2em;}
	.padding20{ padding:5px;}
	.img-member{ width:70px; height:70px; padding:10px;}
	.tip{right:2%;}
	.free{ font-size:1.3em;}
	.box-black{ padding:10px;}
	.padding50{ padding:10px;}
	.box-rule{ padding:30px 20px 30px 0px}
    }
@media (max-width: 767px) {
	#wrapper{padding-bottom:30px;}
	.header > .container{ width:100%;}
	.header,.area-gift,.area-step,.area-poi,.area-list,.area-rule{ padding:20px 10px 30px 10px;}
	.header > .container > .thumbnail{ padding:20px; border-radius:6px;  border: #FFF solid 0px;}
	.fa-big{ font-size: 8em;}
	.header > .container > .thumbnail > h1{ font-size:2em;}
	h1{ font-size:2em;}
	h2, h3{ font-size:1.3em; text-align:left;}
	h4{ font-size:1.1em;}
	.padding20{ padding:5px;}
	.img-member{ width:70px; height:70px; padding:10px;}
	.tip{right:25%;}
	.free{ font-size:1.3em;}
	.box-black{ padding:10px;}
	.padding50{ padding:0px;}
	.box-rule{ padding:30px 20px 30px 0px}
	}