@charset "UTF-8";
/* CSS Document */
body {background-color:#faf8dc; font-family: 'Exo', "Microsoft JhengHei", "apple LiGothic Medium", sans-serif}
h1 {font-size:1em; line-height:1.6em;}
FL { float:left;}
.textarea { 
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}
.alltransition {
	transition:all 0.5s ;
  -webkit-transition:all 0.5s ;
  -o-transition:all 0.5s ;
  -moz-transition:all 0.5s ;}
body, #contentwrapper, #wrapper, .contentbox, .bt_donate, .H_rule, .stepbox, .details, .H_prize,.prize,.prizeBG, .firstprize, .otherprize, .comingsoon  { margin:0 auto;}
#contentwrapper { font-size:1em;  font-family: 'Exo', "Microsoft JhengHei", "apple LiGothic Medium", sans-serif;  background-color:#BBDEDE;}
#contentwrapper {width:100%;}
#wrapper {width:100%; min-width:760px; max-width:1250px;}
.KV { text-align:center;}
.KV_headline { text-align:center; width:100%;}
.KV_headline img {width:75%; margin:0 0 1.5em -2.5em;}
#offerwrapper {width:100%;  height:100%; background-color:#F2F2E9;}
.introwrpaper {width:80%; background-color:#EF6088; border-color: #FFF; border-style: solid; border-width:1em 1em 1em 1em;}
.Bdaycake {width:300px; text-align:center; border-color: #FFF; padding-right:2em;}
.contentbox { height:300px; text-align:left; color: #FFF; letter-spacing:1px; line-height:1.4em; font-size:1.3em; padding:3.8em 2em;}
.offerbar { width:85%; padding:3em;}
.offerlist_wrapper {width:90%;}
.offer { width:216px; height:420px; background: url(../images/offerbox.jpg) no-repeat;}
.offer a { text-decoration: none;}
.coupon_btn { position: absolute; width:178px; height:190px; margin: 50px 38px; z-index:1; color:#fff; font-size:25px; line-height:190px; font-weight:900; text-align:center;  border-style: solid; border-width:2px; background-color:#D93F6B; }
.rest_photo { position: absolute; width:178px; height:190px; margin: 50px 38px; border-color: #F1F2F2; border-style: solid; border-width:2px;  z-index:2}
.rest_photo:hover { background-size: auto 110% !important; opacity:0.3;}
.rest_content { width:179px; text-align:center; color:#DE4D5F; font-weight:900; font-size:19px; line-height:24px; padding:252px 13px; margin-left: 36px;}
.rest_content span {color:#939598; font-size:15px;}
.megabox {width:80%; }
#OR_FOOT span span img {height:80px;}


@media only screen and (max-width : 768px) {
	#contentwrapper { font-size:0.8em;}
	.details { width:320px; }
	#OR_FOOT {bottom:0;}
	#OR_FOOT span span img {height:1px;}

}

@media only screen and (min-width : 768px) and (max-width : 900px) {
	#contentwrapper { font-size:0.8em;}

}

@media only screen and (min-width : 900px) and (max-width : 1100px) {
	#contentwrapper { font-size:0.9em;}

}

@media only screen and (min-width : 1100px){
	#contentwrapper { font-size:1.1em;}

}