body{font-size:14pt;line-height:;font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;background-color:#eee;width:100%;background-repeat: repeat;text-align:;margin:0px;color:#666666;direction:;background-image:url();}
p{padding-right: 4px;padding-left: 4px;}
a{color:#666666;text-decoration:none;font-weight:bold;font-size:14pt;}
a:visited{color:#666666;text-decoration:none;font-weight:bold;}
h1{font-family: "Lucida Sans Unicode";font-size: 18pt;color: #474747;font-weight: regular;}
h2{font-family: "Lucida Sans Unicode";font-size: 14pt;color: #474747;font-weight: regular;}
h3{font-family: "Lucida Sans Unicode";font-size: 12pt;color: #474747;font-weight: bold;}
li{font-family: "Lucida Sans Unicode";font-size: 11pt;font-style: normal;line-height: normal;padding: 0px;margin-bottom:10px;color: #666666;}
.itemimage{border:solid 0px #aaa;max-width:100px;width: expression(this.width > 100 ? 100: true);vertical-align:middle;}
.iimage{border:solid 0px #aaa;max-width:320px;width: expression(this.width > 320 ? 320: true);vertical-align:middle;}
ol{list-style-type: decimal;}
ul{list-style-type: square;}
/*iconmenucssaddition2*/.iconmenulistcontainer{  padding: 0;  margin: 0;  list-style: none;}
.iconmenucontainer{  border-bottom:solid 1px #c8c8c8;  background:white;  margin: 0;}
.iconmenuitemlink{  display:block;  font-size: 16px;  font-family: sans-serif;   font-weight: 100;  color:#000;  -webkit-touch-callout: none;  -webkit-user-select: none;  -khtml-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none;  -webkit-tap-highlight-color: rgba(0,0,0,0.1);}
.iconmenuimgcontainer{  float:left;  max-width:30px;   padding: 10px 5px 10px 7px;}
 .iconmenuitemimage{  vertical-align: middle;  padding: 0;  height: 23px;  width: 23px;  border:0;}
.iconmenuimgarrowcontainer{  float:right;   padding: 14px 10px 13px;   vertical-align: middle;}
.iconmenuimgarrow{  border: none;  max-width: 100%;  vertical-align: middle;  width: 10px;}
.iconmenutitle{  font-size:16px;  font-family: sans-serif;  font-weight: 100;  color:#000;  float:left;  padding: 14px 5px 13px;  margin: 0;  -webkit-touch-callout: none;  -webkit-user-select: none;  -khtml-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none;  -webkit-tap-highlight-color: rgba(0,0,0,0.1);color:#666666;font-size:14pt;}
/*pinkmenucssaddition2*/.pinkmenuheader{width: 50%;margin: 0% auto;margin-top: 5%;margin-bottom: 3%;margin-left: 45%;}
body > .squaremenupanel{box-sizing: border-box;    -webkit-box-sizing: border-box;    -moz-box-sizing: border-box;  -webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;  padding:0px;width: 100%;margin: 0 auto;-webkit-tap-highlight-color:rgba(0,0,0,0.1);}
.pinkmenucontainer{    padding-left: 5%;    padding-right: 3%;    background: #FFFFFF;    text-align: center;    font-size: 10px;    margin: 0px 0 0px 0;    list-style: none;    background-color: transparent;    margin-top: 35vh;}
.pinkmenuitem{    position: relative;    font-family: Arial, Helvetica,sans-serif;    padding-left: 10px;    padding-right: 10px;    margin: 0;    background-color: #fff;    width: 31%;    /* height: 25%; */    float: left;    /* border: solid 2px #f2f2f2; */    box-sizing: border-box;    margin: 3px 3px 3px 3px;    border-radius: 20px;}
.pinkmenuitemlink{text-decoration: none;display: block;}
.pinkmenuitemimage{    margin-top: 23px;    margin-bottom: 25%;    margin-left: auto;    margin-right: auto;    max-width: 40%;}
.pinkmenutitle{font-family: STHeitiTC-Light, Tahoma;font-size: 16px;margin-bottom: 7%;line-height: 1;overflow: hidden;text-overflow: ellipsis;max-height: 1;    white-space: nowrap;}
/*loyaltycssaddition*/.loyalty_body{margin: 0;padding: 0;width: 100%;min-height: 100%;}
@font-face{font-family: Roboto;src: url('Roboto-black.ttf');}
@font-face{font-family: Roboto;font-weight: 700;src: url('Roboto-Bold.ttf');}
@font-face{font-family: Roboto;font-weight: 500;src: url('Roboto-Medium.ttf');}
@font-face{font-family: Roboto;font-weight: 400;src: url('Roboto-Regular.ttf');}
@font-face{font-family: Roboto;font-weight: 300;src: url('Roboto-Light.ttf');}
.stamps_container,.discount_container,.achievement_container{width: 100%;max-width: 425px;margin: 0 auto;overflow: hidden;}
.stamp_item{width: 25%;float: left;text-align: center;margin: 12px 0;}
.icon_stamp:before{content: url("stamp.svg");}
.get_stamp{-webkit-border-radius: 16px;-moz-border-radius: 16px;border-radius: 16px;display: inline-block;position: relative;}
.get_stamp::before{position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);content: "Get Stamp";font-family: "Roboto", sans-serif;font-size: 15.6px;font-weight: 300;font-style: normal;font-stretch: normal;line-height: 1.38;letter-spacing: 0.4px;text-align: center;color: #878787;}
.discount_container{padding: 16px 16px;box-sizing: border-box;}
.discount_container h4,.discount_container h5,.discount_container p{font-family: "Roboto", sans-serif;font-size: 18px;font-weight: 300;font-style: normal;font-stretch: normal;line-height: 1.0;letter-spacing: 0.4px;text-align: center;color: #4b4b4b;margin: 0;padding: 16px 0;}
.discount_container p{line-height: 1.12;font-size: 16px;}
.discount_container h4,.discount_container h4 span{font-size: 24px;line-height: 0.75;letter-spacing: 0.6px;}
.achievement_container div{float: left;width: calc(100% - 31px);margin: 10px 0;}
.achievement_container div:first-of-type{width: 31px;}
.achievement_container div span{font-family: "Roboto", sans-serif;font-size: 12px;font-weight: 300;font-style: normal;font-stretch: normal;line-height: 1.5;letter-spacing: 0.3px;text-align: left;color: #4b4b4b;}
.achievement_container div .icon_achieve{width: 16px;height: 16px;background-image: linear-gradient(to right, #06beb6, #48b1bf);margin: 0 15px 0 0;position: relative;display: inline-block;border-radius: 50%;}
.achievement_container div .icon_achieve::before{position: absolute;left: 50%;top: 50%;line-height: 0;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);content: url("check.svg");}
@media screen and (min-width: 680px){.stamps_container,.discount_container{max-width: 674px;}
.stamp_item{width: 12.5%;}
}
