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;
   background-color: #ff7603;
   }
.header > .container > .thumbnail > h1{ font-size:4em;}
#footer, #sidebar-wrapper, .logo_small, .home-header{ display:none;}
#wrapper{padding:0px; padding-top:0px;height: 1142px;}
.hidden-print{ display:none;}
.thumbnail{ margin:0px;}
.note{ margin:10px; padding:10px; font-size:1.6em; border-radius:60px; color:#1e7e3b; background-color:#FFF; text-align:left;}
.header{
    background: none;
    position: relative;
    width: 100%;
    height:100%;
	  padding:60px; margin:0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
	}
.header > .container{
	width:1024px;
	}
.header > .container > .thumbnail{
    border-radius:20px;
	padding:50px; border: #FFF solid 0px;
	background: none repeat scroll 0% 0% rgba(256, 256, 256, 0);
	box-shadow: none;
	text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.50);
    }
.swipe {
  overflow: hidden;
  visibility: hidden;
  position: relative;
}
.swipe-wrap {
  overflow: hidden;
  position: relative;
}
.swipe-wrap > div {
  float:left;
  width:100%;
  position: relative;
}
.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; margin-bottom:0px;
	-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 50px 0}
.imgtop{ margin-top:70px;}
.word{ padding: 20px 10px;background-color:#fff;color:#0099CC;font-size:20px;}
.container{ max-width:1024px;}
a{color:#fff;text-decoration:underline;}
a:hover{text-decoration:underline;}
.stamp {width: 100%;padding: 0 10px;position: relative;overflow: hidden;z-index: 0;}
.stamp:before {content: '';position: absolute;top:0;bottom:0;left:10px;right:0;z-index: -1;}
.stamp:after {position: absolute;left: 10px;top: 10px;right: 10px;bottom: 10px;box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.5);z-index: -2;}
.stamp i{position: absolute;left: 20%;top: 45px;height: 190px;width: 120%;background-color: rgba(255,255,255,.15);transform: rotate(-30deg);}
.stamp .par{font-weight:bolder;float: left;padding: 15px 0;width: 20%;text-align: center;font-size: 35px;color:rgb(255,255,255);}
.stamp .copy{display: inline-block;padding:25px 10px;width:80%;vertical-align: text-bottom;font-size: 20px;color:rgb(255,255,255);border-left:2px dashed rgba(255,255,255,.3);}
.stamp02{background: #D24161;background: radial-gradient(transparent 0, transparent 5px, #D24161 5px);background-size: 15px 15px;background-position: 9px 3px;}
.stamp02:before{background-color:#D24161;}
.description{position: absolute;}
#download{margin-top:162px}
.area{padding:60px 0;}
#lamigirl{background-color:rgba(0,0,0,0.7);padding:30px;color:#fff;position: absolute;z-index:98;bottom:0;max-width:625px;right:50px;bottom:50px;}
.panel img{margin:20px 0;}
.panel-body{padding: 40px 90px;}
.description2,.description3{padding:50px;}
.discount{position: absolute;z-index: 1;}
@media (min-width: 768px) and (max-width: 1024px) {
	#wrapper{padding-bottom:0px;}
	.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 80px 0px}
	.note{ font-size:1.4em; border-radius:30px;}
    }
@media (max-width: 767px) {
	#wrapper{padding-bottom:0px;}
	.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 80px 0px}
	.note{ font-size:1.3em; border-radius:30px;}
  .imgtop{ margin-top:0;}
  #lamifun{max-width: 60%;}
  #download{margin-top: 20px}
  .description{position: initial;line-height:26px;}
  .area{padding:20px;}
  #lamigirl{position:initial;max-width:100%;line-height:26px;}
  #area3{padding-bottom:60px;}
  .panel img{margin:10px 0;}
  .panel-body{padding: 20px;}
  .description2{padding:20px;}
  .description3{padding:20px 30px;}
  .discount{width:100px;}
  .fa-big { font-size: 2em; padding-top:15px;}
}